@ynput/ayon-frontend-shared 0.3.28 → 0.3.30

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,12 +1,115 @@
-import { j as e } from "../../../../../../_virtual/jsx-runtime.es.js";
+import { j as o } 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 a from "clsx";
+import s 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 "../../../../../../_virtual/runtime.es.js";
+import "../../../../../../_virtual/semver.es.js";
+import "../../../../api/base/client.es.js";
+import "../../../../api/generated/graphql.es.js";
+import "../../../../api/generated/graphqlLinks.es.js";
+import "../../../../api/generated/access.es.js";
+import "../../../../api/generated/actions.es.js";
+import "../../../../api/generated/activityFeed.es.js";
+import "../../../../api/generated/addons.es.js";
+import "../../../../api/generated/anatomy.es.js";
+import "../../../../api/generated/attributes.es.js";
+import "../../../../api/generated/authentication.es.js";
+import "../../../../api/generated/bundles.es.js";
+import "../../../../api/generated/configuration.es.js";
+import "../../../../api/generated/dataImport.es.js";
+import "../../../../api/generated/desktop.es.js";
+import "../../../../api/generated/entityLists.es.js";
+import "../../../../api/generated/events.es.js";
+import "../../../../api/generated/files.es.js";
+import "../../../../api/generated/folders.es.js";
+import "../../../../api/generated/inbox.es.js";
+import "../../../../api/generated/links.es.js";
+import "../../../../api/generated/market.es.js";
+import "../../../../api/generated/onboarding.es.js";
+import "../../../../api/generated/operations.es.js";
+import "../../../../api/generated/products.es.js";
+import "../../../../api/generated/projectDashboard.es.js";
+import "../../../../api/generated/projects.es.js";
+import "../../../../api/generated/projectFolders.es.js";
+import "../../../../api/generated/reviewables.es.js";
+import "../../../../api/generated/services.es.js";
+import "../../../../api/generated/system.es.js";
+import "../../../../api/generated/tasks.es.js";
+import "../../../../api/generated/teams.es.js";
+import "../../../../api/generated/thumbnails.es.js";
+import "../../../../api/generated/uRIs.es.js";
+import "../../../../api/generated/users.es.js";
+import "../../../../api/generated/versions.es.js";
+import "../../../../api/generated/workfiles.es.js";
+import "../../../../api/generated/ynputCloud.es.js";
+import "../../../../api/generated/grouping.es.js";
+import "../../../../api/generated/views.es.js";
+import "../../../../api/queries/actions/getActions.es.js";
+import "../../../../api/queries/activities/getActivities.es.js";
+import "../../../../api/queries/activities/updateActivities.es.js";
+import "../../../../api/queries/activities/updateReaction.es.js";
+import "../../../../api/queries/activities/getMentions.es.js";
+import "../../../../api/queries/activities/getCategories.es.js";
+import "../../../../api/queries/addons/getAddons.es.js";
+import "../../../../api/queries/addons/updateAddons.es.js";
+import "../../../../api/queries/attributes/getAttributes.es.js";
+import "../../../../api/queries/attributes/updateAttributes.es.js";
+import "../../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../../api/queries/cloud/cloud.es.js";
+import "../../../../api/queries/config/getConfig.es.js";
+import "../../../../api/queries/config/updateConfig.es.js";
+import "../../../../api/queries/entities/getEntity.es.js";
+import "../../../../api/queries/entities/getEntityPanel.es.js";
+import "../../../../api/queries/entities/updateEntity.es.js";
+import "../../../../api/queries/entityLists/getLists.es.js";
+import "../../../../api/queries/entityLists/updateLists.es.js";
+import "../../../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../../../api/queries/entityLists/listFolders.es.js";
+import "../../../../api/queries/folders/getFolders.es.js";
+import "../../../../api/queries/folders/getFolderDeleteInfo.es.js";
+import "../../../../api/queries/grouping/getGrouping.es.js";
+import "../../../../api/queries/links/updateLinks.es.js";
+import "../../../../api/queries/links/getLinks.es.js";
+import "../../../../api/queries/links/getEntityLinks.es.js";
+import "../../../../api/queries/overview/getOverview.es.js";
+import "../../../../api/queries/overview/updateOverview.es.js";
+import "../../../../api/queries/versions/getVersionsProducts.es.js";
+import "../../../../api/queries/permissions/getPermissions.es.js";
+import "../../../../api/queries/products/createProduct.es.js";
+import "../../../../api/queries/products/getFolderProducts.es.js";
+import "../../../../api/queries/project/getProject.es.js";
+import "../../../../api/queries/project/updateProject.es.js";
+import "../../../../api/queries/projectFolders/projectFolders.es.js";
+import "../../../../api/queries/review/getReview.es.js";
+import "../../../../api/queries/review/updateReview.es.js";
+import "../../../../api/queries/share/share.es.js";
+import "../../../../api/queries/system/getSystem.es.js";
+import "../../../../api/queries/tasks/getTasks.es.js";
+import "../../../../api/queries/tasks/updateTasks.es.js";
+import "../../../../api/queries/teams/getTeams.es.js";
+import "../../../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../../../api/queries/users/getUsers.es.js";
+import "../../../../api/queries/users/updateUsers.es.js";
+import "../../../../api/queries/users/guests.es.js";
+import "../../../../api/queries/versions/updateVersions.es.js";
+import "../../../../api/queries/views/getViews.es.js";
+import "../../../../api/queries/views/updateViews.es.js";
+import "../../../../api/queries/watchers/getWatchers.es.js";
+import "../../../../api/queries/uris/getUris.es.js";
+import "lodash";
+import "react-toastify";
+import "react-redux";
+import "custom-protocol-check";
+import "../../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "uuid";
+import "../../../../util/pubsub.es.js";
+import "../../../../context/PowerpackContextInstance.es.js";
+import "../../../../context/SubtasksModulesContextInstance.es.js";
 import "../../../../context/ThumbnailUploaderContext.es.js";
 import "../../../../context/SettingsPanelContext.es.js";
 import "../../../../context/pip/PiPProvider.es.js";
@@ -14,7 +117,6 @@ import "react-dom";
 import "../../../../context/pip/PiPWrapper.es.js";
 import "../../../../context/AddonProjectContext.es.js";
 import "../../../../context/AddonContext.es.js";
-import "../../../../context/PowerpackContext.es.js";
 import "../../../../context/MoveEntityContext.es.js";
 import "../../../../context/MenuContext.es.js";
 import "../../../../context/WebsocketContext.es.js";
@@ -64,63 +166,63 @@ const T = {
   filter_none: ["sequence"],
   font_download: ["font"],
   deployed_code: ["model", ".obj", ".abc", ".stl", ".fbx", ".gltf", ".glb", ".usd"]
-}, G = (l) => {
-  for (const [s, t] of Object.entries(T))
-    if (t.some((o) => l.includes(o)))
-      return s;
+}, G = (n) => {
+  for (const [r, i] of Object.entries(T))
+    if (i.some((t) => n.includes(t)))
+      return r;
   return "draft";
-}, de = ({
-  name: l,
-  mime: s,
-  src: t,
-  unsavedAnnotation: o,
+}, sr = ({
+  name: n,
+  mime: r,
+  src: i,
+  unsavedAnnotation: t,
   savedAnnotation: x,
   size: u,
-  progress: p,
-  onRemove: c,
+  progress: a,
+  onRemove: l,
   isCompact: w,
-  isDownloadable: i = !1,
+  isDownloadable: e = !1,
   onExpand: N,
   disableExpand: f,
   onJumpTo: b,
   className: _,
   ...v
 }) => {
-  const k = p && p < 100, [y, C] = $(!1), { feedAnnotationsEnabled: F } = J(), j = l.split("."), m = j.pop() || "", B = j.join("."), n = q(s || "." + m), I = s?.includes("image/") || !!o, g = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("span", { className: "size", children: P(u) }),
-    /* @__PURE__ */ e.jsx(d, { icon: "download", className: "download-icon" })
-  ] }), r = o ?? x;
-  return /* @__PURE__ */ e.jsxs(
+  const k = a && a < 100, [y, C] = $(!1), { feedAnnotationsEnabled: F } = J(), j = n.split("."), c = j.pop() || "", B = j.join("."), p = q(r || "." + c), I = r?.includes("image/") || !!t, g = /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    /* @__PURE__ */ o.jsx("span", { className: "size", children: P(u) }),
+    /* @__PURE__ */ o.jsx(d, { icon: "download", className: "download-icon" })
+  ] }), m = t ?? x;
+  return /* @__PURE__ */ o.jsxs(
     z,
     {
-      className: a(_, {
+      className: s(_, {
         compact: w,
-        isDownloadable: i,
-        isPreviewable: n,
-        isUnsavedAnnotation: !!o
+        isDownloadable: e,
+        isPreviewable: p,
+        isUnsavedAnnotation: !!t
       }),
       ...v,
       children: [
-        /* @__PURE__ */ e.jsxs(
+        /* @__PURE__ */ o.jsxs(
           S,
           {
-            className: a("content-wrapper", {
-              isPreviewable: n,
-              isUnsavedAnnotation: !!o
+            className: s("content-wrapper", {
+              isPreviewable: p,
+              isUnsavedAnnotation: !!t
             }),
             children: [
-              /* @__PURE__ */ e.jsx(d, { icon: G(s || "." + m), className: "type-icon" }),
-              I && t && /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ o.jsx(d, { icon: G(r || "." + c), className: "type-icon" }),
+              I && i && /* @__PURE__ */ o.jsx(
                 U,
                 {
-                  className: a({
+                  className: s({
                     "image-wrapper": !0,
-                    isDownloadable: i || n || o
+                    isDownloadable: e || p || t
                   }),
-                  children: /* @__PURE__ */ e.jsx(
+                  children: /* @__PURE__ */ o.jsx(
                     "img",
                     {
-                      src: t,
+                      src: i,
                       onError: () => C(!0),
                       style: {
                         display: y ? "none" : "block"
@@ -129,8 +231,8 @@ const T = {
                   )
                 }
               ),
-              /* @__PURE__ */ e.jsxs(O, { className: "expand-buttons", children: [
-                n && !f && /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ o.jsxs(O, { className: "expand-buttons", children: [
+                p && !f && /* @__PURE__ */ o.jsx(
                   h,
                   {
                     "data-tooltip": "Open preview",
@@ -139,7 +241,7 @@ const T = {
                     onClick: N
                   }
                 ),
-                (o || F && x) && /* @__PURE__ */ e.jsx(
+                (t || F && x) && /* @__PURE__ */ o.jsx(
                   h,
                   {
                     "data-tooltip": "Jump to annotation",
@@ -152,37 +254,37 @@ const T = {
             ]
           }
         ),
-        /* @__PURE__ */ e.jsxs(
+        /* @__PURE__ */ o.jsxs(
           W,
           {
-            className: a({
+            className: s({
               inProgress: k,
-              isPreviewable: n && !f,
-              isDownloadable: i
+              isPreviewable: p && !f,
+              isDownloadable: e
             }),
             children: [
-              /* @__PURE__ */ e.jsx("span", { className: "progress", style: { right: `${100 - p}%` } }),
-              /* @__PURE__ */ e.jsx("div", { className: "name-wrapper", children: r ? /* @__PURE__ */ e.jsxs("span", { className: "name", children: [
-                /* @__PURE__ */ e.jsx(d, { icon: "draw" }),
-                r.range[0],
-                r.range[1] !== r.range[0] && ` - ${r.range[1]}`
-              ] }) : /* @__PURE__ */ e.jsxs("span", { className: "name", children: [
+              /* @__PURE__ */ o.jsx("span", { className: "progress", style: { right: `${100 - a}%` } }),
+              /* @__PURE__ */ o.jsx("div", { className: "name-wrapper", children: m ? /* @__PURE__ */ o.jsxs("span", { className: "name", children: [
+                /* @__PURE__ */ o.jsx(d, { icon: "draw" }),
+                m.range[0],
+                m.range[1] !== m.range[0] && ` - ${m.range[1]}`
+              ] }) : /* @__PURE__ */ o.jsxs("span", { className: "name", children: [
                 B,
-                /* @__PURE__ */ e.jsxs("span", { className: "extension", children: [
+                /* @__PURE__ */ o.jsxs("span", { className: "extension", children: [
                   ".",
-                  m
+                  c
                 ] })
               ] }) }),
-              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 }))
+              e && (l ? /* @__PURE__ */ o.jsx("div", { className: "download", children: g }) : /* @__PURE__ */ o.jsx("a", { href: i, target: "_blank", rel: "noopener noreferrer", className: "download", children: g }))
             ]
           }
         ),
-        c && /* @__PURE__ */ e.jsx(E, { className: "remove", onClick: c, icon: "close" })
+        l && /* @__PURE__ */ o.jsx(E, { className: "remove", onClick: l, icon: "close" })
       ]
     }
   );
 };
 export {
-  de as default
+  sr 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("../UserTooltipItem.cjs.js");require("../UserTooltip/UserTooltip.styled.cjs.js");require("@ynput/ayon-react-components");require("../../../../../api/base/client.cjs.js");require("../../../../../api/generated/graphql.cjs.js");require("../../../../../api/generated/graphqlLinks.cjs.js");require("../../../../../api/generated/access.cjs.js");require("../../../../../api/generated/actions.cjs.js");require("../../../../../api/generated/activityFeed.cjs.js");require("../../../../../api/generated/addons.cjs.js");require("../../../../../api/generated/anatomy.cjs.js");require("../../../../../api/generated/attributes.cjs.js");require("../../../../../api/generated/authentication.cjs.js");require("../../../../../api/generated/bundles.cjs.js");require("../../../../../api/generated/configuration.cjs.js");require("../../../../../api/generated/dataImport.cjs.js");require("../../../../../api/generated/desktop.cjs.js");require("../../../../../api/generated/entityLists.cjs.js");require("../../../../../api/generated/events.cjs.js");require("../../../../../api/generated/files.cjs.js");require("../../../../../api/generated/folders.cjs.js");require("../../../../../api/generated/inbox.cjs.js");require("../../../../../api/generated/links.cjs.js");require("../../../../../api/generated/market.cjs.js");require("../../../../../api/generated/onboarding.cjs.js");require("../../../../../api/generated/operations.cjs.js");require("../../../../../api/generated/products.cjs.js");require("../../../../../api/generated/projectDashboard.cjs.js");require("../../../../../api/generated/projects.cjs.js");require("../../../../../api/generated/projectFolders.cjs.js");require("../../../../../api/generated/reviewables.cjs.js");require("../../../../../api/generated/services.cjs.js");require("../../../../../api/generated/system.cjs.js");require("../../../../../api/generated/tasks.cjs.js");require("../../../../../api/generated/teams.cjs.js");require("../../../../../api/generated/thumbnails.cjs.js");require("../../../../../api/generated/uRIs.cjs.js");require("../../../../../api/generated/users.cjs.js");require("../../../../../api/generated/versions.cjs.js");require("../../../../../api/generated/workfiles.cjs.js");require("../../../../../api/generated/ynputCloud.cjs.js");require("../../../../../api/generated/grouping.cjs.js");require("../../../../../api/generated/views.cjs.js");require("../../../../../api/queries/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/folders/getFolderDeleteInfo.cjs.js");require("../../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../../api/queries/links/updateLinks.cjs.js");require("../../../../../api/queries/links/getLinks.cjs.js");require("../../../../../api/queries/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/products/getFolderProducts.cjs.js");require("../../../../../api/queries/project/getProject.cjs.js");require("../../../../../api/queries/project/updateProject.cjs.js");require("../../../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../../../api/queries/review/getReview.cjs.js");require("../../../../../api/queries/review/updateReview.cjs.js");require("../../../../../api/queries/share/share.cjs.js");require("../../../../../api/queries/system/getSystem.cjs.js");require("../../../../../api/queries/tasks/getTasks.cjs.js");require("../../../../../api/queries/tasks/updateTasks.cjs.js");require("../../../../../api/queries/teams/getTeams.cjs.js");require("../../../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../../../api/queries/users/getUsers.cjs.js");require("../../../../../api/queries/users/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("../TeamTooltip/TeamTooltip.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("clsx");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/AttributeEditor/attributeTypeMap.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("../../../../../../../_virtual/index.cjs.js");require("../../../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                         */require("uuid");require("../../../../../util/pubsub.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/EnumCellValue.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/context/ProjectTableContext.cjs.js");require("../../../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../../../../components/SearchFilter/filterDates.cjs.js");require("short-uuid");require("../../../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../../ProjectTreeTable/components/DeleteConfirmContent.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("../../../../Slicer/components/Slicer.cjs.js");require("../../../../Slicer/context/SlicerContext.cjs.js");require("../../../../Slicer/hooks/useTableDataBySlice.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/SettingsPanel/SettingsPanel.cjs.js");require("../../../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../../../components/SimpleFormDialog/SimpleFormDialog.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("../../../../../components/ReviewablesSelector/ReviewablesSelector.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("rehype-raw");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("../UserTooltipItem.cjs.js");require("../UserTooltip/UserTooltip.styled.cjs.js");require("@ynput/ayon-react-components");require("../../../../../api/base/client.cjs.js");require("../../../../../api/generated/graphql.cjs.js");require("../../../../../api/generated/graphqlLinks.cjs.js");require("../../../../../api/generated/access.cjs.js");require("../../../../../api/generated/actions.cjs.js");require("../../../../../api/generated/activityFeed.cjs.js");require("../../../../../api/generated/addons.cjs.js");require("../../../../../api/generated/anatomy.cjs.js");require("../../../../../api/generated/attributes.cjs.js");require("../../../../../api/generated/authentication.cjs.js");require("../../../../../api/generated/bundles.cjs.js");require("../../../../../api/generated/configuration.cjs.js");require("../../../../../api/generated/dataImport.cjs.js");require("../../../../../api/generated/desktop.cjs.js");require("../../../../../api/generated/entityLists.cjs.js");require("../../../../../api/generated/events.cjs.js");require("../../../../../api/generated/files.cjs.js");require("../../../../../api/generated/folders.cjs.js");require("../../../../../api/generated/inbox.cjs.js");require("../../../../../api/generated/links.cjs.js");require("../../../../../api/generated/market.cjs.js");require("../../../../../api/generated/onboarding.cjs.js");require("../../../../../api/generated/operations.cjs.js");require("../../../../../api/generated/products.cjs.js");require("../../../../../api/generated/projectDashboard.cjs.js");require("../../../../../api/generated/projects.cjs.js");require("../../../../../api/generated/projectFolders.cjs.js");require("../../../../../api/generated/reviewables.cjs.js");require("../../../../../api/generated/services.cjs.js");require("../../../../../api/generated/system.cjs.js");require("../../../../../api/generated/tasks.cjs.js");require("../../../../../api/generated/teams.cjs.js");require("../../../../../api/generated/thumbnails.cjs.js");require("../../../../../api/generated/uRIs.cjs.js");require("../../../../../api/generated/users.cjs.js");require("../../../../../api/generated/versions.cjs.js");require("../../../../../api/generated/workfiles.cjs.js");require("../../../../../api/generated/ynputCloud.cjs.js");require("../../../../../api/generated/grouping.cjs.js");require("../../../../../api/generated/views.cjs.js");require("../../../../../api/queries/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/folders/getFolderDeleteInfo.cjs.js");require("../../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../../api/queries/links/updateLinks.cjs.js");require("../../../../../api/queries/links/getLinks.cjs.js");require("../../../../../api/queries/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/products/getFolderProducts.cjs.js");require("../../../../../api/queries/project/getProject.cjs.js");require("../../../../../api/queries/project/updateProject.cjs.js");require("../../../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../../../api/queries/review/getReview.cjs.js");require("../../../../../api/queries/review/updateReview.cjs.js");require("../../../../../api/queries/share/share.cjs.js");require("../../../../../api/queries/system/getSystem.cjs.js");require("../../../../../api/queries/tasks/getTasks.cjs.js");require("../../../../../api/queries/tasks/updateTasks.cjs.js");require("../../../../../api/queries/teams/getTeams.cjs.js");require("../../../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../../../api/queries/users/getUsers.cjs.js");require("../../../../../api/queries/users/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("../TeamTooltip/TeamTooltip.styled.cjs.js");require("../../../../../context/RemoteModulesContext.cjs.js");require("../../../../../../../_virtual/runtime.cjs.js");require("../../../../../../../_virtual/semver.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../../../../util/pubsub.cjs.js");require("../../../../../context/PowerpackContextInstance.cjs.js");require("../../../../../context/UriContext.cjs.js");require("../../../../../context/DetailsPanelContextInstance.cjs.js");require("../../../../../context/SubtasksModulesContextInstance.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/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("../../FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../FileUploadPreview/Mimes/TextMime.cjs.js");require("clsx");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("../../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/AttributeEditor.cjs.js");require("../../../../../components/AttributeEditor/attributeTypeMap.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("../../../../../../../_virtual/index.cjs.js");require("../../../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                         */require("../../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../../../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../../../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../../../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("rehype-raw");require("../../../../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../CommentInput/modules/index.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("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../../../components/EnumEditor/EnumEditor.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/EnumCellValue.cjs.js");require("../../../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/MarkdownWidget.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/context/ProjectTableContext.cjs.js");require("../../../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../../../../components/SearchFilter/filterDates.cjs.js");require("short-uuid");require("../../../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../../ProjectTreeTable/components/DeleteConfirmContent.cjs.js");require("../../../../ProjectTreeTable/context/ProjectDataContext.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("../../../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../../Slicer/components/Slicer.cjs.js");require("../../../../Slicer/context/SlicerContext.cjs.js");require("../../../../Slicer/hooks/useTableDataBySlice.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/DetailsPanelMoreMenu/components/ShareDialog.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/ViewsMenu/ViewsMenu.cjs.js");require("../../../../Views/context/ViewsContextInstance.cjs.js");require("../../../../Views/Views.styled.cjs.js");require("../../../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../../ListTable/ListTableRow.cjs.js");require("../../../../ListTable/ListTable.styled.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/FeedbackContextInstance.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/FreeTrialLink.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/SettingsPanel/SettingsPanel.cjs.js");require("../../../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../../../components/SimpleFormDialog/SimpleFormDialog.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("../../../../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../../../../components/ColumnHeaderMenuUI.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":"ywhBAaA,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":"k9iBAaA,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"}