@ynput/ayon-frontend-shared 0.2.18 → 0.2.20

package/dist/shared/src/components/Views/hooks/useBuildViewMenuItems.es.js

@@ -0,0 +1,160 @@
+import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
+import "../../../api/base/client.es.js";
+import "../../../api/generated/graphql.es.js";
+import "../../../api/generated/access.es.js";
+import "../../../api/generated/actions.es.js";
+import "../../../api/generated/activityFeed.es.js";
+import "../../../api/generated/addons.es.js";
+import "../../../api/generated/anatomy.es.js";
+import "../../../api/generated/attributes.es.js";
+import "../../../api/generated/authentication.es.js";
+import "../../../api/generated/bundles.es.js";
+import "../../../api/generated/configuration.es.js";
+import "../../../api/generated/desktop.es.js";
+import "../../../api/generated/entityLists.es.js";
+import "../../../api/generated/events.es.js";
+import "../../../api/generated/files.es.js";
+import "../../../api/generated/folders.es.js";
+import "../../../api/generated/inbox.es.js";
+import "../../../api/generated/links.es.js";
+import "../../../api/generated/market.es.js";
+import "../../../api/generated/onboarding.es.js";
+import "../../../api/generated/operations.es.js";
+import "../../../api/generated/products.es.js";
+import "../../../api/generated/projectDashboard.es.js";
+import "../../../api/generated/projects.es.js";
+import "../../../api/generated/reviewables.es.js";
+import "../../../api/generated/services.es.js";
+import "../../../api/generated/system.es.js";
+import "../../../api/generated/tasks.es.js";
+import "../../../api/generated/teams.es.js";
+import "../../../api/generated/thumbnails.es.js";
+import "../../../api/generated/uRIs.es.js";
+import "../../../api/generated/users.es.js";
+import "../../../api/generated/versions.es.js";
+import "../../../api/generated/workfiles.es.js";
+import "../../../api/generated/ynputCloud.es.js";
+import "../../../api/generated/grouping.es.js";
+import "../../../api/generated/views.es.js";
+import "../../../api/queries/actions/getActions.es.js";
+import "../../../api/queries/activities/getActivities.es.js";
+import "../../../api/queries/activities/updateActivities.es.js";
+import "../../../api/queries/activities/updateReaction.es.js";
+import "../../../api/queries/activities/getMentions.es.js";
+import "../../../api/queries/addons/getAddons.es.js";
+import "../../../api/queries/addons/updateAddons.es.js";
+import "../../../api/queries/attributes/getAttributes.es.js";
+import "../../../api/queries/attributes/updateAttributes.es.js";
+import "../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../api/queries/entities/getEntity.es.js";
+import "../../../api/queries/entities/getEntityPanel.es.js";
+import "../../../api/queries/entities/updateEntity.es.js";
+import "../../../api/queries/entityLists/getLists.es.js";
+import "../../../api/queries/entityLists/updateLists.es.js";
+import "../../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../../api/queries/folders/getFolders.es.js";
+import "../../../api/queries/overview/getOverview.es.js";
+import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/project/getProject.es.js";
+import "../../../api/queries/project/updateProject.es.js";
+import "../../../api/queries/review/getReview.es.js";
+import "../../../api/queries/review/updateReview.es.js";
+import "../../../api/queries/system/getSystem.es.js";
+import "../../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../../api/queries/users/getUsers.es.js";
+import "../../../api/queries/users/updateUsers.es.js";
+import "../../../api/queries/watchers/getWatchers.es.js";
+import "../../../api/queries/permissions/getPermissions.es.js";
+import "../../../api/queries/grouping/getGrouping.es.js";
+import "../../../api/queries/versions/updateVersions.es.js";
+import "../../../api/queries/products/createProduct.es.js";
+import "../../../api/queries/cloud/cloud.es.js";
+import "../../../api/queries/views/getViews.es.js";
+import { useCreateViewMutation } from "../../../api/queries/views/updateViews.es.js";
+import { useCallback, useMemo } from "react";
+import { VIEW_DIVIDER } from "../ViewsMenu/ViewsMenu.es.js";
+import { Icon } from "@ynput/ayon-react-components";
+import { generatePersonalView } from "../utils/generatePersonalView.es.js";
+import { toast } from "react-toastify";
+import { useLoadModule } from "../../../hooks/useLoadModule.es.js";
+import "../../../../../_virtual/runtime.es.js";
+import "../../../../../_virtual/semver.es.js";
+import "lodash";
+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 "../../../context/PowerpackContext.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import { getCustomViewsFallback } from "../utils/getCustomViewsFallback.es.js";
+const PERSONAL_VIEW_ID = "_personal_";
+const personalBaseView = {
+  id: PERSONAL_VIEW_ID,
+  label: "Personal",
+  startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: "person" }),
+  isEditable: false,
+  isPersonal: true
+};
+const useBuildViewMenuItems = ({
+  viewsList,
+  personalView,
+  viewType,
+  projectName,
+  onSelect,
+  onEdit
+}) => {
+  const [createView] = useCreateViewMutation();
+  const handlePersonalViewChange = useCallback(async () => {
+    onSelect(PERSONAL_VIEW_ID);
+    if (!personalView) {
+      try {
+        console.warn("No personal view found, creating a new one");
+        const personalView2 = generatePersonalView(viewType);
+        await createView({
+          payload: personalView2,
+          viewType,
+          projectName
+        }).unwrap();
+      } catch (error) {
+        toast.error(`Failed to create personal view: ${error}`);
+      }
+    }
+  }, [personalView, viewType, createView, projectName, onSelect]);
+  const [getCustomViews, { isLoading: isLoadingQueries }] = useLoadModule({
+    addon: "powerpack",
+    remote: "views",
+    module: "getCustomViews",
+    fallback: getCustomViewsFallback
+    // minVersion: minVersion,
+  });
+  const { myViews, sharedViews } = getCustomViews({
+    viewsList,
+    onEdit,
+    onSelect
+  });
+  const dividers = myViews.length || sharedViews.length ? [VIEW_DIVIDER] : [];
+  const personalViewItem = useMemo(
+    () => ({
+      ...personalBaseView,
+      onClick: handlePersonalViewChange
+    }),
+    [handlePersonalViewChange]
+  );
+  const viewItems = useMemo(
+    () => [personalViewItem, ...dividers, ...myViews, ...sharedViews, ...dividers],
+    [personalView, myViews, sharedViews, personalViewItem]
+  );
+  return viewItems;
+};
+export {
+  PERSONAL_VIEW_ID,
+  useBuildViewMenuItems as default
+};
+//# sourceMappingURL=useBuildViewMenuItems.es.js.map

package/dist/shared/src/components/Views/hooks/useBuildViewMenuItems.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBuildViewMenuItems.es.js","sources":["../../../../../../src/components/Views/hooks/useBuildViewMenuItems.tsx"],"sourcesContent":["import { useCreateViewMutation, ViewListItemModel } from '@shared/api'\nimport React, { useCallback, useMemo } from 'react'\nimport { VIEW_DIVIDER, ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { generatePersonalView } from '../utils/generatePersonalView'\nimport { toast } from 'react-toastify'\nimport { useLoadModule } from '@shared/hooks'\nimport { getCustomViewsFallback } from '../utils/getCustomViewsFallback'\n\n// constants\nexport const PERSONAL_VIEW_ID = '_personal_' as const\nexport const NEW_VIEW_ID = '_new_view_' as const\n\nconst personalBaseView: ViewItem = {\n  id: PERSONAL_VIEW_ID,\n  label: 'Personal',\n  startContent: <Icon icon=\"person\" />,\n  isEditable: false,\n  isPersonal: true,\n}\n\ntype Props = {\n  viewsList: ViewListItemModel[]\n  personalView?: ViewListItemModel\n  viewType: 'overview' | 'taskProgress' | undefined\n  projectName?: string\n  onEdit: (viewId: string) => void\n  onSelect: (viewId: string) => void\n}\n\nconst useBuildViewMenuItems = ({\n  viewsList,\n  personalView,\n  viewType,\n  projectName,\n  onSelect,\n  onEdit,\n}: Props): ViewMenuItem[] => {\n  // MUTATIONS\n  const [createView] = useCreateViewMutation()\n\n  // if we have a personal view, we use it, otherwise we create one\n  const handlePersonalViewChange = useCallback(async () => {\n    onSelect(PERSONAL_VIEW_ID)\n    if (!personalView) {\n      try {\n        console.warn('No personal view found, creating a new one')\n        const personalView = generatePersonalView(viewType)\n        await createView({\n          payload: personalView,\n          viewType: viewType as string,\n          projectName: projectName,\n        }).unwrap()\n      } catch (error: any) {\n        toast.error(`Failed to create personal view: ${error}`)\n      }\n    }\n  }, [personalView, viewType, createView, projectName, onSelect])\n\n  const [getCustomViews, { isLoading: isLoadingQueries }] = useLoadModule({\n    addon: 'powerpack',\n    remote: 'views',\n    module: 'getCustomViews',\n    fallback: getCustomViewsFallback,\n    // minVersion: minVersion,\n  })\n\n  const { myViews, sharedViews } = getCustomViews({\n    viewsList,\n    onEdit,\n    onSelect,\n  })\n\n  const dividers = myViews.length || sharedViews.length ? [VIEW_DIVIDER] : []\n\n  const personalViewItem: ViewMenuItem = useMemo(\n    () => ({\n      ...personalBaseView,\n      onClick: handlePersonalViewChange,\n    }),\n    [handlePersonalViewChange],\n  )\n\n  const viewItems: ViewMenuItem[] = useMemo(\n    () => [personalViewItem, ...dividers, ...myViews, ...sharedViews, ...dividers],\n    [personalView, myViews, sharedViews, personalViewItem],\n  )\n\n  return viewItems\n}\n\nexport default useBuildViewMenuItems\n"],"names":["jsx","personalView"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,mBAAmB;AAGhC,MAAM,mBAA6B;AAAA,EACjC,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,cAAcA,kCAAAA,IAAC,MAAK,EAAA,MAAK,SAAS,CAAA;AAAA,EAClC,YAAY;AAAA,EACZ,YAAY;AACd;AAWA,MAAM,wBAAwB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAErB,QAAA,CAAC,UAAU,IAAI,sBAAsB;AAGrC,QAAA,2BAA2B,YAAY,YAAY;AACvD,aAAS,gBAAgB;AACzB,QAAI,CAAC,cAAc;AACb,UAAA;AACF,gBAAQ,KAAK,4CAA4C;AACnDC,cAAAA,gBAAe,qBAAqB,QAAQ;AAClD,cAAM,WAAW;AAAA,UACf,SAASA;AAAAA,UACT;AAAA,UACA;AAAA,QACD,CAAA,EAAE,OAAO;AAAA,eACH,OAAY;AACb,cAAA,MAAM,mCAAmC,KAAK,EAAE;AAAA,MAAA;AAAA,IACxD;AAAA,EACF,GACC,CAAC,cAAc,UAAU,YAAY,aAAa,QAAQ,CAAC;AAE9D,QAAM,CAAC,gBAAgB,EAAE,WAAW,iBAAkB,CAAA,IAAI,cAAc;AAAA,IACtE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA;AAAA,EAAA,CAEX;AAED,QAAM,EAAE,SAAS,YAAY,IAAI,eAAe;AAAA,IAC9C;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAEK,QAAA,WAAW,QAAQ,UAAU,YAAY,SAAS,CAAC,YAAY,IAAI,CAAC;AAE1E,QAAM,mBAAiC;AAAA,IACrC,OAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA,IAAA;AAAA,IAEX,CAAC,wBAAwB;AAAA,EAC3B;AAEA,QAAM,YAA4B;AAAA,IAChC,MAAM,CAAC,kBAAkB,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,QAAQ;AAAA,IAC7E,CAAC,cAAc,SAAS,aAAa,gBAAgB;AAAA,EACvD;AAEO,SAAA;AACT;"}

package/dist/shared/src/components/Views/utils/generatePersonalView.cjs.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const v4 = require("../../../../node_modules/uuid/dist/esm-browser/v4.cjs.js");
+const generatePersonalView = (viewType) => ({
+  id: v4().replace(/-/g, ""),
+  label: "Personal",
+  settings: {},
+  personal: true,
+  visibility: "private",
+  viewType
+});
+exports.generatePersonalView = generatePersonalView;
+//# sourceMappingURL=generatePersonalView.cjs.js.map

package/dist/shared/src/components/Views/utils/generatePersonalView.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generatePersonalView.cjs.js","sources":["../../../../../../src/components/Views/utils/generatePersonalView.ts"],"sourcesContent":["import { CreateViewApiArg } from '@shared/api'\nimport { v4 as uuidv4 } from 'uuid'\nimport { ViewType } from '../Views'\n\nexport const generatePersonalView = (viewType: ViewType): CreateViewApiArg['payload'] => ({\n  id: uuidv4().replace(/-/g, ''),\n  label: 'Personal',\n  settings: {},\n  personal: true,\n  visibility: 'private',\n  viewType,\n})\n"],"names":["uuidv4"],"mappings":";;;AAIa,MAAA,uBAAuB,CAAC,cAAqD;AAAA,EACxF,IAAIA,GAAS,EAAA,QAAQ,MAAM,EAAE;AAAA,EAC7B,OAAO;AAAA,EACP,UAAU,CAAC;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AACF;;"}

package/dist/shared/src/components/Views/utils/generatePersonalView.es.js

@@ -0,0 +1,13 @@
+import v4 from "../../../../node_modules/uuid/dist/esm-browser/v4.es.js";
+const generatePersonalView = (viewType) => ({
+  id: v4().replace(/-/g, ""),
+  label: "Personal",
+  settings: {},
+  personal: true,
+  visibility: "private",
+  viewType
+});
+export {
+  generatePersonalView
+};
+//# sourceMappingURL=generatePersonalView.es.js.map

package/dist/shared/src/components/Views/utils/generatePersonalView.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generatePersonalView.es.js","sources":["../../../../../../src/components/Views/utils/generatePersonalView.ts"],"sourcesContent":["import { CreateViewApiArg } from '@shared/api'\nimport { v4 as uuidv4 } from 'uuid'\nimport { ViewType } from '../Views'\n\nexport const generatePersonalView = (viewType: ViewType): CreateViewApiArg['payload'] => ({\n  id: uuidv4().replace(/-/g, ''),\n  label: 'Personal',\n  settings: {},\n  personal: true,\n  visibility: 'private',\n  viewType,\n})\n"],"names":["uuidv4"],"mappings":";AAIa,MAAA,uBAAuB,CAAC,cAAqD;AAAA,EACxF,IAAIA,GAAS,EAAA,QAAQ,MAAM,EAAE;AAAA,EAC7B,OAAO;AAAA,EACP,UAAU,CAAC;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AACF;"}

package/dist/shared/src/components/Views/utils/getCustomViewsFallback.cjs.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getCustomViewsFallback = (props) => ({
+  myViews: [],
+  sharedViews: []
+});
+exports.getCustomViewsFallback = getCustomViewsFallback;
+//# sourceMappingURL=getCustomViewsFallback.cjs.js.map

package/dist/shared/src/components/Views/utils/getCustomViewsFallback.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCustomViewsFallback.cjs.js","sources":["../../../../../../src/components/Views/utils/getCustomViewsFallback.ts"],"sourcesContent":["import { ViewListItemModel } from '@shared/api'\nimport { ViewMenuItem } from '../ViewsMenu/ViewsMenu'\n\nexport type GetAllViewsProps = {\n  viewsList: ViewListItemModel[]\n  onEdit: (viewId: string) => void\n  onSelect: (viewId: string) => void\n}\n\nexport type GetAllViewsReturn = {\n  myViews: ViewMenuItem[]\n  sharedViews: ViewMenuItem[]\n}\n\nexport const getCustomViewsFallback = (props: GetAllViewsProps): GetAllViewsReturn => ({\n  myViews: [],\n  sharedViews: [],\n})\n"],"names":[],"mappings":";;AAca,MAAA,yBAAyB,CAAC,WAAgD;AAAA,EACrF,SAAS,CAAC;AAAA,EACV,aAAa,CAAA;AACf;;"}

package/dist/shared/src/components/Views/utils/getCustomViewsFallback.es.js

@@ -0,0 +1,8 @@
+const getCustomViewsFallback = (props) => ({
+  myViews: [],
+  sharedViews: []
+});
+export {
+  getCustomViewsFallback
+};
+//# sourceMappingURL=getCustomViewsFallback.es.js.map

package/dist/shared/src/components/Views/utils/getCustomViewsFallback.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCustomViewsFallback.es.js","sources":["../../../../../../src/components/Views/utils/getCustomViewsFallback.ts"],"sourcesContent":["import { ViewListItemModel } from '@shared/api'\nimport { ViewMenuItem } from '../ViewsMenu/ViewsMenu'\n\nexport type GetAllViewsProps = {\n  viewsList: ViewListItemModel[]\n  onEdit: (viewId: string) => void\n  onSelect: (viewId: string) => void\n}\n\nexport type GetAllViewsReturn = {\n  myViews: ViewMenuItem[]\n  sharedViews: ViewMenuItem[]\n}\n\nexport const getCustomViewsFallback = (props: GetAllViewsProps): GetAllViewsReturn => ({\n  myViews: [],\n  sharedViews: [],\n})\n"],"names":[],"mappings":"AAca,MAAA,yBAAyB,CAAC,WAAgD;AAAA,EACrF,SAAS,CAAC;AAAA,EACV,aAAa,CAAA;AACf;"}

package/dist/shared/src/components/Views/utils/portalUtils.cjs.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getViewsPortalId = (viewType) => {
+  return `${viewType}-views-portal`;
+};
+const getViewsPortalContainer = (viewType) => {
+  return document.getElementById(getViewsPortalId(viewType));
+};
+exports.getViewsPortalContainer = getViewsPortalContainer;
+exports.getViewsPortalId = getViewsPortalId;
+//# sourceMappingURL=portalUtils.cjs.js.map

package/dist/shared/src/components/Views/utils/portalUtils.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portalUtils.cjs.js","sources":["../../../../../../src/components/Views/utils/portalUtils.ts"],"sourcesContent":["import { ViewType } from '../index'\n\n/**\n * Generate a consistent portal container ID for views\n */\nexport const getViewsPortalId = (viewType: ViewType): string => {\n  return `${viewType}-views-portal`\n}\n\n/**\n * Get the portal container element by viewType\n */\nexport const getViewsPortalContainer = (viewType: ViewType): HTMLElement | null => {\n  return document.getElementById(getViewsPortalId(viewType))\n}\n"],"names":[],"mappings":";;AAKa,MAAA,mBAAmB,CAAC,aAA+B;AAC9D,SAAO,GAAG,QAAQ;AACpB;AAKa,MAAA,0BAA0B,CAAC,aAA2C;AACjF,SAAO,SAAS,eAAe,iBAAiB,QAAQ,CAAC;AAC3D;;;"}

package/dist/shared/src/components/Views/utils/portalUtils.es.js

@@ -0,0 +1,11 @@
+const getViewsPortalId = (viewType) => {
+  return `${viewType}-views-portal`;
+};
+const getViewsPortalContainer = (viewType) => {
+  return document.getElementById(getViewsPortalId(viewType));
+};
+export {
+  getViewsPortalContainer,
+  getViewsPortalId
+};
+//# sourceMappingURL=portalUtils.es.js.map

package/dist/shared/src/components/Views/utils/portalUtils.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portalUtils.es.js","sources":["../../../../../../src/components/Views/utils/portalUtils.ts"],"sourcesContent":["import { ViewType } from '../index'\n\n/**\n * Generate a consistent portal container ID for views\n */\nexport const getViewsPortalId = (viewType: ViewType): string => {\n  return `${viewType}-views-portal`\n}\n\n/**\n * Get the portal container element by viewType\n */\nexport const getViewsPortalContainer = (viewType: ViewType): HTMLElement | null => {\n  return document.getElementById(getViewsPortalId(viewType))\n}\n"],"names":[],"mappings":"AAKa,MAAA,mBAAmB,CAAC,aAA+B;AAC9D,SAAO,GAAG,QAAQ;AACpB;AAKa,MAAA,0BAA0B,CAAC,aAA2C;AACjF,SAAO,SAAS,eAAe,iBAAiB,QAAQ,CAAC;AAC3D;"}

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

@@ -37,6 +37,7 @@ 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");
@@ -70,6 +71,9 @@ require("../../api/queries/permissions/getPermissions.cjs.js");
 require("../../api/queries/grouping/getGrouping.cjs.js");
 require("../../api/queries/versions/updateVersions.cjs.js");
 require("../../api/queries/products/createProduct.cjs.js");
+require("../../api/queries/cloud/cloud.cjs.js");
+require("../../api/queries/views/getViews.cjs.js");
+require("../../api/queries/views/updateViews.cjs.js");
 const ayonReactComponents = require("@ynput/ayon-react-components");
 const React = require("react");
 const reactToastify = require("react-toastify");

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

@@ -1 +1 @@
-{"version":3,"file":"Watchers.cjs.js","sources":["../../../../../src/components/Watchers/Watchers.tsx"],"sourcesContent":["import { useGetEntitiesWatchersQuery, useSetEntitiesWatchersMutation } from '@shared/api'\nimport { DropdownRef, WatcherSelect, WatcherSelectProps } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport { toast } from 'react-toastify'\n\ninterface WatchersProps extends Omit<WatcherSelectProps, 'currentUser' | 'value'> {\n  entities: { id: string; projectName: string }[]\n  entityType: string\n  onWatchersUpdate?: (added: any[], removed: any[]) => void\n  userName: string\n}\n\nexport const Watchers = forwardRef<DropdownRef, WatchersProps>(\n  ({ entities, entityType, onWatchersUpdate, userName, ...props }, ref) => {\n    const entitiesQuery = entities.map((entity) => ({\n      entityId: entity.id,\n      entityType,\n      projectName: entity.projectName,\n    }))\n\n    const { data: watchers = [] } = useGetEntitiesWatchersQuery(\n      {\n        entities: entitiesQuery,\n      },\n      { skip: !entities.length },\n    )\n\n    // merge all watchers into a single unique array\n    const uniqueWatchers = Array.from(new Set(watchers.flatMap((watcher) => watcher.watchers)))\n\n    const [setEntitiesWatchers] = useSetEntitiesWatchersMutation()\n\n    const handleChange = async (value: string[]) => {\n      //   find the difference between the current watchers and the new watchers\n      // which users were added and which were removed\n      const added = value.filter((watcher) => !uniqueWatchers.includes(watcher))\n      const removed = uniqueWatchers.filter((watcher) => !value.includes(watcher))\n\n      // for each entity, add or remove the watchers\n      // we do this to preserve the unique watchers for each entity (rather than setting the same watchers for all entities)\n      const updatedEntities = watchers.map((entity) => {\n        // first remove\n        const newWatchers = entity.watchers.filter((watcher) => !removed.includes(watcher))\n        // then add\n        newWatchers.push(...added)\n\n        return {\n          ...entity,\n          watchers: newWatchers,\n        }\n      })\n\n      //   update\n      try {\n        await setEntitiesWatchers({ entities: updatedEntities }).unwrap()\n        onWatchersUpdate && onWatchersUpdate(added, removed)\n      } catch (error) {\n        toast.error('Failed to update watchers')\n      }\n    }\n\n    return (\n      <WatcherSelect\n        align=\"right\"\n        {...props}\n        value={uniqueWatchers}\n        currentUser={userName}\n        onChange={handleChange}\n        ref={ref}\n        // @ts-expect-error\n        buttonProps={{ 'data-tooltip': 'Watchers' }}\n      />\n    )\n  },\n)\n"],"names":["forwardRef","useGetEntitiesWatchersQuery","useSetEntitiesWatchersMutation","toast","jsx","WatcherSelect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,WAAWA,MAAA;AAAA,EACtB,CAAC,EAAE,UAAU,YAAY,kBAAkB,UAAU,GAAG,MAAM,GAAG,QAAQ;AACvE,UAAM,gBAAgB,SAAS,IAAI,CAAC,YAAY;AAAA,MAC9C,UAAU,OAAO;AAAA,MACjB;AAAA,MACA,aAAa,OAAO;AAAA,IAAA,EACpB;AAEF,UAAM,EAAE,MAAM,WAAW,CAAA,EAAO,IAAAC,YAAA;AAAA,MAC9B;AAAA,QACE,UAAU;AAAA,MACZ;AAAA,MACA,EAAE,MAAM,CAAC,SAAS,OAAO;AAAA,IAC3B;AAGA,UAAM,iBAAiB,MAAM,KAAK,IAAI,IAAI,SAAS,QAAQ,CAAC,YAAY,QAAQ,QAAQ,CAAC,CAAC;AAEpF,UAAA,CAAC,mBAAmB,IAAIC,2CAA+B;AAEvD,UAAA,eAAe,OAAO,UAAoB;AAGxC,YAAA,QAAQ,MAAM,OAAO,CAAC,YAAY,CAAC,eAAe,SAAS,OAAO,CAAC;AACnE,YAAA,UAAU,eAAe,OAAO,CAAC,YAAY,CAAC,MAAM,SAAS,OAAO,CAAC;AAI3E,YAAM,kBAAkB,SAAS,IAAI,CAAC,WAAW;AAEzC,cAAA,cAAc,OAAO,SAAS,OAAO,CAAC,YAAY,CAAC,QAAQ,SAAS,OAAO,CAAC;AAEtE,oBAAA,KAAK,GAAG,KAAK;AAElB,eAAA;AAAA,UACL,GAAG;AAAA,UACH,UAAU;AAAA,QACZ;AAAA,MAAA,CACD;AAGG,UAAA;AACF,cAAM,oBAAoB,EAAE,UAAU,gBAAiB,CAAA,EAAE,OAAO;AAC5C,4BAAA,iBAAiB,OAAO,OAAO;AAAA,eAC5C,OAAO;AACdC,sBAAA,MAAM,MAAM,2BAA2B;AAAA,MAAA;AAAA,IAE3C;AAGE,WAAAC,2BAAA,kBAAA;AAAA,MAACC,oBAAA;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACL,GAAG;AAAA,QACJ,OAAO;AAAA,QACP,aAAa;AAAA,QACb,UAAU;AAAA,QACV;AAAA,QAEA,aAAa,EAAE,gBAAgB,WAAW;AAAA,MAAA;AAAA,IAC5C;AAAA,EAAA;AAGN;;"}
+{"version":3,"file":"Watchers.cjs.js","sources":["../../../../../src/components/Watchers/Watchers.tsx"],"sourcesContent":["import { useGetEntitiesWatchersQuery, useSetEntitiesWatchersMutation } from '@shared/api'\nimport { DropdownRef, WatcherSelect, WatcherSelectProps } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport { toast } from 'react-toastify'\n\ninterface WatchersProps extends Omit<WatcherSelectProps, 'currentUser' | 'value'> {\n  entities: { id: string; projectName: string }[]\n  entityType: string\n  onWatchersUpdate?: (added: any[], removed: any[]) => void\n  userName: string\n}\n\nexport const Watchers = forwardRef<DropdownRef, WatchersProps>(\n  ({ entities, entityType, onWatchersUpdate, userName, ...props }, ref) => {\n    const entitiesQuery = entities.map((entity) => ({\n      entityId: entity.id,\n      entityType,\n      projectName: entity.projectName,\n    }))\n\n    const { data: watchers = [] } = useGetEntitiesWatchersQuery(\n      {\n        entities: entitiesQuery,\n      },\n      { skip: !entities.length },\n    )\n\n    // merge all watchers into a single unique array\n    const uniqueWatchers = Array.from(new Set(watchers.flatMap((watcher) => watcher.watchers)))\n\n    const [setEntitiesWatchers] = useSetEntitiesWatchersMutation()\n\n    const handleChange = async (value: string[]) => {\n      //   find the difference between the current watchers and the new watchers\n      // which users were added and which were removed\n      const added = value.filter((watcher) => !uniqueWatchers.includes(watcher))\n      const removed = uniqueWatchers.filter((watcher) => !value.includes(watcher))\n\n      // for each entity, add or remove the watchers\n      // we do this to preserve the unique watchers for each entity (rather than setting the same watchers for all entities)\n      const updatedEntities = watchers.map((entity) => {\n        // first remove\n        const newWatchers = entity.watchers.filter((watcher) => !removed.includes(watcher))\n        // then add\n        newWatchers.push(...added)\n\n        return {\n          ...entity,\n          watchers: newWatchers,\n        }\n      })\n\n      //   update\n      try {\n        await setEntitiesWatchers({ entities: updatedEntities }).unwrap()\n        onWatchersUpdate && onWatchersUpdate(added, removed)\n      } catch (error) {\n        toast.error('Failed to update watchers')\n      }\n    }\n\n    return (\n      <WatcherSelect\n        align=\"right\"\n        {...props}\n        value={uniqueWatchers}\n        currentUser={userName}\n        onChange={handleChange}\n        ref={ref}\n        // @ts-expect-error\n        buttonProps={{ 'data-tooltip': 'Watchers' }}\n      />\n    )\n  },\n)\n"],"names":["forwardRef","useGetEntitiesWatchersQuery","useSetEntitiesWatchersMutation","toast","jsx","WatcherSelect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,WAAWA,MAAA;AAAA,EACtB,CAAC,EAAE,UAAU,YAAY,kBAAkB,UAAU,GAAG,MAAM,GAAG,QAAQ;AACvE,UAAM,gBAAgB,SAAS,IAAI,CAAC,YAAY;AAAA,MAC9C,UAAU,OAAO;AAAA,MACjB;AAAA,MACA,aAAa,OAAO;AAAA,IAAA,EACpB;AAEF,UAAM,EAAE,MAAM,WAAW,CAAA,EAAO,IAAAC,YAAA;AAAA,MAC9B;AAAA,QACE,UAAU;AAAA,MACZ;AAAA,MACA,EAAE,MAAM,CAAC,SAAS,OAAO;AAAA,IAC3B;AAGA,UAAM,iBAAiB,MAAM,KAAK,IAAI,IAAI,SAAS,QAAQ,CAAC,YAAY,QAAQ,QAAQ,CAAC,CAAC;AAEpF,UAAA,CAAC,mBAAmB,IAAIC,2CAA+B;AAEvD,UAAA,eAAe,OAAO,UAAoB;AAGxC,YAAA,QAAQ,MAAM,OAAO,CAAC,YAAY,CAAC,eAAe,SAAS,OAAO,CAAC;AACnE,YAAA,UAAU,eAAe,OAAO,CAAC,YAAY,CAAC,MAAM,SAAS,OAAO,CAAC;AAI3E,YAAM,kBAAkB,SAAS,IAAI,CAAC,WAAW;AAEzC,cAAA,cAAc,OAAO,SAAS,OAAO,CAAC,YAAY,CAAC,QAAQ,SAAS,OAAO,CAAC;AAEtE,oBAAA,KAAK,GAAG,KAAK;AAElB,eAAA;AAAA,UACL,GAAG;AAAA,UACH,UAAU;AAAA,QACZ;AAAA,MAAA,CACD;AAGG,UAAA;AACF,cAAM,oBAAoB,EAAE,UAAU,gBAAiB,CAAA,EAAE,OAAO;AAC5C,4BAAA,iBAAiB,OAAO,OAAO;AAAA,eAC5C,OAAO;AACdC,sBAAA,MAAM,MAAM,2BAA2B;AAAA,MAAA;AAAA,IAE3C;AAGE,WAAAC,2BAAA,kBAAA;AAAA,MAACC,oBAAA;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACL,GAAG;AAAA,QACJ,OAAO;AAAA,QACP,aAAa;AAAA,QACb,UAAU;AAAA,QACV;AAAA,QAEA,aAAa,EAAE,gBAAgB,WAAW;AAAA,MAAA;AAAA,IAC5C;AAAA,EAAA;AAGN;;"}

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

@@ -35,6 +35,7 @@ import "../../api/generated/versions.es.js";
 import "../../api/generated/workfiles.es.js";
 import "../../api/generated/ynputCloud.es.js";
 import "../../api/generated/grouping.es.js";
+import "../../api/generated/views.es.js";
 import "../../api/queries/actions/getActions.es.js";
 import "../../api/queries/activities/getActivities.es.js";
 import "../../api/queries/activities/updateActivities.es.js";
@@ -68,6 +69,9 @@ import "../../api/queries/permissions/getPermissions.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/versions/updateVersions.es.js";
 import "../../api/queries/products/createProduct.es.js";
+import "../../api/queries/cloud/cloud.es.js";
+import "../../api/queries/views/getViews.es.js";
+import "../../api/queries/views/updateViews.es.js";
 import { WatcherSelect } from "@ynput/ayon-react-components";
 import { forwardRef } from "react";
 import { toast } from "react-toastify";

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

@@ -1 +1 @@
-{"version":3,"file":"Watchers.es.js","sources":["../../../../../src/components/Watchers/Watchers.tsx"],"sourcesContent":["import { useGetEntitiesWatchersQuery, useSetEntitiesWatchersMutation } from '@shared/api'\nimport { DropdownRef, WatcherSelect, WatcherSelectProps } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport { toast } from 'react-toastify'\n\ninterface WatchersProps extends Omit<WatcherSelectProps, 'currentUser' | 'value'> {\n  entities: { id: string; projectName: string }[]\n  entityType: string\n  onWatchersUpdate?: (added: any[], removed: any[]) => void\n  userName: string\n}\n\nexport const Watchers = forwardRef<DropdownRef, WatchersProps>(\n  ({ entities, entityType, onWatchersUpdate, userName, ...props }, ref) => {\n    const entitiesQuery = entities.map((entity) => ({\n      entityId: entity.id,\n      entityType,\n      projectName: entity.projectName,\n    }))\n\n    const { data: watchers = [] } = useGetEntitiesWatchersQuery(\n      {\n        entities: entitiesQuery,\n      },\n      { skip: !entities.length },\n    )\n\n    // merge all watchers into a single unique array\n    const uniqueWatchers = Array.from(new Set(watchers.flatMap((watcher) => watcher.watchers)))\n\n    const [setEntitiesWatchers] = useSetEntitiesWatchersMutation()\n\n    const handleChange = async (value: string[]) => {\n      //   find the difference between the current watchers and the new watchers\n      // which users were added and which were removed\n      const added = value.filter((watcher) => !uniqueWatchers.includes(watcher))\n      const removed = uniqueWatchers.filter((watcher) => !value.includes(watcher))\n\n      // for each entity, add or remove the watchers\n      // we do this to preserve the unique watchers for each entity (rather than setting the same watchers for all entities)\n      const updatedEntities = watchers.map((entity) => {\n        // first remove\n        const newWatchers = entity.watchers.filter((watcher) => !removed.includes(watcher))\n        // then add\n        newWatchers.push(...added)\n\n        return {\n          ...entity,\n          watchers: newWatchers,\n        }\n      })\n\n      //   update\n      try {\n        await setEntitiesWatchers({ entities: updatedEntities }).unwrap()\n        onWatchersUpdate && onWatchersUpdate(added, removed)\n      } catch (error) {\n        toast.error('Failed to update watchers')\n      }\n    }\n\n    return (\n      <WatcherSelect\n        align=\"right\"\n        {...props}\n        value={uniqueWatchers}\n        currentUser={userName}\n        onChange={handleChange}\n        ref={ref}\n        // @ts-expect-error\n        buttonProps={{ 'data-tooltip': 'Watchers' }}\n      />\n    )\n  },\n)\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,WAAW;AAAA,EACtB,CAAC,EAAE,UAAU,YAAY,kBAAkB,UAAU,GAAG,MAAM,GAAG,QAAQ;AACvE,UAAM,gBAAgB,SAAS,IAAI,CAAC,YAAY;AAAA,MAC9C,UAAU,OAAO;AAAA,MACjB;AAAA,MACA,aAAa,OAAO;AAAA,IAAA,EACpB;AAEF,UAAM,EAAE,MAAM,WAAW,CAAA,EAAO,IAAA;AAAA,MAC9B;AAAA,QACE,UAAU;AAAA,MACZ;AAAA,MACA,EAAE,MAAM,CAAC,SAAS,OAAO;AAAA,IAC3B;AAGA,UAAM,iBAAiB,MAAM,KAAK,IAAI,IAAI,SAAS,QAAQ,CAAC,YAAY,QAAQ,QAAQ,CAAC,CAAC;AAEpF,UAAA,CAAC,mBAAmB,IAAI,+BAA+B;AAEvD,UAAA,eAAe,OAAO,UAAoB;AAGxC,YAAA,QAAQ,MAAM,OAAO,CAAC,YAAY,CAAC,eAAe,SAAS,OAAO,CAAC;AACnE,YAAA,UAAU,eAAe,OAAO,CAAC,YAAY,CAAC,MAAM,SAAS,OAAO,CAAC;AAI3E,YAAM,kBAAkB,SAAS,IAAI,CAAC,WAAW;AAEzC,cAAA,cAAc,OAAO,SAAS,OAAO,CAAC,YAAY,CAAC,QAAQ,SAAS,OAAO,CAAC;AAEtE,oBAAA,KAAK,GAAG,KAAK;AAElB,eAAA;AAAA,UACL,GAAG;AAAA,UACH,UAAU;AAAA,QACZ;AAAA,MAAA,CACD;AAGG,UAAA;AACF,cAAM,oBAAoB,EAAE,UAAU,gBAAiB,CAAA,EAAE,OAAO;AAC5C,4BAAA,iBAAiB,OAAO,OAAO;AAAA,eAC5C,OAAO;AACd,cAAM,MAAM,2BAA2B;AAAA,MAAA;AAAA,IAE3C;AAGE,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACL,GAAG;AAAA,QACJ,OAAO;AAAA,QACP,aAAa;AAAA,QACb,UAAU;AAAA,QACV;AAAA,QAEA,aAAa,EAAE,gBAAgB,WAAW;AAAA,MAAA;AAAA,IAC5C;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Watchers.es.js","sources":["../../../../../src/components/Watchers/Watchers.tsx"],"sourcesContent":["import { useGetEntitiesWatchersQuery, useSetEntitiesWatchersMutation } from '@shared/api'\nimport { DropdownRef, WatcherSelect, WatcherSelectProps } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport { toast } from 'react-toastify'\n\ninterface WatchersProps extends Omit<WatcherSelectProps, 'currentUser' | 'value'> {\n  entities: { id: string; projectName: string }[]\n  entityType: string\n  onWatchersUpdate?: (added: any[], removed: any[]) => void\n  userName: string\n}\n\nexport const Watchers = forwardRef<DropdownRef, WatchersProps>(\n  ({ entities, entityType, onWatchersUpdate, userName, ...props }, ref) => {\n    const entitiesQuery = entities.map((entity) => ({\n      entityId: entity.id,\n      entityType,\n      projectName: entity.projectName,\n    }))\n\n    const { data: watchers = [] } = useGetEntitiesWatchersQuery(\n      {\n        entities: entitiesQuery,\n      },\n      { skip: !entities.length },\n    )\n\n    // merge all watchers into a single unique array\n    const uniqueWatchers = Array.from(new Set(watchers.flatMap((watcher) => watcher.watchers)))\n\n    const [setEntitiesWatchers] = useSetEntitiesWatchersMutation()\n\n    const handleChange = async (value: string[]) => {\n      //   find the difference between the current watchers and the new watchers\n      // which users were added and which were removed\n      const added = value.filter((watcher) => !uniqueWatchers.includes(watcher))\n      const removed = uniqueWatchers.filter((watcher) => !value.includes(watcher))\n\n      // for each entity, add or remove the watchers\n      // we do this to preserve the unique watchers for each entity (rather than setting the same watchers for all entities)\n      const updatedEntities = watchers.map((entity) => {\n        // first remove\n        const newWatchers = entity.watchers.filter((watcher) => !removed.includes(watcher))\n        // then add\n        newWatchers.push(...added)\n\n        return {\n          ...entity,\n          watchers: newWatchers,\n        }\n      })\n\n      //   update\n      try {\n        await setEntitiesWatchers({ entities: updatedEntities }).unwrap()\n        onWatchersUpdate && onWatchersUpdate(added, removed)\n      } catch (error) {\n        toast.error('Failed to update watchers')\n      }\n    }\n\n    return (\n      <WatcherSelect\n        align=\"right\"\n        {...props}\n        value={uniqueWatchers}\n        currentUser={userName}\n        onChange={handleChange}\n        ref={ref}\n        // @ts-expect-error\n        buttonProps={{ 'data-tooltip': 'Watchers' }}\n      />\n    )\n  },\n)\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,WAAW;AAAA,EACtB,CAAC,EAAE,UAAU,YAAY,kBAAkB,UAAU,GAAG,MAAM,GAAG,QAAQ;AACvE,UAAM,gBAAgB,SAAS,IAAI,CAAC,YAAY;AAAA,MAC9C,UAAU,OAAO;AAAA,MACjB;AAAA,MACA,aAAa,OAAO;AAAA,IAAA,EACpB;AAEF,UAAM,EAAE,MAAM,WAAW,CAAA,EAAO,IAAA;AAAA,MAC9B;AAAA,QACE,UAAU;AAAA,MACZ;AAAA,MACA,EAAE,MAAM,CAAC,SAAS,OAAO;AAAA,IAC3B;AAGA,UAAM,iBAAiB,MAAM,KAAK,IAAI,IAAI,SAAS,QAAQ,CAAC,YAAY,QAAQ,QAAQ,CAAC,CAAC;AAEpF,UAAA,CAAC,mBAAmB,IAAI,+BAA+B;AAEvD,UAAA,eAAe,OAAO,UAAoB;AAGxC,YAAA,QAAQ,MAAM,OAAO,CAAC,YAAY,CAAC,eAAe,SAAS,OAAO,CAAC;AACnE,YAAA,UAAU,eAAe,OAAO,CAAC,YAAY,CAAC,MAAM,SAAS,OAAO,CAAC;AAI3E,YAAM,kBAAkB,SAAS,IAAI,CAAC,WAAW;AAEzC,cAAA,cAAc,OAAO,SAAS,OAAO,CAAC,YAAY,CAAC,QAAQ,SAAS,OAAO,CAAC;AAEtE,oBAAA,KAAK,GAAG,KAAK;AAElB,eAAA;AAAA,UACL,GAAG;AAAA,UACH,UAAU;AAAA,QACZ;AAAA,MAAA,CACD;AAGG,UAAA;AACF,cAAM,oBAAoB,EAAE,UAAU,gBAAiB,CAAA,EAAE,OAAO;AAC5C,4BAAA,iBAAiB,OAAO,OAAO;AAAA,eAC5C,OAAO;AACd,cAAM,MAAM,2BAA2B;AAAA,MAAA;AAAA,IAE3C;AAGE,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACL,GAAG;AAAA,QACJ,OAAO;AAAA,QACP,aAAa;AAAA,QACb,UAAU;AAAA,QACV;AAAA,QAEA,aAAa,EAAE,gBAAgB,WAAW;AAAA,MAAA;AAAA,IAC5C;AAAA,EAAA;AAGN;"}

package/dist/shared/src/containers/Actions/ActionConfigDialog.cjs.js

@@ -44,6 +44,7 @@ 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");
 const getActions = require("../../api/queries/actions/getActions.cjs.js");
 require("../../api/queries/activities/getActivities.cjs.js");
 require("../../api/queries/activities/updateActivities.cjs.js");
@@ -77,6 +78,9 @@ require("../../api/queries/permissions/getPermissions.cjs.js");
 require("../../api/queries/grouping/getGrouping.cjs.js");
 require("../../api/queries/versions/updateVersions.cjs.js");
 require("../../api/queries/products/createProduct.cjs.js");
+require("../../api/queries/cloud/cloud.cjs.js");
+require("../../api/queries/views/getViews.cjs.js");
+require("../../api/queries/views/updateViews.cjs.js");
 require("@dnd-kit/core");
 require("@dnd-kit/sortable");
 require("../../components/ReviewablesList/ReviewablesList.styled.cjs.js");
@@ -138,6 +142,11 @@ require("../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
 require("../ProjectTreeTable/context/ProjectTableContext.cjs.js");
 require("../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");
 require("../ProjectTreeTable/context/SelectedRowsContext.cjs.js");
+require("../../../../_virtual/runtime.cjs.js");
+require("../../../../_virtual/semver.cjs.js");
+require("react-redux");
+require("custom-protocol-check");
+require("../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");
 require("../ProjectTreeTable/context/ProjectDataContext.cjs.js");
 require("../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");
 require("../ProjectTreeTable/widgets/DateWidget.cjs.js");
@@ -152,14 +161,10 @@ require("../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");
 require("../ProjectTreeTable/components/SelectionCell.cjs.js");
 require("../ProjectTreeTable/components/RowSelectionHeader.cjs.js");
 require("../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");
-require("../../../../_virtual/runtime.cjs.js");
-require("../../../../_virtual/semver.cjs.js");
-require("react-redux");
-require("custom-protocol-check");
-require("../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");
 require("../DetailsPanel/DetailsPanel.styled.cjs.js");
 require("../DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");
 require("../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");
+require("../../components/PlayableIcon/PlayableIcon.cjs.js");
 require("../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");
 require("../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");
 require("../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");
@@ -176,6 +181,7 @@ require("../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");
 require("../../components/Powerpack/PowerpackButton.cjs.js");
 require("../../components/Powerpack/PricingLink.cjs.js");
 require("../../components/Powerpack/PowerpackDialog.styled.cjs.js");
+require("../../components/Powerpack/CTAButton.cjs.js");
 require("../../components/SettingsPanel/SettingsPanel.cjs.js");
 require("../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");
 require("../../components/AttributeEditor/components/MinMaxField.cjs.js");
@@ -184,6 +190,11 @@ require("../../components/SearchFilter/filterDates.cjs.js");
 require("../../components/Badge/Badge.cjs.js");
 require("../../components/VersionUploader/components/UploadVersionDialog.cjs.js");
 require("../../components/VersionUploader/context/VersionUploadContext.cjs.js");
+require("../../components/Feedback/FeedbackContext.cjs.js");
+require("../../components/Feedback/SupportBubble.cjs.js");
+require("../../components/Views/context/ViewsContext.cjs.js");
+require("../../components/Views/Views.styled.cjs.js");
+require("../../components/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");
 const ActionConfigDialog = ({ action, onClose, context }) => {
   const requestParams = React.useMemo(() => {
     if (!action) return null;

package/dist/shared/src/containers/Actions/ActionConfigDialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionConfigDialog.cjs.js","sources":["../../../../../src/containers/Actions/ActionConfigDialog.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { toast } from 'react-toastify'\nimport { SimpleFormDialog } from '@shared/components'\nimport type { SimpleFormValueDict } from '@shared/components'\n\nimport { useGetActionConfigQuery, useSetActionConfigMutation } from '@shared/api'\nimport type { ActionContext, BaseActionManifest } from '@shared/api'\n\ntype ConfigData = Record<string, any>\n\ninterface ActionConfigDialogProps {\n  action: BaseActionManifest\n  context: ActionContext\n  onClose: () => void\n}\n\ninterface ActionConfigRequestQueryParams {\n  addonName: string\n  addonVersion: string\n  variant?: string\n  identifier: string\n}\n\nexport const ActionConfigDialog = ({ action, onClose, context }: ActionConfigDialogProps) => {\n  const requestParams: ActionConfigRequestQueryParams | null =\n    useMemo<ActionConfigRequestQueryParams | null>(() => {\n      if (!action) return null\n      if (!(action.addonName && action.addonVersion)) return null // this should never happen\n      return {\n        addonName: action.addonName,\n        addonVersion: action.addonVersion,\n        variant: action.variant,\n        identifier: action.identifier,\n      }\n    }, [action])\n\n  const [configureAction] = useSetActionConfigMutation()\n\n  // make typescript happily unknowing about the type\n  // because even if we pass skip, arguments are still required in the right type. that's cursed\n  const qp: any = { actionConfig: context, ...(requestParams || {}) }\n  const { data: initValues } = useGetActionConfigQuery(qp, { skip: !requestParams })\n\n  // it would be sooo cool if i could do this BEFORE the query and ommit that\n  // qp thing, but i can't. because it would change the hook order. ffs\n  if (!(initValues && action?.configFields && action && requestParams)) {\n    return null\n  }\n\n  const handleSubmit = async (data: ConfigData) => {\n    try {\n      await configureAction({\n        actionConfig: { ...context, value: data },\n        ...requestParams,\n      }).unwrap()\n      onClose()\n    } catch (error) {\n      console.warn('Error configuring action', error)\n      toast.error('Unable to set the action configuration')\n    }\n  }\n\n  return (\n    <SimpleFormDialog\n      isOpen\n      title={`Configure action ${action.label}`}\n      fields={action.configFields}\n      values={initValues as SimpleFormValueDict}\n      onClose={onClose}\n      onSubmit={handleSubmit}\n      submitLabel=\"Save action config\"\n      cancelLabel=\"Cancel\"\n      submitIcon=\"check\"\n      cancelIcon=\"close\"\n    />\n  )\n}\n"],"names":["useMemo","useSetActionConfigMutation","useGetActionConfigQuery","toast","jsx","SimpleFormDialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBO,MAAM,qBAAqB,CAAC,EAAE,QAAQ,SAAS,cAAuC;AACrF,QAAA,gBACJA,MAAAA,QAA+C,MAAM;AAC/C,QAAA,CAAC,OAAe,QAAA;AACpB,QAAI,EAAE,OAAO,aAAa,OAAO,cAAsB,QAAA;AAChD,WAAA;AAAA,MACL,WAAW,OAAO;AAAA,MAClB,cAAc,OAAO;AAAA,MACrB,SAAS,OAAO;AAAA,MAChB,YAAY,OAAO;AAAA,IACrB;AAAA,EAAA,GACC,CAAC,MAAM,CAAC;AAEP,QAAA,CAAC,eAAe,IAAIC,sCAA2B;AAIrD,QAAM,KAAU,EAAE,cAAc,SAAS,GAAI,iBAAiB,CAAA,EAAI;AAC5D,QAAA,EAAE,MAAM,eAAeC,WAAAA,wBAAwB,IAAI,EAAE,MAAM,CAAC,eAAe;AAIjF,MAAI,EAAE,eAAc,iCAAQ,iBAAgB,UAAU,gBAAgB;AAC7D,WAAA;AAAA,EAAA;AAGH,QAAA,eAAe,OAAO,SAAqB;AAC3C,QAAA;AACF,YAAM,gBAAgB;AAAA,QACpB,cAAc,EAAE,GAAG,SAAS,OAAO,KAAK;AAAA,QACxC,GAAG;AAAA,MACJ,CAAA,EAAE,OAAO;AACF,cAAA;AAAA,aACD,OAAO;AACN,cAAA,KAAK,4BAA4B,KAAK;AAC9CC,oBAAA,MAAM,MAAM,wCAAwC;AAAA,IAAA;AAAA,EAExD;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAACC,iBAAA;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,OAAO,oBAAoB,OAAO,KAAK;AAAA,MACvC,QAAQ,OAAO;AAAA,MACf,QAAQ;AAAA,MACR;AAAA,MACA,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,YAAW;AAAA,MACX,YAAW;AAAA,IAAA;AAAA,EACb;AAEJ;;"}
+{"version":3,"file":"ActionConfigDialog.cjs.js","sources":["../../../../../src/containers/Actions/ActionConfigDialog.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { toast } from 'react-toastify'\nimport { SimpleFormDialog } from '@shared/components'\nimport type { SimpleFormValueDict } from '@shared/components'\n\nimport { useGetActionConfigQuery, useSetActionConfigMutation } from '@shared/api'\nimport type { ActionContext, BaseActionManifest } from '@shared/api'\n\ntype ConfigData = Record<string, any>\n\ninterface ActionConfigDialogProps {\n  action: BaseActionManifest\n  context: ActionContext\n  onClose: () => void\n}\n\ninterface ActionConfigRequestQueryParams {\n  addonName: string\n  addonVersion: string\n  variant?: string\n  identifier: string\n}\n\nexport const ActionConfigDialog = ({ action, onClose, context }: ActionConfigDialogProps) => {\n  const requestParams: ActionConfigRequestQueryParams | null =\n    useMemo<ActionConfigRequestQueryParams | null>(() => {\n      if (!action) return null\n      if (!(action.addonName && action.addonVersion)) return null // this should never happen\n      return {\n        addonName: action.addonName,\n        addonVersion: action.addonVersion,\n        variant: action.variant,\n        identifier: action.identifier,\n      }\n    }, [action])\n\n  const [configureAction] = useSetActionConfigMutation()\n\n  // make typescript happily unknowing about the type\n  // because even if we pass skip, arguments are still required in the right type. that's cursed\n  const qp: any = { actionConfig: context, ...(requestParams || {}) }\n  const { data: initValues } = useGetActionConfigQuery(qp, { skip: !requestParams })\n\n  // it would be sooo cool if i could do this BEFORE the query and ommit that\n  // qp thing, but i can't. because it would change the hook order. ffs\n  if (!(initValues && action?.configFields && action && requestParams)) {\n    return null\n  }\n\n  const handleSubmit = async (data: ConfigData) => {\n    try {\n      await configureAction({\n        actionConfig: { ...context, value: data },\n        ...requestParams,\n      }).unwrap()\n      onClose()\n    } catch (error) {\n      console.warn('Error configuring action', error)\n      toast.error('Unable to set the action configuration')\n    }\n  }\n\n  return (\n    <SimpleFormDialog\n      isOpen\n      title={`Configure action ${action.label}`}\n      fields={action.configFields}\n      values={initValues as SimpleFormValueDict}\n      onClose={onClose}\n      onSubmit={handleSubmit}\n      submitLabel=\"Save action config\"\n      cancelLabel=\"Cancel\"\n      submitIcon=\"check\"\n      cancelIcon=\"close\"\n    />\n  )\n}\n"],"names":["useMemo","useSetActionConfigMutation","useGetActionConfigQuery","toast","jsx","SimpleFormDialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBO,MAAM,qBAAqB,CAAC,EAAE,QAAQ,SAAS,cAAuC;AACrF,QAAA,gBACJA,MAAAA,QAA+C,MAAM;AAC/C,QAAA,CAAC,OAAe,QAAA;AACpB,QAAI,EAAE,OAAO,aAAa,OAAO,cAAsB,QAAA;AAChD,WAAA;AAAA,MACL,WAAW,OAAO;AAAA,MAClB,cAAc,OAAO;AAAA,MACrB,SAAS,OAAO;AAAA,MAChB,YAAY,OAAO;AAAA,IACrB;AAAA,EAAA,GACC,CAAC,MAAM,CAAC;AAEP,QAAA,CAAC,eAAe,IAAIC,sCAA2B;AAIrD,QAAM,KAAU,EAAE,cAAc,SAAS,GAAI,iBAAiB,CAAA,EAAI;AAC5D,QAAA,EAAE,MAAM,eAAeC,WAAAA,wBAAwB,IAAI,EAAE,MAAM,CAAC,eAAe;AAIjF,MAAI,EAAE,eAAc,iCAAQ,iBAAgB,UAAU,gBAAgB;AAC7D,WAAA;AAAA,EAAA;AAGH,QAAA,eAAe,OAAO,SAAqB;AAC3C,QAAA;AACF,YAAM,gBAAgB;AAAA,QACpB,cAAc,EAAE,GAAG,SAAS,OAAO,KAAK;AAAA,QACxC,GAAG;AAAA,MACJ,CAAA,EAAE,OAAO;AACF,cAAA;AAAA,aACD,OAAO;AACN,cAAA,KAAK,4BAA4B,KAAK;AAC9CC,oBAAA,MAAM,MAAM,wCAAwC;AAAA,IAAA;AAAA,EAExD;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAACC,iBAAA;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,OAAO,oBAAoB,OAAO,KAAK;AAAA,MACvC,QAAQ,OAAO;AAAA,MACf,QAAQ;AAAA,MACR;AAAA,MACA,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,YAAW;AAAA,MACX,YAAW;AAAA,IAAA;AAAA,EACb;AAEJ;;"}

package/dist/shared/src/containers/Actions/ActionConfigDialog.es.js

@@ -42,6 +42,7 @@ import "../../api/generated/versions.es.js";
 import "../../api/generated/workfiles.es.js";
 import "../../api/generated/ynputCloud.es.js";
 import "../../api/generated/grouping.es.js";
+import "../../api/generated/views.es.js";
 import { useSetActionConfigMutation, useGetActionConfigQuery } from "../../api/queries/actions/getActions.es.js";
 import "../../api/queries/activities/getActivities.es.js";
 import "../../api/queries/activities/updateActivities.es.js";
@@ -75,6 +76,9 @@ import "../../api/queries/permissions/getPermissions.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/versions/updateVersions.es.js";
 import "../../api/queries/products/createProduct.es.js";
+import "../../api/queries/cloud/cloud.es.js";
+import "../../api/queries/views/getViews.es.js";
+import "../../api/queries/views/updateViews.es.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "../../components/ReviewablesList/ReviewablesList.styled.es.js";
@@ -136,6 +140,11 @@ import "../ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../ProjectTreeTable/context/ProjectTableContext.es.js";
 import "../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
 import "../ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../../../../_virtual/runtime.es.js";
+import "../../../../_virtual/semver.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "../ProjectTreeTable/context/ProjectDataContext.es.js";
 import "../ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../ProjectTreeTable/widgets/DateWidget.es.js";
@@ -150,14 +159,10 @@ import "../ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../ProjectTreeTable/components/SelectionCell.es.js";
 import "../ProjectTreeTable/components/RowSelectionHeader.es.js";
 import "../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
-import "../../../../_virtual/runtime.es.js";
-import "../../../../_virtual/semver.es.js";
-import "react-redux";
-import "custom-protocol-check";
-import "../ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "../DetailsPanel/DetailsPanel.styled.es.js";
 import "../DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
 import "../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "../../components/PlayableIcon/PlayableIcon.es.js";
 import "../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.es.js";
 import "../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
 import "../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
@@ -174,6 +179,7 @@ import "../../components/ProjectTableSettings/ProjectTableSettings.es.js";
 import "../../components/Powerpack/PowerpackButton.es.js";
 import "../../components/Powerpack/PricingLink.es.js";
 import "../../components/Powerpack/PowerpackDialog.styled.es.js";
+import "../../components/Powerpack/CTAButton.es.js";
 import "../../components/SettingsPanel/SettingsPanel.es.js";
 import "../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../../components/AttributeEditor/components/MinMaxField.es.js";
@@ -182,6 +188,11 @@ import "../../components/SearchFilter/filterDates.es.js";
 import "../../components/Badge/Badge.es.js";
 import "../../components/VersionUploader/components/UploadVersionDialog.es.js";
 import "../../components/VersionUploader/context/VersionUploadContext.es.js";
+import "../../components/Feedback/FeedbackContext.es.js";
+import "../../components/Feedback/SupportBubble.es.js";
+import "../../components/Views/context/ViewsContext.es.js";
+import "../../components/Views/Views.styled.es.js";
+import "../../components/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 const ActionConfigDialog = ({ action, onClose, context }) => {
   const requestParams = useMemo(() => {
     if (!action) return null;

package/dist/shared/src/containers/Actions/ActionConfigDialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionConfigDialog.es.js","sources":["../../../../../src/containers/Actions/ActionConfigDialog.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { toast } from 'react-toastify'\nimport { SimpleFormDialog } from '@shared/components'\nimport type { SimpleFormValueDict } from '@shared/components'\n\nimport { useGetActionConfigQuery, useSetActionConfigMutation } from '@shared/api'\nimport type { ActionContext, BaseActionManifest } from '@shared/api'\n\ntype ConfigData = Record<string, any>\n\ninterface ActionConfigDialogProps {\n  action: BaseActionManifest\n  context: ActionContext\n  onClose: () => void\n}\n\ninterface ActionConfigRequestQueryParams {\n  addonName: string\n  addonVersion: string\n  variant?: string\n  identifier: string\n}\n\nexport const ActionConfigDialog = ({ action, onClose, context }: ActionConfigDialogProps) => {\n  const requestParams: ActionConfigRequestQueryParams | null =\n    useMemo<ActionConfigRequestQueryParams | null>(() => {\n      if (!action) return null\n      if (!(action.addonName && action.addonVersion)) return null // this should never happen\n      return {\n        addonName: action.addonName,\n        addonVersion: action.addonVersion,\n        variant: action.variant,\n        identifier: action.identifier,\n      }\n    }, [action])\n\n  const [configureAction] = useSetActionConfigMutation()\n\n  // make typescript happily unknowing about the type\n  // because even if we pass skip, arguments are still required in the right type. that's cursed\n  const qp: any = { actionConfig: context, ...(requestParams || {}) }\n  const { data: initValues } = useGetActionConfigQuery(qp, { skip: !requestParams })\n\n  // it would be sooo cool if i could do this BEFORE the query and ommit that\n  // qp thing, but i can't. because it would change the hook order. ffs\n  if (!(initValues && action?.configFields && action && requestParams)) {\n    return null\n  }\n\n  const handleSubmit = async (data: ConfigData) => {\n    try {\n      await configureAction({\n        actionConfig: { ...context, value: data },\n        ...requestParams,\n      }).unwrap()\n      onClose()\n    } catch (error) {\n      console.warn('Error configuring action', error)\n      toast.error('Unable to set the action configuration')\n    }\n  }\n\n  return (\n    <SimpleFormDialog\n      isOpen\n      title={`Configure action ${action.label}`}\n      fields={action.configFields}\n      values={initValues as SimpleFormValueDict}\n      onClose={onClose}\n      onSubmit={handleSubmit}\n      submitLabel=\"Save action config\"\n      cancelLabel=\"Cancel\"\n      submitIcon=\"check\"\n      cancelIcon=\"close\"\n    />\n  )\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBO,MAAM,qBAAqB,CAAC,EAAE,QAAQ,SAAS,cAAuC;AACrF,QAAA,gBACJ,QAA+C,MAAM;AAC/C,QAAA,CAAC,OAAe,QAAA;AACpB,QAAI,EAAE,OAAO,aAAa,OAAO,cAAsB,QAAA;AAChD,WAAA;AAAA,MACL,WAAW,OAAO;AAAA,MAClB,cAAc,OAAO;AAAA,MACrB,SAAS,OAAO;AAAA,MAChB,YAAY,OAAO;AAAA,IACrB;AAAA,EAAA,GACC,CAAC,MAAM,CAAC;AAEP,QAAA,CAAC,eAAe,IAAI,2BAA2B;AAIrD,QAAM,KAAU,EAAE,cAAc,SAAS,GAAI,iBAAiB,CAAA,EAAI;AAC5D,QAAA,EAAE,MAAM,eAAe,wBAAwB,IAAI,EAAE,MAAM,CAAC,eAAe;AAIjF,MAAI,EAAE,eAAc,iCAAQ,iBAAgB,UAAU,gBAAgB;AAC7D,WAAA;AAAA,EAAA;AAGH,QAAA,eAAe,OAAO,SAAqB;AAC3C,QAAA;AACF,YAAM,gBAAgB;AAAA,QACpB,cAAc,EAAE,GAAG,SAAS,OAAO,KAAK;AAAA,QACxC,GAAG;AAAA,MACJ,CAAA,EAAE,OAAO;AACF,cAAA;AAAA,aACD,OAAO;AACN,cAAA,KAAK,4BAA4B,KAAK;AAC9C,YAAM,MAAM,wCAAwC;AAAA,IAAA;AAAA,EAExD;AAGE,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,OAAO,oBAAoB,OAAO,KAAK;AAAA,MACvC,QAAQ,OAAO;AAAA,MACf,QAAQ;AAAA,MACR;AAAA,MACA,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,YAAW;AAAA,MACX,YAAW;AAAA,IAAA;AAAA,EACb;AAEJ;"}
+{"version":3,"file":"ActionConfigDialog.es.js","sources":["../../../../../src/containers/Actions/ActionConfigDialog.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { toast } from 'react-toastify'\nimport { SimpleFormDialog } from '@shared/components'\nimport type { SimpleFormValueDict } from '@shared/components'\n\nimport { useGetActionConfigQuery, useSetActionConfigMutation } from '@shared/api'\nimport type { ActionContext, BaseActionManifest } from '@shared/api'\n\ntype ConfigData = Record<string, any>\n\ninterface ActionConfigDialogProps {\n  action: BaseActionManifest\n  context: ActionContext\n  onClose: () => void\n}\n\ninterface ActionConfigRequestQueryParams {\n  addonName: string\n  addonVersion: string\n  variant?: string\n  identifier: string\n}\n\nexport const ActionConfigDialog = ({ action, onClose, context }: ActionConfigDialogProps) => {\n  const requestParams: ActionConfigRequestQueryParams | null =\n    useMemo<ActionConfigRequestQueryParams | null>(() => {\n      if (!action) return null\n      if (!(action.addonName && action.addonVersion)) return null // this should never happen\n      return {\n        addonName: action.addonName,\n        addonVersion: action.addonVersion,\n        variant: action.variant,\n        identifier: action.identifier,\n      }\n    }, [action])\n\n  const [configureAction] = useSetActionConfigMutation()\n\n  // make typescript happily unknowing about the type\n  // because even if we pass skip, arguments are still required in the right type. that's cursed\n  const qp: any = { actionConfig: context, ...(requestParams || {}) }\n  const { data: initValues } = useGetActionConfigQuery(qp, { skip: !requestParams })\n\n  // it would be sooo cool if i could do this BEFORE the query and ommit that\n  // qp thing, but i can't. because it would change the hook order. ffs\n  if (!(initValues && action?.configFields && action && requestParams)) {\n    return null\n  }\n\n  const handleSubmit = async (data: ConfigData) => {\n    try {\n      await configureAction({\n        actionConfig: { ...context, value: data },\n        ...requestParams,\n      }).unwrap()\n      onClose()\n    } catch (error) {\n      console.warn('Error configuring action', error)\n      toast.error('Unable to set the action configuration')\n    }\n  }\n\n  return (\n    <SimpleFormDialog\n      isOpen\n      title={`Configure action ${action.label}`}\n      fields={action.configFields}\n      values={initValues as SimpleFormValueDict}\n      onClose={onClose}\n      onSubmit={handleSubmit}\n      submitLabel=\"Save action config\"\n      cancelLabel=\"Cancel\"\n      submitIcon=\"check\"\n      cancelIcon=\"close\"\n    />\n  )\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBO,MAAM,qBAAqB,CAAC,EAAE,QAAQ,SAAS,cAAuC;AACrF,QAAA,gBACJ,QAA+C,MAAM;AAC/C,QAAA,CAAC,OAAe,QAAA;AACpB,QAAI,EAAE,OAAO,aAAa,OAAO,cAAsB,QAAA;AAChD,WAAA;AAAA,MACL,WAAW,OAAO;AAAA,MAClB,cAAc,OAAO;AAAA,MACrB,SAAS,OAAO;AAAA,MAChB,YAAY,OAAO;AAAA,IACrB;AAAA,EAAA,GACC,CAAC,MAAM,CAAC;AAEP,QAAA,CAAC,eAAe,IAAI,2BAA2B;AAIrD,QAAM,KAAU,EAAE,cAAc,SAAS,GAAI,iBAAiB,CAAA,EAAI;AAC5D,QAAA,EAAE,MAAM,eAAe,wBAAwB,IAAI,EAAE,MAAM,CAAC,eAAe;AAIjF,MAAI,EAAE,eAAc,iCAAQ,iBAAgB,UAAU,gBAAgB;AAC7D,WAAA;AAAA,EAAA;AAGH,QAAA,eAAe,OAAO,SAAqB;AAC3C,QAAA;AACF,YAAM,gBAAgB;AAAA,QACpB,cAAc,EAAE,GAAG,SAAS,OAAO,KAAK;AAAA,QACxC,GAAG;AAAA,MACJ,CAAA,EAAE,OAAO;AACF,cAAA;AAAA,aACD,OAAO;AACN,cAAA,KAAK,4BAA4B,KAAK;AAC9C,YAAM,MAAM,wCAAwC;AAAA,IAAA;AAAA,EAExD;AAGE,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,OAAO,oBAAoB,OAAO,KAAK;AAAA,MACvC,QAAQ,OAAO;AAAA,MACf,QAAQ;AAAA,MACR;AAAA,MACA,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,YAAW;AAAA,MACX,YAAW;AAAA,IAAA;AAAA,EACb;AAEJ;"}

package/dist/shared/src/containers/Actions/Actions.cjs.js

@@ -41,6 +41,7 @@ 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");
 const getActions = require("../../api/queries/actions/getActions.cjs.js");
 require("../../api/queries/activities/getActivities.cjs.js");
 require("../../api/queries/activities/updateActivities.cjs.js");
@@ -74,6 +75,9 @@ require("../../api/queries/permissions/getPermissions.cjs.js");
 require("../../api/queries/grouping/getGrouping.cjs.js");
 require("../../api/queries/versions/updateVersions.cjs.js");
 require("../../api/queries/products/createProduct.cjs.js");
+require("../../api/queries/cloud/cloud.cjs.js");
+require("../../api/queries/views/getViews.cjs.js");
+require("../../api/queries/views/updateViews.cjs.js");
 const ActionsDropdown = require("./ActionsDropdown/ActionsDropdown.cjs.js");
 const ActionIcon = require("./ActionIcon.cjs.js");
 require("../../context/RemoteModulesContext.cjs.js");
@@ -107,8 +111,11 @@ const Actions = ({
   projectActionsProjectName,
   searchParams,
   featuredCount = 2,
+  isDeveloperMode,
   onNavigate,
-  onSetSearchParams
+  onSetSearchParams,
+  align,
+  pt
 }) => {
   const { handleActionPayload } = useActionTriggers.useActionTriggers({ onNavigate, onSetSearchParams, searchParams });
   const [actionBeingConfigured, setActionBeingConfigured] = React.useState(null);
@@ -308,7 +315,10 @@ const Actions = ({
         options: dropdownOptions,
         isLoading: isLoading && featuredCount > 0,
         onAction: handleExecuteAction,
-        onConfig: handleConfigureAction
+        onConfig: handleConfigureAction,
+        isDeveloperMode,
+        align,
+        ...pt == null ? void 0 : pt.dropdown
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(