@ynput/ayon-frontend-shared 0.2.14 → 0.2.15

package/dist/shared/src/api/queries/overview/getOverview.es.js

@@ -49,12 +49,14 @@ const transformFilteredEntitiesByParent = (response) => {
     tasks.push({
       ...taskNode,
       folderId: taskNode.folderId || "root",
-      attrib: parseAllAttribs(taskNode.allAttrib)
+      attrib: parseAllAttribs(taskNode.allAttrib),
+      entityId: taskNode.id,
+      entityType: "task"
     });
   }
   return tasks;
 };
-const getOverviewTaskTags = (result, projectName, parentIds) => {
+const getOverviewTaskTags = (result = [], projectName, parentIds) => {
   const taskTags = (result == null ? void 0 : result.map((task) => ({ type: "overviewTask", id: task.id }))) || [];
   if (!parentIds) return taskTags;
   const parentTags = (Array.isArray(parentIds) ? parentIds : [parentIds]).map((id) => ({
@@ -88,9 +90,11 @@ const enhancedApi = injectedRtkApi.enhanceEndpoints({
 });
 const foldersApiEnhanced = injectedRtkApi$1.enhanceEndpoints({
   endpoints: {
-    queryTasksFolders: {}
+    queryTasksFolders: {},
+    getTaskGroups: {}
   }
 });
+const { useGetTaskGroupsQuery } = foldersApiEnhanced;
 const TASKS_INFINITE_QUERY_COUNT = 100;
 const injectedApi = enhancedApi.injectEndpoints({
   endpoints: (build) => ({
@@ -223,6 +227,61 @@ const injectedApi = enhancedApi.injectEndpoints({
         }
       },
       providesTags: (result, _e, { projectName }) => getOverviewTaskTags((result == null ? void 0 : result.pages.flatMap((p) => p.tasks)) || [], projectName)
+    }),
+    getGroupedTasksList: build.query({
+      queryFn: async ({ projectName, groups, search, desc, sortBy }, api) => {
+        var _a, _b, _c, _d, _e, _f;
+        try {
+          let promises = [];
+          for (const group of groups) {
+            const count = group.count || 500;
+            const queryParams = {
+              projectName,
+              filter: group.filter,
+              search,
+              sortBy,
+              // @ts-expect-error - we know group does not exist on query variables but we need it for later
+              group: group.value
+            };
+            if (desc) {
+              queryParams.last = count;
+            } else {
+              queryParams.first = count;
+            }
+            const promise = api.dispatch(
+              enhancedApi.endpoints.GetTasksList.initiate(queryParams, { forceRefetch: true })
+            );
+            promises.push(promise);
+          }
+          const result = await Promise.all(promises);
+          const tasks = [];
+          for (const res of result) {
+            if (res.error) throw res.error;
+            const groupValue = (_a = res.originalArgs) == null ? void 0 : _a.group;
+            const hasNextPage = ((_c = (_b = res.data) == null ? void 0 : _b.pageInfo) == null ? void 0 : _c.hasNextPage) || ((_e = (_d = res.data) == null ? void 0 : _d.pageInfo) == null ? void 0 : _e.hasPreviousPage) || false;
+            const groupTasks = ((_f = res.data) == null ? void 0 : _f.tasks.map((task, i, a) => ({
+              ...task,
+              groups: [
+                {
+                  value: groupValue,
+                  hasNextPage: i === a.length - 1 && hasNextPage ? groupValue : void 0
+                  // Only add hasNextPage to the last task in the group
+                }
+              ]
+            }))) || [];
+            tasks.push(...groupTasks);
+          }
+          return {
+            data: {
+              tasks
+            }
+          };
+        } catch (error) {
+          console.error("Error in getGroupedTasksList queryFn:", error);
+          return { error: { status: "FETCH_ERROR", error: error.message } };
+        }
+      },
+      providesTags: (result, _e, { projectName }) => getOverviewTaskTags(result == null ? void 0 : result.tasks, projectName)
     })
   })
 });
@@ -231,14 +290,17 @@ const {
   useGetQueryTasksFoldersQuery,
   useGetTasksListQuery,
   useGetTasksListInfiniteInfiniteQuery,
-  useLazyGetTasksByParentQuery
+  useLazyGetTasksByParentQuery,
+  useGetGroupedTasksListQuery
 } = injectedApi;
 export {
   TASKS_INFINITE_QUERY_COUNT,
   injectedApi as default,
   parseAllAttribs,
+  useGetGroupedTasksListQuery,
   useGetOverviewTasksByFoldersQuery,
   useGetQueryTasksFoldersQuery,
+  useGetTaskGroupsQuery,
   useGetTasksListInfiniteInfiniteQuery,
   useGetTasksListQuery,
   useLazyGetTasksByParentQuery

package/dist/shared/src/api/queries/overview/getOverview.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"getOverview.es.js","sources":["../../../../../../src/api/queries/overview/getOverview.ts"],"sourcesContent":["import {\n  gqlApi,\n  GetTasksByParentQuery,\n  GetTasksListQuery,\n  tasksApi,\n  QueryTasksFoldersApiArg,\n} from '@shared/api/generated'\nimport { EditorTaskNode } from '@shared/containers/ProjectTreeTable'\nimport {\n  DefinitionsFromApi,\n  FetchBaseQueryError,\n  OverrideResultType,\n  TagTypesFromApi,\n} from '@reduxjs/toolkit/query'\n\n// parse attribs JSON string to object\nexport const parseAllAttribs = (allAttrib: string) => {\n  try {\n    return JSON.parse(allAttrib)\n  } catch (e) {\n    return {}\n  }\n}\n\nconst transformFilteredEntitiesByParent = (response: GetTasksByParentQuery): EditorTaskNode[] => {\n  if (!response.project) {\n    return []\n  }\n\n  const tasks: EditorTaskNode[] = []\n  for (const { node: taskNode } of response.project.tasks.edges) {\n    tasks.push({\n      ...taskNode,\n      folderId: taskNode.folderId || 'root',\n      attrib: parseAllAttribs(taskNode.allAttrib),\n    })\n  }\n\n  return tasks\n}\n\nconst getOverviewTaskTags = (\n  result: EditorTaskNode[] | undefined,\n  projectName: string,\n  parentIds?: string | string[],\n) => {\n  const taskTags = result?.map((task) => ({ type: 'overviewTask', id: task.id })) || []\n\n  if (!parentIds) return taskTags\n\n  const parentTags = (Array.isArray(parentIds) ? parentIds : [parentIds]).map((id) => ({\n    type: 'overviewTask',\n    id,\n  }))\n\n  return [\n    ...taskTags,\n    ...parentTags,\n    { type: 'overviewTask', id: projectName },\n    { type: 'overviewTask', id: 'LIST' },\n  ]\n}\n\ntype GetTasksListResult = {\n  pageInfo: GetTasksListQuery['project']['tasks']['pageInfo']\n  tasks: EditorTaskNode[]\n}\n\n// Define the page param type for infinite query\ntype TasksListPageParam = {\n  cursor: string\n  desc?: boolean\n}\n\ntype Definitions = DefinitionsFromApi<typeof gqlApi>\ntype TagTypes = TagTypesFromApi<typeof gqlApi>\ntype UpdatedDefinitions = Omit<Definitions, 'GetFilteredEntities'> & {\n  GetTasksByParent: OverrideResultType<Definitions['GetTasksByParent'], EditorTaskNode[]>\n  GetTasksList: OverrideResultType<Definitions['GetTasksList'], GetTasksListResult>\n}\n\n// GRAPHQL API\nconst enhancedApi = gqlApi.enhanceEndpoints<TagTypes, UpdatedDefinitions>({\n  endpoints: {\n    // This gets tasks for all parent folders provided\n    // But in this case it will only ever receive one parent folder from the getOverviewTasksByFolders query\n    // It is only used by getOverviewTasksByFolders in this file\n    GetTasksByParent: {\n      transformResponse: transformFilteredEntitiesByParent,\n      providesTags: (result, _e, { parentIds, projectName }) =>\n        getOverviewTaskTags(result, projectName, parentIds),\n    },\n    GetTasksList: {\n      transformResponse: (result: GetTasksListQuery) => ({\n        tasks: transformFilteredEntitiesByParent(result),\n        pageInfo: result.project.tasks.pageInfo,\n      }),\n      providesTags: (result, _e, { projectName }) =>\n        getOverviewTaskTags(result?.tasks || [], projectName),\n    },\n  },\n})\n\n// REST FOLDERS API\nconst foldersApiEnhanced = tasksApi.enhanceEndpoints({\n  endpoints: {\n    queryTasksFolders: {},\n  },\n})\n\nexport const TASKS_INFINITE_QUERY_COUNT = 100 // Number of items to fetch per page\n\nconst injectedApi = enhancedApi.injectEndpoints({\n  endpoints: (build) => ({\n    // Each project has one cache for all the tasks of the expanded folders\n    // Changing the expanded folders will trigger a refetch but not a new cache\n    // Each expanded folder has it's own query that is looped over here\n    // When new folders are expanded, the new tasks are fetched and we use the cache for the rest\n    // This also solves the pagination issue of getting all tasks in one query, splitting it up in multiple queries to avoid pagination limits\n    getOverviewTasksByFolders: build.query<\n      EditorTaskNode[],\n      { projectName: string; parentIds: string[]; filter?: string; search?: string }\n    >({\n      async queryFn({ projectName, parentIds, filter, search }, { dispatch, forced }) {\n        try {\n          // Process parent IDs in sequential batches\n          const BATCH_SIZE = 20 // Process x parentIds at a time\n          const allTasks: EditorTaskNode[] = []\n\n          // Process batches one after another\n          for (let i = 0; i < parentIds.length; i += BATCH_SIZE) {\n            const batchParentIds = parentIds.slice(i, i + BATCH_SIZE)\n\n            // Process this batch in parallel\n            const batchResults = await Promise.all(\n              batchParentIds.map(async (parentId) =>\n                dispatch(\n                  enhancedApi.endpoints.GetTasksByParent.initiate(\n                    {\n                      projectName,\n                      parentIds: [parentId],\n                      filter,\n                      search,\n                    },\n                    { forceRefetch: forced },\n                  ),\n                ),\n              ),\n            )\n\n            // Add the results from this batch to our accumulated results\n            const batchTasks = batchResults\n              .filter((r) => !!r.data)\n              .flatMap((result) => result.data as EditorTaskNode[])\n\n            allTasks.push(...batchTasks)\n          }\n\n          return { data: allTasks }\n        } catch (e: any) {\n          // handle errors appropriately\n          console.error(e)\n          const error = { status: 'FETCH_ERROR', error: e.message } as FetchBaseQueryError\n          return { error }\n        }\n      },\n      // keep one cache per project\n      serializeQueryArgs: ({ queryArgs: { parentIds, ...rest } }) => ({\n        ...rest,\n      }),\n      // Refetch when the page arg changes\n      forceRefetch({ currentArg, previousArg }) {\n        return JSON.stringify(currentArg) !== JSON.stringify(previousArg)\n      },\n      providesTags: (result, _e, { parentIds, projectName }) =>\n        getOverviewTaskTags(result, projectName, parentIds),\n    }),\n    // queryTasksFolders is a post so it's a bit annoying to consume\n    // we wrap it in a queryFn to make it easier to consume as a query hook\n    getQueryTasksFolders: build.query<string[], QueryTasksFoldersApiArg>({\n      async queryFn({ projectName, tasksFoldersQuery }, { dispatch }) {\n        try {\n          const result = await dispatch(\n            foldersApiEnhanced.endpoints.queryTasksFolders.initiate({\n              projectName,\n              tasksFoldersQuery,\n            }),\n          )\n\n          const data = result.data?.folderIds || []\n\n          return { data }\n        } catch (e: any) {\n          console.error(e)\n          const error = { status: 'FETCH_ERROR', error: e.message } as FetchBaseQueryError\n          return { error }\n        }\n      },\n    }),\n    // Add new infinite query endpoint for tasks list\n    getTasksListInfinite: build.infiniteQuery<\n      GetTasksListResult,\n      {\n        projectName: string\n        filter?: string\n        search?: string\n        folderIds?: string[]\n        desc?: boolean\n        sortBy?: string\n      },\n      TasksListPageParam\n    >({\n      infiniteQueryOptions: {\n        initialPageParam: { cursor: '', desc: false },\n        // Calculate the next page param based on current page response and params\n        getNextPageParam: (lastPage, _allPages, lastPageParam, _allPageParams) => {\n          // Use the endCursor from the query as the next page param\n          const pageInfo = lastPage.pageInfo\n          const desc = lastPageParam.desc\n          const hasNextPage = desc ? pageInfo.hasPreviousPage : pageInfo.hasNextPage\n\n          if (!hasNextPage || !pageInfo.endCursor) return undefined\n\n          return {\n            cursor: pageInfo.endCursor,\n            desc: lastPageParam.desc,\n          }\n        },\n      },\n      queryFn: async ({ queryArg, pageParam }, api) => {\n        try {\n          const { projectName, filter, search, folderIds, sortBy, desc } = queryArg\n          const { cursor } = pageParam\n\n          // Build the query parameters for GetTasksList\n          const queryParams: any = {\n            projectName,\n            filter,\n            search,\n            folderIds,\n          }\n\n          // Add cursor-based pagination\n          if (sortBy) {\n            queryParams.sortBy = sortBy\n            if (desc) {\n              queryParams.before = cursor || undefined\n              queryParams.last = TASKS_INFINITE_QUERY_COUNT\n            } else {\n              queryParams.after = cursor || undefined\n              queryParams.first = TASKS_INFINITE_QUERY_COUNT\n            }\n          } else {\n            queryParams.after = cursor || undefined\n            queryParams.first = TASKS_INFINITE_QUERY_COUNT\n          }\n\n          // Call the existing GetTasksList endpoint\n          const result = await api.dispatch(\n            enhancedApi.endpoints.GetTasksList.initiate(queryParams, { forceRefetch: true }),\n          )\n\n          if (result.error) throw result.error\n          const fallback = {\n            tasks: [],\n            pageInfo: {\n              hasNextPage: false,\n              endCursor: null,\n              startCursor: null,\n              hasPreviousPage: false,\n            },\n          }\n\n          // Return the tasks directly as required by the infinite query format\n          return {\n            data: result.data || fallback,\n          }\n        } catch (e: any) {\n          console.error('Error in getTasksListInfinite queryFn:', e)\n          return { error: { status: 'FETCH_ERROR', error: e.message } as FetchBaseQueryError }\n        }\n      },\n      providesTags: (result, _e, { projectName }) =>\n        getOverviewTaskTags(result?.pages.flatMap((p) => p.tasks) || [], projectName),\n    }),\n  }),\n})\n\nexport const {\n  useGetOverviewTasksByFoldersQuery,\n  useGetQueryTasksFoldersQuery,\n  useGetTasksListQuery,\n  useGetTasksListInfiniteInfiniteQuery,\n  useLazyGetTasksByParentQuery,\n} = injectedApi\nexport default injectedApi\n"],"names":["gqlApi","tasksApi"],"mappings":"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"}
+{"version":3,"file":"getOverview.es.js","sources":["../../../../../../src/api/queries/overview/getOverview.ts"],"sourcesContent":["import {\n  gqlApi,\n  GetTasksByParentQuery,\n  GetTasksListQuery,\n  tasksApi,\n  QueryTasksFoldersApiArg,\n  GetTasksListQueryVariables,\n} from '@shared/api/generated'\nimport { EditorTaskNode, TableGroupBy } from '@shared/containers/ProjectTreeTable'\nimport {\n  DefinitionsFromApi,\n  FetchBaseQueryError,\n  OverrideResultType,\n  TagTypesFromApi,\n} from '@reduxjs/toolkit/query'\n\n// parse attribs JSON string to object\nexport const parseAllAttribs = (allAttrib: string) => {\n  try {\n    return JSON.parse(allAttrib)\n  } catch (e) {\n    return {}\n  }\n}\n\nconst transformFilteredEntitiesByParent = (response: GetTasksByParentQuery): EditorTaskNode[] => {\n  if (!response.project) {\n    return []\n  }\n\n  const tasks: EditorTaskNode[] = []\n  for (const { node: taskNode } of response.project.tasks.edges) {\n    tasks.push({\n      ...taskNode,\n      folderId: taskNode.folderId || 'root',\n      attrib: parseAllAttribs(taskNode.allAttrib),\n      entityId: taskNode.id,\n      entityType: 'task',\n    })\n  }\n\n  return tasks\n}\n\nconst getOverviewTaskTags = (\n  result: EditorTaskNode[] | undefined = [],\n  projectName: string,\n  parentIds?: string | string[],\n) => {\n  const taskTags = result?.map((task) => ({ type: 'overviewTask', id: task.id })) || []\n\n  if (!parentIds) return taskTags\n\n  const parentTags = (Array.isArray(parentIds) ? parentIds : [parentIds]).map((id) => ({\n    type: 'overviewTask',\n    id,\n  }))\n\n  return [\n    ...taskTags,\n    ...parentTags,\n    { type: 'overviewTask', id: projectName },\n    { type: 'overviewTask', id: 'LIST' },\n  ]\n}\n\nexport type GetTasksListResult = {\n  pageInfo: GetTasksListQuery['project']['tasks']['pageInfo']\n  tasks: EditorTaskNode[]\n}\n\nexport type GetTasksListArgs = {\n  projectName: string\n  filter?: string\n  search?: string\n  folderIds?: string[]\n  desc?: boolean\n  sortBy?: string\n}\n\nexport type GetGroupedTasksListResult = {\n  tasks: EditorTaskNode[]\n}\n\nexport type GetGroupedTasksListArgs = {\n  projectName: string\n  groups: { filter: string; count: number; value: string }[]\n  search?: string\n  desc?: boolean\n  sortBy?: string\n}\n\n// Define the page param type for infinite query\ntype TasksListPageParam = {\n  cursor: string\n  desc?: boolean\n}\n\ntype Definitions = DefinitionsFromApi<typeof gqlApi>\ntype TagTypes = TagTypesFromApi<typeof gqlApi>\ntype UpdatedDefinitions = Omit<Definitions, 'GetFilteredEntities'> & {\n  GetTasksByParent: OverrideResultType<Definitions['GetTasksByParent'], EditorTaskNode[]>\n  GetTasksList: OverrideResultType<Definitions['GetTasksList'], GetTasksListResult>\n}\n\n// GRAPHQL API\nconst enhancedApi = gqlApi.enhanceEndpoints<TagTypes, UpdatedDefinitions>({\n  endpoints: {\n    // This gets tasks for all parent folders provided\n    // But in this case it will only ever receive one parent folder from the getOverviewTasksByFolders query\n    // It is only used by getOverviewTasksByFolders in this file\n    GetTasksByParent: {\n      transformResponse: transformFilteredEntitiesByParent,\n      providesTags: (result, _e, { parentIds, projectName }) =>\n        getOverviewTaskTags(result, projectName, parentIds),\n    },\n    GetTasksList: {\n      transformResponse: (result: GetTasksListQuery) => ({\n        tasks: transformFilteredEntitiesByParent(result),\n        pageInfo: result.project.tasks.pageInfo,\n      }),\n      providesTags: (result, _e, { projectName }) =>\n        getOverviewTaskTags(result?.tasks || [], projectName),\n    },\n  },\n})\n\n// REST FOLDERS API\nconst foldersApiEnhanced = tasksApi.enhanceEndpoints({\n  endpoints: {\n    queryTasksFolders: {},\n    getTaskGroups: {},\n  },\n})\n\nexport const { useGetTaskGroupsQuery } = foldersApiEnhanced\n\nexport const TASKS_INFINITE_QUERY_COUNT = 100 // Number of items to fetch per page\n\nconst injectedApi = enhancedApi.injectEndpoints({\n  endpoints: (build) => ({\n    // Each project has one cache for all the tasks of the expanded folders\n    // Changing the expanded folders will trigger a refetch but not a new cache\n    // Each expanded folder has it's own query that is looped over here\n    // When new folders are expanded, the new tasks are fetched and we use the cache for the rest\n    // This also solves the pagination issue of getting all tasks in one query, splitting it up in multiple queries to avoid pagination limits\n    getOverviewTasksByFolders: build.query<\n      EditorTaskNode[],\n      { projectName: string; parentIds: string[]; filter?: string; search?: string }\n    >({\n      async queryFn({ projectName, parentIds, filter, search }, { dispatch, forced }) {\n        try {\n          // Process parent IDs in sequential batches\n          const BATCH_SIZE = 20 // Process x parentIds at a time\n          const allTasks: EditorTaskNode[] = []\n\n          // Process batches one after another\n          for (let i = 0; i < parentIds.length; i += BATCH_SIZE) {\n            const batchParentIds = parentIds.slice(i, i + BATCH_SIZE)\n\n            // Process this batch in parallel\n            const batchResults = await Promise.all(\n              batchParentIds.map(async (parentId) =>\n                dispatch(\n                  enhancedApi.endpoints.GetTasksByParent.initiate(\n                    {\n                      projectName,\n                      parentIds: [parentId],\n                      filter,\n                      search,\n                    },\n                    { forceRefetch: forced },\n                  ),\n                ),\n              ),\n            )\n\n            // Add the results from this batch to our accumulated results\n            const batchTasks = batchResults\n              .filter((r) => !!r.data)\n              .flatMap((result) => result.data as EditorTaskNode[])\n\n            allTasks.push(...batchTasks)\n          }\n\n          return { data: allTasks }\n        } catch (e: any) {\n          // handle errors appropriately\n          console.error(e)\n          const error = { status: 'FETCH_ERROR', error: e.message } as FetchBaseQueryError\n          return { error }\n        }\n      },\n      // keep one cache per project\n      serializeQueryArgs: ({ queryArgs: { parentIds, ...rest } }) => ({\n        ...rest,\n      }),\n      // Refetch when the page arg changes\n      forceRefetch({ currentArg, previousArg }) {\n        return JSON.stringify(currentArg) !== JSON.stringify(previousArg)\n      },\n      providesTags: (result, _e, { parentIds, projectName }) =>\n        getOverviewTaskTags(result, projectName, parentIds),\n    }),\n    // queryTasksFolders is a post so it's a bit annoying to consume\n    // we wrap it in a queryFn to make it easier to consume as a query hook\n    getQueryTasksFolders: build.query<string[], QueryTasksFoldersApiArg>({\n      async queryFn({ projectName, tasksFoldersQuery }, { dispatch }) {\n        try {\n          const result = await dispatch(\n            foldersApiEnhanced.endpoints.queryTasksFolders.initiate({\n              projectName,\n              tasksFoldersQuery,\n            }),\n          )\n\n          const data = result.data?.folderIds || []\n\n          return { data }\n        } catch (e: any) {\n          console.error(e)\n          const error = { status: 'FETCH_ERROR', error: e.message } as FetchBaseQueryError\n          return { error }\n        }\n      },\n    }),\n    // Add new infinite query endpoint for tasks list\n    getTasksListInfinite: build.infiniteQuery<\n      GetTasksListResult,\n      GetTasksListArgs,\n      TasksListPageParam\n    >({\n      infiniteQueryOptions: {\n        initialPageParam: { cursor: '', desc: false },\n        // Calculate the next page param based on current page response and params\n        getNextPageParam: (lastPage, _allPages, lastPageParam, _allPageParams) => {\n          // Use the endCursor from the query as the next page param\n          const pageInfo = lastPage.pageInfo\n          const desc = lastPageParam.desc\n          const hasNextPage = desc ? pageInfo.hasPreviousPage : pageInfo.hasNextPage\n\n          if (!hasNextPage || !pageInfo.endCursor) return undefined\n\n          return {\n            cursor: pageInfo.endCursor,\n            desc: lastPageParam.desc,\n          }\n        },\n      },\n      queryFn: async ({ queryArg, pageParam }, api) => {\n        try {\n          const { projectName, filter, search, folderIds, sortBy, desc } = queryArg\n          const { cursor } = pageParam\n\n          // Build the query parameters for GetTasksList\n          const queryParams: any = {\n            projectName,\n            filter,\n            search,\n            folderIds,\n          }\n\n          // Add cursor-based pagination\n          if (sortBy) {\n            queryParams.sortBy = sortBy\n            if (desc) {\n              queryParams.before = cursor || undefined\n              queryParams.last = TASKS_INFINITE_QUERY_COUNT\n            } else {\n              queryParams.after = cursor || undefined\n              queryParams.first = TASKS_INFINITE_QUERY_COUNT\n            }\n          } else {\n            queryParams.after = cursor || undefined\n            queryParams.first = TASKS_INFINITE_QUERY_COUNT\n          }\n\n          // Call the existing GetTasksList endpoint\n          const result = await api.dispatch(\n            enhancedApi.endpoints.GetTasksList.initiate(queryParams, { forceRefetch: true }),\n          )\n\n          if (result.error) throw result.error\n          const fallback = {\n            tasks: [],\n            pageInfo: {\n              hasNextPage: false,\n              endCursor: null,\n              startCursor: null,\n              hasPreviousPage: false,\n            },\n          }\n\n          // Return the tasks directly as required by the infinite query format\n          return {\n            data: result.data || fallback,\n          }\n        } catch (e: any) {\n          console.error('Error in getTasksListInfinite queryFn:', e)\n          return { error: { status: 'FETCH_ERROR', error: e.message } as FetchBaseQueryError }\n        }\n      },\n      providesTags: (result, _e, { projectName }) =>\n        getOverviewTaskTags(result?.pages.flatMap((p) => p.tasks) || [], projectName),\n    }),\n    getGroupedTasksList: build.query<GetGroupedTasksListResult, GetGroupedTasksListArgs>({\n      queryFn: async ({ projectName, groups, search, desc, sortBy }, api) => {\n        try {\n          let promises = []\n          for (const group of groups) {\n            const count = group.count || 500\n\n            const queryParams: GetTasksListQueryVariables = {\n              projectName,\n              filter: group.filter,\n              search,\n              sortBy: sortBy,\n              // @ts-expect-error - we know group does not exist on query variables but we need it for later\n              group: group.value,\n            }\n            if (desc) {\n              queryParams.last = count\n            } else {\n              queryParams.first = count\n            }\n\n            const promise = api.dispatch(\n              enhancedApi.endpoints.GetTasksList.initiate(queryParams, { forceRefetch: true }),\n            )\n            promises.push(promise)\n          }\n\n          const result = await Promise.all(promises)\n          const tasks: EditorTaskNode[] = []\n          for (const res of result) {\n            if (res.error) throw res.error\n            // get group value\n            // @ts-expect-error - we know group does exist on res.originalArgs from line 319\n            const groupValue = res.originalArgs?.group as string\n\n            const hasNextPage =\n              res.data?.pageInfo?.hasNextPage || res.data?.pageInfo?.hasPreviousPage || false\n            const groupTasks =\n              res.data?.tasks.map((task, i, a) => ({\n                ...task,\n                groups: [\n                  {\n                    value: groupValue,\n                    hasNextPage: i === a.length - 1 && hasNextPage ? groupValue : undefined, // Only add hasNextPage to the last task in the group\n                  },\n                ],\n              })) || []\n\n            tasks.push(...groupTasks)\n          }\n\n          // Return the tasks directly as required by the query format\n          return {\n            data: {\n              tasks,\n            },\n          }\n        } catch (error: any) {\n          console.error('Error in getGroupedTasksList queryFn:', error)\n          return { error: { status: 'FETCH_ERROR', error: error.message } as FetchBaseQueryError }\n        }\n      },\n      providesTags: (result, _e, { projectName }) =>\n        getOverviewTaskTags(result?.tasks, projectName),\n    }),\n  }),\n})\n\nexport const {\n  useGetOverviewTasksByFoldersQuery,\n  useGetQueryTasksFoldersQuery,\n  useGetTasksListQuery,\n  useGetTasksListInfiniteInfiniteQuery,\n  useLazyGetTasksByParentQuery,\n  useGetGroupedTasksListQuery,\n} = injectedApi\nexport default injectedApi\n"],"names":["gqlApi","tasksApi"],"mappings":"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"}

package/dist/shared/src/components/EntityPath/SegmentProvider.cjs.js

@@ -21,6 +21,7 @@ require("react-dom");
 require("../../context/pip/PiPWrapper.cjs.js");
 require("../../context/AddonProjectContext.cjs.js");
 require("../../context/AddonContext.cjs.js");
+require("../../context/PowerpackContext.cjs.js");
 const SegmentProvider = React.forwardRef(
   ({ children, segment, isOpen, scope, projectName, ...props }, ref) => {
     const { openSlideOut } = DetailsPanelContext.useDetailsPanelContext();

package/dist/shared/src/components/EntityPath/SegmentProvider.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentProvider.cjs.js","sources":["../../../../../src/components/EntityPath/SegmentProvider.tsx"],"sourcesContent":["import { forwardRef, MouseEvent } from 'react'\nimport { ActiveSegment } from './EntityPath.styled'\nimport { classNames } from 'primereact/utils'\nimport { PathSegment } from './EntityPath'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { copyToClipboard } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface SegmentProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n  segment?: PathSegment\n  isOpen?: boolean\n  scope: string\n  projectName: string\n}\n\nconst SegmentProvider = forwardRef<HTMLDivElement, SegmentProviderProps>(\n  ({ children, segment, isOpen, scope, projectName, ...props }, ref) => {\n    const { openSlideOut } = useDetailsPanelContext()\n    // is the segment NOT a product || project?\n    const isLinkable = segment?.type !== 'product' && segment?.type !== 'project'\n\n    const handleClick = () => {\n      if (!isLinkable) return\n\n      const { type: entityType, id: entityId } = segment || {}\n\n      if (!entityType || entityType === 'project' || entityType === 'product' || !entityId) return\n\n      openSlideOut({\n        entityType,\n        entityId,\n        projectName,\n      })\n    }\n\n    const buildContextMenu = (id: string) => [\n      {\n        label: `ID: ${id}`,\n        icon: 'content_copy',\n        command: () => copyToClipboard(id),\n      },\n    ]\n\n    const [contextMenuShow] = useCreateContextMenu()\n\n    const handleOnContext = (e: MouseEvent<HTMLDivElement>) => {\n      if (!segment) return\n      const menu = buildContextMenu(segment.id)\n\n      contextMenuShow(e, menu)\n    }\n\n    return (\n      <ActiveSegment\n        onClick={handleClick}\n        onContextMenu={handleOnContext}\n        className={classNames({ link: isLinkable, open: isOpen })}\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </ActiveSegment>\n    )\n  },\n)\n\nexport default SegmentProvider\n"],"names":["forwardRef","useDetailsPanelContext","copyToClipboard","useCreateContextMenu","jsx","ActiveSegment","classNames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,kBAAkBA,MAAA;AAAA,EACtB,CAAC,EAAE,UAAU,SAAS,QAAQ,OAAO,aAAa,GAAG,MAAM,GAAG,QAAQ;AAC9D,UAAA,EAAE,aAAa,IAAIC,2CAAuB;AAEhD,UAAM,cAAa,mCAAS,UAAS,cAAa,mCAAS,UAAS;AAEpE,UAAM,cAAc,MAAM;AACxB,UAAI,CAAC,WAAY;AAEjB,YAAM,EAAE,MAAM,YAAY,IAAI,SAAS,IAAI,WAAW,CAAC;AAEvD,UAAI,CAAC,cAAc,eAAe,aAAa,eAAe,aAAa,CAAC,SAAU;AAEzE,mBAAA;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAEM,UAAA,mBAAmB,CAAC,OAAe;AAAA,MACvC;AAAA,QACE,OAAO,OAAO,EAAE;AAAA,QAChB,MAAM;AAAA,QACN,SAAS,MAAMC,gBAAAA,gBAAgB,EAAE;AAAA,MAAA;AAAA,IAErC;AAEM,UAAA,CAAC,eAAe,IAAIC,0CAAqB;AAEzC,UAAA,kBAAkB,CAAC,MAAkC;AACzD,UAAI,CAAC,QAAS;AACR,YAAA,OAAO,iBAAiB,QAAQ,EAAE;AAExC,sBAAgB,GAAG,IAAI;AAAA,IACzB;AAGE,WAAAC,2BAAA,kBAAA;AAAA,MAACC,kBAAA;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,eAAe;AAAA,QACf,WAAWC,UAAW,WAAA,EAAE,MAAM,YAAY,MAAM,QAAQ;AAAA,QACvD,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;;"}
+{"version":3,"file":"SegmentProvider.cjs.js","sources":["../../../../../src/components/EntityPath/SegmentProvider.tsx"],"sourcesContent":["import { forwardRef, MouseEvent } from 'react'\nimport { ActiveSegment } from './EntityPath.styled'\nimport { classNames } from 'primereact/utils'\nimport { PathSegment } from './EntityPath'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { copyToClipboard } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface SegmentProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n  segment?: PathSegment\n  isOpen?: boolean\n  scope: string\n  projectName: string\n}\n\nconst SegmentProvider = forwardRef<HTMLDivElement, SegmentProviderProps>(\n  ({ children, segment, isOpen, scope, projectName, ...props }, ref) => {\n    const { openSlideOut } = useDetailsPanelContext()\n    // is the segment NOT a product || project?\n    const isLinkable = segment?.type !== 'product' && segment?.type !== 'project'\n\n    const handleClick = () => {\n      if (!isLinkable) return\n\n      const { type: entityType, id: entityId } = segment || {}\n\n      if (!entityType || entityType === 'project' || entityType === 'product' || !entityId) return\n\n      openSlideOut({\n        entityType,\n        entityId,\n        projectName,\n      })\n    }\n\n    const buildContextMenu = (id: string) => [\n      {\n        label: `ID: ${id}`,\n        icon: 'content_copy',\n        command: () => copyToClipboard(id),\n      },\n    ]\n\n    const [contextMenuShow] = useCreateContextMenu()\n\n    const handleOnContext = (e: MouseEvent<HTMLDivElement>) => {\n      if (!segment) return\n      const menu = buildContextMenu(segment.id)\n\n      contextMenuShow(e, menu)\n    }\n\n    return (\n      <ActiveSegment\n        onClick={handleClick}\n        onContextMenu={handleOnContext}\n        className={classNames({ link: isLinkable, open: isOpen })}\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </ActiveSegment>\n    )\n  },\n)\n\nexport default SegmentProvider\n"],"names":["forwardRef","useDetailsPanelContext","copyToClipboard","useCreateContextMenu","jsx","ActiveSegment","classNames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,kBAAkBA,MAAA;AAAA,EACtB,CAAC,EAAE,UAAU,SAAS,QAAQ,OAAO,aAAa,GAAG,MAAM,GAAG,QAAQ;AAC9D,UAAA,EAAE,aAAa,IAAIC,2CAAuB;AAEhD,UAAM,cAAa,mCAAS,UAAS,cAAa,mCAAS,UAAS;AAEpE,UAAM,cAAc,MAAM;AACxB,UAAI,CAAC,WAAY;AAEjB,YAAM,EAAE,MAAM,YAAY,IAAI,SAAS,IAAI,WAAW,CAAC;AAEvD,UAAI,CAAC,cAAc,eAAe,aAAa,eAAe,aAAa,CAAC,SAAU;AAEzE,mBAAA;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAEM,UAAA,mBAAmB,CAAC,OAAe;AAAA,MACvC;AAAA,QACE,OAAO,OAAO,EAAE;AAAA,QAChB,MAAM;AAAA,QACN,SAAS,MAAMC,gBAAAA,gBAAgB,EAAE;AAAA,MAAA;AAAA,IAErC;AAEM,UAAA,CAAC,eAAe,IAAIC,0CAAqB;AAEzC,UAAA,kBAAkB,CAAC,MAAkC;AACzD,UAAI,CAAC,QAAS;AACR,YAAA,OAAO,iBAAiB,QAAQ,EAAE;AAExC,sBAAgB,GAAG,IAAI;AAAA,IACzB;AAGE,WAAAC,2BAAA,kBAAA;AAAA,MAACC,kBAAA;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,eAAe;AAAA,QACf,WAAWC,UAAW,WAAA,EAAE,MAAM,YAAY,MAAM,QAAQ;AAAA,QACvD,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;;"}

package/dist/shared/src/components/EntityPath/SegmentProvider.es.js

@@ -20,6 +20,7 @@ import "react-dom";
 import "../../context/pip/PiPWrapper.es.js";
 import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
+import "../../context/PowerpackContext.es.js";
 const SegmentProvider = forwardRef(
   ({ children, segment, isOpen, scope, projectName, ...props }, ref) => {
     const { openSlideOut } = useDetailsPanelContext();

package/dist/shared/src/components/EntityPath/SegmentProvider.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentProvider.es.js","sources":["../../../../../src/components/EntityPath/SegmentProvider.tsx"],"sourcesContent":["import { forwardRef, MouseEvent } from 'react'\nimport { ActiveSegment } from './EntityPath.styled'\nimport { classNames } from 'primereact/utils'\nimport { PathSegment } from './EntityPath'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { copyToClipboard } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface SegmentProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n  segment?: PathSegment\n  isOpen?: boolean\n  scope: string\n  projectName: string\n}\n\nconst SegmentProvider = forwardRef<HTMLDivElement, SegmentProviderProps>(\n  ({ children, segment, isOpen, scope, projectName, ...props }, ref) => {\n    const { openSlideOut } = useDetailsPanelContext()\n    // is the segment NOT a product || project?\n    const isLinkable = segment?.type !== 'product' && segment?.type !== 'project'\n\n    const handleClick = () => {\n      if (!isLinkable) return\n\n      const { type: entityType, id: entityId } = segment || {}\n\n      if (!entityType || entityType === 'project' || entityType === 'product' || !entityId) return\n\n      openSlideOut({\n        entityType,\n        entityId,\n        projectName,\n      })\n    }\n\n    const buildContextMenu = (id: string) => [\n      {\n        label: `ID: ${id}`,\n        icon: 'content_copy',\n        command: () => copyToClipboard(id),\n      },\n    ]\n\n    const [contextMenuShow] = useCreateContextMenu()\n\n    const handleOnContext = (e: MouseEvent<HTMLDivElement>) => {\n      if (!segment) return\n      const menu = buildContextMenu(segment.id)\n\n      contextMenuShow(e, menu)\n    }\n\n    return (\n      <ActiveSegment\n        onClick={handleClick}\n        onContextMenu={handleOnContext}\n        className={classNames({ link: isLinkable, open: isOpen })}\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </ActiveSegment>\n    )\n  },\n)\n\nexport default SegmentProvider\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,kBAAkB;AAAA,EACtB,CAAC,EAAE,UAAU,SAAS,QAAQ,OAAO,aAAa,GAAG,MAAM,GAAG,QAAQ;AAC9D,UAAA,EAAE,aAAa,IAAI,uBAAuB;AAEhD,UAAM,cAAa,mCAAS,UAAS,cAAa,mCAAS,UAAS;AAEpE,UAAM,cAAc,MAAM;AACxB,UAAI,CAAC,WAAY;AAEjB,YAAM,EAAE,MAAM,YAAY,IAAI,SAAS,IAAI,WAAW,CAAC;AAEvD,UAAI,CAAC,cAAc,eAAe,aAAa,eAAe,aAAa,CAAC,SAAU;AAEzE,mBAAA;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAEM,UAAA,mBAAmB,CAAC,OAAe;AAAA,MACvC;AAAA,QACE,OAAO,OAAO,EAAE;AAAA,QAChB,MAAM;AAAA,QACN,SAAS,MAAM,gBAAgB,EAAE;AAAA,MAAA;AAAA,IAErC;AAEM,UAAA,CAAC,eAAe,IAAI,qBAAqB;AAEzC,UAAA,kBAAkB,CAAC,MAAkC;AACzD,UAAI,CAAC,QAAS;AACR,YAAA,OAAO,iBAAiB,QAAQ,EAAE;AAExC,sBAAgB,GAAG,IAAI;AAAA,IACzB;AAGE,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,eAAe;AAAA,QACf,WAAW,WAAW,EAAE,MAAM,YAAY,MAAM,QAAQ;AAAA,QACvD,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"SegmentProvider.es.js","sources":["../../../../../src/components/EntityPath/SegmentProvider.tsx"],"sourcesContent":["import { forwardRef, MouseEvent } from 'react'\nimport { ActiveSegment } from './EntityPath.styled'\nimport { classNames } from 'primereact/utils'\nimport { PathSegment } from './EntityPath'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { copyToClipboard } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface SegmentProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n  segment?: PathSegment\n  isOpen?: boolean\n  scope: string\n  projectName: string\n}\n\nconst SegmentProvider = forwardRef<HTMLDivElement, SegmentProviderProps>(\n  ({ children, segment, isOpen, scope, projectName, ...props }, ref) => {\n    const { openSlideOut } = useDetailsPanelContext()\n    // is the segment NOT a product || project?\n    const isLinkable = segment?.type !== 'product' && segment?.type !== 'project'\n\n    const handleClick = () => {\n      if (!isLinkable) return\n\n      const { type: entityType, id: entityId } = segment || {}\n\n      if (!entityType || entityType === 'project' || entityType === 'product' || !entityId) return\n\n      openSlideOut({\n        entityType,\n        entityId,\n        projectName,\n      })\n    }\n\n    const buildContextMenu = (id: string) => [\n      {\n        label: `ID: ${id}`,\n        icon: 'content_copy',\n        command: () => copyToClipboard(id),\n      },\n    ]\n\n    const [contextMenuShow] = useCreateContextMenu()\n\n    const handleOnContext = (e: MouseEvent<HTMLDivElement>) => {\n      if (!segment) return\n      const menu = buildContextMenu(segment.id)\n\n      contextMenuShow(e, menu)\n    }\n\n    return (\n      <ActiveSegment\n        onClick={handleClick}\n        onContextMenu={handleOnContext}\n        className={classNames({ link: isLinkable, open: isOpen })}\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </ActiveSegment>\n    )\n  },\n)\n\nexport default SegmentProvider\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,kBAAkB;AAAA,EACtB,CAAC,EAAE,UAAU,SAAS,QAAQ,OAAO,aAAa,GAAG,MAAM,GAAG,QAAQ;AAC9D,UAAA,EAAE,aAAa,IAAI,uBAAuB;AAEhD,UAAM,cAAa,mCAAS,UAAS,cAAa,mCAAS,UAAS;AAEpE,UAAM,cAAc,MAAM;AACxB,UAAI,CAAC,WAAY;AAEjB,YAAM,EAAE,MAAM,YAAY,IAAI,SAAS,IAAI,WAAW,CAAC;AAEvD,UAAI,CAAC,cAAc,eAAe,aAAa,eAAe,aAAa,CAAC,SAAU;AAEzE,mBAAA;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAEM,UAAA,mBAAmB,CAAC,OAAe;AAAA,MACvC;AAAA,QACE,OAAO,OAAO,EAAE;AAAA,QAChB,MAAM;AAAA,QACN,SAAS,MAAM,gBAAgB,EAAE;AAAA,MAAA;AAAA,IAErC;AAEM,UAAA,CAAC,eAAe,IAAI,qBAAqB;AAEzC,UAAA,kBAAkB,CAAC,MAAkC;AACzD,UAAI,CAAC,QAAS;AACR,YAAA,OAAO,iBAAiB,QAAQ,EAAE;AAExC,sBAAgB,GAAG,IAAI;AAAA,IACzB;AAGE,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,eAAe;AAAA,QACf,WAAW,WAAW,EAAE,MAAM,YAAY,MAAM,QAAQ;AAAA,QACvD,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;"}

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

@@ -91,6 +91,7 @@ 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("../ReviewableCard/ReviewableCard.cjs.js");
 require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");
 require("../FileThumbnail/FileThumbnail.cjs.js");
@@ -134,6 +135,7 @@ require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");
 require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");
 require("../../containers/ProjectTreeTable/context/ProjectTableSelectionContext.cjs.js");
 require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");
+require("../../containers/ProjectTreeTable/context/ProjectTableModulesContext.cjs.js");
 require("@tanstack/react-table");
 require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");
@@ -142,10 +144,12 @@ require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");
+require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");
 require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");
 require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");
 require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");
+require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");
 require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");
 require("../../../../_virtual/runtime.cjs.js");
 require("../../../../_virtual/semver.cjs.js");
@@ -167,6 +171,9 @@ require("../EntityPath/SegmentProvider.cjs.js");
 require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");
 require("../Watchers/Watchers.cjs.js");
 require("../ProjectTableSettings/ProjectTableSettings.cjs.js");
+require("../Powerpack/PowerpackButton.cjs.js");
+require("../Powerpack/PricingLink.cjs.js");
+require("../Powerpack/PowerpackDialog.styled.cjs.js");
 require("../SettingsPanel/SettingsPanel.cjs.js");
 require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");
 require("../AttributeEditor/components/MinMaxField.cjs.js");

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

@@ -1 +1 @@
-{"version":3,"file":"EntityThumbnailUploader.cjs.js","sources":["../../../../../src/components/EntityThumbnailUploader/EntityThumbnailUploader.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\nimport clsx from 'clsx'\n\nimport { ThumbnailUploader } from '@shared/components'\nimport { ThumbnailWrapper } from '@shared/containers'\nimport { useUpdateEntitiesMutation } from '@shared/api'\nimport * as Styled from './EntityThumbnailUploader.styled'\nimport { ThumbnailUploadProvider } from '../../context/ThumbnailUploaderContext'\n\ntype Operation = {\n  id: string\n  projectName: string\n  currentAssignees: any[]\n  data: { updatedAt: string }\n}\nexport type EntityThumbnailUploaderProps = {\n  entityType: string\n  entities: any[]\n  isCompact?: boolean\n  projectName: any\n  children?: JSX.Element | JSX.Element[]\n  onUploaded?: (operations: Operation[]) => void\n  resetFileUploadState?: () => void\n}\n\nexport const EntityThumbnailUploader = ({\n  children = [],\n  entityType,\n  entities = [],\n  isCompact = false,\n  onUploaded,\n}: EntityThumbnailUploaderProps) => {\n  const [isDraggingFile, setIsDraggingFile] = useState(false)\n  const [isUploadingFile, setIsUploadingFile] = useState(false)\n\n  const [updateEntities] = useUpdateEntitiesMutation()\n\n  const handleThumbnailUpload = async (thumbnails: any[] = []) => {\n    // always set isDraggingFile to false\n    setIsDraggingFile(false)\n    setIsUploadingFile(false)\n\n    // check something was actually uploaded\n    if (!entities.length) {\n      return\n    }\n\n    // patching the updatedAt will force a refresh of the thumbnail url\n    const newUpdatedAt = new Date().toISOString()\n\n    let operations: Operation[] = []\n    let versionPatches = []\n\n    for (const entity of thumbnails) {\n      const entityToPatch = entities.find((e) => e.id === entity.id)\n      if (!entityToPatch) continue\n      const thumbnailId = entity.thumbnailId\n      const currentAssignees = entity.users || []\n\n      operations.push({\n        id: entityToPatch.id,\n        projectName: entityToPatch.projectName,\n        data: { updatedAt: newUpdatedAt },\n        currentAssignees,\n      })\n\n      const versionPatch = {\n        productId: entityToPatch.productId,\n        versionUpdatedAt: newUpdatedAt,\n        versionThumbnailId: thumbnailId,\n      }\n\n      versionPatches.push(versionPatch)\n    }\n\n    try {\n      await updateEntities({ operations, entityType })\n      onUploaded && onUploaded(operations)\n    } catch (error) {\n      console.error('Error uploading thumbnail:', error)\n    }\n  }\n\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  return (\n    <ThumbnailUploadProvider\n      entities={entities}\n      handleThumbnailUpload={handleThumbnailUpload}\n      inputRef={inputRef}\n    >\n      <Styled.DragAndDropWrapper\n        className={clsx({ isCompact })}\n        onDragEnter={() => setIsDraggingFile(true)}\n      >\n        <ThumbnailWrapper>\n          <div>{children}</div>\n        </ThumbnailWrapper>\n        <ThumbnailUploader\n          entities={entities}\n          inputRef={inputRef}\n          className={clsx('thumbnail-uploader', { hidden: !isDraggingFile && !isUploadingFile })}\n          onUploadInProgress={() => setIsUploadingFile(true)}\n          onFinish={handleThumbnailUpload}\n          onDragLeave={() => setIsDraggingFile(false)}\n          onDragOver={(e) => e.preventDefault()}\n        />\n      </Styled.DragAndDropWrapper>\n    </ThumbnailUploadProvider>\n  )\n}\n"],"names":["useState","useUpdateEntitiesMutation","useRef","jsx","ThumbnailUploadProvider","jsxs","Styled.DragAndDropWrapper","ThumbnailWrapper","ThumbnailUploader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,MAAM,0BAA0B,CAAC;AAAA,EACtC,WAAW,CAAC;AAAA,EACZ;AAAA,EACA,WAAW,CAAC;AAAA,EACZ,YAAY;AAAA,EACZ;AACF,MAAoC;AAClC,QAAM,CAAC,gBAAgB,iBAAiB,IAAIA,MAAAA,SAAS,KAAK;AAC1D,QAAM,CAAC,iBAAiB,kBAAkB,IAAIA,MAAAA,SAAS,KAAK;AAEtD,QAAA,CAAC,cAAc,IAAIC,uCAA0B;AAEnD,QAAM,wBAAwB,OAAO,aAAoB,OAAO;AAE9D,sBAAkB,KAAK;AACvB,uBAAmB,KAAK;AAGpB,QAAA,CAAC,SAAS,QAAQ;AACpB;AAAA,IAAA;AAIF,UAAM,gBAAe,oBAAI,KAAK,GAAE,YAAY;AAE5C,QAAI,aAA0B,CAAC;AAG/B,eAAW,UAAU,YAAY;AACzB,YAAA,gBAAgB,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,OAAO,EAAE;AAC7D,UAAI,CAAC,cAAe;AACA,aAAO;AACrB,YAAA,mBAAmB,OAAO,SAAS,CAAC;AAE1C,iBAAW,KAAK;AAAA,QACd,IAAI,cAAc;AAAA,QAClB,aAAa,cAAc;AAAA,QAC3B,MAAM,EAAE,WAAW,aAAa;AAAA,QAChC;AAAA,MAAA,CACD;AAEoB,OAAA;AAAA,QACnB,WAAW,cAAc;AAAA,MAG3B;AAAA,IAEgC;AAG9B,QAAA;AACF,YAAM,eAAe,EAAE,YAAY,YAAY;AAC/C,oBAAc,WAAW,UAAU;AAAA,aAC5B,OAAO;AACN,cAAA,MAAM,8BAA8B,KAAK;AAAA,IAAA;AAAA,EAErD;AAEM,QAAA,WAAWC,aAAyB,IAAI;AAG5C,SAAAC,2BAAA,kBAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAAAC,2BAAA,kBAAA;AAAA,QAACC,+BAAO;AAAA,QAAP;AAAA,UACC,WAAW,KAAK,EAAE,WAAW;AAAA,UAC7B,aAAa,MAAM,kBAAkB,IAAI;AAAA,UAEzC,UAAA;AAAA,YAAAH,iDAACI,0BAAAA,kBACC,EAAA,UAAAJ,2BAAAA,kBAAAA,IAAC,OAAK,EAAA,SAAS,CAAA,GACjB;AAAA,YACAA,2BAAA,kBAAA;AAAA,cAACK,kBAAA;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA,WAAW,KAAK,sBAAsB,EAAE,QAAQ,CAAC,kBAAkB,CAAC,iBAAiB;AAAA,gBACrF,oBAAoB,MAAM,mBAAmB,IAAI;AAAA,gBACjD,UAAU;AAAA,gBACV,aAAa,MAAM,kBAAkB,KAAK;AAAA,gBAC1C,YAAY,CAAC,MAAM,EAAE,eAAe;AAAA,cAAA;AAAA,YAAA;AAAA,UACtC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;;"}
+{"version":3,"file":"EntityThumbnailUploader.cjs.js","sources":["../../../../../src/components/EntityThumbnailUploader/EntityThumbnailUploader.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\nimport clsx from 'clsx'\n\nimport { ThumbnailUploader } from '@shared/components'\nimport { ThumbnailWrapper } from '@shared/containers'\nimport { useUpdateEntitiesMutation } from '@shared/api'\nimport * as Styled from './EntityThumbnailUploader.styled'\nimport { ThumbnailUploadProvider } from '../../context/ThumbnailUploaderContext'\n\ntype Operation = {\n  id: string\n  projectName: string\n  currentAssignees: any[]\n  data: { updatedAt: string }\n}\nexport type EntityThumbnailUploaderProps = {\n  entityType: string\n  entities: any[]\n  isCompact?: boolean\n  projectName: any\n  children?: JSX.Element | JSX.Element[]\n  onUploaded?: (operations: Operation[]) => void\n  resetFileUploadState?: () => void\n}\n\nexport const EntityThumbnailUploader = ({\n  children = [],\n  entityType,\n  entities = [],\n  isCompact = false,\n  onUploaded,\n}: EntityThumbnailUploaderProps) => {\n  const [isDraggingFile, setIsDraggingFile] = useState(false)\n  const [isUploadingFile, setIsUploadingFile] = useState(false)\n\n  const [updateEntities] = useUpdateEntitiesMutation()\n\n  const handleThumbnailUpload = async (thumbnails: any[] = []) => {\n    // always set isDraggingFile to false\n    setIsDraggingFile(false)\n    setIsUploadingFile(false)\n\n    // check something was actually uploaded\n    if (!entities.length) {\n      return\n    }\n\n    // patching the updatedAt will force a refresh of the thumbnail url\n    const newUpdatedAt = new Date().toISOString()\n\n    let operations: Operation[] = []\n    let versionPatches = []\n\n    for (const entity of thumbnails) {\n      const entityToPatch = entities.find((e) => e.id === entity.id)\n      if (!entityToPatch) continue\n      const thumbnailId = entity.thumbnailId\n      const currentAssignees = entity.users || []\n\n      operations.push({\n        id: entityToPatch.id,\n        projectName: entityToPatch.projectName,\n        data: { updatedAt: newUpdatedAt },\n        currentAssignees,\n      })\n\n      const versionPatch = {\n        productId: entityToPatch.productId,\n        versionUpdatedAt: newUpdatedAt,\n        versionThumbnailId: thumbnailId,\n      }\n\n      versionPatches.push(versionPatch)\n    }\n\n    try {\n      await updateEntities({ operations, entityType })\n      onUploaded && onUploaded(operations)\n    } catch (error) {\n      console.error('Error uploading thumbnail:', error)\n    }\n  }\n\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  return (\n    <ThumbnailUploadProvider\n      entities={entities}\n      handleThumbnailUpload={handleThumbnailUpload}\n      inputRef={inputRef}\n    >\n      <Styled.DragAndDropWrapper\n        className={clsx({ isCompact })}\n        onDragEnter={() => setIsDraggingFile(true)}\n      >\n        <ThumbnailWrapper>\n          <div>{children}</div>\n        </ThumbnailWrapper>\n        <ThumbnailUploader\n          entities={entities}\n          inputRef={inputRef}\n          className={clsx('thumbnail-uploader', { hidden: !isDraggingFile && !isUploadingFile })}\n          onUploadInProgress={() => setIsUploadingFile(true)}\n          onFinish={handleThumbnailUpload}\n          onDragLeave={() => setIsDraggingFile(false)}\n          onDragOver={(e) => e.preventDefault()}\n        />\n      </Styled.DragAndDropWrapper>\n    </ThumbnailUploadProvider>\n  )\n}\n"],"names":["useState","useUpdateEntitiesMutation","useRef","jsx","ThumbnailUploadProvider","jsxs","Styled.DragAndDropWrapper","ThumbnailWrapper","ThumbnailUploader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,MAAM,0BAA0B,CAAC;AAAA,EACtC,WAAW,CAAC;AAAA,EACZ;AAAA,EACA,WAAW,CAAC;AAAA,EACZ,YAAY;AAAA,EACZ;AACF,MAAoC;AAClC,QAAM,CAAC,gBAAgB,iBAAiB,IAAIA,MAAAA,SAAS,KAAK;AAC1D,QAAM,CAAC,iBAAiB,kBAAkB,IAAIA,MAAAA,SAAS,KAAK;AAEtD,QAAA,CAAC,cAAc,IAAIC,uCAA0B;AAEnD,QAAM,wBAAwB,OAAO,aAAoB,OAAO;AAE9D,sBAAkB,KAAK;AACvB,uBAAmB,KAAK;AAGpB,QAAA,CAAC,SAAS,QAAQ;AACpB;AAAA,IAAA;AAIF,UAAM,gBAAe,oBAAI,KAAK,GAAE,YAAY;AAE5C,QAAI,aAA0B,CAAC;AAG/B,eAAW,UAAU,YAAY;AACzB,YAAA,gBAAgB,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,OAAO,EAAE;AAC7D,UAAI,CAAC,cAAe;AACA,aAAO;AACrB,YAAA,mBAAmB,OAAO,SAAS,CAAC;AAE1C,iBAAW,KAAK;AAAA,QACd,IAAI,cAAc;AAAA,QAClB,aAAa,cAAc;AAAA,QAC3B,MAAM,EAAE,WAAW,aAAa;AAAA,QAChC;AAAA,MAAA,CACD;AAEoB,OAAA;AAAA,QACnB,WAAW,cAAc;AAAA,MAG3B;AAAA,IAEgC;AAG9B,QAAA;AACF,YAAM,eAAe,EAAE,YAAY,YAAY;AAC/C,oBAAc,WAAW,UAAU;AAAA,aAC5B,OAAO;AACN,cAAA,MAAM,8BAA8B,KAAK;AAAA,IAAA;AAAA,EAErD;AAEM,QAAA,WAAWC,aAAyB,IAAI;AAG5C,SAAAC,2BAAA,kBAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAAAC,2BAAA,kBAAA;AAAA,QAACC,+BAAO;AAAA,QAAP;AAAA,UACC,WAAW,KAAK,EAAE,WAAW;AAAA,UAC7B,aAAa,MAAM,kBAAkB,IAAI;AAAA,UAEzC,UAAA;AAAA,YAAAH,iDAACI,0BAAAA,kBACC,EAAA,UAAAJ,2BAAAA,kBAAAA,IAAC,OAAK,EAAA,SAAS,CAAA,GACjB;AAAA,YACAA,2BAAA,kBAAA;AAAA,cAACK,kBAAA;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA,WAAW,KAAK,sBAAsB,EAAE,QAAQ,CAAC,kBAAkB,CAAC,iBAAiB;AAAA,gBACrF,oBAAoB,MAAM,mBAAmB,IAAI;AAAA,gBACjD,UAAU;AAAA,gBACV,aAAa,MAAM,kBAAkB,KAAK;AAAA,gBAC1C,YAAY,CAAC,MAAM,EAAE,eAAe;AAAA,cAAA;AAAA,YAAA;AAAA,UACtC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;;"}

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

@@ -89,6 +89,7 @@ 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 "../ReviewableCard/ReviewableCard.es.js";
 import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
 import "../FileThumbnail/FileThumbnail.es.js";
@@ -132,6 +133,7 @@ import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
 import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
 import "../../containers/ProjectTreeTable/context/ProjectTableSelectionContext.es.js";
 import "../../containers/ProjectTreeTable/context/ProjectDataContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableModulesContext.es.js";
 import "@tanstack/react-table";
 import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
@@ -140,10 +142,12 @@ import "../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
 import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
 import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
+import "../../containers/ProjectTreeTable/widgets/LoadMoreWidget.es.js";
 import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
 import "../../../../_virtual/runtime.es.js";
 import "../../../../_virtual/semver.es.js";
@@ -165,6 +169,9 @@ import "../EntityPath/SegmentProvider.es.js";
 import "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
 import "../Watchers/Watchers.es.js";
 import "../ProjectTableSettings/ProjectTableSettings.es.js";
+import "../Powerpack/PowerpackButton.es.js";
+import "../Powerpack/PricingLink.es.js";
+import "../Powerpack/PowerpackDialog.styled.es.js";
 import "../SettingsPanel/SettingsPanel.es.js";
 import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../AttributeEditor/components/MinMaxField.es.js";

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

@@ -1 +1 @@
-{"version":3,"file":"EntityThumbnailUploader.es.js","sources":["../../../../../src/components/EntityThumbnailUploader/EntityThumbnailUploader.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\nimport clsx from 'clsx'\n\nimport { ThumbnailUploader } from '@shared/components'\nimport { ThumbnailWrapper } from '@shared/containers'\nimport { useUpdateEntitiesMutation } from '@shared/api'\nimport * as Styled from './EntityThumbnailUploader.styled'\nimport { ThumbnailUploadProvider } from '../../context/ThumbnailUploaderContext'\n\ntype Operation = {\n  id: string\n  projectName: string\n  currentAssignees: any[]\n  data: { updatedAt: string }\n}\nexport type EntityThumbnailUploaderProps = {\n  entityType: string\n  entities: any[]\n  isCompact?: boolean\n  projectName: any\n  children?: JSX.Element | JSX.Element[]\n  onUploaded?: (operations: Operation[]) => void\n  resetFileUploadState?: () => void\n}\n\nexport const EntityThumbnailUploader = ({\n  children = [],\n  entityType,\n  entities = [],\n  isCompact = false,\n  onUploaded,\n}: EntityThumbnailUploaderProps) => {\n  const [isDraggingFile, setIsDraggingFile] = useState(false)\n  const [isUploadingFile, setIsUploadingFile] = useState(false)\n\n  const [updateEntities] = useUpdateEntitiesMutation()\n\n  const handleThumbnailUpload = async (thumbnails: any[] = []) => {\n    // always set isDraggingFile to false\n    setIsDraggingFile(false)\n    setIsUploadingFile(false)\n\n    // check something was actually uploaded\n    if (!entities.length) {\n      return\n    }\n\n    // patching the updatedAt will force a refresh of the thumbnail url\n    const newUpdatedAt = new Date().toISOString()\n\n    let operations: Operation[] = []\n    let versionPatches = []\n\n    for (const entity of thumbnails) {\n      const entityToPatch = entities.find((e) => e.id === entity.id)\n      if (!entityToPatch) continue\n      const thumbnailId = entity.thumbnailId\n      const currentAssignees = entity.users || []\n\n      operations.push({\n        id: entityToPatch.id,\n        projectName: entityToPatch.projectName,\n        data: { updatedAt: newUpdatedAt },\n        currentAssignees,\n      })\n\n      const versionPatch = {\n        productId: entityToPatch.productId,\n        versionUpdatedAt: newUpdatedAt,\n        versionThumbnailId: thumbnailId,\n      }\n\n      versionPatches.push(versionPatch)\n    }\n\n    try {\n      await updateEntities({ operations, entityType })\n      onUploaded && onUploaded(operations)\n    } catch (error) {\n      console.error('Error uploading thumbnail:', error)\n    }\n  }\n\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  return (\n    <ThumbnailUploadProvider\n      entities={entities}\n      handleThumbnailUpload={handleThumbnailUpload}\n      inputRef={inputRef}\n    >\n      <Styled.DragAndDropWrapper\n        className={clsx({ isCompact })}\n        onDragEnter={() => setIsDraggingFile(true)}\n      >\n        <ThumbnailWrapper>\n          <div>{children}</div>\n        </ThumbnailWrapper>\n        <ThumbnailUploader\n          entities={entities}\n          inputRef={inputRef}\n          className={clsx('thumbnail-uploader', { hidden: !isDraggingFile && !isUploadingFile })}\n          onUploadInProgress={() => setIsUploadingFile(true)}\n          onFinish={handleThumbnailUpload}\n          onDragLeave={() => setIsDraggingFile(false)}\n          onDragOver={(e) => e.preventDefault()}\n        />\n      </Styled.DragAndDropWrapper>\n    </ThumbnailUploadProvider>\n  )\n}\n"],"names":["jsx","jsxs","Styled.DragAndDropWrapper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,MAAM,0BAA0B,CAAC;AAAA,EACtC,WAAW,CAAC;AAAA,EACZ;AAAA,EACA,WAAW,CAAC;AAAA,EACZ,YAAY;AAAA,EACZ;AACF,MAAoC;AAClC,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAC1D,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,KAAK;AAEtD,QAAA,CAAC,cAAc,IAAI,0BAA0B;AAEnD,QAAM,wBAAwB,OAAO,aAAoB,OAAO;AAE9D,sBAAkB,KAAK;AACvB,uBAAmB,KAAK;AAGpB,QAAA,CAAC,SAAS,QAAQ;AACpB;AAAA,IAAA;AAIF,UAAM,gBAAe,oBAAI,KAAK,GAAE,YAAY;AAE5C,QAAI,aAA0B,CAAC;AAG/B,eAAW,UAAU,YAAY;AACzB,YAAA,gBAAgB,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,OAAO,EAAE;AAC7D,UAAI,CAAC,cAAe;AACA,aAAO;AACrB,YAAA,mBAAmB,OAAO,SAAS,CAAC;AAE1C,iBAAW,KAAK;AAAA,QACd,IAAI,cAAc;AAAA,QAClB,aAAa,cAAc;AAAA,QAC3B,MAAM,EAAE,WAAW,aAAa;AAAA,QAChC;AAAA,MAAA,CACD;AAEoB,OAAA;AAAA,QACnB,WAAW,cAAc;AAAA,MAG3B;AAAA,IAEgC;AAG9B,QAAA;AACF,YAAM,eAAe,EAAE,YAAY,YAAY;AAC/C,oBAAc,WAAW,UAAU;AAAA,aAC5B,OAAO;AACN,cAAA,MAAM,8BAA8B,KAAK;AAAA,IAAA;AAAA,EAErD;AAEM,QAAA,WAAW,OAAyB,IAAI;AAG5C,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAAAC,kCAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,WAAW,KAAK,EAAE,WAAW;AAAA,UAC7B,aAAa,MAAM,kBAAkB,IAAI;AAAA,UAEzC,UAAA;AAAA,YAAAF,sCAAC,kBACC,EAAA,UAAAA,kCAAAA,IAAC,OAAK,EAAA,SAAS,CAAA,GACjB;AAAA,YACAA,kCAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA,WAAW,KAAK,sBAAsB,EAAE,QAAQ,CAAC,kBAAkB,CAAC,iBAAiB;AAAA,gBACrF,oBAAoB,MAAM,mBAAmB,IAAI;AAAA,gBACjD,UAAU;AAAA,gBACV,aAAa,MAAM,kBAAkB,KAAK;AAAA,gBAC1C,YAAY,CAAC,MAAM,EAAE,eAAe;AAAA,cAAA;AAAA,YAAA;AAAA,UACtC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"EntityThumbnailUploader.es.js","sources":["../../../../../src/components/EntityThumbnailUploader/EntityThumbnailUploader.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\nimport clsx from 'clsx'\n\nimport { ThumbnailUploader } from '@shared/components'\nimport { ThumbnailWrapper } from '@shared/containers'\nimport { useUpdateEntitiesMutation } from '@shared/api'\nimport * as Styled from './EntityThumbnailUploader.styled'\nimport { ThumbnailUploadProvider } from '../../context/ThumbnailUploaderContext'\n\ntype Operation = {\n  id: string\n  projectName: string\n  currentAssignees: any[]\n  data: { updatedAt: string }\n}\nexport type EntityThumbnailUploaderProps = {\n  entityType: string\n  entities: any[]\n  isCompact?: boolean\n  projectName: any\n  children?: JSX.Element | JSX.Element[]\n  onUploaded?: (operations: Operation[]) => void\n  resetFileUploadState?: () => void\n}\n\nexport const EntityThumbnailUploader = ({\n  children = [],\n  entityType,\n  entities = [],\n  isCompact = false,\n  onUploaded,\n}: EntityThumbnailUploaderProps) => {\n  const [isDraggingFile, setIsDraggingFile] = useState(false)\n  const [isUploadingFile, setIsUploadingFile] = useState(false)\n\n  const [updateEntities] = useUpdateEntitiesMutation()\n\n  const handleThumbnailUpload = async (thumbnails: any[] = []) => {\n    // always set isDraggingFile to false\n    setIsDraggingFile(false)\n    setIsUploadingFile(false)\n\n    // check something was actually uploaded\n    if (!entities.length) {\n      return\n    }\n\n    // patching the updatedAt will force a refresh of the thumbnail url\n    const newUpdatedAt = new Date().toISOString()\n\n    let operations: Operation[] = []\n    let versionPatches = []\n\n    for (const entity of thumbnails) {\n      const entityToPatch = entities.find((e) => e.id === entity.id)\n      if (!entityToPatch) continue\n      const thumbnailId = entity.thumbnailId\n      const currentAssignees = entity.users || []\n\n      operations.push({\n        id: entityToPatch.id,\n        projectName: entityToPatch.projectName,\n        data: { updatedAt: newUpdatedAt },\n        currentAssignees,\n      })\n\n      const versionPatch = {\n        productId: entityToPatch.productId,\n        versionUpdatedAt: newUpdatedAt,\n        versionThumbnailId: thumbnailId,\n      }\n\n      versionPatches.push(versionPatch)\n    }\n\n    try {\n      await updateEntities({ operations, entityType })\n      onUploaded && onUploaded(operations)\n    } catch (error) {\n      console.error('Error uploading thumbnail:', error)\n    }\n  }\n\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  return (\n    <ThumbnailUploadProvider\n      entities={entities}\n      handleThumbnailUpload={handleThumbnailUpload}\n      inputRef={inputRef}\n    >\n      <Styled.DragAndDropWrapper\n        className={clsx({ isCompact })}\n        onDragEnter={() => setIsDraggingFile(true)}\n      >\n        <ThumbnailWrapper>\n          <div>{children}</div>\n        </ThumbnailWrapper>\n        <ThumbnailUploader\n          entities={entities}\n          inputRef={inputRef}\n          className={clsx('thumbnail-uploader', { hidden: !isDraggingFile && !isUploadingFile })}\n          onUploadInProgress={() => setIsUploadingFile(true)}\n          onFinish={handleThumbnailUpload}\n          onDragLeave={() => setIsDraggingFile(false)}\n          onDragOver={(e) => e.preventDefault()}\n        />\n      </Styled.DragAndDropWrapper>\n    </ThumbnailUploadProvider>\n  )\n}\n"],"names":["jsx","jsxs","Styled.DragAndDropWrapper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,MAAM,0BAA0B,CAAC;AAAA,EACtC,WAAW,CAAC;AAAA,EACZ;AAAA,EACA,WAAW,CAAC;AAAA,EACZ,YAAY;AAAA,EACZ;AACF,MAAoC;AAClC,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAC1D,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,KAAK;AAEtD,QAAA,CAAC,cAAc,IAAI,0BAA0B;AAEnD,QAAM,wBAAwB,OAAO,aAAoB,OAAO;AAE9D,sBAAkB,KAAK;AACvB,uBAAmB,KAAK;AAGpB,QAAA,CAAC,SAAS,QAAQ;AACpB;AAAA,IAAA;AAIF,UAAM,gBAAe,oBAAI,KAAK,GAAE,YAAY;AAE5C,QAAI,aAA0B,CAAC;AAG/B,eAAW,UAAU,YAAY;AACzB,YAAA,gBAAgB,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,OAAO,EAAE;AAC7D,UAAI,CAAC,cAAe;AACA,aAAO;AACrB,YAAA,mBAAmB,OAAO,SAAS,CAAC;AAE1C,iBAAW,KAAK;AAAA,QACd,IAAI,cAAc;AAAA,QAClB,aAAa,cAAc;AAAA,QAC3B,MAAM,EAAE,WAAW,aAAa;AAAA,QAChC;AAAA,MAAA,CACD;AAEoB,OAAA;AAAA,QACnB,WAAW,cAAc;AAAA,MAG3B;AAAA,IAEgC;AAG9B,QAAA;AACF,YAAM,eAAe,EAAE,YAAY,YAAY;AAC/C,oBAAc,WAAW,UAAU;AAAA,aAC5B,OAAO;AACN,cAAA,MAAM,8BAA8B,KAAK;AAAA,IAAA;AAAA,EAErD;AAEM,QAAA,WAAW,OAAyB,IAAI;AAG5C,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAAAC,kCAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,WAAW,KAAK,EAAE,WAAW;AAAA,UAC7B,aAAa,MAAM,kBAAkB,IAAI;AAAA,UAEzC,UAAA;AAAA,YAAAF,sCAAC,kBACC,EAAA,UAAAA,kCAAAA,IAAC,OAAK,EAAA,SAAS,CAAA,GACjB;AAAA,YACAA,kCAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA,WAAW,KAAK,sBAAsB,EAAE,QAAQ,CAAC,kBAAkB,CAAC,iBAAiB;AAAA,gBACrF,oBAAoB,MAAM,mBAAmB,IAAI;AAAA,gBACjD,UAAU;AAAA,gBACV,aAAa,MAAM,kBAAkB,KAAK;AAAA,gBAC1C,YAAY,CAAC,MAAM,EAAE,eAAe;AAAA,cAAA;AAAA,YAAA;AAAA,UACtC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/shared/src/components/Powerpack/PowerpackButton.cjs.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../_virtual/jsx-runtime.cjs.js");
+require("../../context/RemoteModulesContext.cjs.js");
+require("../../context/DetailsPanelContext.cjs.js");
+require("../../context/ThumbnailUploaderContext.cjs.js");
+require("../../context/SettingsPanelContext.cjs.js");
+require("../../context/pip/PiPProvider.cjs.js");
+require("react-dom");
+require("../../context/pip/PiPWrapper.cjs.js");
+require("../../context/AddonProjectContext.cjs.js");
+require("../../context/AddonContext.cjs.js");
+const PowerpackContext = require("../../context/PowerpackContext.cjs.js");
+const ayonReactComponents = require("@ynput/ayon-react-components");
+const clsx = require("clsx");
+const React = require("react");
+const styled = require("styled-components");
+const StyledButton = styled(ayonReactComponents.Button)`
+  background-color: unset;
+  color: var(--md-sys-color-tertiary);
+  transition: color 0.2s, background-color 0.2s, opacity 0.2s;
+  border-radius: var(--border-radius-xl);
+
+  &.filled {
+    background-color: var(--md-sys-color-tertiary);
+    color: var(--md-sys-color-on-tertiary);
+  }
+
+  &.border {
+    border: 1px solid var(--md-sys-color-tertiary);
+  }
+
+  &:hover {
+    color: var(--md-sys-color-on-tertiary);
+  }
+
+  .icon {
+    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
+  }
+`;
+const PowerpackButton = React.forwardRef(
+  ({ feature, filled, ...props }, ref) => {
+    const { setPowerpackDialog } = PowerpackContext.usePowerpack();
+    const handleOnClick = (e) => {
+      var _a;
+      setPowerpackDialog(feature);
+      (_a = props.onClick) == null ? void 0 : _a.call(props, e);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      StyledButton,
+      {
+        variant: props.variant || "tertiary",
+        icon: props.icon || "bolt",
+        ...props,
+        ref,
+        onClick: handleOnClick,
+        className: clsx("cloud-button", props.className || "", {
+          border: !!props.children,
+          filled
+        }),
+        "data-tooltip": `Power feature`,
+        "data-tooltip-delay": 0,
+        children: props.children
+      }
+    );
+  }
+);
+exports.PowerpackButton = PowerpackButton;
+//# sourceMappingURL=PowerpackButton.cjs.js.map

package/dist/shared/src/components/Powerpack/PowerpackButton.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PowerpackButton.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackButton.tsx"],"sourcesContent":["import { PowerpackFeature, usePowerpack } from '@shared/context'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, MouseEvent } from 'react'\nimport styled from 'styled-components'\n\nconst StyledButton = styled(Button)`\n  background-color: unset;\n  color: var(--md-sys-color-tertiary);\n  transition: color 0.2s, background-color 0.2s, opacity 0.2s;\n  border-radius: var(--border-radius-xl);\n\n  &.filled {\n    background-color: var(--md-sys-color-tertiary);\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  &.border {\n    border: 1px solid var(--md-sys-color-tertiary);\n  }\n\n  &:hover {\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  .icon {\n    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n  }\n`\n\nexport interface PowerpackButtonProps extends ButtonProps {\n  feature: PowerpackFeature\n  filled?: boolean\n}\n\nexport const PowerpackButton = forwardRef<HTMLButtonElement, PowerpackButtonProps>(\n  ({ feature, filled, ...props }, ref) => {\n    const { setPowerpackDialog } = usePowerpack()\n\n    const handleOnClick = (e: MouseEvent<HTMLButtonElement>) => {\n      // open a dialog to subscribe to Ynput Cloud\n      setPowerpackDialog(feature)\n      // Call the original onClick handler\n      props.onClick?.(e)\n    }\n\n    return (\n      <StyledButton\n        variant={props.variant || 'tertiary'}\n        icon={props.icon || 'bolt'}\n        {...props}\n        ref={ref}\n        onClick={handleOnClick}\n        className={clsx('cloud-button', props.className || '', {\n          border: !!props.children,\n          filled,\n        })}\n        data-tooltip={`Power feature`}\n        data-tooltip-delay={0}\n      >\n        {props.children}\n      </StyledButton>\n    )\n  },\n)\n"],"names":["Button","forwardRef","usePowerpack","jsx"],"mappings":";;;;;;;;;;;;;;;;;AAMA,MAAM,eAAe,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6B3B,MAAM,kBAAkBC,MAAA;AAAA,EAC7B,CAAC,EAAE,SAAS,QAAQ,GAAG,MAAA,GAAS,QAAQ;AAChC,UAAA,EAAE,mBAAmB,IAAIC,8BAAa;AAEtC,UAAA,gBAAgB,CAAC,MAAqC;;AAE1D,yBAAmB,OAAO;AAE1B,kBAAM,YAAN,+BAAgB;AAAA,IAClB;AAGE,WAAAC,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM,WAAW;AAAA,QAC1B,MAAM,MAAM,QAAQ;AAAA,QACnB,GAAG;AAAA,QACJ;AAAA,QACA,SAAS;AAAA,QACT,WAAW,KAAK,gBAAgB,MAAM,aAAa,IAAI;AAAA,UACrD,QAAQ,CAAC,CAAC,MAAM;AAAA,UAChB;AAAA,QAAA,CACD;AAAA,QACD,gBAAc;AAAA,QACd,sBAAoB;AAAA,QAEnB,UAAM,MAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AAGN;;"}

package/dist/shared/src/components/Powerpack/PowerpackButton.es.js

@@ -0,0 +1,69 @@
+import { j as jsxRuntimeExports } from "../../../../_virtual/jsx-runtime.es.js";
+import "../../context/RemoteModulesContext.es.js";
+import "../../context/DetailsPanelContext.es.js";
+import "../../context/ThumbnailUploaderContext.es.js";
+import "../../context/SettingsPanelContext.es.js";
+import "../../context/pip/PiPProvider.es.js";
+import "react-dom";
+import "../../context/pip/PiPWrapper.es.js";
+import "../../context/AddonProjectContext.es.js";
+import "../../context/AddonContext.es.js";
+import { usePowerpack } from "../../context/PowerpackContext.es.js";
+import { Button } from "@ynput/ayon-react-components";
+import clsx from "clsx";
+import { forwardRef } from "react";
+import styled from "styled-components";
+const StyledButton = styled(Button)`
+  background-color: unset;
+  color: var(--md-sys-color-tertiary);
+  transition: color 0.2s, background-color 0.2s, opacity 0.2s;
+  border-radius: var(--border-radius-xl);
+
+  &.filled {
+    background-color: var(--md-sys-color-tertiary);
+    color: var(--md-sys-color-on-tertiary);
+  }
+
+  &.border {
+    border: 1px solid var(--md-sys-color-tertiary);
+  }
+
+  &:hover {
+    color: var(--md-sys-color-on-tertiary);
+  }
+
+  .icon {
+    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
+  }
+`;
+const PowerpackButton = forwardRef(
+  ({ feature, filled, ...props }, ref) => {
+    const { setPowerpackDialog } = usePowerpack();
+    const handleOnClick = (e) => {
+      var _a;
+      setPowerpackDialog(feature);
+      (_a = props.onClick) == null ? void 0 : _a.call(props, e);
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      StyledButton,
+      {
+        variant: props.variant || "tertiary",
+        icon: props.icon || "bolt",
+        ...props,
+        ref,
+        onClick: handleOnClick,
+        className: clsx("cloud-button", props.className || "", {
+          border: !!props.children,
+          filled
+        }),
+        "data-tooltip": `Power feature`,
+        "data-tooltip-delay": 0,
+        children: props.children
+      }
+    );
+  }
+);
+export {
+  PowerpackButton
+};
+//# sourceMappingURL=PowerpackButton.es.js.map

package/dist/shared/src/components/Powerpack/PowerpackButton.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PowerpackButton.es.js","sources":["../../../../../src/components/Powerpack/PowerpackButton.tsx"],"sourcesContent":["import { PowerpackFeature, usePowerpack } from '@shared/context'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, MouseEvent } from 'react'\nimport styled from 'styled-components'\n\nconst StyledButton = styled(Button)`\n  background-color: unset;\n  color: var(--md-sys-color-tertiary);\n  transition: color 0.2s, background-color 0.2s, opacity 0.2s;\n  border-radius: var(--border-radius-xl);\n\n  &.filled {\n    background-color: var(--md-sys-color-tertiary);\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  &.border {\n    border: 1px solid var(--md-sys-color-tertiary);\n  }\n\n  &:hover {\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  .icon {\n    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n  }\n`\n\nexport interface PowerpackButtonProps extends ButtonProps {\n  feature: PowerpackFeature\n  filled?: boolean\n}\n\nexport const PowerpackButton = forwardRef<HTMLButtonElement, PowerpackButtonProps>(\n  ({ feature, filled, ...props }, ref) => {\n    const { setPowerpackDialog } = usePowerpack()\n\n    const handleOnClick = (e: MouseEvent<HTMLButtonElement>) => {\n      // open a dialog to subscribe to Ynput Cloud\n      setPowerpackDialog(feature)\n      // Call the original onClick handler\n      props.onClick?.(e)\n    }\n\n    return (\n      <StyledButton\n        variant={props.variant || 'tertiary'}\n        icon={props.icon || 'bolt'}\n        {...props}\n        ref={ref}\n        onClick={handleOnClick}\n        className={clsx('cloud-button', props.className || '', {\n          border: !!props.children,\n          filled,\n        })}\n        data-tooltip={`Power feature`}\n        data-tooltip-delay={0}\n      >\n        {props.children}\n      </StyledButton>\n    )\n  },\n)\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;AAMA,MAAM,eAAe,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6B3B,MAAM,kBAAkB;AAAA,EAC7B,CAAC,EAAE,SAAS,QAAQ,GAAG,MAAA,GAAS,QAAQ;AAChC,UAAA,EAAE,mBAAmB,IAAI,aAAa;AAEtC,UAAA,gBAAgB,CAAC,MAAqC;;AAE1D,yBAAmB,OAAO;AAE1B,kBAAM,YAAN,+BAAgB;AAAA,IAClB;AAGE,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM,WAAW;AAAA,QAC1B,MAAM,MAAM,QAAQ;AAAA,QACnB,GAAG;AAAA,QACJ;AAAA,QACA,SAAS;AAAA,QACT,WAAW,KAAK,gBAAgB,MAAM,aAAa,IAAI;AAAA,UACrD,QAAQ,CAAC,CAAC,MAAM;AAAA,UAChB;AAAA,QAAA,CACD;AAAA,QACD,gBAAc;AAAA,QACd,sBAAoB;AAAA,QAEnB,UAAM,MAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AAGN;"}

package/dist/shared/src/components/Powerpack/PowerpackDialog.cjs.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../_virtual/jsx-runtime.cjs.js");
+const PowerpackDialog_styled = require("./PowerpackDialog.styled.cjs.js");
+const ayonReactComponents = require("@ynput/ayon-react-components");
+const PricingLink = require("./PricingLink.cjs.js");
+require("../../context/RemoteModulesContext.cjs.js");
+require("../../context/DetailsPanelContext.cjs.js");
+require("../../context/ThumbnailUploaderContext.cjs.js");
+require("../../context/SettingsPanelContext.cjs.js");
+require("../../context/pip/PiPProvider.cjs.js");
+require("react-dom");
+require("../../context/pip/PiPWrapper.cjs.js");
+require("../../context/AddonProjectContext.cjs.js");
+require("../../context/AddonContext.cjs.js");
+const PowerpackContext = require("../../context/PowerpackContext.cjs.js");
+const PowerpackDialog = ({}) => {
+  const { setPowerpackDialog, selectedPowerPack, powerpackDialog } = PowerpackContext.usePowerpack();
+  if (!powerpackDialog) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(PowerpackDialog_styled.PowerpackDialog, { isOpen: true, onClose: () => setPowerpackDialog(null), size: "lg", children: [
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(PowerpackDialog_styled.MainFeature, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("h1", { children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: "bolt" }),
+        powerpackDialog.label
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("h2", { children: powerpackDialog.description })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(PowerpackDialog_styled.FeaturesList, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("h3", { children: [
+        "Unlock all ",
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: "bolt" }),
+        " ",
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "green", children: "Power Features" }),
+        " with an AYON subscription."
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("ul", { children: [
+        Object.entries(PowerpackContext.powerpackFeatures).sort(([key]) => key !== selectedPowerPack ? 1 : -1).map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("li", { children: [
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: "check" }),
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { children: value.bullet })
+        ] }, key)),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("li", { className: "more", children: "More coming soon!" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(PricingLink.PricingLink, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(PowerpackDialog_styled.MoreButton, { children: "Find out more" }) })
+  ] });
+};
+exports.PowerpackDialog = PowerpackDialog;
+//# sourceMappingURL=PowerpackDialog.cjs.js.map

package/dist/shared/src/components/Powerpack/PowerpackDialog.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PowerpackDialog.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.tsx"],"sourcesContent":["import * as Styled from './PowerpackDialog.styled'\nimport { FC } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { PricingLink } from './PricingLink'\nimport { powerpackFeatures, usePowerpack } from '@shared/context'\n\nexport interface PowerpackDialogProps {}\n\nexport const PowerpackDialog: FC<PowerpackDialogProps> = ({}) => {\n  const { setPowerpackDialog, selectedPowerPack, powerpackDialog } = usePowerpack()\n\n  if (!powerpackDialog) return null\n\n  return (\n    <Styled.PowerpackDialog isOpen onClose={() => setPowerpackDialog(null)} size=\"lg\">\n      <Styled.MainFeature>\n        <h1>\n          <Icon icon=\"bolt\" />\n          {powerpackDialog.label}\n        </h1>\n        <h2>{powerpackDialog.description}</h2>\n      </Styled.MainFeature>\n\n      <Styled.FeaturesList>\n        <h3>\n          Unlock all <Icon icon=\"bolt\" /> <span className=\"green\">Power Features</span> with an AYON\n          subscription.\n        </h3>\n        <ul>\n          {Object.entries(powerpackFeatures)\n            .sort(([key]) => (key !== selectedPowerPack ? 1 : -1))\n            .map(([key, value]) => (\n              <li key={key}>\n                <Icon icon=\"check\" />\n                <span>{value.bullet}</span>\n              </li>\n            ))}\n          <li className=\"more\">More coming soon!</li>\n        </ul>\n      </Styled.FeaturesList>\n      <PricingLink>\n        <Styled.MoreButton>Find out more</Styled.MoreButton>\n      </PricingLink>\n    </Styled.PowerpackDialog>\n  )\n}\n"],"names":["usePowerpack","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","powerpackFeatures","PricingLink","Styled.MoreButton"],"mappings":";;;;;;;;;;;;;;;;AAQa,MAAA,kBAA4C,CAAC,CAAA,MAAO;AAC/D,QAAM,EAAE,oBAAoB,mBAAmB,gBAAA,IAAoBA,iBAAAA,aAAa;AAE5E,MAAA,CAAC,gBAAwB,QAAA;AAE7B,SACGC,kDAAAC,uBAAAA,iBAAA,EAAuB,QAAM,MAAC,SAAS,MAAM,mBAAmB,IAAI,GAAG,MAAK,MAC3E,UAAA;AAAA,IAACD,kDAAAE,uBAAAA,aAAA,EACC,UAAA;AAAA,MAAAF,kDAAC,MACC,EAAA,UAAA;AAAA,QAACG,2BAAAA,kBAAAA,IAAAC,oBAAA,MAAA,EAAK,MAAK,OAAO,CAAA;AAAA,QACjB,gBAAgB;AAAA,MAAA,GACnB;AAAA,MACAD,2BAAAA,kBAAAA,IAAC,MAAI,EAAA,UAAA,gBAAgB,YAAY,CAAA;AAAA,IAAA,GACnC;AAAA,IAEAH,kDAACK,uBAAAA,cAAA,EACC,UAAA;AAAA,MAAAL,kDAAC,MAAG,EAAA,UAAA;AAAA,QAAA;AAAA,QACSG,2BAAAA,kBAAAA,IAACC,oBAAK,MAAA,EAAA,MAAK,OAAO,CAAA;AAAA,QAAE;AAAA,QAAED,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,QAAO;AAAA,MAAA,GAE/E;AAAA,wDACC,MACE,EAAA,UAAA;AAAA,QAAO,OAAA,QAAQG,iBAAAA,iBAAiB,EAC9B,KAAK,CAAC,CAAC,GAAG,MAAO,QAAQ,oBAAoB,IAAI,EAAG,EACpD,IAAI,CAAC,CAAC,KAAK,KAAK,wDACd,MACC,EAAA,UAAA;AAAA,UAACH,2BAAAA,kBAAAA,IAAAC,oBAAA,MAAA,EAAK,MAAK,QAAQ,CAAA;AAAA,UACnBD,2BAAAA,kBAAAA,IAAC,QAAM,EAAA,UAAA,MAAM,OAAO,CAAA;AAAA,QAAA,EAAA,GAFb,GAGT,CACD;AAAA,QACFA,2BAAA,kBAAA,IAAA,MAAA,EAAG,WAAU,QAAO,UAAiB,oBAAA,CAAA;AAAA,MAAA,EACxC,CAAA;AAAA,IAAA,GACF;AAAA,qDACCI,YAAAA,aACC,EAAA,UAAAJ,2BAAAA,kBAAAA,IAACK,uBAAAA,YAAA,EAAkB,2BAAa,EAClC,CAAA;AAAA,EAAA,GACF;AAEJ;;"}