@ynput/ayon-frontend-shared 0.3.10 → 0.3.13

package/dist/shared/src/components/SubtasksManager/SubtasksManagerWrapper.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../_virtual/jsx-runtime.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/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/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/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");const t=require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");const s=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");const a=({SubtasksManager:r,...e})=>{const[u]=t.useUpdateSubtasksMutation(),{data:i=[]}=s.useGetUsersQuery({});return q.jsxRuntimeExports.jsx(r,{...e,updateSubtasks:u,users:i,onNotFound:e.onNotFound})};exports.SubtasksManagerWrapper=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../_virtual/jsx-runtime.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/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/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/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");const t=require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");const s=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");const a=({SubtasksManager:r,...e})=>{const[u]=t.useUpdateSubtasksMutation(),{data:i=[]}=s.useGetUsersQuery({});return q.jsxRuntimeExports.jsx(r,{...e,updateSubtasks:u,users:i,onNotFound:e.onNotFound})};exports.SubtasksManagerWrapper=a;
 //# sourceMappingURL=SubtasksManagerWrapper.cjs.js.map

package/dist/shared/src/components/SubtasksManager/SubtasksManagerWrapper.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubtasksManagerWrapper.cjs.js","sources":["../../../../../src/components/SubtasksManager/SubtasksManagerWrapper.tsx"],"sourcesContent":["// Wraps the SubtasksManager remote component and provides it with required props from context and api\nimport {\n  QueryFilter,\n  SubTaskNode,\n  useGetUsersQuery,\n  UserModel,\n  useUpdateSubtasksMutation,\n} from '@shared/api'\nimport { useNavigate } from 'react-router'\n\ntype UpdateSubtasksMutation = ReturnType<typeof useUpdateSubtasksMutation>[0]\n\nexport interface SubtasksManagerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  subtasks: SubTaskNode[]\n  projectName: string\n  taskId: string\n  selectedSubtaskIds?: string[]\n  users: UserModel[]\n  title?: string | null\n  filters?: QueryFilter\n  actionsPortalClassName?: string\n  onClose?: () => void\n  onSelectSubtasks?: (subtaskIds: string[]) => void\n  updateSubtasks: UpdateSubtasksMutation\n  useNavigate: typeof useNavigate\n  onNotFound?: () => void // when remote module is not found\n}\n\nexport type SubtasksManagerWrapperProps = Omit<SubtasksManagerProps, 'updateSubtasks' | 'users'> & {\n  SubtasksManager: React.ComponentType<SubtasksManagerProps>\n}\n\nexport const SubtasksManagerWrapper = ({\n  SubtasksManager,\n  ...props\n}: SubtasksManagerWrapperProps) => {\n  const [updateSubtasks] = useUpdateSubtasksMutation()\n  const { data: users = [] } = useGetUsersQuery({})\n\n  return (\n    <SubtasksManager\n      {...props}\n      updateSubtasks={updateSubtasks}\n      users={users}\n      onNotFound={props.onNotFound}\n    />\n  )\n}\n"],"names":["SubtasksManagerWrapper","SubtasksManager","props","updateSubtasks","useUpdateSubtasksMutation","users","useGetUsersQuery","jsx"],"mappings":"4sJAgCO,MAAMA,EAAyB,CAAC,CACrC,gBAAAC,EACA,GAAGC,CACL,IAAmC,CACjC,KAAM,CAACC,CAAc,EAAIC,4BAAA,EACnB,CAAE,KAAMC,EAAQ,CAAA,GAAOC,EAAAA,iBAAiB,CAAA,CAAE,EAEhD,OACEC,EAAAA,kBAAAA,IAACN,EAAA,CACE,GAAGC,EACJ,eAAAC,EACA,MAAAE,EACA,WAAYH,EAAM,UAAA,CAAA,CAGxB"}
+{"version":3,"file":"SubtasksManagerWrapper.cjs.js","sources":["../../../../../src/components/SubtasksManager/SubtasksManagerWrapper.tsx"],"sourcesContent":["// Wraps the SubtasksManager remote component and provides it with required props from context and api\nimport {\n  QueryFilter,\n  SubTaskNode,\n  useGetUsersQuery,\n  UserModel,\n  useUpdateSubtasksMutation,\n} from '@shared/api'\nimport { useNavigate } from 'react-router'\n\ntype UpdateSubtasksMutation = ReturnType<typeof useUpdateSubtasksMutation>[0]\n\nexport interface SubtasksManagerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  subtasks: SubTaskNode[]\n  projectName: string\n  taskId: string\n  selectedSubtaskIds?: string[]\n  users: UserModel[]\n  title?: string | null\n  filters?: QueryFilter\n  actionsPortalClassName?: string\n  onClose?: () => void\n  onSelectSubtasks?: (subtaskIds: string[]) => void\n  updateSubtasks: UpdateSubtasksMutation\n  useNavigate: typeof useNavigate\n  onNotFound?: () => void // when remote module is not found\n}\n\nexport type SubtasksManagerWrapperProps = Omit<SubtasksManagerProps, 'updateSubtasks' | 'users'> & {\n  SubtasksManager: React.ComponentType<SubtasksManagerProps>\n}\n\nexport const SubtasksManagerWrapper = ({\n  SubtasksManager,\n  ...props\n}: SubtasksManagerWrapperProps) => {\n  const [updateSubtasks] = useUpdateSubtasksMutation()\n  const { data: users = [] } = useGetUsersQuery({})\n\n  return (\n    <SubtasksManager\n      {...props}\n      updateSubtasks={updateSubtasks}\n      users={users}\n      onNotFound={props.onNotFound}\n    />\n  )\n}\n"],"names":["SubtasksManagerWrapper","SubtasksManager","props","updateSubtasks","useUpdateSubtasksMutation","users","useGetUsersQuery","jsx"],"mappings":"+vJAgCO,MAAMA,EAAyB,CAAC,CACrC,gBAAAC,EACA,GAAGC,CACL,IAAmC,CACjC,KAAM,CAACC,CAAc,EAAIC,4BAAA,EACnB,CAAE,KAAMC,EAAQ,CAAA,GAAOC,EAAAA,iBAAiB,CAAA,CAAE,EAEhD,OACEC,EAAAA,kBAAAA,IAACN,EAAA,CACE,GAAGC,EACJ,eAAAC,EACA,MAAAE,EACA,WAAYH,EAAM,UAAA,CAAA,CAGxB"}

package/dist/shared/src/components/SubtasksManager/SubtasksManagerWrapper.es.js

@@ -77,6 +77,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/getTasks.es.js";
 import { useUpdateSubtasksMutation as i } from "../../api/queries/tasks/updateTasks.es.js";
 import "../../api/queries/userDashboard/getUserDashboard.es.js";
 import { useGetUsersQuery as s } from "../../api/queries/users/getUsers.es.js";
@@ -87,7 +88,7 @@ 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";
-const Jt = ({
+const Kt = ({
   SubtasksManager: o,
   ...t
 }) => {
@@ -103,6 +104,6 @@ const Jt = ({
   );
 };
 export {
-  Jt as SubtasksManagerWrapper
+  Kt as SubtasksManagerWrapper
 };
 //# sourceMappingURL=SubtasksManagerWrapper.es.js.map

package/dist/shared/src/components/SubtasksManager/SubtasksManagerWrapper.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubtasksManagerWrapper.es.js","sources":["../../../../../src/components/SubtasksManager/SubtasksManagerWrapper.tsx"],"sourcesContent":["// Wraps the SubtasksManager remote component and provides it with required props from context and api\nimport {\n  QueryFilter,\n  SubTaskNode,\n  useGetUsersQuery,\n  UserModel,\n  useUpdateSubtasksMutation,\n} from '@shared/api'\nimport { useNavigate } from 'react-router'\n\ntype UpdateSubtasksMutation = ReturnType<typeof useUpdateSubtasksMutation>[0]\n\nexport interface SubtasksManagerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  subtasks: SubTaskNode[]\n  projectName: string\n  taskId: string\n  selectedSubtaskIds?: string[]\n  users: UserModel[]\n  title?: string | null\n  filters?: QueryFilter\n  actionsPortalClassName?: string\n  onClose?: () => void\n  onSelectSubtasks?: (subtaskIds: string[]) => void\n  updateSubtasks: UpdateSubtasksMutation\n  useNavigate: typeof useNavigate\n  onNotFound?: () => void // when remote module is not found\n}\n\nexport type SubtasksManagerWrapperProps = Omit<SubtasksManagerProps, 'updateSubtasks' | 'users'> & {\n  SubtasksManager: React.ComponentType<SubtasksManagerProps>\n}\n\nexport const SubtasksManagerWrapper = ({\n  SubtasksManager,\n  ...props\n}: SubtasksManagerWrapperProps) => {\n  const [updateSubtasks] = useUpdateSubtasksMutation()\n  const { data: users = [] } = useGetUsersQuery({})\n\n  return (\n    <SubtasksManager\n      {...props}\n      updateSubtasks={updateSubtasks}\n      users={users}\n      onNotFound={props.onNotFound}\n    />\n  )\n}\n"],"names":["SubtasksManagerWrapper","SubtasksManager","props","updateSubtasks","useUpdateSubtasksMutation","users","useGetUsersQuery","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCO,MAAMA,KAAyB,CAAC;AAAA,EACrC,iBAAAC;AAAA,EACA,GAAGC;AACL,MAAmC;AACjC,QAAM,CAACC,CAAc,IAAIC,EAAA,GACnB,EAAE,MAAMC,IAAQ,CAAA,MAAOC,EAAiB,CAAA,CAAE;AAEhD,SACEC,gBAAAA,EAAAA;AAAAA,IAACN;AAAA,IAAA;AAAA,MACE,GAAGC;AAAA,MACJ,gBAAAC;AAAA,MACA,OAAAE;AAAA,MACA,YAAYH,EAAM;AAAA,IAAA;AAAA,EAAA;AAGxB;"}
+{"version":3,"file":"SubtasksManagerWrapper.es.js","sources":["../../../../../src/components/SubtasksManager/SubtasksManagerWrapper.tsx"],"sourcesContent":["// Wraps the SubtasksManager remote component and provides it with required props from context and api\nimport {\n  QueryFilter,\n  SubTaskNode,\n  useGetUsersQuery,\n  UserModel,\n  useUpdateSubtasksMutation,\n} from '@shared/api'\nimport { useNavigate } from 'react-router'\n\ntype UpdateSubtasksMutation = ReturnType<typeof useUpdateSubtasksMutation>[0]\n\nexport interface SubtasksManagerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  subtasks: SubTaskNode[]\n  projectName: string\n  taskId: string\n  selectedSubtaskIds?: string[]\n  users: UserModel[]\n  title?: string | null\n  filters?: QueryFilter\n  actionsPortalClassName?: string\n  onClose?: () => void\n  onSelectSubtasks?: (subtaskIds: string[]) => void\n  updateSubtasks: UpdateSubtasksMutation\n  useNavigate: typeof useNavigate\n  onNotFound?: () => void // when remote module is not found\n}\n\nexport type SubtasksManagerWrapperProps = Omit<SubtasksManagerProps, 'updateSubtasks' | 'users'> & {\n  SubtasksManager: React.ComponentType<SubtasksManagerProps>\n}\n\nexport const SubtasksManagerWrapper = ({\n  SubtasksManager,\n  ...props\n}: SubtasksManagerWrapperProps) => {\n  const [updateSubtasks] = useUpdateSubtasksMutation()\n  const { data: users = [] } = useGetUsersQuery({})\n\n  return (\n    <SubtasksManager\n      {...props}\n      updateSubtasks={updateSubtasks}\n      users={users}\n      onNotFound={props.onNotFound}\n    />\n  )\n}\n"],"names":["SubtasksManagerWrapper","SubtasksManager","props","updateSubtasks","useUpdateSubtasksMutation","users","useGetUsersQuery","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCO,MAAMA,KAAyB,CAAC;AAAA,EACrC,iBAAAC;AAAA,EACA,GAAGC;AACL,MAAmC;AACjC,QAAM,CAACC,CAAc,IAAIC,EAAA,GACnB,EAAE,MAAMC,IAAQ,CAAA,MAAOC,EAAiB,CAAA,CAAE;AAEhD,SACEC,gBAAAA,EAAAA;AAAAA,IAACN;AAAA,IAAA;AAAA,MACE,GAAGC;AAAA,MACJ,gBAAAC;AAAA,MACA,OAAAE;AAAA,MACA,YAAYH,EAAM;AAAA,IAAA;AAAA,EAAA;AAGxB;"}

package/dist/shared/src/components/Thumbnail/StackedThumbnails.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../_virtual/jsx-runtime.cjs.js"),l=require("react"),n=require("styled-components"),p=require("./Thumbnail.cjs.js"),x=require("clsx");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");const q=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 g=n.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),u=require("react"),n=require("styled-components"),p=require("./Thumbnail.cjs.js"),x=require("clsx");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");const q=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 g=n.div`
   display: flex;
   z-index: 10;
   height: 100%;
@@ -35,5 +35,5 @@
       object-fit: cover;
     }
   }
-`,y=({thumbnails:e=[],isLoading:o,className:s,style:c,...a})=>{const{onContextMenu:u}=l.useContext(q.ThumbnailUploadContext);e=e.slice(0,5);const d=e.length>1;return e.length?i.jsxRuntimeExports.jsx(g,{$length:e.length,className:x("stacked-thumbnails",s,{stacking:d}),children:e.map((r,t)=>r?i.jsxRuntimeExports.jsx(p.Thumbnail,{projectName:r.projectName,entityType:r.type,entityId:r.id,icon:r.icon,style:{...c,zIndex:-t},entityUpdatedAt:r.updatedAt,isLoading:o,src:r.src,onContextMenu:u,...a},r.id||r.src||t):null)}):null};exports.StackedThumbnails=y;
+`,y=({thumbnails:e=[],isLoading:o,className:s,style:c,...a})=>{const{onContextMenu:l}=u.useContext(q.ThumbnailUploadContext);e=e.slice(0,5);const d=e.length>1;return e.length?t.jsxRuntimeExports.jsx(g,{$length:e.length,className:x("stacked-thumbnails",s,{stacking:d}),children:e.map((r,i)=>r?t.jsxRuntimeExports.jsx(p.Thumbnail,{projectName:r.projectName,entityType:r.type,entityId:r.id,icon:r.icon,color:r.color,style:{...c,zIndex:-i},entityUpdatedAt:r.updatedAt,isLoading:o,src:r.src,onContextMenu:l,...a},r.id||r.src||i):null)}):null};exports.StackedThumbnails=y;
 //# sourceMappingURL=StackedThumbnails.cjs.js.map

package/dist/shared/src/components/Thumbnail/StackedThumbnails.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedThumbnails.cjs.js","sources":["../../../../../src/components/Thumbnail/StackedThumbnails.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport styled, { css } from 'styled-components'\nimport { Thumbnail } from './Thumbnail'\nimport clsx from 'clsx'\nimport { ThumbnailUploadContext } from '@shared/context'\nimport { ThumbnailProps } from '@shared/components'\n\ntype StackedStyledProps = {\n  $length: number\n}\n\nconst StackedStyled = styled.div<StackedStyledProps>`\n  display: flex;\n  z-index: 10;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n  border-radius: 8px;\n  min-width: min-content;\n  cursor: pointer;\n\n  &.stacking {\n    & > * {\n      margin: unset;\n      aspect-ratio: 1;\n      border: solid 2px var(--md-sys-color-outline-variant);\n      border-radius: 8px;\n\n      span {\n        font-size: 24px;\n      }\n\n      ${({ $length }) =>\n        $length > 1 &&\n        css`\n          :not(:last-child) {\n            box-shadow: 0 0 4px 0px black;\n          }\n        `}\n    }\n\n    /* create stacked effect */\n    & > * + * {\n      margin-left: ${({ $length }) => `${Math.max(-20, -$length * 1.5 - 8)}px`};\n    }\n\n    .thumbnail img {\n      object-fit: cover;\n    }\n  }\n`\n\ntype Thumbnail = {\n  id?: string\n  type?: string\n  projectName?: string\n  icon?: string\n  updatedAt?: string\n  src?: string\n}\n\nexport interface StackedThumbnailsProps\n  extends Omit<ThumbnailProps, 'entityType' | 'entityId' | 'projectName'> {\n  thumbnails?: Thumbnail[]\n  isLoading?: boolean\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport const StackedThumbnails = ({\n  thumbnails = [],\n  isLoading,\n  className,\n  style,\n  ...props\n}: StackedThumbnailsProps) => {\n  const { onContextMenu } = useContext(ThumbnailUploadContext)\n  // limit to 5 users\n  thumbnails = thumbnails.slice(0, 5)\n  const isStacking = thumbnails.length > 1\n\n  if (!thumbnails.length) return null\n\n  return (\n    <StackedStyled\n      $length={thumbnails.length}\n      className={clsx('stacked-thumbnails', className, { stacking: isStacking })}\n    >\n      {thumbnails.map((thumb, i) =>\n        thumb ? (\n          <Thumbnail\n            projectName={thumb.projectName}\n            entityType={thumb.type}\n            entityId={thumb.id}\n            icon={thumb.icon}\n            key={thumb.id || thumb.src || i}\n            style={{ ...style, zIndex: -i }}\n            entityUpdatedAt={thumb.updatedAt}\n            isLoading={isLoading}\n            src={thumb.src}\n            // @ts-ignore\n            onContextMenu={onContextMenu}\n            {...props}\n          />\n        ) : null,\n      )}\n    </StackedStyled>\n  )\n}\n"],"names":["StackedStyled","styled","$length","css","StackedThumbnails","thumbnails","isLoading","className","style","props","onContextMenu","useContext","ThumbnailUploadContext","isStacking","jsx","clsx","thumb","i","Thumbnail"],"mappings":"wlCAWA,MAAMA,EAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAqBrB,CAAC,CAAE,QAAAC,CAAA,IACHA,EAAU,GACVC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,SAIC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKY,CAAC,CAAE,QAAAD,CAAA,IAAc,GAAG,KAAK,IAAI,IAAK,CAACA,EAAU,IAAM,CAAC,CAAC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0BjEE,EAAoB,CAAC,CAChC,WAAAC,EAAa,CAAA,EACb,UAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAA8B,CAC5B,KAAM,CAAE,cAAAC,CAAA,EAAkBC,EAAAA,WAAWC,wBAAsB,EAE3DP,EAAaA,EAAW,MAAM,EAAG,CAAC,EAClC,MAAMQ,EAAaR,EAAW,OAAS,EAEvC,OAAKA,EAAW,OAGdS,EAAAA,kBAAAA,IAACd,EAAA,CACC,QAASK,EAAW,OACpB,UAAWU,EAAK,qBAAsBR,EAAW,CAAE,SAAUM,EAAY,EAExE,SAAAR,EAAW,IAAI,CAACW,EAAOC,IACtBD,EACEF,EAAAA,kBAAAA,IAACI,EAAAA,UAAA,CACC,YAAaF,EAAM,YACnB,WAAYA,EAAM,KAClB,SAAUA,EAAM,GAChB,KAAMA,EAAM,KAEZ,MAAO,CAAE,GAAGR,EAAO,OAAQ,CAACS,CAAA,EAC5B,gBAAiBD,EAAM,UACvB,UAAAV,EACA,IAAKU,EAAM,IAEX,cAAAN,EACC,GAAGD,CAAA,EAPCO,EAAM,IAAMA,EAAM,KAAOC,CAAA,EAS9B,IAAA,CACN,CAAA,EAxB2B,IA2BjC"}
+{"version":3,"file":"StackedThumbnails.cjs.js","sources":["../../../../../src/components/Thumbnail/StackedThumbnails.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport styled, { css } from 'styled-components'\nimport { Thumbnail } from './Thumbnail'\nimport clsx from 'clsx'\nimport { ThumbnailUploadContext } from '@shared/context'\nimport { ThumbnailProps } from '@shared/components'\n\ntype StackedStyledProps = {\n  $length: number\n}\n\nconst StackedStyled = styled.div<StackedStyledProps>`\n  display: flex;\n  z-index: 10;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n  border-radius: 8px;\n  min-width: min-content;\n  cursor: pointer;\n\n  &.stacking {\n    & > * {\n      margin: unset;\n      aspect-ratio: 1;\n      border: solid 2px var(--md-sys-color-outline-variant);\n      border-radius: 8px;\n\n      span {\n        font-size: 24px;\n      }\n\n      ${({ $length }) =>\n        $length > 1 &&\n        css`\n          :not(:last-child) {\n            box-shadow: 0 0 4px 0px black;\n          }\n        `}\n    }\n\n    /* create stacked effect */\n    & > * + * {\n      margin-left: ${({ $length }) => `${Math.max(-20, -$length * 1.5 - 8)}px`};\n    }\n\n    .thumbnail img {\n      object-fit: cover;\n    }\n  }\n`\n\ntype Thumbnail = {\n  id?: string\n  type?: string\n  projectName?: string\n  icon?: string\n  color?: string\n  updatedAt?: string\n  src?: string\n}\n\nexport interface StackedThumbnailsProps\n  extends Omit<ThumbnailProps, 'entityType' | 'entityId' | 'projectName'> {\n  thumbnails?: Thumbnail[]\n  isLoading?: boolean\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport const StackedThumbnails = ({\n  thumbnails = [],\n  isLoading,\n  className,\n  style,\n  ...props\n}: StackedThumbnailsProps) => {\n  const { onContextMenu } = useContext(ThumbnailUploadContext)\n  // limit to 5 users\n  thumbnails = thumbnails.slice(0, 5)\n  const isStacking = thumbnails.length > 1\n\n  if (!thumbnails.length) return null\n\n  return (\n    <StackedStyled\n      $length={thumbnails.length}\n      className={clsx('stacked-thumbnails', className, { stacking: isStacking })}\n    >\n      {thumbnails.map((thumb, i) =>\n        thumb ? (\n          <Thumbnail\n            projectName={thumb.projectName}\n            entityType={thumb.type}\n            entityId={thumb.id}\n            icon={thumb.icon}\n            color={thumb.color}\n            key={thumb.id || thumb.src || i}\n            style={{ ...style, zIndex: -i }}\n            entityUpdatedAt={thumb.updatedAt}\n            isLoading={isLoading}\n            src={thumb.src}\n            // @ts-ignore\n            onContextMenu={onContextMenu}\n            {...props}\n          />\n        ) : null,\n      )}\n    </StackedStyled>\n  )\n}\n"],"names":["StackedStyled","styled","$length","css","StackedThumbnails","thumbnails","isLoading","className","style","props","onContextMenu","useContext","ThumbnailUploadContext","isStacking","jsx","clsx","thumb","Thumbnail"],"mappings":"wlCAWA,MAAMA,EAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAqBrB,CAAC,CAAE,QAAAC,CAAA,IACHA,EAAU,GACVC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,SAIC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKY,CAAC,CAAE,QAAAD,CAAA,IAAc,GAAG,KAAK,IAAI,IAAK,CAACA,EAAU,IAAM,CAAC,CAAC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2BjEE,EAAoB,CAAC,CAChC,WAAAC,EAAa,CAAA,EACb,UAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAA8B,CAC5B,KAAM,CAAE,cAAAC,CAAA,EAAkBC,EAAAA,WAAWC,wBAAsB,EAE3DP,EAAaA,EAAW,MAAM,EAAG,CAAC,EAClC,MAAMQ,EAAaR,EAAW,OAAS,EAEvC,OAAKA,EAAW,OAGdS,EAAAA,kBAAAA,IAACd,EAAA,CACC,QAASK,EAAW,OACpB,UAAWU,EAAK,qBAAsBR,EAAW,CAAE,SAAUM,EAAY,EAExE,SAAAR,EAAW,IAAI,CAACW,EAAO,IACtBA,EACEF,EAAAA,kBAAAA,IAACG,EAAAA,UAAA,CACC,YAAaD,EAAM,YACnB,WAAYA,EAAM,KAClB,SAAUA,EAAM,GAChB,KAAMA,EAAM,KACZ,MAAOA,EAAM,MAEb,MAAO,CAAE,GAAGR,EAAO,OAAQ,CAAC,CAAA,EAC5B,gBAAiBQ,EAAM,UACvB,UAAAV,EACA,IAAKU,EAAM,IAEX,cAAAN,EACC,GAAGD,CAAA,EAPCO,EAAM,IAAMA,EAAM,KAAO,CAAA,EAS9B,IAAA,CACN,CAAA,EAzB2B,IA4BjC"}

package/dist/shared/src/components/Thumbnail/StackedThumbnails.es.js

@@ -65,14 +65,14 @@ const y = d.div`
   style: n,
   ...s
 }) => {
-  const { onContextMenu: a } = m(g);
+  const { onContextMenu: c } = m(g);
   t = t.slice(0, 5);
-  const c = t.length > 1;
+  const a = t.length > 1;
   return t.length ? /* @__PURE__ */ i.jsx(
     y,
     {
       $length: t.length,
-      className: f("stacked-thumbnails", p, { stacking: c }),
+      className: f("stacked-thumbnails", p, { stacking: a }),
       children: t.map(
         (o, r) => o ? /* @__PURE__ */ i.jsx(
           x,
@@ -81,11 +81,12 @@ const y = d.div`
             entityType: o.type,
             entityId: o.id,
             icon: o.icon,
+            color: o.color,
             style: { ...n, zIndex: -r },
             entityUpdatedAt: o.updatedAt,
             isLoading: e,
             src: o.src,
-            onContextMenu: a,
+            onContextMenu: c,
             ...s
           },
           o.id || o.src || r

package/dist/shared/src/components/Thumbnail/StackedThumbnails.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedThumbnails.es.js","sources":["../../../../../src/components/Thumbnail/StackedThumbnails.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport styled, { css } from 'styled-components'\nimport { Thumbnail } from './Thumbnail'\nimport clsx from 'clsx'\nimport { ThumbnailUploadContext } from '@shared/context'\nimport { ThumbnailProps } from '@shared/components'\n\ntype StackedStyledProps = {\n  $length: number\n}\n\nconst StackedStyled = styled.div<StackedStyledProps>`\n  display: flex;\n  z-index: 10;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n  border-radius: 8px;\n  min-width: min-content;\n  cursor: pointer;\n\n  &.stacking {\n    & > * {\n      margin: unset;\n      aspect-ratio: 1;\n      border: solid 2px var(--md-sys-color-outline-variant);\n      border-radius: 8px;\n\n      span {\n        font-size: 24px;\n      }\n\n      ${({ $length }) =>\n        $length > 1 &&\n        css`\n          :not(:last-child) {\n            box-shadow: 0 0 4px 0px black;\n          }\n        `}\n    }\n\n    /* create stacked effect */\n    & > * + * {\n      margin-left: ${({ $length }) => `${Math.max(-20, -$length * 1.5 - 8)}px`};\n    }\n\n    .thumbnail img {\n      object-fit: cover;\n    }\n  }\n`\n\ntype Thumbnail = {\n  id?: string\n  type?: string\n  projectName?: string\n  icon?: string\n  updatedAt?: string\n  src?: string\n}\n\nexport interface StackedThumbnailsProps\n  extends Omit<ThumbnailProps, 'entityType' | 'entityId' | 'projectName'> {\n  thumbnails?: Thumbnail[]\n  isLoading?: boolean\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport const StackedThumbnails = ({\n  thumbnails = [],\n  isLoading,\n  className,\n  style,\n  ...props\n}: StackedThumbnailsProps) => {\n  const { onContextMenu } = useContext(ThumbnailUploadContext)\n  // limit to 5 users\n  thumbnails = thumbnails.slice(0, 5)\n  const isStacking = thumbnails.length > 1\n\n  if (!thumbnails.length) return null\n\n  return (\n    <StackedStyled\n      $length={thumbnails.length}\n      className={clsx('stacked-thumbnails', className, { stacking: isStacking })}\n    >\n      {thumbnails.map((thumb, i) =>\n        thumb ? (\n          <Thumbnail\n            projectName={thumb.projectName}\n            entityType={thumb.type}\n            entityId={thumb.id}\n            icon={thumb.icon}\n            key={thumb.id || thumb.src || i}\n            style={{ ...style, zIndex: -i }}\n            entityUpdatedAt={thumb.updatedAt}\n            isLoading={isLoading}\n            src={thumb.src}\n            // @ts-ignore\n            onContextMenu={onContextMenu}\n            {...props}\n          />\n        ) : null,\n      )}\n    </StackedStyled>\n  )\n}\n"],"names":["StackedStyled","styled","$length","css","StackedThumbnails","thumbnails","isLoading","className","style","props","onContextMenu","useContext","ThumbnailUploadContext","isStacking","jsx","clsx","thumb","i","Thumbnail"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAqBrB,CAAC,EAAE,SAAAC,EAAA,MACHA,IAAU,KACVC;AAAA;AAAA;AAAA;AAAA,SAIC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKY,CAAC,EAAE,SAAAD,EAAA,MAAc,GAAG,KAAK,IAAI,KAAK,CAACA,IAAU,MAAM,CAAC,CAAC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0BjEE,IAAoB,CAAC;AAAA,EAChC,YAAAC,IAAa,CAAA;AAAA,EACb,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAA8B;AAC5B,QAAM,EAAE,eAAAC,EAAA,IAAkBC,EAAWC,CAAsB;AAE3D,EAAAP,IAAaA,EAAW,MAAM,GAAG,CAAC;AAClC,QAAMQ,IAAaR,EAAW,SAAS;AAEvC,SAAKA,EAAW,SAGdS,gBAAAA,EAAAA;AAAAA,IAACd;AAAA,IAAA;AAAA,MACC,SAASK,EAAW;AAAA,MACpB,WAAWU,EAAK,sBAAsBR,GAAW,EAAE,UAAUM,GAAY;AAAA,MAExE,UAAAR,EAAW;AAAA,QAAI,CAACW,GAAOC,MACtBD,IACEF,gBAAAA,EAAAA;AAAAA,UAACI;AAAA,UAAA;AAAA,YACC,aAAaF,EAAM;AAAA,YACnB,YAAYA,EAAM;AAAA,YAClB,UAAUA,EAAM;AAAA,YAChB,MAAMA,EAAM;AAAA,YAEZ,OAAO,EAAE,GAAGR,GAAO,QAAQ,CAACS,EAAA;AAAA,YAC5B,iBAAiBD,EAAM;AAAA,YACvB,WAAAV;AAAA,YACA,KAAKU,EAAM;AAAA,YAEX,eAAAN;AAAA,YACC,GAAGD;AAAA,UAAA;AAAA,UAPCO,EAAM,MAAMA,EAAM,OAAOC;AAAA,QAAA,IAS9B;AAAA,MAAA;AAAA,IACN;AAAA,EAAA,IAxB2B;AA2BjC;"}
+{"version":3,"file":"StackedThumbnails.es.js","sources":["../../../../../src/components/Thumbnail/StackedThumbnails.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport styled, { css } from 'styled-components'\nimport { Thumbnail } from './Thumbnail'\nimport clsx from 'clsx'\nimport { ThumbnailUploadContext } from '@shared/context'\nimport { ThumbnailProps } from '@shared/components'\n\ntype StackedStyledProps = {\n  $length: number\n}\n\nconst StackedStyled = styled.div<StackedStyledProps>`\n  display: flex;\n  z-index: 10;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n  border-radius: 8px;\n  min-width: min-content;\n  cursor: pointer;\n\n  &.stacking {\n    & > * {\n      margin: unset;\n      aspect-ratio: 1;\n      border: solid 2px var(--md-sys-color-outline-variant);\n      border-radius: 8px;\n\n      span {\n        font-size: 24px;\n      }\n\n      ${({ $length }) =>\n        $length > 1 &&\n        css`\n          :not(:last-child) {\n            box-shadow: 0 0 4px 0px black;\n          }\n        `}\n    }\n\n    /* create stacked effect */\n    & > * + * {\n      margin-left: ${({ $length }) => `${Math.max(-20, -$length * 1.5 - 8)}px`};\n    }\n\n    .thumbnail img {\n      object-fit: cover;\n    }\n  }\n`\n\ntype Thumbnail = {\n  id?: string\n  type?: string\n  projectName?: string\n  icon?: string\n  color?: string\n  updatedAt?: string\n  src?: string\n}\n\nexport interface StackedThumbnailsProps\n  extends Omit<ThumbnailProps, 'entityType' | 'entityId' | 'projectName'> {\n  thumbnails?: Thumbnail[]\n  isLoading?: boolean\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport const StackedThumbnails = ({\n  thumbnails = [],\n  isLoading,\n  className,\n  style,\n  ...props\n}: StackedThumbnailsProps) => {\n  const { onContextMenu } = useContext(ThumbnailUploadContext)\n  // limit to 5 users\n  thumbnails = thumbnails.slice(0, 5)\n  const isStacking = thumbnails.length > 1\n\n  if (!thumbnails.length) return null\n\n  return (\n    <StackedStyled\n      $length={thumbnails.length}\n      className={clsx('stacked-thumbnails', className, { stacking: isStacking })}\n    >\n      {thumbnails.map((thumb, i) =>\n        thumb ? (\n          <Thumbnail\n            projectName={thumb.projectName}\n            entityType={thumb.type}\n            entityId={thumb.id}\n            icon={thumb.icon}\n            color={thumb.color}\n            key={thumb.id || thumb.src || i}\n            style={{ ...style, zIndex: -i }}\n            entityUpdatedAt={thumb.updatedAt}\n            isLoading={isLoading}\n            src={thumb.src}\n            // @ts-ignore\n            onContextMenu={onContextMenu}\n            {...props}\n          />\n        ) : null,\n      )}\n    </StackedStyled>\n  )\n}\n"],"names":["StackedStyled","styled","$length","css","StackedThumbnails","thumbnails","isLoading","className","style","props","onContextMenu","useContext","ThumbnailUploadContext","isStacking","jsx","clsx","thumb","i","Thumbnail"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAqBrB,CAAC,EAAE,SAAAC,EAAA,MACHA,IAAU,KACVC;AAAA;AAAA;AAAA;AAAA,SAIC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKY,CAAC,EAAE,SAAAD,EAAA,MAAc,GAAG,KAAK,IAAI,KAAK,CAACA,IAAU,MAAM,CAAC,CAAC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA2BjEE,IAAoB,CAAC;AAAA,EAChC,YAAAC,IAAa,CAAA;AAAA,EACb,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAA8B;AAC5B,QAAM,EAAE,eAAAC,EAAA,IAAkBC,EAAWC,CAAsB;AAE3D,EAAAP,IAAaA,EAAW,MAAM,GAAG,CAAC;AAClC,QAAMQ,IAAaR,EAAW,SAAS;AAEvC,SAAKA,EAAW,SAGdS,gBAAAA,EAAAA;AAAAA,IAACd;AAAA,IAAA;AAAA,MACC,SAASK,EAAW;AAAA,MACpB,WAAWU,EAAK,sBAAsBR,GAAW,EAAE,UAAUM,GAAY;AAAA,MAExE,UAAAR,EAAW;AAAA,QAAI,CAACW,GAAOC,MACtBD,IACEF,gBAAAA,EAAAA;AAAAA,UAACI;AAAA,UAAA;AAAA,YACC,aAAaF,EAAM;AAAA,YACnB,YAAYA,EAAM;AAAA,YAClB,UAAUA,EAAM;AAAA,YAChB,MAAMA,EAAM;AAAA,YACZ,OAAOA,EAAM;AAAA,YAEb,OAAO,EAAE,GAAGR,GAAO,QAAQ,CAACS,EAAA;AAAA,YAC5B,iBAAiBD,EAAM;AAAA,YACvB,WAAAV;AAAA,YACA,KAAKU,EAAM;AAAA,YAEX,eAAAN;AAAA,YACC,GAAGD;AAAA,UAAA;AAAA,UAPCO,EAAM,MAAMA,EAAM,OAAOC;AAAA,QAAA,IAS9B;AAAA,MAAA;AAAA,IACN;AAAA,EAAA,IAzB2B;AA4BjC;"}

package/dist/shared/src/components/Thumbnail/Thumbnail.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../../../_virtual/jsx-runtime.cjs.js"),i=require("react"),b=require("@ynput/ayon-react-components"),w=require("clsx"),g=require("./Thumbnail.styled.cjs.js"),C=({projectName:o="",entityType:s="",entityId:r="",icon:d,entityUpdatedAt:l,isLoading:m,shimmer:j,className:E,disabled:R,src:f,hoverIcon:h,showBorder:q=!0,...x})=>{let e="";if(s&&r&&l){e=f||o&&`/api/projects/${o}/${s}s/${r}/thumbnail`;const u=`?updatedAt=${l}`;e+=u}const $=["product"].includes(s),[p,a]=i.useState(!1),[n,t]=i.useState(!1);return i.useEffect(()=>{if(e===""){t(!0),a(!0);return}t(!1),a(!1);const u=f||`${e}`;e&&(async()=>{try{if((await fetch(u,{cache:"force-cache"})).status===200)t(!0);else throw new Error("Image not OK")}catch{a(!0),t(!0)}})()},[e]),c.jsxRuntimeExports.jsxs(g.Card,{className:w(E,"thumbnail",{loading:j&&(m||!n),loaded:n,error:p,clickable:!!x.onClick,border:q}),...x,children:[(!m||!n)&&!R&&c.jsxRuntimeExports.jsx(b.Icon,{icon:d||"image",className:"type-icon"}),s&&o&&!($||!r)&&c.jsxRuntimeExports.jsx(g.Image,{alt:`Entity thumbnail ${r}`,src:e}),h&&c.jsxRuntimeExports.jsx(b.Icon,{icon:h,className:"hover-icon"})]})};exports.Thumbnail=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../../_virtual/jsx-runtime.cjs.js"),l=require("react"),b=require("@ynput/ayon-react-components"),C=require("clsx"),d=require("./Thumbnail.styled.cjs.js"),k=({projectName:c="",entityType:s="",entityId:r="",icon:g,color:j,entityUpdatedAt:i,isLoading:m,shimmer:E,className:R,disabled:q,src:f,hoverIcon:h,showBorder:$=!0,...x})=>{let e="";if(s&&r&&i){e=f||c&&`/api/projects/${c}/${s}s/${r}/thumbnail`;const u=`?updatedAt=${i}`;e+=u}const p=["product"].includes(s),[S,a]=l.useState(!1),[n,t]=l.useState(!1);return l.useEffect(()=>{if(e===""){t(!0),a(!0);return}t(!1),a(!1);const u=f||`${e}`;e&&(async()=>{try{if((await fetch(u,{cache:"force-cache"})).status===200)t(!0);else throw new Error("Image not OK")}catch{a(!0),t(!0)}})()},[e]),o.jsxRuntimeExports.jsxs(d.Card,{className:C(R,"thumbnail",{loading:E&&(m||!n),loaded:n,error:S,clickable:!!x.onClick,border:$}),...x,children:[(!m||!n)&&!q&&o.jsxRuntimeExports.jsx(b.Icon,{style:{color:j||void 0},icon:g||"image",className:"type-icon"}),s&&c&&!(p||!r)&&o.jsxRuntimeExports.jsx(d.Image,{alt:`Entity thumbnail ${r}`,src:e}),h&&o.jsxRuntimeExports.jsx(b.Icon,{icon:h,className:"hover-icon"})]})};exports.Thumbnail=k;
 //# sourceMappingURL=Thumbnail.cjs.js.map

package/dist/shared/src/components/Thumbnail/Thumbnail.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.cjs.js","sources":["../../../../../src/components/Thumbnail/Thumbnail.tsx"],"sourcesContent":["import { HTMLAttributes, useEffect, useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport * as Styled from './Thumbnail.styled'\n\nexport interface ThumbnailProps extends HTMLAttributes<HTMLDivElement> {\n  projectName?: string\n  entityType?: string\n  entityId?: string\n  icon?: string | null\n  entityUpdatedAt?: string\n  isLoading?: boolean\n  shimmer?: boolean\n  className?: string\n  disabled?: boolean\n  src?: string\n  hoverIcon?: string\n  showBorder?: boolean\n}\n\nexport const Thumbnail = ({\n  projectName = '',\n  entityType = '',\n  entityId = '',\n  icon,\n  entityUpdatedAt,\n  isLoading,\n  shimmer,\n  className,\n  disabled,\n  src,\n  hoverIcon,\n  showBorder = true,\n  ...props\n}: ThumbnailProps) => {\n  let url = ''\n  if (entityType && entityId && entityUpdatedAt) {\n    url =\n      src || (projectName && `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail`)\n    const queryArgs = `?updatedAt=${entityUpdatedAt}`\n    url += queryArgs\n  }\n  const isWrongEntity = ['product'].includes(entityType)\n\n  const [error, setError] = useState(false)\n  const [loaded, setLoaded] = useState(false)\n  useEffect(() => {\n    if (url === '') {\n      setLoaded(true)\n      setError(true)\n      return\n    }\n    // Reset loaded and error states when src changes\n    setLoaded(false)\n    setError(false)\n    const imageUrl = src || `${url}`\n\n    // Function to fetch image and check status code\n    const fetchImage = async () => {\n      try {\n        const response = await fetch(imageUrl, { cache: 'force-cache' })\n        if (response.status === 200) {\n          setLoaded(true)\n        } else {\n          throw new Error('Image not OK')\n        }\n      } catch (error) {\n        setError(true) // Handle error (e.g., set error state)\n        setLoaded(true)\n      }\n    }\n\n    if (url) {\n      fetchImage()\n    }\n  }, [url])\n\n  return (\n    <Styled.Card\n      className={clsx(className, 'thumbnail', {\n        loading: shimmer && (isLoading || !loaded),\n        loaded,\n        error,\n        clickable: !!props.onClick,\n        border: showBorder,\n      })}\n      {...props}\n    >\n      {(!isLoading || !loaded) && !disabled && (\n        <Icon icon={icon || 'image'} className=\"type-icon\" />\n      )}\n      {entityType && projectName && !(isWrongEntity || !entityId) && (\n        <Styled.Image alt={`Entity thumbnail ${entityId}`} src={url} />\n      )}\n      {hoverIcon && <Icon icon={hoverIcon} className=\"hover-icon\" />}\n    </Styled.Card>\n  )\n}\n"],"names":["Thumbnail","projectName","entityType","entityId","icon","entityUpdatedAt","isLoading","shimmer","className","disabled","src","hoverIcon","showBorder","props","url","queryArgs","isWrongEntity","error","setError","useState","loaded","setLoaded","useEffect","imageUrl","jsxs","Styled.Card","clsx","jsx","Icon","Styled.Image"],"mappings":"iQAoBaA,EAAY,CAAC,CACxB,YAAAC,EAAc,GACd,WAAAC,EAAa,GACb,SAAAC,EAAW,GACX,KAAAC,EACA,gBAAAC,EACA,UAAAC,EACA,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,IAAAC,EACA,UAAAC,EACA,WAAAC,EAAa,GACb,GAAGC,CACL,IAAsB,CACpB,IAAIC,EAAM,GACV,GAAIZ,GAAcC,GAAYE,EAAiB,CAC7CS,EACEJ,GAAQT,GAAe,iBAAiBA,CAAW,IAAIC,CAAU,KAAKC,CAAQ,aAChF,MAAMY,EAAY,cAAcV,CAAe,GAC/CS,GAAOC,CACT,CACA,MAAMC,EAAgB,CAAC,SAAS,EAAE,SAASd,CAAU,EAE/C,CAACe,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAK,EAClC,CAACC,EAAQC,CAAS,EAAIF,EAAAA,SAAS,EAAK,EAC1CG,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIR,IAAQ,GAAI,CACdO,EAAU,EAAI,EACdH,EAAS,EAAI,EACb,MACF,CAEAG,EAAU,EAAK,EACfH,EAAS,EAAK,EACd,MAAMK,EAAWb,GAAO,GAAGI,CAAG,GAiB1BA,IAde,SAAY,CAC7B,GAAI,CAEF,IADiB,MAAM,MAAMS,EAAU,CAAE,MAAO,cAAe,GAClD,SAAW,IACtBF,EAAU,EAAI,MAEd,OAAM,IAAI,MAAM,cAAc,CAElC,MAAgB,CACdH,EAAS,EAAI,EACbG,EAAU,EAAI,CAChB,CACF,GAGE,CAEJ,EAAG,CAACP,CAAG,CAAC,EAGNU,EAAAA,kBAAAA,KAACC,EAAAA,KAAA,CACC,UAAWC,EAAKlB,EAAW,YAAa,CACtC,QAASD,IAAYD,GAAa,CAACc,GACnC,OAAAA,EACA,MAAAH,EACA,UAAW,CAAC,CAACJ,EAAM,QACnB,OAAQD,CAAA,CACT,EACA,GAAGC,EAEF,SAAA,EAAA,CAACP,GAAa,CAACc,IAAW,CAACX,GAC3BkB,EAAAA,kBAAAA,IAACC,OAAA,CAAK,KAAMxB,GAAQ,QAAS,UAAU,WAAA,CAAY,EAEpDF,GAAcD,GAAe,EAAEe,GAAiB,CAACb,IAChDwB,EAAAA,kBAAAA,IAACE,EAAAA,MAAA,CAAa,IAAK,oBAAoB1B,CAAQ,GAAI,IAAKW,EAAK,EAE9DH,GAAagB,EAAAA,kBAAAA,IAACC,OAAA,CAAK,KAAMjB,EAAW,UAAU,YAAA,CAAa,CAAA,CAAA,CAAA,CAGlE"}
+{"version":3,"file":"Thumbnail.cjs.js","sources":["../../../../../src/components/Thumbnail/Thumbnail.tsx"],"sourcesContent":["import { HTMLAttributes, useEffect, useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport * as Styled from './Thumbnail.styled'\n\nexport interface ThumbnailProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  projectName?: string\n  entityType?: string\n  entityId?: string\n  icon?: string | null\n  color?: string | null\n  entityUpdatedAt?: string\n  isLoading?: boolean\n  shimmer?: boolean\n  className?: string\n  disabled?: boolean\n  src?: string\n  hoverIcon?: string\n  showBorder?: boolean\n}\n\nexport const Thumbnail = ({\n  projectName = '',\n  entityType = '',\n  entityId = '',\n  icon,\n  color,\n  entityUpdatedAt,\n  isLoading,\n  shimmer,\n  className,\n  disabled,\n  src,\n  hoverIcon,\n  showBorder = true,\n  ...props\n}: ThumbnailProps) => {\n  let url = ''\n  if (entityType && entityId && entityUpdatedAt) {\n    url =\n      src || (projectName && `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail`)\n    const queryArgs = `?updatedAt=${entityUpdatedAt}`\n    url += queryArgs\n  }\n  const isWrongEntity = ['product'].includes(entityType)\n\n  const [error, setError] = useState(false)\n  const [loaded, setLoaded] = useState(false)\n  useEffect(() => {\n    if (url === '') {\n      setLoaded(true)\n      setError(true)\n      return\n    }\n    // Reset loaded and error states when src changes\n    setLoaded(false)\n    setError(false)\n    const imageUrl = src || `${url}`\n\n    // Function to fetch image and check status code\n    const fetchImage = async () => {\n      try {\n        const response = await fetch(imageUrl, { cache: 'force-cache' })\n        if (response.status === 200) {\n          setLoaded(true)\n        } else {\n          throw new Error('Image not OK')\n        }\n      } catch (error) {\n        setError(true) // Handle error (e.g., set error state)\n        setLoaded(true)\n      }\n    }\n\n    if (url) {\n      fetchImage()\n    }\n  }, [url])\n\n  return (\n    <Styled.Card\n      className={clsx(className, 'thumbnail', {\n        loading: shimmer && (isLoading || !loaded),\n        loaded,\n        error,\n        clickable: !!props.onClick,\n        border: showBorder,\n      })}\n      {...props}\n    >\n      {(!isLoading || !loaded) && !disabled && (\n        <Icon style={{ color: color || undefined }} icon={icon || 'image'} className=\"type-icon\" />\n      )}\n      {entityType && projectName && !(isWrongEntity || !entityId) && (\n        <Styled.Image alt={`Entity thumbnail ${entityId}`} src={url} />\n      )}\n      {hoverIcon && <Icon icon={hoverIcon} className=\"hover-icon\" />}\n    </Styled.Card>\n  )\n}\n"],"names":["Thumbnail","projectName","entityType","entityId","icon","color","entityUpdatedAt","isLoading","shimmer","className","disabled","src","hoverIcon","showBorder","props","url","queryArgs","isWrongEntity","error","setError","useState","loaded","setLoaded","useEffect","imageUrl","jsxs","Styled.Card","clsx","Icon","jsx","Styled.Image"],"mappings":"iQAqBaA,EAAY,CAAC,CACxB,YAAAC,EAAc,GACd,WAAAC,EAAa,GACb,SAAAC,EAAW,GACX,KAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,UAAAC,EACA,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,IAAAC,EACA,UAAAC,EACA,WAAAC,EAAa,GACb,GAAGC,CACL,IAAsB,CACpB,IAAIC,EAAM,GACV,GAAIb,GAAcC,GAAYG,EAAiB,CAC7CS,EACEJ,GAAQV,GAAe,iBAAiBA,CAAW,IAAIC,CAAU,KAAKC,CAAQ,aAChF,MAAMa,EAAY,cAAcV,CAAe,GAC/CS,GAAOC,CACT,CACA,MAAMC,EAAgB,CAAC,SAAS,EAAE,SAASf,CAAU,EAE/C,CAACgB,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAK,EAClC,CAACC,EAAQC,CAAS,EAAIF,EAAAA,SAAS,EAAK,EAC1CG,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIR,IAAQ,GAAI,CACdO,EAAU,EAAI,EACdH,EAAS,EAAI,EACb,MACF,CAEAG,EAAU,EAAK,EACfH,EAAS,EAAK,EACd,MAAMK,EAAWb,GAAO,GAAGI,CAAG,GAiB1BA,IAde,SAAY,CAC7B,GAAI,CAEF,IADiB,MAAM,MAAMS,EAAU,CAAE,MAAO,cAAe,GAClD,SAAW,IACtBF,EAAU,EAAI,MAEd,OAAM,IAAI,MAAM,cAAc,CAElC,MAAgB,CACdH,EAAS,EAAI,EACbG,EAAU,EAAI,CAChB,CACF,GAGE,CAEJ,EAAG,CAACP,CAAG,CAAC,EAGNU,EAAAA,kBAAAA,KAACC,EAAAA,KAAA,CACC,UAAWC,EAAKlB,EAAW,YAAa,CACtC,QAASD,IAAYD,GAAa,CAACc,GACnC,OAAAA,EACA,MAAAH,EACA,UAAW,CAAC,CAACJ,EAAM,QACnB,OAAQD,CAAA,CACT,EACA,GAAGC,EAEF,SAAA,EAAA,CAACP,GAAa,CAACc,IAAW,CAACX,2BAC1BkB,EAAAA,KAAA,CAAK,MAAO,CAAE,MAAOvB,GAAS,MAAA,EAAa,KAAMD,GAAQ,QAAS,UAAU,YAAY,EAE1FF,GAAcD,GAAe,EAAEgB,GAAiB,CAACd,IAChD0B,EAAAA,kBAAAA,IAACC,EAAAA,MAAA,CAAa,IAAK,oBAAoB3B,CAAQ,GAAI,IAAKY,EAAK,EAE9DH,GAAaiB,EAAAA,kBAAAA,IAACD,OAAA,CAAK,KAAMhB,EAAW,UAAU,YAAA,CAAa,CAAA,CAAA,CAAA,CAGlE"}

package/dist/shared/src/components/Thumbnail/Thumbnail.es.js

@@ -1,36 +1,37 @@
 import { j as t } from "../../../../_virtual/jsx-runtime.es.js";
-import { useState as g, useEffect as C } from "react";
+import { useState as g, useEffect as q } from "react";
 import { Icon as x } from "@ynput/ayon-react-components";
-import q from "clsx";
+import v from "clsx";
 import { Card as A, Image as I } from "./Thumbnail.styled.es.js";
-const v = ({
-  projectName: a = "",
+const z = ({
+  projectName: c = "",
   entityType: s = "",
   entityId: e = "",
-  icon: b,
-  entityUpdatedAt: m,
-  isLoading: i,
-  shimmer: d,
-  className: p,
-  disabled: E,
+  icon: d,
+  color: b,
+  entityUpdatedAt: i,
+  isLoading: m,
+  shimmer: p,
+  className: E,
+  disabled: $,
   src: u,
   hoverIcon: f,
-  showBorder: $ = !0,
+  showBorder: j = !0,
   ...h
 }) => {
   let r = "";
-  if (s && e && m) {
-    r = u || a && `/api/projects/${a}/${s}s/${e}/thumbnail`;
-    const n = `?updatedAt=${m}`;
+  if (s && e && i) {
+    r = u || c && `/api/projects/${c}/${s}s/${e}/thumbnail`;
+    const n = `?updatedAt=${i}`;
     r += n;
   }
-  const j = ["product"].includes(s), [w, c] = g(!1), [l, o] = g(!1);
-  return C(() => {
+  const w = ["product"].includes(s), [k, a] = g(!1), [l, o] = g(!1);
+  return q(() => {
     if (r === "") {
-      o(!0), c(!0);
+      o(!0), a(!0);
       return;
     }
-    o(!1), c(!1);
+    o(!1), a(!1);
     const n = u || `${r}`;
     r && (async () => {
       try {
@@ -39,29 +40,29 @@ const v = ({
         else
           throw new Error("Image not OK");
       } catch {
-        c(!0), o(!0);
+        a(!0), o(!0);
       }
     })();
   }, [r]), /* @__PURE__ */ t.jsxs(
     A,
     {
-      className: q(p, "thumbnail", {
-        loading: d && (i || !l),
+      className: v(E, "thumbnail", {
+        loading: p && (m || !l),
         loaded: l,
-        error: w,
+        error: k,
         clickable: !!h.onClick,
-        border: $
+        border: j
       }),
       ...h,
       children: [
-        (!i || !l) && !E && /* @__PURE__ */ t.jsx(x, { icon: b || "image", className: "type-icon" }),
-        s && a && !(j || !e) && /* @__PURE__ */ t.jsx(I, { alt: `Entity thumbnail ${e}`, src: r }),
+        (!m || !l) && !$ && /* @__PURE__ */ t.jsx(x, { style: { color: b || void 0 }, icon: d || "image", className: "type-icon" }),
+        s && c && !(w || !e) && /* @__PURE__ */ t.jsx(I, { alt: `Entity thumbnail ${e}`, src: r }),
         f && /* @__PURE__ */ t.jsx(x, { icon: f, className: "hover-icon" })
       ]
     }
   );
 };
 export {
-  v as Thumbnail
+  z as Thumbnail
 };
 //# sourceMappingURL=Thumbnail.es.js.map

package/dist/shared/src/components/Thumbnail/Thumbnail.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.es.js","sources":["../../../../../src/components/Thumbnail/Thumbnail.tsx"],"sourcesContent":["import { HTMLAttributes, useEffect, useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport * as Styled from './Thumbnail.styled'\n\nexport interface ThumbnailProps extends HTMLAttributes<HTMLDivElement> {\n  projectName?: string\n  entityType?: string\n  entityId?: string\n  icon?: string | null\n  entityUpdatedAt?: string\n  isLoading?: boolean\n  shimmer?: boolean\n  className?: string\n  disabled?: boolean\n  src?: string\n  hoverIcon?: string\n  showBorder?: boolean\n}\n\nexport const Thumbnail = ({\n  projectName = '',\n  entityType = '',\n  entityId = '',\n  icon,\n  entityUpdatedAt,\n  isLoading,\n  shimmer,\n  className,\n  disabled,\n  src,\n  hoverIcon,\n  showBorder = true,\n  ...props\n}: ThumbnailProps) => {\n  let url = ''\n  if (entityType && entityId && entityUpdatedAt) {\n    url =\n      src || (projectName && `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail`)\n    const queryArgs = `?updatedAt=${entityUpdatedAt}`\n    url += queryArgs\n  }\n  const isWrongEntity = ['product'].includes(entityType)\n\n  const [error, setError] = useState(false)\n  const [loaded, setLoaded] = useState(false)\n  useEffect(() => {\n    if (url === '') {\n      setLoaded(true)\n      setError(true)\n      return\n    }\n    // Reset loaded and error states when src changes\n    setLoaded(false)\n    setError(false)\n    const imageUrl = src || `${url}`\n\n    // Function to fetch image and check status code\n    const fetchImage = async () => {\n      try {\n        const response = await fetch(imageUrl, { cache: 'force-cache' })\n        if (response.status === 200) {\n          setLoaded(true)\n        } else {\n          throw new Error('Image not OK')\n        }\n      } catch (error) {\n        setError(true) // Handle error (e.g., set error state)\n        setLoaded(true)\n      }\n    }\n\n    if (url) {\n      fetchImage()\n    }\n  }, [url])\n\n  return (\n    <Styled.Card\n      className={clsx(className, 'thumbnail', {\n        loading: shimmer && (isLoading || !loaded),\n        loaded,\n        error,\n        clickable: !!props.onClick,\n        border: showBorder,\n      })}\n      {...props}\n    >\n      {(!isLoading || !loaded) && !disabled && (\n        <Icon icon={icon || 'image'} className=\"type-icon\" />\n      )}\n      {entityType && projectName && !(isWrongEntity || !entityId) && (\n        <Styled.Image alt={`Entity thumbnail ${entityId}`} src={url} />\n      )}\n      {hoverIcon && <Icon icon={hoverIcon} className=\"hover-icon\" />}\n    </Styled.Card>\n  )\n}\n"],"names":["Thumbnail","projectName","entityType","entityId","icon","entityUpdatedAt","isLoading","shimmer","className","disabled","src","hoverIcon","showBorder","props","url","queryArgs","isWrongEntity","error","setError","useState","loaded","setLoaded","useEffect","imageUrl","jsxs","Styled.Card","clsx","jsx","Icon","Styled.Image"],"mappings":";;;;;AAoBO,MAAMA,IAAY,CAAC;AAAA,EACxB,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,GAAGC;AACL,MAAsB;AACpB,MAAIC,IAAM;AACV,MAAIZ,KAAcC,KAAYE,GAAiB;AAC7C,IAAAS,IACEJ,KAAQT,KAAe,iBAAiBA,CAAW,IAAIC,CAAU,KAAKC,CAAQ;AAChF,UAAMY,IAAY,cAAcV,CAAe;AAC/C,IAAAS,KAAOC;AAAA,EACT;AACA,QAAMC,IAAgB,CAAC,SAAS,EAAE,SAASd,CAAU,GAE/C,CAACe,GAAOC,CAAQ,IAAIC,EAAS,EAAK,GAClC,CAACC,GAAQC,CAAS,IAAIF,EAAS,EAAK;AAC1C,SAAAG,EAAU,MAAM;AACd,QAAIR,MAAQ,IAAI;AACd,MAAAO,EAAU,EAAI,GACdH,EAAS,EAAI;AACb;AAAA,IACF;AAEA,IAAAG,EAAU,EAAK,GACfH,EAAS,EAAK;AACd,UAAMK,IAAWb,KAAO,GAAGI,CAAG;AAiB9B,IAAIA,MAde,YAAY;AAC7B,UAAI;AAEF,aADiB,MAAM,MAAMS,GAAU,EAAE,OAAO,eAAe,GAClD,WAAW;AACtB,UAAAF,EAAU,EAAI;AAAA;AAEd,gBAAM,IAAI,MAAM,cAAc;AAAA,MAElC,QAAgB;AACd,QAAAH,EAAS,EAAI,GACbG,EAAU,EAAI;AAAA,MAChB;AAAA,IACF,GAGE;AAAA,EAEJ,GAAG,CAACP,CAAG,CAAC,GAGNU,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAKlB,GAAW,aAAa;AAAA,QACtC,SAASD,MAAYD,KAAa,CAACc;AAAA,QACnC,QAAAA;AAAA,QACA,OAAAH;AAAA,QACA,WAAW,CAAC,CAACJ,EAAM;AAAA,QACnB,QAAQD;AAAA,MAAA,CACT;AAAA,MACA,GAAGC;AAAA,MAEF,UAAA;AAAA,SAAA,CAACP,KAAa,CAACc,MAAW,CAACX,KAC3BkB,gBAAAA,EAAAA,IAACC,GAAA,EAAK,MAAMxB,KAAQ,SAAS,WAAU,YAAA,CAAY;AAAA,QAEpDF,KAAcD,KAAe,EAAEe,KAAiB,CAACb,MAChDwB,gBAAAA,EAAAA,IAACE,GAAA,EAAa,KAAK,oBAAoB1B,CAAQ,IAAI,KAAKW,GAAK;AAAA,QAE9DH,KAAagB,gBAAAA,EAAAA,IAACC,GAAA,EAAK,MAAMjB,GAAW,WAAU,aAAA,CAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlE;"}
+{"version":3,"file":"Thumbnail.es.js","sources":["../../../../../src/components/Thumbnail/Thumbnail.tsx"],"sourcesContent":["import { HTMLAttributes, useEffect, useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport * as Styled from './Thumbnail.styled'\n\nexport interface ThumbnailProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  projectName?: string\n  entityType?: string\n  entityId?: string\n  icon?: string | null\n  color?: string | null\n  entityUpdatedAt?: string\n  isLoading?: boolean\n  shimmer?: boolean\n  className?: string\n  disabled?: boolean\n  src?: string\n  hoverIcon?: string\n  showBorder?: boolean\n}\n\nexport const Thumbnail = ({\n  projectName = '',\n  entityType = '',\n  entityId = '',\n  icon,\n  color,\n  entityUpdatedAt,\n  isLoading,\n  shimmer,\n  className,\n  disabled,\n  src,\n  hoverIcon,\n  showBorder = true,\n  ...props\n}: ThumbnailProps) => {\n  let url = ''\n  if (entityType && entityId && entityUpdatedAt) {\n    url =\n      src || (projectName && `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail`)\n    const queryArgs = `?updatedAt=${entityUpdatedAt}`\n    url += queryArgs\n  }\n  const isWrongEntity = ['product'].includes(entityType)\n\n  const [error, setError] = useState(false)\n  const [loaded, setLoaded] = useState(false)\n  useEffect(() => {\n    if (url === '') {\n      setLoaded(true)\n      setError(true)\n      return\n    }\n    // Reset loaded and error states when src changes\n    setLoaded(false)\n    setError(false)\n    const imageUrl = src || `${url}`\n\n    // Function to fetch image and check status code\n    const fetchImage = async () => {\n      try {\n        const response = await fetch(imageUrl, { cache: 'force-cache' })\n        if (response.status === 200) {\n          setLoaded(true)\n        } else {\n          throw new Error('Image not OK')\n        }\n      } catch (error) {\n        setError(true) // Handle error (e.g., set error state)\n        setLoaded(true)\n      }\n    }\n\n    if (url) {\n      fetchImage()\n    }\n  }, [url])\n\n  return (\n    <Styled.Card\n      className={clsx(className, 'thumbnail', {\n        loading: shimmer && (isLoading || !loaded),\n        loaded,\n        error,\n        clickable: !!props.onClick,\n        border: showBorder,\n      })}\n      {...props}\n    >\n      {(!isLoading || !loaded) && !disabled && (\n        <Icon style={{ color: color || undefined }} icon={icon || 'image'} className=\"type-icon\" />\n      )}\n      {entityType && projectName && !(isWrongEntity || !entityId) && (\n        <Styled.Image alt={`Entity thumbnail ${entityId}`} src={url} />\n      )}\n      {hoverIcon && <Icon icon={hoverIcon} className=\"hover-icon\" />}\n    </Styled.Card>\n  )\n}\n"],"names":["Thumbnail","projectName","entityType","entityId","icon","color","entityUpdatedAt","isLoading","shimmer","className","disabled","src","hoverIcon","showBorder","props","url","queryArgs","isWrongEntity","error","setError","useState","loaded","setLoaded","useEffect","imageUrl","jsxs","Styled.Card","clsx","Icon","jsx","Styled.Image"],"mappings":";;;;;AAqBO,MAAMA,IAAY,CAAC;AAAA,EACxB,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,GAAGC;AACL,MAAsB;AACpB,MAAIC,IAAM;AACV,MAAIb,KAAcC,KAAYG,GAAiB;AAC7C,IAAAS,IACEJ,KAAQV,KAAe,iBAAiBA,CAAW,IAAIC,CAAU,KAAKC,CAAQ;AAChF,UAAMa,IAAY,cAAcV,CAAe;AAC/C,IAAAS,KAAOC;AAAA,EACT;AACA,QAAMC,IAAgB,CAAC,SAAS,EAAE,SAASf,CAAU,GAE/C,CAACgB,GAAOC,CAAQ,IAAIC,EAAS,EAAK,GAClC,CAACC,GAAQC,CAAS,IAAIF,EAAS,EAAK;AAC1C,SAAAG,EAAU,MAAM;AACd,QAAIR,MAAQ,IAAI;AACd,MAAAO,EAAU,EAAI,GACdH,EAAS,EAAI;AACb;AAAA,IACF;AAEA,IAAAG,EAAU,EAAK,GACfH,EAAS,EAAK;AACd,UAAMK,IAAWb,KAAO,GAAGI,CAAG;AAiB9B,IAAIA,MAde,YAAY;AAC7B,UAAI;AAEF,aADiB,MAAM,MAAMS,GAAU,EAAE,OAAO,eAAe,GAClD,WAAW;AACtB,UAAAF,EAAU,EAAI;AAAA;AAEd,gBAAM,IAAI,MAAM,cAAc;AAAA,MAElC,QAAgB;AACd,QAAAH,EAAS,EAAI,GACbG,EAAU,EAAI;AAAA,MAChB;AAAA,IACF,GAGE;AAAA,EAEJ,GAAG,CAACP,CAAG,CAAC,GAGNU,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAKlB,GAAW,aAAa;AAAA,QACtC,SAASD,MAAYD,KAAa,CAACc;AAAA,QACnC,QAAAA;AAAA,QACA,OAAAH;AAAA,QACA,WAAW,CAAC,CAACJ,EAAM;AAAA,QACnB,QAAQD;AAAA,MAAA,CACT;AAAA,MACA,GAAGC;AAAA,MAEF,UAAA;AAAA,SAAA,CAACP,KAAa,CAACc,MAAW,CAACX,2BAC1BkB,GAAA,EAAK,OAAO,EAAE,OAAOvB,KAAS,OAAA,GAAa,MAAMD,KAAQ,SAAS,WAAU,aAAY;AAAA,QAE1FF,KAAcD,KAAe,EAAEgB,KAAiB,CAACd,MAChD0B,gBAAAA,EAAAA,IAACC,GAAA,EAAa,KAAK,oBAAoB3B,CAAQ,IAAI,KAAKY,GAAK;AAAA,QAE9DH,KAAaiB,gBAAAA,EAAAA,IAACD,GAAA,EAAK,MAAMhB,GAAW,WAAU,aAAA,CAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlE;"}

package/dist/shared/src/components/VersionUploader/components/UploadVersionDialog.cjs.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),t=require("@ynput/ayon-react-components"),b=require("../context/VersionUploadContext.cjs.js"),C=require("./UploadVersionForm.cjs.js"),S=require("styled-components"),V=n=>{let r=String(n),o=Math.max(0,3-r.length);return`v${"0".repeat(o)}${r}`},f=S.span`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),t=require("@ynput/ayon-react-components"),V=require("../context/VersionUploadContext.cjs.js"),b=require("./UploadVersionForm.cjs.js"),C=require("styled-components"),S=n=>{let r=String(n),o=Math.max(0,3-r.length);return`v${"0".repeat(o)}${r}`},f=C.span`
   background-color: var(--md-sys-color-error-container);
   color: var(--md-sys-color-on-error-container);
   padding: var(--padding-s);
   border-radius: var(--border-radius-m);
-`,d=()=>{const{isOpen:n,onCloseVersionUpload:r,productId:o,taskId:s,projectName:l,form:i,version:c,handleFormChange:u,handleFormSubmit:p,isSubmitting:m,error:a,createdProductId:x,createdVersionId:g}=b.useVersionUploadContext(),v=o||x,j=g,y=e.jsxRuntimeExports.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:8},children:[e.jsxRuntimeExports.jsx(t.Spacer,{}),e.jsxRuntimeExports.jsx(t.Button,{onClick:r,label:"Cancel",variant:"text"}),e.jsxRuntimeExports.jsx(t.SaveButton,{type:"submit",form:"upload-version-form",label:`Create ${V(i.version)}`,icon:"upload",active:!0,saving:m})]}),h="Create new version - "+(o?"Product":s?"Task":"Folder");return e.jsxRuntimeExports.jsxs(t.Dialog,{isOpen:n,onClose:r,header:h,size:"md",footer:y,style:{width:600,maxHeight:"80vh"},children:[e.jsxRuntimeExports.jsx(C.UploadVersionForm,{formData:i,minVersion:c?.version,onChange:u,onSubmit:p,hidden:o?["name","productType"]:[],projectName:l,versionId:j,productId:v}),a&&e.jsxRuntimeExports.jsx(f,{className:"error",children:JSON.stringify(a)})]})};exports.UploadVersionDialog=d;exports.default=d;
+`,d=()=>{const{isOpen:n,onCloseVersionUpload:r,productId:o,taskId:s,projectName:l,form:i,latestVersion:c,handleFormChange:u,handleFormSubmit:p,isSubmitting:m,error:a,createdProductId:x,createdVersionId:g}=V.useVersionUploadContext(),j=o||x,v=g,y=e.jsxRuntimeExports.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:8},children:[e.jsxRuntimeExports.jsx(t.Spacer,{}),e.jsxRuntimeExports.jsx(t.Button,{onClick:r,label:"Cancel",variant:"text"}),e.jsxRuntimeExports.jsx(t.SaveButton,{type:"submit",form:"upload-version-form",label:`Create ${S(i.version)}`,icon:"upload",active:!0,saving:m})]}),h="Create new version - "+(o?"Product":s?"Task":"Folder");return e.jsxRuntimeExports.jsxs(t.Dialog,{isOpen:n,onClose:r,header:h,size:"md",footer:y,style:{width:600,maxHeight:"80vh"},children:[e.jsxRuntimeExports.jsx(b.UploadVersionForm,{formData:i,minVersion:c,onChange:u,onSubmit:p,hidden:o?["name","productType"]:[],projectName:l,versionId:v,productId:j}),a&&e.jsxRuntimeExports.jsx(f,{className:"error",children:JSON.stringify(a)})]})};exports.UploadVersionDialog=d;exports.default=d;
 //# sourceMappingURL=UploadVersionDialog.cjs.js.map

package/dist/shared/src/components/VersionUploader/components/UploadVersionDialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadVersionDialog.cjs.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionDialog.tsx"],"sourcesContent":["import { Dialog, Button, Spacer, SaveButton } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\nimport { UploadVersionForm } from './UploadVersionForm'\nimport styled from 'styled-components'\n\nconst toVersionString = (number: number) => {\n  // Convert the number to a string\n  let numStr = String(number)\n\n  // Calculate how many zeros are needed for padding\n  // If the number of digits is less than 3, we need 3 - numStr.length zeros.\n  // Otherwise, no padding is needed.\n  let paddingNeeded = Math.max(0, 3 - numStr.length)\n\n  // Create the padding string\n  let padding = '0'.repeat(paddingNeeded)\n\n  // Combine to form the version string\n  return `v${padding}${numStr}`\n}\n\nconst ErrorMessage = styled.span`\n  background-color: var(--md-sys-color-error-container);\n  color: var(--md-sys-color-on-error-container);\n  padding: var(--padding-s);\n  border-radius: var(--border-radius-m);\n`\n\ninterface UploadVersionDialogProps {}\n\nexport const UploadVersionDialog: FC<UploadVersionDialogProps> = () => {\n  const {\n    isOpen,\n    onCloseVersionUpload,\n    productId,\n    taskId,\n    projectName,\n    form,\n    version,\n    handleFormChange,\n    handleFormSubmit,\n    isSubmitting,\n    error,\n    createdProductId,\n    createdVersionId,\n  } = useVersionUploadContext()\n\n  // Use existing productId if available, otherwise use created one\n  const currentProductId = productId || createdProductId\n  const currentVersionId = createdVersionId\n\n  const footer = (\n    <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n      <Spacer />\n      <Button onClick={onCloseVersionUpload} label=\"Cancel\" variant=\"text\" />\n      <SaveButton\n        type=\"submit\"\n        form=\"upload-version-form\"\n        label={`Create ${toVersionString(form.version)}`}\n        icon={'upload'}\n        active\n        saving={isSubmitting}\n      />\n    </div>\n  )\n\n  const creatingOnEntityType = productId ? 'Product' : taskId ? 'Task' : 'Folder'\n  const title = 'Create new version' + ' - ' + creatingOnEntityType\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onCloseVersionUpload}\n      header={title}\n      size=\"md\"\n      footer={footer}\n      style={{ width: 600, maxHeight: '80vh' }}\n    >\n      <UploadVersionForm\n        formData={form}\n        minVersion={version?.version}\n        onChange={handleFormChange}\n        onSubmit={handleFormSubmit}\n        hidden={productId ? ['name', 'productType'] : []}\n        projectName={projectName}\n        versionId={currentVersionId}\n        productId={currentProductId}\n      />\n      {error && <ErrorMessage className=\"error\">{JSON.stringify(error)}</ErrorMessage>}\n    </Dialog>\n  )\n}\n\nexport default UploadVersionDialog\n"],"names":["toVersionString","number","numStr","paddingNeeded","ErrorMessage","styled","UploadVersionDialog","isOpen","onCloseVersionUpload","productId","taskId","projectName","form","version","handleFormChange","handleFormSubmit","isSubmitting","error","createdProductId","createdVersionId","useVersionUploadContext","currentProductId","currentVersionId","footer","jsxs","jsx","Spacer","Button","SaveButton","title","Dialog","UploadVersionForm"],"mappings":"+UAMMA,EAAmBC,GAAmB,CAE1C,IAAIC,EAAS,OAAOD,CAAM,EAKtBE,EAAgB,KAAK,IAAI,EAAG,EAAID,EAAO,MAAM,EAMjD,MAAO,IAHO,IAAI,OAAOC,CAAa,CAGpB,GAAGD,CAAM,EAC7B,EAEME,EAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EASfC,EAAoD,IAAM,CACrE,KAAM,CACJ,OAAAC,EACA,qBAAAC,EACA,UAAAC,EACA,OAAAC,EACA,YAAAC,EACA,KAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,iBAAAC,CAAA,EACEC,0BAAA,EAGEC,EAAmBZ,GAAaS,EAChCI,EAAmBH,EAEnBI,EACJC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,cAAe,MAAO,IAAK,CAAA,EACxD,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,EAAO,0BACPC,EAAAA,OAAA,CAAO,QAASnB,EAAsB,MAAM,SAAS,QAAQ,OAAO,EACrEiB,EAAAA,kBAAAA,IAACG,EAAAA,WAAA,CACC,KAAK,SACL,KAAK,sBACL,MAAO,UAAU5B,EAAgBY,EAAK,OAAO,CAAC,GAC9C,KAAM,SACN,OAAM,GACN,OAAQI,CAAA,CAAA,CACV,EACF,EAIIa,EAAQ,yBADepB,EAAY,UAAYC,EAAS,OAAS,UAGvE,OACEc,EAAAA,kBAAAA,KAACM,EAAAA,OAAA,CACC,OAAAvB,EACA,QAASC,EACT,OAAQqB,EACR,KAAK,KACL,OAAAN,EACA,MAAO,CAAE,MAAO,IAAK,UAAW,MAAA,EAEhC,SAAA,CAAAE,EAAAA,kBAAAA,IAACM,EAAAA,kBAAA,CACC,SAAUnB,EACV,WAAYC,GAAS,QACrB,SAAUC,EACV,SAAUC,EACV,OAAQN,EAAY,CAAC,OAAQ,aAAa,EAAI,CAAA,EAC9C,YAAAE,EACA,UAAWW,EACX,UAAWD,CAAA,CAAA,EAEZJ,2BAAUb,EAAA,CAAa,UAAU,QAAS,SAAA,KAAK,UAAUa,CAAK,CAAA,CAAE,CAAA,CAAA,CAAA,CAGvE"}
+{"version":3,"file":"UploadVersionDialog.cjs.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionDialog.tsx"],"sourcesContent":["import { Dialog, Button, Spacer, SaveButton } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\nimport { UploadVersionForm } from './UploadVersionForm'\nimport styled from 'styled-components'\n\nconst toVersionString = (number: number) => {\n  // Convert the number to a string\n  let numStr = String(number)\n\n  // Calculate how many zeros are needed for padding\n  // If the number of digits is less than 3, we need 3 - numStr.length zeros.\n  // Otherwise, no padding is needed.\n  let paddingNeeded = Math.max(0, 3 - numStr.length)\n\n  // Create the padding string\n  let padding = '0'.repeat(paddingNeeded)\n\n  // Combine to form the version string\n  return `v${padding}${numStr}`\n}\n\nconst ErrorMessage = styled.span`\n  background-color: var(--md-sys-color-error-container);\n  color: var(--md-sys-color-on-error-container);\n  padding: var(--padding-s);\n  border-radius: var(--border-radius-m);\n`\n\ninterface UploadVersionDialogProps {}\n\nexport const UploadVersionDialog: FC<UploadVersionDialogProps> = () => {\n  const {\n    isOpen,\n    onCloseVersionUpload,\n    productId,\n    taskId,\n    projectName,\n    form,\n    latestVersion,\n    handleFormChange,\n    handleFormSubmit,\n    isSubmitting,\n    error,\n    createdProductId,\n    createdVersionId,\n  } = useVersionUploadContext()\n\n  // Use existing productId if available, otherwise use created one\n  const currentProductId = productId || createdProductId\n  const currentVersionId = createdVersionId\n\n  const footer = (\n    <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n      <Spacer />\n      <Button onClick={onCloseVersionUpload} label=\"Cancel\" variant=\"text\" />\n      <SaveButton\n        type=\"submit\"\n        form=\"upload-version-form\"\n        label={`Create ${toVersionString(form.version)}`}\n        icon={'upload'}\n        active\n        saving={isSubmitting}\n      />\n    </div>\n  )\n\n  const creatingOnEntityType = productId ? 'Product' : taskId ? 'Task' : 'Folder'\n  const title = 'Create new version' + ' - ' + creatingOnEntityType\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onCloseVersionUpload}\n      header={title}\n      size=\"md\"\n      footer={footer}\n      style={{ width: 600, maxHeight: '80vh' }}\n    >\n      <UploadVersionForm\n        formData={form}\n        minVersion={latestVersion}\n        onChange={handleFormChange}\n        onSubmit={handleFormSubmit}\n        hidden={productId ? ['name', 'productType'] : []}\n        projectName={projectName}\n        versionId={currentVersionId}\n        productId={currentProductId}\n      />\n      {error && <ErrorMessage className=\"error\">{JSON.stringify(error)}</ErrorMessage>}\n    </Dialog>\n  )\n}\n\nexport default UploadVersionDialog\n"],"names":["toVersionString","number","numStr","paddingNeeded","ErrorMessage","styled","UploadVersionDialog","isOpen","onCloseVersionUpload","productId","taskId","projectName","form","latestVersion","handleFormChange","handleFormSubmit","isSubmitting","error","createdProductId","createdVersionId","useVersionUploadContext","currentProductId","currentVersionId","footer","jsxs","jsx","Spacer","Button","SaveButton","title","Dialog","UploadVersionForm"],"mappings":"+UAMMA,EAAmBC,GAAmB,CAE1C,IAAIC,EAAS,OAAOD,CAAM,EAKtBE,EAAgB,KAAK,IAAI,EAAG,EAAID,EAAO,MAAM,EAMjD,MAAO,IAHO,IAAI,OAAOC,CAAa,CAGpB,GAAGD,CAAM,EAC7B,EAEME,EAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EASfC,EAAoD,IAAM,CACrE,KAAM,CACJ,OAAAC,EACA,qBAAAC,EACA,UAAAC,EACA,OAAAC,EACA,YAAAC,EACA,KAAAC,EACA,cAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,iBAAAC,CAAA,EACEC,0BAAA,EAGEC,EAAmBZ,GAAaS,EAChCI,EAAmBH,EAEnBI,EACJC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,cAAe,MAAO,IAAK,CAAA,EACxD,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,EAAO,0BACPC,EAAAA,OAAA,CAAO,QAASnB,EAAsB,MAAM,SAAS,QAAQ,OAAO,EACrEiB,EAAAA,kBAAAA,IAACG,EAAAA,WAAA,CACC,KAAK,SACL,KAAK,sBACL,MAAO,UAAU5B,EAAgBY,EAAK,OAAO,CAAC,GAC9C,KAAM,SACN,OAAM,GACN,OAAQI,CAAA,CAAA,CACV,EACF,EAIIa,EAAQ,yBADepB,EAAY,UAAYC,EAAS,OAAS,UAGvE,OACEc,EAAAA,kBAAAA,KAACM,EAAAA,OAAA,CACC,OAAAvB,EACA,QAASC,EACT,OAAQqB,EACR,KAAK,KACL,OAAAN,EACA,MAAO,CAAE,MAAO,IAAK,UAAW,MAAA,EAEhC,SAAA,CAAAE,EAAAA,kBAAAA,IAACM,EAAAA,kBAAA,CACC,SAAUnB,EACV,WAAYC,EACZ,SAAUC,EACV,SAAUC,EACV,OAAQN,EAAY,CAAC,OAAQ,aAAa,EAAI,CAAA,EAC9C,YAAAE,EACA,UAAWW,EACX,UAAWD,CAAA,CAAA,EAEZJ,2BAAUb,EAAA,CAAa,UAAU,QAAS,SAAA,KAAK,UAAUa,CAAK,CAAA,CAAE,CAAA,CAAA,CAAA,CAGvE"}

package/dist/shared/src/components/VersionUploader/components/UploadVersionDialog.es.js

@@ -2,11 +2,11 @@ import { j as r } from "../../../../../_virtual/jsx-runtime.es.js";
 import { Spacer as h, Button as y, SaveButton as j, Dialog as b } from "@ynput/ayon-react-components";
 import { useVersionUploadContext as C } from "../context/VersionUploadContext.es.js";
 import { UploadVersionForm as S } from "./UploadVersionForm.es.js";
-import I from "styled-components";
-const V = (t) => {
+import V from "styled-components";
+const I = (t) => {
   let e = String(t), o = Math.max(0, 3 - e.length);
   return `v${"0".repeat(o)}${e}`;
-}, k = I.span`
+}, k = V.span`
   background-color: var(--md-sys-color-error-container);
   color: var(--md-sys-color-on-error-container);
   padding: var(--padding-s);
@@ -19,14 +19,14 @@ const V = (t) => {
     taskId: n,
     projectName: a,
     form: i,
-    version: d,
-    handleFormChange: c,
-    handleFormSubmit: l,
+    latestVersion: d,
+    handleFormChange: l,
+    handleFormSubmit: c,
     isSubmitting: m,
     error: s,
     createdProductId: p,
     createdVersionId: u
-  } = C(), g = o || p, v = u, x = /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", flexDirection: "row", gap: 8 }, children: [
+  } = C(), g = o || p, x = u, v = /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", flexDirection: "row", gap: 8 }, children: [
     /* @__PURE__ */ r.jsx(h, {}),
     /* @__PURE__ */ r.jsx(y, { onClick: e, label: "Cancel", variant: "text" }),
     /* @__PURE__ */ r.jsx(
@@ -34,7 +34,7 @@ const V = (t) => {
       {
         type: "submit",
         form: "upload-version-form",
-        label: `Create ${V(i.version)}`,
+        label: `Create ${I(i.version)}`,
         icon: "upload",
         active: !0,
         saving: m
@@ -48,19 +48,19 @@ const V = (t) => {
       onClose: e,
       header: f,
       size: "md",
-      footer: x,
+      footer: v,
       style: { width: 600, maxHeight: "80vh" },
       children: [
         /* @__PURE__ */ r.jsx(
           S,
           {
             formData: i,
-            minVersion: d?.version,
-            onChange: c,
-            onSubmit: l,
+            minVersion: d,
+            onChange: l,
+            onSubmit: c,
             hidden: o ? ["name", "productType"] : [],
             projectName: a,
-            versionId: v,
+            versionId: x,
             productId: g
           }
         ),

package/dist/shared/src/components/VersionUploader/components/UploadVersionDialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadVersionDialog.es.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionDialog.tsx"],"sourcesContent":["import { Dialog, Button, Spacer, SaveButton } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\nimport { UploadVersionForm } from './UploadVersionForm'\nimport styled from 'styled-components'\n\nconst toVersionString = (number: number) => {\n  // Convert the number to a string\n  let numStr = String(number)\n\n  // Calculate how many zeros are needed for padding\n  // If the number of digits is less than 3, we need 3 - numStr.length zeros.\n  // Otherwise, no padding is needed.\n  let paddingNeeded = Math.max(0, 3 - numStr.length)\n\n  // Create the padding string\n  let padding = '0'.repeat(paddingNeeded)\n\n  // Combine to form the version string\n  return `v${padding}${numStr}`\n}\n\nconst ErrorMessage = styled.span`\n  background-color: var(--md-sys-color-error-container);\n  color: var(--md-sys-color-on-error-container);\n  padding: var(--padding-s);\n  border-radius: var(--border-radius-m);\n`\n\ninterface UploadVersionDialogProps {}\n\nexport const UploadVersionDialog: FC<UploadVersionDialogProps> = () => {\n  const {\n    isOpen,\n    onCloseVersionUpload,\n    productId,\n    taskId,\n    projectName,\n    form,\n    version,\n    handleFormChange,\n    handleFormSubmit,\n    isSubmitting,\n    error,\n    createdProductId,\n    createdVersionId,\n  } = useVersionUploadContext()\n\n  // Use existing productId if available, otherwise use created one\n  const currentProductId = productId || createdProductId\n  const currentVersionId = createdVersionId\n\n  const footer = (\n    <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n      <Spacer />\n      <Button onClick={onCloseVersionUpload} label=\"Cancel\" variant=\"text\" />\n      <SaveButton\n        type=\"submit\"\n        form=\"upload-version-form\"\n        label={`Create ${toVersionString(form.version)}`}\n        icon={'upload'}\n        active\n        saving={isSubmitting}\n      />\n    </div>\n  )\n\n  const creatingOnEntityType = productId ? 'Product' : taskId ? 'Task' : 'Folder'\n  const title = 'Create new version' + ' - ' + creatingOnEntityType\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onCloseVersionUpload}\n      header={title}\n      size=\"md\"\n      footer={footer}\n      style={{ width: 600, maxHeight: '80vh' }}\n    >\n      <UploadVersionForm\n        formData={form}\n        minVersion={version?.version}\n        onChange={handleFormChange}\n        onSubmit={handleFormSubmit}\n        hidden={productId ? ['name', 'productType'] : []}\n        projectName={projectName}\n        versionId={currentVersionId}\n        productId={currentProductId}\n      />\n      {error && <ErrorMessage className=\"error\">{JSON.stringify(error)}</ErrorMessage>}\n    </Dialog>\n  )\n}\n\nexport default UploadVersionDialog\n"],"names":["toVersionString","number","numStr","paddingNeeded","ErrorMessage","styled","UploadVersionDialog","isOpen","onCloseVersionUpload","productId","taskId","projectName","form","version","handleFormChange","handleFormSubmit","isSubmitting","error","createdProductId","createdVersionId","useVersionUploadContext","currentProductId","currentVersionId","footer","jsxs","jsx","Spacer","Button","SaveButton","title","Dialog","UploadVersionForm"],"mappings":";;;;;AAMA,MAAMA,IAAkB,CAACC,MAAmB;AAE1C,MAAIC,IAAS,OAAOD,CAAM,GAKtBE,IAAgB,KAAK,IAAI,GAAG,IAAID,EAAO,MAAM;AAMjD,SAAO,IAHO,IAAI,OAAOC,CAAa,CAGpB,GAAGD,CAAM;AAC7B,GAEME,IAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GASfC,IAAoD,MAAM;AACrE,QAAM;AAAA,IACJ,QAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA,IACEC,EAAA,GAGEC,IAAmBZ,KAAaS,GAChCI,IAAmBH,GAEnBI,IACJC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,OAAO,KAAK,EAAA,GACxD,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAO;AAAA,0BACPC,GAAA,EAAO,SAASnB,GAAsB,OAAM,UAAS,SAAQ,QAAO;AAAA,IACrEiB,gBAAAA,EAAAA;AAAAA,MAACG;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,OAAO,UAAU5B,EAAgBY,EAAK,OAAO,CAAC;AAAA,QAC9C,MAAM;AAAA,QACN,QAAM;AAAA,QACN,QAAQI;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,GACF,GAIIa,IAAQ,2BADepB,IAAY,YAAYC,IAAS,SAAS;AAGvE,SACEc,gBAAAA,EAAAA;AAAAA,IAACM;AAAA,IAAA;AAAA,MACC,QAAAvB;AAAA,MACA,SAASC;AAAA,MACT,QAAQqB;AAAA,MACR,MAAK;AAAA,MACL,QAAAN;AAAA,MACA,OAAO,EAAE,OAAO,KAAK,WAAW,OAAA;AAAA,MAEhC,UAAA;AAAA,QAAAE,gBAAAA,EAAAA;AAAAA,UAACM;AAAA,UAAA;AAAA,YACC,UAAUnB;AAAA,YACV,YAAYC,GAAS;AAAA,YACrB,UAAUC;AAAA,YACV,UAAUC;AAAA,YACV,QAAQN,IAAY,CAAC,QAAQ,aAAa,IAAI,CAAA;AAAA,YAC9C,aAAAE;AAAA,YACA,WAAWW;AAAA,YACX,WAAWD;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZJ,2BAAUb,GAAA,EAAa,WAAU,SAAS,UAAA,KAAK,UAAUa,CAAK,EAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvE;"}
+{"version":3,"file":"UploadVersionDialog.es.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionDialog.tsx"],"sourcesContent":["import { Dialog, Button, Spacer, SaveButton } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\nimport { UploadVersionForm } from './UploadVersionForm'\nimport styled from 'styled-components'\n\nconst toVersionString = (number: number) => {\n  // Convert the number to a string\n  let numStr = String(number)\n\n  // Calculate how many zeros are needed for padding\n  // If the number of digits is less than 3, we need 3 - numStr.length zeros.\n  // Otherwise, no padding is needed.\n  let paddingNeeded = Math.max(0, 3 - numStr.length)\n\n  // Create the padding string\n  let padding = '0'.repeat(paddingNeeded)\n\n  // Combine to form the version string\n  return `v${padding}${numStr}`\n}\n\nconst ErrorMessage = styled.span`\n  background-color: var(--md-sys-color-error-container);\n  color: var(--md-sys-color-on-error-container);\n  padding: var(--padding-s);\n  border-radius: var(--border-radius-m);\n`\n\ninterface UploadVersionDialogProps {}\n\nexport const UploadVersionDialog: FC<UploadVersionDialogProps> = () => {\n  const {\n    isOpen,\n    onCloseVersionUpload,\n    productId,\n    taskId,\n    projectName,\n    form,\n    latestVersion,\n    handleFormChange,\n    handleFormSubmit,\n    isSubmitting,\n    error,\n    createdProductId,\n    createdVersionId,\n  } = useVersionUploadContext()\n\n  // Use existing productId if available, otherwise use created one\n  const currentProductId = productId || createdProductId\n  const currentVersionId = createdVersionId\n\n  const footer = (\n    <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n      <Spacer />\n      <Button onClick={onCloseVersionUpload} label=\"Cancel\" variant=\"text\" />\n      <SaveButton\n        type=\"submit\"\n        form=\"upload-version-form\"\n        label={`Create ${toVersionString(form.version)}`}\n        icon={'upload'}\n        active\n        saving={isSubmitting}\n      />\n    </div>\n  )\n\n  const creatingOnEntityType = productId ? 'Product' : taskId ? 'Task' : 'Folder'\n  const title = 'Create new version' + ' - ' + creatingOnEntityType\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onCloseVersionUpload}\n      header={title}\n      size=\"md\"\n      footer={footer}\n      style={{ width: 600, maxHeight: '80vh' }}\n    >\n      <UploadVersionForm\n        formData={form}\n        minVersion={latestVersion}\n        onChange={handleFormChange}\n        onSubmit={handleFormSubmit}\n        hidden={productId ? ['name', 'productType'] : []}\n        projectName={projectName}\n        versionId={currentVersionId}\n        productId={currentProductId}\n      />\n      {error && <ErrorMessage className=\"error\">{JSON.stringify(error)}</ErrorMessage>}\n    </Dialog>\n  )\n}\n\nexport default UploadVersionDialog\n"],"names":["toVersionString","number","numStr","paddingNeeded","ErrorMessage","styled","UploadVersionDialog","isOpen","onCloseVersionUpload","productId","taskId","projectName","form","latestVersion","handleFormChange","handleFormSubmit","isSubmitting","error","createdProductId","createdVersionId","useVersionUploadContext","currentProductId","currentVersionId","footer","jsxs","jsx","Spacer","Button","SaveButton","title","Dialog","UploadVersionForm"],"mappings":";;;;;AAMA,MAAMA,IAAkB,CAACC,MAAmB;AAE1C,MAAIC,IAAS,OAAOD,CAAM,GAKtBE,IAAgB,KAAK,IAAI,GAAG,IAAID,EAAO,MAAM;AAMjD,SAAO,IAHO,IAAI,OAAOC,CAAa,CAGpB,GAAGD,CAAM;AAC7B,GAEME,IAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GASfC,IAAoD,MAAM;AACrE,QAAM;AAAA,IACJ,QAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC;AAAA,IACA,eAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA,IACEC,EAAA,GAGEC,IAAmBZ,KAAaS,GAChCI,IAAmBH,GAEnBI,IACJC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,OAAO,KAAK,EAAA,GACxD,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAO;AAAA,0BACPC,GAAA,EAAO,SAASnB,GAAsB,OAAM,UAAS,SAAQ,QAAO;AAAA,IACrEiB,gBAAAA,EAAAA;AAAAA,MAACG;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,OAAO,UAAU5B,EAAgBY,EAAK,OAAO,CAAC;AAAA,QAC9C,MAAM;AAAA,QACN,QAAM;AAAA,QACN,QAAQI;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,GACF,GAIIa,IAAQ,2BADepB,IAAY,YAAYC,IAAS,SAAS;AAGvE,SACEc,gBAAAA,EAAAA;AAAAA,IAACM;AAAA,IAAA;AAAA,MACC,QAAAvB;AAAA,MACA,SAASC;AAAA,MACT,QAAQqB;AAAA,MACR,MAAK;AAAA,MACL,QAAAN;AAAA,MACA,OAAO,EAAE,OAAO,KAAK,WAAW,OAAA;AAAA,MAEhC,UAAA;AAAA,QAAAE,gBAAAA,EAAAA;AAAAA,UAACM;AAAA,UAAA;AAAA,YACC,UAAUnB;AAAA,YACV,YAAYC;AAAA,YACZ,UAAUC;AAAA,YACV,UAAUC;AAAA,YACV,QAAQN,IAAY,CAAC,QAAQ,aAAa,IAAI,CAAA;AAAA,YAC9C,aAAAE;AAAA,YACA,WAAWW;AAAA,YACX,WAAWD;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZJ,2BAAUb,GAAA,EAAa,WAAU,SAAS,UAAA,KAAK,UAAUa,CAAK,EAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvE;"}