@ynput/ayon-frontend-shared 0.2.21 → 0.2.23

package/dist/shared/src/containers/Views/hooks/useBuildViewMenuItems.cjs.js

@@ -48,6 +48,7 @@ require("../../../api/queries/addons/updateAddons.cjs.js");
 require("../../../api/queries/attributes/getAttributes.cjs.js");
 require("../../../api/queries/attributes/updateAttributes.cjs.js");
 require("../../../api/queries/authentication/getAuthentication.cjs.js");
+require("../../../api/queries/cloud/cloud.cjs.js");
 require("../../../api/queries/entities/getEntity.cjs.js");
 require("../../../api/queries/entities/getEntityPanel.cjs.js");
 require("../../../api/queries/entities/updateEntity.cjs.js");
@@ -56,29 +57,30 @@ require("../../../api/queries/entityLists/updateLists.cjs.js");
 require("../../../api/queries/entityLists/getListsAttributes.cjs.js");
 require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");
 require("../../../api/queries/folders/getFolders.cjs.js");
+require("../../../api/queries/grouping/getGrouping.cjs.js");
 require("../../../api/queries/overview/getOverview.cjs.js");
 require("../../../api/queries/overview/updateOverview.cjs.js");
+require("../../../api/queries/permissions/getPermissions.cjs.js");
+require("../../../api/queries/products/createProduct.cjs.js");
 require("../../../api/queries/project/getProject.cjs.js");
 require("../../../api/queries/project/updateProject.cjs.js");
 require("../../../api/queries/review/getReview.cjs.js");
 require("../../../api/queries/review/updateReview.cjs.js");
+require("../../../api/queries/share/share.cjs.js");
 require("../../../api/queries/system/getSystem.cjs.js");
 require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");
 require("../../../api/queries/users/getUsers.cjs.js");
 require("../../../api/queries/users/updateUsers.cjs.js");
-require("../../../api/queries/watchers/getWatchers.cjs.js");
-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");
 const updateViews = require("../../../api/queries/views/updateViews.cjs.js");
+require("../../../api/queries/watchers/getWatchers.cjs.js");
 const React = require("react");
 const ViewsMenu = require("../ViewsMenu/ViewsMenu.cjs.js");
 const ayonReactComponents = require("@ynput/ayon-react-components");
 const generateWorkingView = require("../utils/generateWorkingView.cjs.js");
 const reactToastify = require("react-toastify");
+const useLocalStorage = require("../../../hooks/useLocalStorage.cjs.js");
 const useLoadModule = require("../../../hooks/useLoadModule.cjs.js");
 require("../../../../../_virtual/runtime.cjs.js");
 require("../../../../../_virtual/semver.cjs.js");
@@ -92,7 +94,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 PowerpackContext = require("../../../context/PowerpackContext.cjs.js");
 require("react-redux");
 require("custom-protocol-check");
 const getCustomViewsFallback = require("../utils/getCustomViewsFallback.cjs.js");
@@ -107,8 +109,10 @@ const useBuildViewMenuItems = ({
   editingViewId,
   onSelect,
   onEdit,
-  onSave
+  onSave,
+  onResetWorkingView
 }) => {
+  const { powerLicense } = PowerpackContext.usePowerpack();
   const [createView] = updateViews.useCreateViewMutation();
   const extendedViewsList = React.useMemo(
     () => viewsList.map((view) => ({
@@ -156,29 +160,63 @@ const useBuildViewMenuItems = ({
     module: "getCustomViews",
     fallback: getCustomViewsFallback.getCustomViewsFallback,
     // minVersion: minVersion,
-    skip: !viewType
+    skip: !viewType || !powerLicense
   });
-  const { myViews, sharedViews } = React.useMemo(
-    () => getCustomViews({
-      viewsList: extendedViewsList,
-      onEdit,
-      onSelect,
-      onSave: handleEditView
-    }),
-    [viewsList, onEdit, onSelect, handleEditView]
+  const { myViews, sharedViews, allPrivateViews } = getCustomViews({
+    viewsList: extendedViewsList,
+    onEdit,
+    onSelect,
+    onSave: handleEditView
+  });
+  const stateKey = "viewsMenuCollapsed";
+  const [collapsed, setCollapsed] = useLocalStorage.useLocalStorage(stateKey, {});
+  const toggleSection = React.useCallback(
+    (id) => {
+      setCollapsed({ ...collapsed, [id]: !collapsed[id] });
+    },
+    [collapsed, setCollapsed]
   );
-  const dividers = myViews.length || sharedViews.length ? [ViewsMenu.VIEW_DIVIDER] : [];
+  const sections = React.useMemo(() => {
+    return [
+      { id: "myViews", title: "My views", items: myViews },
+      { id: "sharedViews", title: "Shared views", items: sharedViews },
+      { id: "allPrivateViews", title: "All private views", items: allPrivateViews }
+    ];
+  }, [myViews, sharedViews, allPrivateViews]);
+  console.log(allPrivateViews);
   const workingViewItem = React.useMemo(
     () => ({
       ...workingBaseView,
-      onClick: handleWorkingViewChange
+      onClick: handleWorkingViewChange,
+      // expose reset button when handler is provided
+      isEditable: Boolean(onResetWorkingView),
+      onResetView: onResetWorkingView
     }),
-    [handleWorkingViewChange]
-  );
-  const viewItems = React.useMemo(
-    () => [workingViewItem, ...dividers, ...myViews, ...sharedViews, ...dividers],
-    [workingView, myViews, sharedViews, workingViewItem]
+    [handleWorkingViewChange, onResetWorkingView]
   );
+  const viewItems = React.useMemo(() => {
+    const result = [workingViewItem];
+    const visibleSections = sections.filter((s) => {
+      var _a;
+      return (((_a = s.items) == null ? void 0 : _a.length) || 0) > 0;
+    });
+    if (visibleSections.length > 0) result.push(ViewsMenu.VIEW_DIVIDER);
+    visibleSections.forEach((section) => {
+      const isCollapsed = !!collapsed[section.id];
+      result.push({
+        type: "section",
+        id: section.id,
+        title: section.title,
+        collapsed: isCollapsed,
+        onToggle: () => toggleSection(section.id)
+      });
+      if (!isCollapsed) {
+        result.push(...section.items);
+      }
+    });
+    if (visibleSections.length > 0) result.push(ViewsMenu.VIEW_DIVIDER);
+    return result;
+  }, [workingViewItem, sections, collapsed, toggleSection]);
   return viewItems;
 };
 exports.WORKING_VIEW_ID = WORKING_VIEW_ID;

package/dist/shared/src/containers/Views/hooks/useBuildViewMenuItems.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBuildViewMenuItems.cjs.js","sources":["../../../../../../src/containers/Views/hooks/useBuildViewMenuItems.tsx"],"sourcesContent":["import { useCreateViewMutation, UserModel, ViewListItemModel } from '@shared/api'\nimport { useCallback, useMemo } from 'react'\nimport { VIEW_DIVIDER, ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { generateWorkingView } from '../utils/generateWorkingView'\nimport { toast } from 'react-toastify'\nimport { useLoadModule } from '@shared/hooks'\nimport { getCustomViewsFallback } from '../utils/getCustomViewsFallback'\nimport { ViewData } from '../context/ViewsContext'\n\n// constants\nexport const WORKING_VIEW_ID = '_working_' as const\nexport const NEW_VIEW_ID = '_new_view_' as const\nexport type ViewListItemModelExtended = ViewListItemModel & {\n  isOwner: boolean\n  highlighted?: 'save' | 'edit'\n}\n\ntype Props = {\n  viewsList: ViewListItemModel[]\n  workingView?: ViewListItemModel\n  viewType?: string\n  projectName?: string\n  currentUser?: UserModel\n  useWorkingView?: boolean\n  editingViewId?: string // the preview id of the view being edited\n  onEdit: (viewId: string) => void\n  onSelect: (viewId: string) => void\n  onSave: (viewId: string) => Promise<void>\n}\n\nconst useBuildViewMenuItems = ({\n  viewsList,\n  workingView,\n  viewType,\n  projectName,\n  currentUser,\n  useWorkingView,\n  editingViewId,\n  onSelect,\n  onEdit,\n  onSave,\n}: Props): ViewMenuItem[] => {\n  // MUTATIONS\n  const [createView] = useCreateViewMutation()\n\n  const extendedViewsList: ViewListItemModelExtended[] = useMemo(\n    () =>\n      viewsList.map((view) => ({\n        ...view,\n        isOwner: view.owner === currentUser?.name,\n        highlighted: editingViewId === view.id ? 'save' : undefined,\n      })),\n    [viewsList, currentUser, editingViewId],\n  )\n\n  const workingBaseView: ViewItem = {\n    id: WORKING_VIEW_ID,\n    label: useWorkingView ? 'Personal view' : 'Working view',\n    startContent: useWorkingView && <Icon icon=\"person\" />,\n    isEditable: false,\n  }\n\n  // if we have a working view, we use it, otherwise we create one\n  const handleWorkingViewChange = useCallback(async () => {\n    let workingViewId = workingView?.id\n    if (!workingView) {\n      // no working view found, create one\n      try {\n        console.warn('No working view found, creating a new one')\n        const workingView = generateWorkingView()\n        await createView({\n          payload: workingView,\n          viewType: viewType as string,\n          projectName: projectName,\n        }).unwrap()\n        // set id of the new view\n        workingViewId = workingView.id\n      } catch (error: any) {\n        toast.error(`Failed to create working view: ${error}`)\n      }\n    }\n    // select the working view\n    onSelect(workingViewId as string)\n  }, [workingView, viewType, createView, projectName, onSelect])\n\n  const handleEditView = async (viewId: string) => {\n    // save the view and then selected it\n    try {\n      await onSave(viewId)\n      onSelect(viewId)\n    } catch (error: any) {\n      toast.error(error)\n    }\n  }\n\n  const [getCustomViews, { isLoading: isLoadingQueries }] = useLoadModule({\n    addon: 'powerpack',\n    remote: 'views',\n    module: 'getCustomViews',\n    fallback: getCustomViewsFallback,\n    // minVersion: minVersion,\n    skip: !viewType,\n  })\n\n  const { myViews, sharedViews } = useMemo(\n    () =>\n      getCustomViews({\n        viewsList: extendedViewsList,\n        onEdit,\n        onSelect,\n        onSave: handleEditView,\n      }),\n    [viewsList, onEdit, onSelect, handleEditView],\n  )\n\n  const dividers = myViews.length || sharedViews.length ? [VIEW_DIVIDER] : []\n\n  const workingViewItem: ViewMenuItem = useMemo(\n    () => ({\n      ...workingBaseView,\n      onClick: handleWorkingViewChange,\n    }),\n    [handleWorkingViewChange],\n  )\n\n  const viewItems: ViewMenuItem[] = useMemo(\n    () => [workingViewItem, ...dividers, ...myViews, ...sharedViews, ...dividers],\n    [workingView, myViews, sharedViews, workingViewItem],\n  )\n\n  return viewItems\n}\n\nexport default useBuildViewMenuItems\n"],"names":["useCreateViewMutation","useMemo","jsx","Icon","useCallback","workingView","generateWorkingView","toast","useLoadModule","getCustomViewsFallback","VIEW_DIVIDER"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,kBAAkB;AAoB/B,MAAM,wBAAwB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAErB,QAAA,CAAC,UAAU,IAAIA,kCAAsB;AAE3C,QAAM,oBAAiDC,MAAA;AAAA,IACrD,MACE,UAAU,IAAI,CAAC,UAAU;AAAA,MACvB,GAAG;AAAA,MACH,SAAS,KAAK,WAAU,2CAAa;AAAA,MACrC,aAAa,kBAAkB,KAAK,KAAK,SAAS;AAAA,IAAA,EAClD;AAAA,IACJ,CAAC,WAAW,aAAa,aAAa;AAAA,EACxC;AAEA,QAAM,kBAA4B;AAAA,IAChC,IAAI;AAAA,IACJ,OAAO,iBAAiB,kBAAkB;AAAA,IAC1C,cAAc,kBAAmBC,2BAAA,kBAAA,IAAAC,oBAAA,MAAA,EAAK,MAAK,UAAS;AAAA,IACpD,YAAY;AAAA,EACd;AAGM,QAAA,0BAA0BC,MAAAA,YAAY,YAAY;AACtD,QAAI,gBAAgB,2CAAa;AACjC,QAAI,CAAC,aAAa;AAEZ,UAAA;AACF,gBAAQ,KAAK,2CAA2C;AACxD,cAAMC,eAAcC,oBAAAA,oBAAoB;AACxC,cAAM,WAAW;AAAA,UACf,SAASD;AAAAA,UACT;AAAA,UACA;AAAA,QACD,CAAA,EAAE,OAAO;AAEV,wBAAgBA,aAAY;AAAA,eACrB,OAAY;AACbE,sBAAAA,MAAA,MAAM,kCAAkC,KAAK,EAAE;AAAA,MAAA;AAAA,IACvD;AAGF,aAAS,aAAuB;AAAA,EAAA,GAC/B,CAAC,aAAa,UAAU,YAAY,aAAa,QAAQ,CAAC;AAEvD,QAAA,iBAAiB,OAAO,WAAmB;AAE3C,QAAA;AACF,YAAM,OAAO,MAAM;AACnB,eAAS,MAAM;AAAA,aACR,OAAY;AACnBA,oBAAA,MAAM,MAAM,KAAK;AAAA,IAAA;AAAA,EAErB;AAEA,QAAM,CAAC,gBAAgB,EAAE,WAAW,iBAAkB,CAAA,IAAIC,cAAAA,cAAc;AAAA,IACtE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAUC,uBAAA;AAAA;AAAA,IAEV,MAAM,CAAC;AAAA,EAAA,CACR;AAEK,QAAA,EAAE,SAAS,YAAA,IAAgBR,MAAA;AAAA,IAC/B,MACE,eAAe;AAAA,MACb,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IAAA,CACT;AAAA,IACH,CAAC,WAAW,QAAQ,UAAU,cAAc;AAAA,EAC9C;AAEM,QAAA,WAAW,QAAQ,UAAU,YAAY,SAAS,CAACS,UAAY,YAAA,IAAI,CAAC;AAE1E,QAAM,kBAAgCT,MAAA;AAAA,IACpC,OAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA,IAAA;AAAA,IAEX,CAAC,uBAAuB;AAAA,EAC1B;AAEA,QAAM,YAA4BA,MAAA;AAAA,IAChC,MAAM,CAAC,iBAAiB,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,QAAQ;AAAA,IAC5E,CAAC,aAAa,SAAS,aAAa,eAAe;AAAA,EACrD;AAEO,SAAA;AACT;;;"}
+{"version":3,"file":"useBuildViewMenuItems.cjs.js","sources":["../../../../../../src/containers/Views/hooks/useBuildViewMenuItems.tsx"],"sourcesContent":["import { useCreateViewMutation, UserModel, ViewListItemModel } from '@shared/api'\nimport { useCallback, useMemo } from 'react'\nimport { VIEW_DIVIDER, ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { generateWorkingView } from '../utils/generateWorkingView'\nimport { toast } from 'react-toastify'\nimport { useLoadModule, useLocalStorage } from '@shared/hooks'\nimport { getCustomViewsFallback } from '../utils/getCustomViewsFallback'\nimport { usePowerpack } from '@shared/context'\n\n// constants\nexport const WORKING_VIEW_ID = '_working_' as const\nexport const NEW_VIEW_ID = '_new_view_' as const\nexport type ViewListItemModelExtended = ViewListItemModel & {\n  isOwner: boolean\n  highlighted?: 'save' | 'edit'\n}\n\ntype Props = {\n  viewsList: ViewListItemModel[]\n  workingView?: ViewListItemModel\n  viewType?: string\n  projectName?: string\n  currentUser?: UserModel\n  useWorkingView?: boolean\n  editingViewId?: string // the preview id of the view being edited\n  onEdit: (viewId: string) => void\n  onSelect: (viewId: string) => void\n  onSave: (viewId: string) => Promise<void>\n  onResetWorkingView?: () => void\n}\n\ntype CollapsedState = Record<string, boolean>\n\nconst useBuildViewMenuItems = ({\n  viewsList,\n  workingView,\n  viewType,\n  projectName,\n  currentUser,\n  useWorkingView,\n  editingViewId,\n  onSelect,\n  onEdit,\n  onSave,\n  onResetWorkingView,\n}: Props): ViewMenuItem[] => {\n  const { powerLicense } = usePowerpack()\n\n  // MUTATIONS\n  const [createView] = useCreateViewMutation()\n\n  const extendedViewsList: ViewListItemModelExtended[] = useMemo(\n    () =>\n      viewsList.map((view) => ({\n        ...view,\n        isOwner: view.owner === currentUser?.name,\n        highlighted: editingViewId === view.id ? 'save' : undefined,\n      })),\n    [viewsList, currentUser, editingViewId],\n  )\n\n  const workingBaseView: ViewItem = {\n    id: WORKING_VIEW_ID,\n    label: useWorkingView ? 'Personal view' : 'Working view',\n    startContent: useWorkingView && <Icon icon=\"person\" />,\n    isEditable: false,\n  }\n\n  // if we have a working view, we use it, otherwise we create one\n  const handleWorkingViewChange = useCallback(async () => {\n    let workingViewId = workingView?.id\n    if (!workingView) {\n      // no working view found, create one\n      try {\n        console.warn('No working view found, creating a new one')\n        const workingView = generateWorkingView()\n        await createView({\n          payload: workingView,\n          viewType: viewType as string,\n          projectName: projectName,\n        }).unwrap()\n        // set id of the new view\n        workingViewId = workingView.id\n      } catch (error: any) {\n        toast.error(`Failed to create working view: ${error}`)\n      }\n    }\n    // select the working view\n    onSelect(workingViewId as string)\n  }, [workingView, viewType, createView, projectName, onSelect])\n\n  const handleEditView = async (viewId: string) => {\n    // save the view and then selected it\n    try {\n      await onSave(viewId)\n      onSelect(viewId)\n    } catch (error: any) {\n      toast.error(error)\n    }\n  }\n\n  const [getCustomViews, { isLoading: isLoadingQueries }] = useLoadModule({\n    addon: 'powerpack',\n    remote: 'views',\n    module: 'getCustomViews',\n    fallback: getCustomViewsFallback,\n    // minVersion: minVersion,\n    skip: !viewType || !powerLicense,\n  })\n\n  const { myViews, sharedViews, allPrivateViews } = getCustomViews({\n    viewsList: extendedViewsList,\n    onEdit,\n    onSelect,\n    onSave: handleEditView,\n  })\n\n  // Collapsed state persisted globally across all viewTypes and projects\n  const stateKey = 'viewsMenuCollapsed'\n\n  const [collapsed, setCollapsed] = useLocalStorage<CollapsedState>(stateKey, {})\n\n  const toggleSection = useCallback(\n    (id: string) => {\n      setCollapsed({ ...collapsed, [id]: !collapsed[id] })\n    },\n    [collapsed, setCollapsed],\n  )\n\n  const sections: Array<{ id: string; title: string; items: ViewItem[] }> = useMemo(() => {\n    return [\n      { id: 'myViews', title: 'My views', items: myViews as ViewItem[] },\n      { id: 'sharedViews', title: 'Shared views', items: sharedViews as ViewItem[] },\n      { id: 'allPrivateViews', title: 'All private views', items: allPrivateViews as ViewItem[] },\n    ]\n  }, [myViews, sharedViews, allPrivateViews])\n\n  console.log(allPrivateViews)\n\n  const workingViewItem: ViewMenuItem = useMemo(\n    () => ({\n      ...workingBaseView,\n      onClick: handleWorkingViewChange,\n      // expose reset button when handler is provided\n      isEditable: Boolean(onResetWorkingView),\n      onResetView: onResetWorkingView,\n    }),\n    [handleWorkingViewChange, onResetWorkingView],\n  )\n\n  // Build list with headers after computing items, omit sections with no items, and hide items when collapsed\n  const viewItems: ViewMenuItem[] = useMemo(() => {\n    const result: ViewMenuItem[] = [workingViewItem]\n\n    // Add divider only if any section exists\n    const visibleSections = sections.filter((s) => (s.items?.length || 0) > 0)\n    if (visibleSections.length > 0) result.push(VIEW_DIVIDER)\n\n    visibleSections.forEach((section) => {\n      const isCollapsed = !!collapsed[section.id]\n      result.push({\n        type: 'section',\n        id: section.id,\n        title: section.title,\n        collapsed: isCollapsed,\n        onToggle: () => toggleSection(section.id),\n      })\n      if (!isCollapsed) {\n        result.push(...section.items)\n      }\n    })\n\n    // Add a closing divider after all sections (only if sections exist)\n    if (visibleSections.length > 0) result.push(VIEW_DIVIDER)\n\n    return result\n  }, [workingViewItem, sections, collapsed, toggleSection])\n\n  return viewItems\n}\n\nexport default useBuildViewMenuItems\n"],"names":["usePowerpack","useCreateViewMutation","useMemo","jsx","Icon","useCallback","workingView","generateWorkingView","toast","useLoadModule","getCustomViewsFallback","useLocalStorage","VIEW_DIVIDER"],"mappings":"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"}

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

@@ -46,6 +46,7 @@ import "../../../api/queries/addons/updateAddons.es.js";
 import "../../../api/queries/attributes/getAttributes.es.js";
 import "../../../api/queries/attributes/updateAttributes.es.js";
 import "../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../api/queries/cloud/cloud.es.js";
 import "../../../api/queries/entities/getEntity.es.js";
 import "../../../api/queries/entities/getEntityPanel.es.js";
 import "../../../api/queries/entities/updateEntity.es.js";
@@ -54,29 +55,30 @@ 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/grouping/getGrouping.es.js";
 import "../../../api/queries/overview/getOverview.es.js";
 import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/permissions/getPermissions.es.js";
+import "../../../api/queries/products/createProduct.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/share/share.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 "../../../api/queries/watchers/getWatchers.es.js";
 import { useMemo, useCallback } from "react";
 import { VIEW_DIVIDER } from "../ViewsMenu/ViewsMenu.es.js";
 import { Icon } from "@ynput/ayon-react-components";
 import { generateWorkingView } from "../utils/generateWorkingView.es.js";
 import { toast } from "react-toastify";
+import { useLocalStorage } from "../../../hooks/useLocalStorage.es.js";
 import { useLoadModule } from "../../../hooks/useLoadModule.es.js";
 import "../../../../../_virtual/runtime.es.js";
 import "../../../../../_virtual/semver.es.js";
@@ -90,7 +92,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 { usePowerpack } from "../../../context/PowerpackContext.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import { getCustomViewsFallback } from "../utils/getCustomViewsFallback.es.js";
@@ -105,8 +107,10 @@ const useBuildViewMenuItems = ({
   editingViewId,
   onSelect,
   onEdit,
-  onSave
+  onSave,
+  onResetWorkingView
 }) => {
+  const { powerLicense } = usePowerpack();
   const [createView] = useCreateViewMutation();
   const extendedViewsList = useMemo(
     () => viewsList.map((view) => ({
@@ -154,29 +158,63 @@ const useBuildViewMenuItems = ({
     module: "getCustomViews",
     fallback: getCustomViewsFallback,
     // minVersion: minVersion,
-    skip: !viewType
+    skip: !viewType || !powerLicense
   });
-  const { myViews, sharedViews } = useMemo(
-    () => getCustomViews({
-      viewsList: extendedViewsList,
-      onEdit,
-      onSelect,
-      onSave: handleEditView
-    }),
-    [viewsList, onEdit, onSelect, handleEditView]
+  const { myViews, sharedViews, allPrivateViews } = getCustomViews({
+    viewsList: extendedViewsList,
+    onEdit,
+    onSelect,
+    onSave: handleEditView
+  });
+  const stateKey = "viewsMenuCollapsed";
+  const [collapsed, setCollapsed] = useLocalStorage(stateKey, {});
+  const toggleSection = useCallback(
+    (id) => {
+      setCollapsed({ ...collapsed, [id]: !collapsed[id] });
+    },
+    [collapsed, setCollapsed]
   );
-  const dividers = myViews.length || sharedViews.length ? [VIEW_DIVIDER] : [];
+  const sections = useMemo(() => {
+    return [
+      { id: "myViews", title: "My views", items: myViews },
+      { id: "sharedViews", title: "Shared views", items: sharedViews },
+      { id: "allPrivateViews", title: "All private views", items: allPrivateViews }
+    ];
+  }, [myViews, sharedViews, allPrivateViews]);
+  console.log(allPrivateViews);
   const workingViewItem = useMemo(
     () => ({
       ...workingBaseView,
-      onClick: handleWorkingViewChange
+      onClick: handleWorkingViewChange,
+      // expose reset button when handler is provided
+      isEditable: Boolean(onResetWorkingView),
+      onResetView: onResetWorkingView
     }),
-    [handleWorkingViewChange]
-  );
-  const viewItems = useMemo(
-    () => [workingViewItem, ...dividers, ...myViews, ...sharedViews, ...dividers],
-    [workingView, myViews, sharedViews, workingViewItem]
+    [handleWorkingViewChange, onResetWorkingView]
   );
+  const viewItems = useMemo(() => {
+    const result = [workingViewItem];
+    const visibleSections = sections.filter((s) => {
+      var _a;
+      return (((_a = s.items) == null ? void 0 : _a.length) || 0) > 0;
+    });
+    if (visibleSections.length > 0) result.push(VIEW_DIVIDER);
+    visibleSections.forEach((section) => {
+      const isCollapsed = !!collapsed[section.id];
+      result.push({
+        type: "section",
+        id: section.id,
+        title: section.title,
+        collapsed: isCollapsed,
+        onToggle: () => toggleSection(section.id)
+      });
+      if (!isCollapsed) {
+        result.push(...section.items);
+      }
+    });
+    if (visibleSections.length > 0) result.push(VIEW_DIVIDER);
+    return result;
+  }, [workingViewItem, sections, collapsed, toggleSection]);
   return viewItems;
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"useBuildViewMenuItems.es.js","sources":["../../../../../../src/containers/Views/hooks/useBuildViewMenuItems.tsx"],"sourcesContent":["import { useCreateViewMutation, UserModel, ViewListItemModel } from '@shared/api'\nimport { useCallback, useMemo } from 'react'\nimport { VIEW_DIVIDER, ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { generateWorkingView } from '../utils/generateWorkingView'\nimport { toast } from 'react-toastify'\nimport { useLoadModule } from '@shared/hooks'\nimport { getCustomViewsFallback } from '../utils/getCustomViewsFallback'\nimport { ViewData } from '../context/ViewsContext'\n\n// constants\nexport const WORKING_VIEW_ID = '_working_' as const\nexport const NEW_VIEW_ID = '_new_view_' as const\nexport type ViewListItemModelExtended = ViewListItemModel & {\n  isOwner: boolean\n  highlighted?: 'save' | 'edit'\n}\n\ntype Props = {\n  viewsList: ViewListItemModel[]\n  workingView?: ViewListItemModel\n  viewType?: string\n  projectName?: string\n  currentUser?: UserModel\n  useWorkingView?: boolean\n  editingViewId?: string // the preview id of the view being edited\n  onEdit: (viewId: string) => void\n  onSelect: (viewId: string) => void\n  onSave: (viewId: string) => Promise<void>\n}\n\nconst useBuildViewMenuItems = ({\n  viewsList,\n  workingView,\n  viewType,\n  projectName,\n  currentUser,\n  useWorkingView,\n  editingViewId,\n  onSelect,\n  onEdit,\n  onSave,\n}: Props): ViewMenuItem[] => {\n  // MUTATIONS\n  const [createView] = useCreateViewMutation()\n\n  const extendedViewsList: ViewListItemModelExtended[] = useMemo(\n    () =>\n      viewsList.map((view) => ({\n        ...view,\n        isOwner: view.owner === currentUser?.name,\n        highlighted: editingViewId === view.id ? 'save' : undefined,\n      })),\n    [viewsList, currentUser, editingViewId],\n  )\n\n  const workingBaseView: ViewItem = {\n    id: WORKING_VIEW_ID,\n    label: useWorkingView ? 'Personal view' : 'Working view',\n    startContent: useWorkingView && <Icon icon=\"person\" />,\n    isEditable: false,\n  }\n\n  // if we have a working view, we use it, otherwise we create one\n  const handleWorkingViewChange = useCallback(async () => {\n    let workingViewId = workingView?.id\n    if (!workingView) {\n      // no working view found, create one\n      try {\n        console.warn('No working view found, creating a new one')\n        const workingView = generateWorkingView()\n        await createView({\n          payload: workingView,\n          viewType: viewType as string,\n          projectName: projectName,\n        }).unwrap()\n        // set id of the new view\n        workingViewId = workingView.id\n      } catch (error: any) {\n        toast.error(`Failed to create working view: ${error}`)\n      }\n    }\n    // select the working view\n    onSelect(workingViewId as string)\n  }, [workingView, viewType, createView, projectName, onSelect])\n\n  const handleEditView = async (viewId: string) => {\n    // save the view and then selected it\n    try {\n      await onSave(viewId)\n      onSelect(viewId)\n    } catch (error: any) {\n      toast.error(error)\n    }\n  }\n\n  const [getCustomViews, { isLoading: isLoadingQueries }] = useLoadModule({\n    addon: 'powerpack',\n    remote: 'views',\n    module: 'getCustomViews',\n    fallback: getCustomViewsFallback,\n    // minVersion: minVersion,\n    skip: !viewType,\n  })\n\n  const { myViews, sharedViews } = useMemo(\n    () =>\n      getCustomViews({\n        viewsList: extendedViewsList,\n        onEdit,\n        onSelect,\n        onSave: handleEditView,\n      }),\n    [viewsList, onEdit, onSelect, handleEditView],\n  )\n\n  const dividers = myViews.length || sharedViews.length ? [VIEW_DIVIDER] : []\n\n  const workingViewItem: ViewMenuItem = useMemo(\n    () => ({\n      ...workingBaseView,\n      onClick: handleWorkingViewChange,\n    }),\n    [handleWorkingViewChange],\n  )\n\n  const viewItems: ViewMenuItem[] = useMemo(\n    () => [workingViewItem, ...dividers, ...myViews, ...sharedViews, ...dividers],\n    [workingView, myViews, sharedViews, workingViewItem],\n  )\n\n  return viewItems\n}\n\nexport default useBuildViewMenuItems\n"],"names":["jsx","workingView"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,kBAAkB;AAoB/B,MAAM,wBAAwB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAErB,QAAA,CAAC,UAAU,IAAI,sBAAsB;AAE3C,QAAM,oBAAiD;AAAA,IACrD,MACE,UAAU,IAAI,CAAC,UAAU;AAAA,MACvB,GAAG;AAAA,MACH,SAAS,KAAK,WAAU,2CAAa;AAAA,MACrC,aAAa,kBAAkB,KAAK,KAAK,SAAS;AAAA,IAAA,EAClD;AAAA,IACJ,CAAC,WAAW,aAAa,aAAa;AAAA,EACxC;AAEA,QAAM,kBAA4B;AAAA,IAChC,IAAI;AAAA,IACJ,OAAO,iBAAiB,kBAAkB;AAAA,IAC1C,cAAc,kBAAmBA,kCAAA,IAAA,MAAA,EAAK,MAAK,UAAS;AAAA,IACpD,YAAY;AAAA,EACd;AAGM,QAAA,0BAA0B,YAAY,YAAY;AACtD,QAAI,gBAAgB,2CAAa;AACjC,QAAI,CAAC,aAAa;AAEZ,UAAA;AACF,gBAAQ,KAAK,2CAA2C;AACxD,cAAMC,eAAc,oBAAoB;AACxC,cAAM,WAAW;AAAA,UACf,SAASA;AAAAA,UACT;AAAA,UACA;AAAA,QACD,CAAA,EAAE,OAAO;AAEV,wBAAgBA,aAAY;AAAA,eACrB,OAAY;AACb,cAAA,MAAM,kCAAkC,KAAK,EAAE;AAAA,MAAA;AAAA,IACvD;AAGF,aAAS,aAAuB;AAAA,EAAA,GAC/B,CAAC,aAAa,UAAU,YAAY,aAAa,QAAQ,CAAC;AAEvD,QAAA,iBAAiB,OAAO,WAAmB;AAE3C,QAAA;AACF,YAAM,OAAO,MAAM;AACnB,eAAS,MAAM;AAAA,aACR,OAAY;AACnB,YAAM,MAAM,KAAK;AAAA,IAAA;AAAA,EAErB;AAEA,QAAM,CAAC,gBAAgB,EAAE,WAAW,iBAAkB,CAAA,IAAI,cAAc;AAAA,IACtE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA;AAAA,IAEV,MAAM,CAAC;AAAA,EAAA,CACR;AAEK,QAAA,EAAE,SAAS,YAAA,IAAgB;AAAA,IAC/B,MACE,eAAe;AAAA,MACb,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IAAA,CACT;AAAA,IACH,CAAC,WAAW,QAAQ,UAAU,cAAc;AAAA,EAC9C;AAEM,QAAA,WAAW,QAAQ,UAAU,YAAY,SAAS,CAAC,YAAY,IAAI,CAAC;AAE1E,QAAM,kBAAgC;AAAA,IACpC,OAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA,IAAA;AAAA,IAEX,CAAC,uBAAuB;AAAA,EAC1B;AAEA,QAAM,YAA4B;AAAA,IAChC,MAAM,CAAC,iBAAiB,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,QAAQ;AAAA,IAC5E,CAAC,aAAa,SAAS,aAAa,eAAe;AAAA,EACrD;AAEO,SAAA;AACT;"}
+{"version":3,"file":"useBuildViewMenuItems.es.js","sources":["../../../../../../src/containers/Views/hooks/useBuildViewMenuItems.tsx"],"sourcesContent":["import { useCreateViewMutation, UserModel, ViewListItemModel } from '@shared/api'\nimport { useCallback, useMemo } from 'react'\nimport { VIEW_DIVIDER, ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { generateWorkingView } from '../utils/generateWorkingView'\nimport { toast } from 'react-toastify'\nimport { useLoadModule, useLocalStorage } from '@shared/hooks'\nimport { getCustomViewsFallback } from '../utils/getCustomViewsFallback'\nimport { usePowerpack } from '@shared/context'\n\n// constants\nexport const WORKING_VIEW_ID = '_working_' as const\nexport const NEW_VIEW_ID = '_new_view_' as const\nexport type ViewListItemModelExtended = ViewListItemModel & {\n  isOwner: boolean\n  highlighted?: 'save' | 'edit'\n}\n\ntype Props = {\n  viewsList: ViewListItemModel[]\n  workingView?: ViewListItemModel\n  viewType?: string\n  projectName?: string\n  currentUser?: UserModel\n  useWorkingView?: boolean\n  editingViewId?: string // the preview id of the view being edited\n  onEdit: (viewId: string) => void\n  onSelect: (viewId: string) => void\n  onSave: (viewId: string) => Promise<void>\n  onResetWorkingView?: () => void\n}\n\ntype CollapsedState = Record<string, boolean>\n\nconst useBuildViewMenuItems = ({\n  viewsList,\n  workingView,\n  viewType,\n  projectName,\n  currentUser,\n  useWorkingView,\n  editingViewId,\n  onSelect,\n  onEdit,\n  onSave,\n  onResetWorkingView,\n}: Props): ViewMenuItem[] => {\n  const { powerLicense } = usePowerpack()\n\n  // MUTATIONS\n  const [createView] = useCreateViewMutation()\n\n  const extendedViewsList: ViewListItemModelExtended[] = useMemo(\n    () =>\n      viewsList.map((view) => ({\n        ...view,\n        isOwner: view.owner === currentUser?.name,\n        highlighted: editingViewId === view.id ? 'save' : undefined,\n      })),\n    [viewsList, currentUser, editingViewId],\n  )\n\n  const workingBaseView: ViewItem = {\n    id: WORKING_VIEW_ID,\n    label: useWorkingView ? 'Personal view' : 'Working view',\n    startContent: useWorkingView && <Icon icon=\"person\" />,\n    isEditable: false,\n  }\n\n  // if we have a working view, we use it, otherwise we create one\n  const handleWorkingViewChange = useCallback(async () => {\n    let workingViewId = workingView?.id\n    if (!workingView) {\n      // no working view found, create one\n      try {\n        console.warn('No working view found, creating a new one')\n        const workingView = generateWorkingView()\n        await createView({\n          payload: workingView,\n          viewType: viewType as string,\n          projectName: projectName,\n        }).unwrap()\n        // set id of the new view\n        workingViewId = workingView.id\n      } catch (error: any) {\n        toast.error(`Failed to create working view: ${error}`)\n      }\n    }\n    // select the working view\n    onSelect(workingViewId as string)\n  }, [workingView, viewType, createView, projectName, onSelect])\n\n  const handleEditView = async (viewId: string) => {\n    // save the view and then selected it\n    try {\n      await onSave(viewId)\n      onSelect(viewId)\n    } catch (error: any) {\n      toast.error(error)\n    }\n  }\n\n  const [getCustomViews, { isLoading: isLoadingQueries }] = useLoadModule({\n    addon: 'powerpack',\n    remote: 'views',\n    module: 'getCustomViews',\n    fallback: getCustomViewsFallback,\n    // minVersion: minVersion,\n    skip: !viewType || !powerLicense,\n  })\n\n  const { myViews, sharedViews, allPrivateViews } = getCustomViews({\n    viewsList: extendedViewsList,\n    onEdit,\n    onSelect,\n    onSave: handleEditView,\n  })\n\n  // Collapsed state persisted globally across all viewTypes and projects\n  const stateKey = 'viewsMenuCollapsed'\n\n  const [collapsed, setCollapsed] = useLocalStorage<CollapsedState>(stateKey, {})\n\n  const toggleSection = useCallback(\n    (id: string) => {\n      setCollapsed({ ...collapsed, [id]: !collapsed[id] })\n    },\n    [collapsed, setCollapsed],\n  )\n\n  const sections: Array<{ id: string; title: string; items: ViewItem[] }> = useMemo(() => {\n    return [\n      { id: 'myViews', title: 'My views', items: myViews as ViewItem[] },\n      { id: 'sharedViews', title: 'Shared views', items: sharedViews as ViewItem[] },\n      { id: 'allPrivateViews', title: 'All private views', items: allPrivateViews as ViewItem[] },\n    ]\n  }, [myViews, sharedViews, allPrivateViews])\n\n  console.log(allPrivateViews)\n\n  const workingViewItem: ViewMenuItem = useMemo(\n    () => ({\n      ...workingBaseView,\n      onClick: handleWorkingViewChange,\n      // expose reset button when handler is provided\n      isEditable: Boolean(onResetWorkingView),\n      onResetView: onResetWorkingView,\n    }),\n    [handleWorkingViewChange, onResetWorkingView],\n  )\n\n  // Build list with headers after computing items, omit sections with no items, and hide items when collapsed\n  const viewItems: ViewMenuItem[] = useMemo(() => {\n    const result: ViewMenuItem[] = [workingViewItem]\n\n    // Add divider only if any section exists\n    const visibleSections = sections.filter((s) => (s.items?.length || 0) > 0)\n    if (visibleSections.length > 0) result.push(VIEW_DIVIDER)\n\n    visibleSections.forEach((section) => {\n      const isCollapsed = !!collapsed[section.id]\n      result.push({\n        type: 'section',\n        id: section.id,\n        title: section.title,\n        collapsed: isCollapsed,\n        onToggle: () => toggleSection(section.id),\n      })\n      if (!isCollapsed) {\n        result.push(...section.items)\n      }\n    })\n\n    // Add a closing divider after all sections (only if sections exist)\n    if (visibleSections.length > 0) result.push(VIEW_DIVIDER)\n\n    return result\n  }, [workingViewItem, sections, collapsed, toggleSection])\n\n  return viewItems\n}\n\nexport default useBuildViewMenuItems\n"],"names":["jsx","workingView"],"mappings":"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"}

package/dist/shared/src/containers/Views/hooks/useSelectedView.cjs.js

@@ -47,6 +47,7 @@ require("../../../api/queries/addons/updateAddons.cjs.js");
 require("../../../api/queries/attributes/getAttributes.cjs.js");
 require("../../../api/queries/attributes/updateAttributes.cjs.js");
 require("../../../api/queries/authentication/getAuthentication.cjs.js");
+require("../../../api/queries/cloud/cloud.cjs.js");
 require("../../../api/queries/entities/getEntity.cjs.js");
 require("../../../api/queries/entities/getEntityPanel.cjs.js");
 require("../../../api/queries/entities/updateEntity.cjs.js");
@@ -55,24 +56,24 @@ require("../../../api/queries/entityLists/updateLists.cjs.js");
 require("../../../api/queries/entityLists/getListsAttributes.cjs.js");
 require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");
 require("../../../api/queries/folders/getFolders.cjs.js");
+require("../../../api/queries/grouping/getGrouping.cjs.js");
 require("../../../api/queries/overview/getOverview.cjs.js");
 require("../../../api/queries/overview/updateOverview.cjs.js");
+require("../../../api/queries/permissions/getPermissions.cjs.js");
+require("../../../api/queries/products/createProduct.cjs.js");
 require("../../../api/queries/project/getProject.cjs.js");
 require("../../../api/queries/project/updateProject.cjs.js");
 require("../../../api/queries/review/getReview.cjs.js");
 require("../../../api/queries/review/updateReview.cjs.js");
+require("../../../api/queries/share/share.cjs.js");
 require("../../../api/queries/system/getSystem.cjs.js");
 require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");
 require("../../../api/queries/users/getUsers.cjs.js");
 require("../../../api/queries/users/updateUsers.cjs.js");
-require("../../../api/queries/watchers/getWatchers.cjs.js");
-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");
 const getViews = require("../../../api/queries/views/getViews.cjs.js");
 const updateViews = require("../../../api/queries/views/updateViews.cjs.js");
+require("../../../api/queries/watchers/getWatchers.cjs.js");
 const reactToastify = require("react-toastify");
 const React = require("react");
 const useSelectedView = ({ viewType, projectName }) => {

package/dist/shared/src/containers/Views/hooks/useSelectedView.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectedView.cjs.js","sources":["../../../../../../src/containers/Views/hooks/useSelectedView.tsx"],"sourcesContent":["// here get and update the selected (default) view for the specific view type and project\n\nimport {\n  GetDefaultViewApiResponse,\n  useGetDefaultViewQuery,\n  useSetDefaultViewMutation,\n} from '@shared/api'\nimport { toast } from 'react-toastify'\nimport { useRef } from 'react'\n\ntype Props = {\n  viewType: string\n  projectName?: string\n}\n\ntype Return = [\n  selectedView: GetDefaultViewApiResponse | undefined,\n  setSelectedView: (viewId: string) => void,\n  previousSelectedViewId: string | undefined,\n]\n\nexport const useSelectedView = ({ viewType, projectName }: Props): Return => {\n  const { currentData: defaultView } = useGetDefaultViewQuery(\n    { viewType, projectName },\n    { skip: !viewType },\n  )\n\n  const [setDefaultView] = useSetDefaultViewMutation()\n\n  // Store the previous selected view ID\n  const previousSelectedViewIdByType = useRef<Record<string, string | undefined>>({})\n  const previousSelectedViewId = previousSelectedViewIdByType.current[viewType]\n\n  const setSelectedView = async (viewId: string) => {\n    if (!viewType) throw 'No view type provided for setting default view'\n\n    // Store the current view ID as previous before setting the new one\n    if (defaultView?.id && defaultView.id !== viewId) {\n      previousSelectedViewIdByType.current[viewType] = defaultView.id\n    }\n\n    console.log('setting default view:', viewId)\n\n    try {\n      await setDefaultView({\n        setDefaultViewRequestModel: {\n          viewId,\n        },\n        viewType,\n        projectName,\n      }).unwrap()\n    } catch (error) {\n      console.error('Failed to set default view:', error)\n      toast.warn(`Failed to set default view: ${error}`)\n    }\n  }\n\n  return [defaultView, setSelectedView, previousSelectedViewId]\n}\n"],"names":["useGetDefaultViewQuery","useSetDefaultViewMutation","useRef","toast"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,kBAAkB,CAAC,EAAE,UAAU,kBAAiC;AACrE,QAAA,EAAE,aAAa,YAAA,IAAgBA,SAAA;AAAA,IACnC,EAAE,UAAU,YAAY;AAAA,IACxB,EAAE,MAAM,CAAC,SAAS;AAAA,EACpB;AAEM,QAAA,CAAC,cAAc,IAAIC,sCAA0B;AAG7C,QAAA,+BAA+BC,MAA2C,OAAA,EAAE;AAC5E,QAAA,yBAAyB,6BAA6B,QAAQ,QAAQ;AAEtE,QAAA,kBAAkB,OAAO,WAAmB;AAC5C,QAAA,CAAC,SAAgB,OAAA;AAGrB,SAAI,2CAAa,OAAM,YAAY,OAAO,QAAQ;AACnB,mCAAA,QAAQ,QAAQ,IAAI,YAAY;AAAA,IAAA;AAGvD,YAAA,IAAI,yBAAyB,MAAM;AAEvC,QAAA;AACF,YAAM,eAAe;AAAA,QACnB,4BAA4B;AAAA,UAC1B;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,MACD,CAAA,EAAE,OAAO;AAAA,aACH,OAAO;AACN,cAAA,MAAM,+BAA+B,KAAK;AAC5CC,oBAAAA,MAAA,KAAK,+BAA+B,KAAK,EAAE;AAAA,IAAA;AAAA,EAErD;AAEO,SAAA,CAAC,aAAa,iBAAiB,sBAAsB;AAC9D;;"}
+{"version":3,"file":"useSelectedView.cjs.js","sources":["../../../../../../src/containers/Views/hooks/useSelectedView.tsx"],"sourcesContent":["// here get and update the selected (default) view for the specific view type and project\n\nimport {\n  GetDefaultViewApiResponse,\n  useGetDefaultViewQuery,\n  useSetDefaultViewMutation,\n} from '@shared/api'\nimport { toast } from 'react-toastify'\nimport { useRef } from 'react'\n\ntype Props = {\n  viewType: string\n  projectName?: string\n}\n\ntype Return = [\n  selectedView: GetDefaultViewApiResponse | undefined,\n  setSelectedView: (viewId: string) => void,\n  previousSelectedViewId: string | undefined,\n]\n\nexport const useSelectedView = ({ viewType, projectName }: Props): Return => {\n  const { currentData: defaultView } = useGetDefaultViewQuery(\n    { viewType, projectName },\n    { skip: !viewType },\n  )\n\n  const [setDefaultView] = useSetDefaultViewMutation()\n\n  // Store the previous selected view ID\n  const previousSelectedViewIdByType = useRef<Record<string, string | undefined>>({})\n  const previousSelectedViewId = previousSelectedViewIdByType.current[viewType]\n\n  const setSelectedView = async (viewId: string) => {\n    if (!viewType) throw 'No view type provided for setting default view'\n\n    // Store the current view ID as previous before setting the new one\n    if (defaultView?.id && defaultView.id !== viewId) {\n      previousSelectedViewIdByType.current[viewType] = defaultView.id\n    }\n\n    console.log('setting default view:', viewId)\n\n    try {\n      await setDefaultView({\n        setDefaultViewRequestModel: {\n          viewId,\n        },\n        viewType,\n        projectName,\n      }).unwrap()\n    } catch (error) {\n      console.error('Failed to set default view:', error)\n      toast.warn(`Failed to set default view: ${error}`)\n    }\n  }\n\n  return [defaultView, setSelectedView, previousSelectedViewId]\n}\n"],"names":["useGetDefaultViewQuery","useSetDefaultViewMutation","useRef","toast"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,kBAAkB,CAAC,EAAE,UAAU,kBAAiC;AACrE,QAAA,EAAE,aAAa,YAAA,IAAgBA,SAAA;AAAA,IACnC,EAAE,UAAU,YAAY;AAAA,IACxB,EAAE,MAAM,CAAC,SAAS;AAAA,EACpB;AAEM,QAAA,CAAC,cAAc,IAAIC,sCAA0B;AAG7C,QAAA,+BAA+BC,MAA2C,OAAA,EAAE;AAC5E,QAAA,yBAAyB,6BAA6B,QAAQ,QAAQ;AAEtE,QAAA,kBAAkB,OAAO,WAAmB;AAC5C,QAAA,CAAC,SAAgB,OAAA;AAGrB,SAAI,2CAAa,OAAM,YAAY,OAAO,QAAQ;AACnB,mCAAA,QAAQ,QAAQ,IAAI,YAAY;AAAA,IAAA;AAGvD,YAAA,IAAI,yBAAyB,MAAM;AAEvC,QAAA;AACF,YAAM,eAAe;AAAA,QACnB,4BAA4B;AAAA,UAC1B;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,MACD,CAAA,EAAE,OAAO;AAAA,aACH,OAAO;AACN,cAAA,MAAM,+BAA+B,KAAK;AAC5CC,oBAAAA,MAAA,KAAK,+BAA+B,KAAK,EAAE;AAAA,IAAA;AAAA,EAErD;AAEO,SAAA,CAAC,aAAa,iBAAiB,sBAAsB;AAC9D;;"}

package/dist/shared/src/containers/Views/hooks/useSelectedView.es.js

@@ -45,6 +45,7 @@ import "../../../api/queries/addons/updateAddons.es.js";
 import "../../../api/queries/attributes/getAttributes.es.js";
 import "../../../api/queries/attributes/updateAttributes.es.js";
 import "../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../api/queries/cloud/cloud.es.js";
 import "../../../api/queries/entities/getEntity.es.js";
 import "../../../api/queries/entities/getEntityPanel.es.js";
 import "../../../api/queries/entities/updateEntity.es.js";
@@ -53,24 +54,24 @@ 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/grouping/getGrouping.es.js";
 import "../../../api/queries/overview/getOverview.es.js";
 import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/permissions/getPermissions.es.js";
+import "../../../api/queries/products/createProduct.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/share/share.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 { useGetDefaultViewQuery } from "../../../api/queries/views/getViews.es.js";
 import { useSetDefaultViewMutation } from "../../../api/queries/views/updateViews.es.js";
+import "../../../api/queries/watchers/getWatchers.es.js";
 import { toast } from "react-toastify";
 import { useRef } from "react";
 const useSelectedView = ({ viewType, projectName }) => {

package/dist/shared/src/containers/Views/hooks/useSelectedView.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectedView.es.js","sources":["../../../../../../src/containers/Views/hooks/useSelectedView.tsx"],"sourcesContent":["// here get and update the selected (default) view for the specific view type and project\n\nimport {\n  GetDefaultViewApiResponse,\n  useGetDefaultViewQuery,\n  useSetDefaultViewMutation,\n} from '@shared/api'\nimport { toast } from 'react-toastify'\nimport { useRef } from 'react'\n\ntype Props = {\n  viewType: string\n  projectName?: string\n}\n\ntype Return = [\n  selectedView: GetDefaultViewApiResponse | undefined,\n  setSelectedView: (viewId: string) => void,\n  previousSelectedViewId: string | undefined,\n]\n\nexport const useSelectedView = ({ viewType, projectName }: Props): Return => {\n  const { currentData: defaultView } = useGetDefaultViewQuery(\n    { viewType, projectName },\n    { skip: !viewType },\n  )\n\n  const [setDefaultView] = useSetDefaultViewMutation()\n\n  // Store the previous selected view ID\n  const previousSelectedViewIdByType = useRef<Record<string, string | undefined>>({})\n  const previousSelectedViewId = previousSelectedViewIdByType.current[viewType]\n\n  const setSelectedView = async (viewId: string) => {\n    if (!viewType) throw 'No view type provided for setting default view'\n\n    // Store the current view ID as previous before setting the new one\n    if (defaultView?.id && defaultView.id !== viewId) {\n      previousSelectedViewIdByType.current[viewType] = defaultView.id\n    }\n\n    console.log('setting default view:', viewId)\n\n    try {\n      await setDefaultView({\n        setDefaultViewRequestModel: {\n          viewId,\n        },\n        viewType,\n        projectName,\n      }).unwrap()\n    } catch (error) {\n      console.error('Failed to set default view:', error)\n      toast.warn(`Failed to set default view: ${error}`)\n    }\n  }\n\n  return [defaultView, setSelectedView, previousSelectedViewId]\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,kBAAkB,CAAC,EAAE,UAAU,kBAAiC;AACrE,QAAA,EAAE,aAAa,YAAA,IAAgB;AAAA,IACnC,EAAE,UAAU,YAAY;AAAA,IACxB,EAAE,MAAM,CAAC,SAAS;AAAA,EACpB;AAEM,QAAA,CAAC,cAAc,IAAI,0BAA0B;AAG7C,QAAA,+BAA+B,OAA2C,EAAE;AAC5E,QAAA,yBAAyB,6BAA6B,QAAQ,QAAQ;AAEtE,QAAA,kBAAkB,OAAO,WAAmB;AAC5C,QAAA,CAAC,SAAgB,OAAA;AAGrB,SAAI,2CAAa,OAAM,YAAY,OAAO,QAAQ;AACnB,mCAAA,QAAQ,QAAQ,IAAI,YAAY;AAAA,IAAA;AAGvD,YAAA,IAAI,yBAAyB,MAAM;AAEvC,QAAA;AACF,YAAM,eAAe;AAAA,QACnB,4BAA4B;AAAA,UAC1B;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,MACD,CAAA,EAAE,OAAO;AAAA,aACH,OAAO;AACN,cAAA,MAAM,+BAA+B,KAAK;AAC5C,YAAA,KAAK,+BAA+B,KAAK,EAAE;AAAA,IAAA;AAAA,EAErD;AAEO,SAAA,CAAC,aAAa,iBAAiB,sBAAsB;AAC9D;"}
+{"version":3,"file":"useSelectedView.es.js","sources":["../../../../../../src/containers/Views/hooks/useSelectedView.tsx"],"sourcesContent":["// here get and update the selected (default) view for the specific view type and project\n\nimport {\n  GetDefaultViewApiResponse,\n  useGetDefaultViewQuery,\n  useSetDefaultViewMutation,\n} from '@shared/api'\nimport { toast } from 'react-toastify'\nimport { useRef } from 'react'\n\ntype Props = {\n  viewType: string\n  projectName?: string\n}\n\ntype Return = [\n  selectedView: GetDefaultViewApiResponse | undefined,\n  setSelectedView: (viewId: string) => void,\n  previousSelectedViewId: string | undefined,\n]\n\nexport const useSelectedView = ({ viewType, projectName }: Props): Return => {\n  const { currentData: defaultView } = useGetDefaultViewQuery(\n    { viewType, projectName },\n    { skip: !viewType },\n  )\n\n  const [setDefaultView] = useSetDefaultViewMutation()\n\n  // Store the previous selected view ID\n  const previousSelectedViewIdByType = useRef<Record<string, string | undefined>>({})\n  const previousSelectedViewId = previousSelectedViewIdByType.current[viewType]\n\n  const setSelectedView = async (viewId: string) => {\n    if (!viewType) throw 'No view type provided for setting default view'\n\n    // Store the current view ID as previous before setting the new one\n    if (defaultView?.id && defaultView.id !== viewId) {\n      previousSelectedViewIdByType.current[viewType] = defaultView.id\n    }\n\n    console.log('setting default view:', viewId)\n\n    try {\n      await setDefaultView({\n        setDefaultViewRequestModel: {\n          viewId,\n        },\n        viewType,\n        projectName,\n      }).unwrap()\n    } catch (error) {\n      console.error('Failed to set default view:', error)\n      toast.warn(`Failed to set default view: ${error}`)\n    }\n  }\n\n  return [defaultView, setSelectedView, previousSelectedViewId]\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,kBAAkB,CAAC,EAAE,UAAU,kBAAiC;AACrE,QAAA,EAAE,aAAa,YAAA,IAAgB;AAAA,IACnC,EAAE,UAAU,YAAY;AAAA,IACxB,EAAE,MAAM,CAAC,SAAS;AAAA,EACpB;AAEM,QAAA,CAAC,cAAc,IAAI,0BAA0B;AAG7C,QAAA,+BAA+B,OAA2C,EAAE;AAC5E,QAAA,yBAAyB,6BAA6B,QAAQ,QAAQ;AAEtE,QAAA,kBAAkB,OAAO,WAAmB;AAC5C,QAAA,CAAC,SAAgB,OAAA;AAGrB,SAAI,2CAAa,OAAM,YAAY,OAAO,QAAQ;AACnB,mCAAA,QAAQ,QAAQ,IAAI,YAAY;AAAA,IAAA;AAGvD,YAAA,IAAI,yBAAyB,MAAM;AAEvC,QAAA;AACF,YAAM,eAAe;AAAA,QACnB,4BAA4B;AAAA,UAC1B;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,MACD,CAAA,EAAE,OAAO;AAAA,aACH,OAAO;AACN,cAAA,MAAM,+BAA+B,KAAK;AAC5C,YAAA,KAAK,+BAA+B,KAAK,EAAE;AAAA,IAAA;AAAA,EAErD;AAEO,SAAA,CAAC,aAAa,iBAAiB,sBAAsB;AAC9D;"}

package/dist/shared/src/containers/Views/hooks/useViewsMutations.cjs.js

@@ -47,6 +47,7 @@ require("../../../api/queries/addons/updateAddons.cjs.js");
 require("../../../api/queries/attributes/getAttributes.cjs.js");
 require("../../../api/queries/attributes/updateAttributes.cjs.js");
 require("../../../api/queries/authentication/getAuthentication.cjs.js");
+require("../../../api/queries/cloud/cloud.cjs.js");
 require("../../../api/queries/entities/getEntity.cjs.js");
 require("../../../api/queries/entities/getEntityPanel.cjs.js");
 require("../../../api/queries/entities/updateEntity.cjs.js");
@@ -55,25 +56,27 @@ require("../../../api/queries/entityLists/updateLists.cjs.js");
 require("../../../api/queries/entityLists/getListsAttributes.cjs.js");
 require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");
 require("../../../api/queries/folders/getFolders.cjs.js");
+require("../../../api/queries/grouping/getGrouping.cjs.js");
 require("../../../api/queries/overview/getOverview.cjs.js");
 require("../../../api/queries/overview/updateOverview.cjs.js");
+require("../../../api/queries/permissions/getPermissions.cjs.js");
+require("../../../api/queries/products/createProduct.cjs.js");
 require("../../../api/queries/project/getProject.cjs.js");
 require("../../../api/queries/project/updateProject.cjs.js");
 require("../../../api/queries/review/getReview.cjs.js");
 require("../../../api/queries/review/updateReview.cjs.js");
+require("../../../api/queries/share/share.cjs.js");
 require("../../../api/queries/system/getSystem.cjs.js");
 require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");
 require("../../../api/queries/users/getUsers.cjs.js");
 require("../../../api/queries/users/updateUsers.cjs.js");
-require("../../../api/queries/watchers/getWatchers.cjs.js");
-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");
 const updateViews = require("../../../api/queries/views/updateViews.cjs.js");
+require("../../../api/queries/watchers/getWatchers.cjs.js");
 const React = require("react");
+const generateWorkingView = require("../utils/generateWorkingView.cjs.js");
+const reactToastify = require("react-toastify");
 const useViewsMutations = ({ viewType, projectName }) => {
   const [createView] = updateViews.useCreateViewMutation();
   const [deleteView] = updateViews.useDeleteViewMutation();
@@ -133,10 +136,46 @@ const useViewsMutations = ({ viewType, projectName }) => {
     },
     [deleteView, viewType, projectName]
   );
+  const onResetWorkingView = React.useCallback(
+    async (args) => {
+      const { existingWorkingViewId, selectedViewId, setSelectedView, setSettingsChanged, notify } = args || {};
+      if (!viewType) {
+        throw new Error("viewType are required for resetting a view");
+      }
+      const freshWorkingView = generateWorkingView.generateWorkingView({});
+      if (existingWorkingViewId) {
+        freshWorkingView.id = existingWorkingViewId;
+      }
+      try {
+        await createView({
+          viewType,
+          projectName,
+          payload: freshWorkingView
+        }).unwrap();
+        const newId = freshWorkingView.id;
+        if (setSelectedView && setSettingsChanged && selectedViewId && existingWorkingViewId) {
+          if (selectedViewId !== existingWorkingViewId) {
+            setSelectedView(newId);
+            setSettingsChanged(true);
+          }
+        }
+        if (notify) {
+          reactToastify.toast.success("View reset to default settings");
+        }
+        return newId;
+      } catch (error) {
+        console.error("Failed to reset working view:", error);
+        if (notify) reactToastify.toast.error("Failed to reset view to default");
+        throw error;
+      }
+    },
+    [createView, viewType, projectName]
+  );
   return {
     onCreateView,
     onUpdateView,
-    onDeleteView
+    onDeleteView,
+    onResetWorkingView
   };
 };
 exports.useViewsMutations = useViewsMutations;

package/dist/shared/src/containers/Views/hooks/useViewsMutations.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useViewsMutations.cjs.js","sources":["../../../../../../src/containers/Views/hooks/useViewsMutations.ts"],"sourcesContent":["import {\n  CreateViewApiArg,\n  useCreateViewMutation,\n  useDeleteViewMutation,\n  useUpdateViewMutation,\n} from '@shared/api'\nimport React, { useCallback } from 'react'\nimport { ViewData } from '../context/ViewsContext'\n\ntype Props = {\n  viewType?: string\n  projectName?: string\n}\n\nexport type UseViewMutations = {\n  onCreateView: (payload: CreateViewApiArg['payload']) => Promise<void>\n  onDeleteView: (viewId: string) => Promise<void>\n  onUpdateView: (viewId: string, payload: Partial<ViewData>) => Promise<void>\n}\ntype R = UseViewMutations\n\nexport const useViewsMutations = ({ viewType, projectName }: Props): UseViewMutations => {\n  // forward mutations to the dialog\n  const [createView] = useCreateViewMutation()\n  const [deleteView] = useDeleteViewMutation()\n  const [updateView] = useUpdateViewMutation()\n\n  const onCreateView = useCallback<R['onCreateView']>(\n    async (payload) => {\n      if (!viewType) {\n        throw new Error('viewType are required for creating a view')\n      }\n\n      try {\n        await createView({\n          viewType: viewType,\n          projectName: projectName,\n          payload,\n        }).unwrap()\n      } catch (error) {\n        console.error('Failed to create view:', error)\n        throw error\n      }\n    },\n    [createView, viewType, projectName],\n  )\n\n  const onUpdateView = useCallback<R['onUpdateView']>(\n    async (viewId, payload) => {\n      if (!viewType) {\n        throw new Error('viewType are required for updating a view')\n      }\n\n      try {\n        await updateView({\n          viewId,\n          viewType,\n          projectName,\n          payload,\n        }).unwrap()\n      } catch (error) {\n        console.error('Failed to update view:', error)\n        throw error\n      }\n    },\n    [createView, viewType, projectName],\n  )\n\n  const onDeleteView = useCallback<R['onDeleteView']>(\n    async (viewId) => {\n      if (!viewType) {\n        throw new Error('viewType are required for deleting a view')\n      }\n\n      try {\n        await deleteView({\n          viewType: viewType,\n          projectName: projectName,\n          viewId,\n        }).unwrap()\n      } catch (error) {\n        console.error('Failed to delete view:', error)\n        throw error\n      }\n    },\n    [deleteView, viewType, projectName],\n  )\n\n  return {\n    onCreateView,\n    onUpdateView,\n    onDeleteView,\n  }\n}\n"],"names":["useCreateViewMutation","useDeleteViewMutation","useUpdateViewMutation","useCallback"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,oBAAoB,CAAC,EAAE,UAAU,kBAA2C;AAEjF,QAAA,CAAC,UAAU,IAAIA,kCAAsB;AACrC,QAAA,CAAC,UAAU,IAAIC,kCAAsB;AACrC,QAAA,CAAC,UAAU,IAAIC,kCAAsB;AAE3C,QAAM,eAAeC,MAAA;AAAA,IACnB,OAAO,YAAY;AACjB,UAAI,CAAC,UAAU;AACP,cAAA,IAAI,MAAM,2CAA2C;AAAA,MAAA;AAGzD,UAAA;AACF,cAAM,WAAW;AAAA,UACf;AAAA,UACA;AAAA,UACA;AAAA,QACD,CAAA,EAAE,OAAO;AAAA,eACH,OAAO;AACN,gBAAA,MAAM,0BAA0B,KAAK;AACvC,cAAA;AAAA,MAAA;AAAA,IAEV;AAAA,IACA,CAAC,YAAY,UAAU,WAAW;AAAA,EACpC;AAEA,QAAM,eAAeA,MAAA;AAAA,IACnB,OAAO,QAAQ,YAAY;AACzB,UAAI,CAAC,UAAU;AACP,cAAA,IAAI,MAAM,2CAA2C;AAAA,MAAA;AAGzD,UAAA;AACF,cAAM,WAAW;AAAA,UACf;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACD,CAAA,EAAE,OAAO;AAAA,eACH,OAAO;AACN,gBAAA,MAAM,0BAA0B,KAAK;AACvC,cAAA;AAAA,MAAA;AAAA,IAEV;AAAA,IACA,CAAC,YAAY,UAAU,WAAW;AAAA,EACpC;AAEA,QAAM,eAAeA,MAAA;AAAA,IACnB,OAAO,WAAW;AAChB,UAAI,CAAC,UAAU;AACP,cAAA,IAAI,MAAM,2CAA2C;AAAA,MAAA;AAGzD,UAAA;AACF,cAAM,WAAW;AAAA,UACf;AAAA,UACA;AAAA,UACA;AAAA,QACD,CAAA,EAAE,OAAO;AAAA,eACH,OAAO;AACN,gBAAA,MAAM,0BAA0B,KAAK;AACvC,cAAA;AAAA,MAAA;AAAA,IAEV;AAAA,IACA,CAAC,YAAY,UAAU,WAAW;AAAA,EACpC;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;"}
+{"version":3,"file":"useViewsMutations.cjs.js","sources":["../../../../../../src/containers/Views/hooks/useViewsMutations.ts"],"sourcesContent":["import {\n  CreateViewApiArg,\n  useCreateViewMutation,\n  useDeleteViewMutation,\n  useUpdateViewMutation,\n} from '@shared/api'\nimport React, { useCallback } from 'react'\nimport { ViewData } from '../context/ViewsContext'\nimport { generateWorkingView } from '../utils/generateWorkingView'\nimport { toast } from 'react-toastify'\n\ntype Props = {\n  viewType?: string\n  projectName?: string\n}\n\nexport type UseViewMutations = {\n  onCreateView: (payload: CreateViewApiArg['payload']) => Promise<void>\n  onDeleteView: (viewId: string) => Promise<void>\n  onUpdateView: (viewId: string, payload: Partial<ViewData>) => Promise<void>\n  onResetWorkingView: (args?: {\n    existingWorkingViewId?: string\n    selectedViewId?: string\n    setSelectedView?: (id: string) => void\n    setSettingsChanged?: (changed: boolean) => void\n    notify?: boolean\n  }) => Promise<string>\n}\ntype R = UseViewMutations\n\nexport const useViewsMutations = ({ viewType, projectName }: Props): UseViewMutations => {\n  // forward mutations to the dialog\n  const [createView] = useCreateViewMutation()\n  const [deleteView] = useDeleteViewMutation()\n  const [updateView] = useUpdateViewMutation()\n\n  const onCreateView = useCallback<R['onCreateView']>(\n    async (payload) => {\n      if (!viewType) {\n        throw new Error('viewType are required for creating a view')\n      }\n\n      try {\n        await createView({\n          viewType: viewType,\n          projectName: projectName,\n          payload,\n        }).unwrap()\n      } catch (error) {\n        console.error('Failed to create view:', error)\n        throw error\n      }\n    },\n    [createView, viewType, projectName],\n  )\n\n  const onUpdateView = useCallback<R['onUpdateView']>(\n    async (viewId, payload) => {\n      if (!viewType) {\n        throw new Error('viewType are required for updating a view')\n      }\n\n      try {\n        await updateView({\n          viewId,\n          viewType,\n          projectName,\n          payload,\n        }).unwrap()\n      } catch (error) {\n        console.error('Failed to update view:', error)\n        throw error\n      }\n    },\n    [createView, viewType, projectName],\n  )\n\n  const onDeleteView = useCallback<R['onDeleteView']>(\n    async (viewId) => {\n      if (!viewType) {\n        throw new Error('viewType are required for deleting a view')\n      }\n\n      try {\n        await deleteView({\n          viewType: viewType,\n          projectName: projectName,\n          viewId,\n        }).unwrap()\n      } catch (error) {\n        console.error('Failed to delete view:', error)\n        throw error\n      }\n    },\n    [deleteView, viewType, projectName],\n  )\n\n  const onResetWorkingView = useCallback<R['onResetWorkingView']>(\n    async (args) => {\n      const { existingWorkingViewId, selectedViewId, setSelectedView, setSettingsChanged, notify } =\n        args || {}\n      if (!viewType) {\n        throw new Error('viewType are required for resetting a view')\n      }\n\n      const freshWorkingView = generateWorkingView({})\n      if (existingWorkingViewId) {\n        freshWorkingView.id = existingWorkingViewId\n      }\n\n      try {\n        await createView({\n          viewType,\n          projectName,\n          payload: freshWorkingView,\n        }).unwrap()\n        const newId = freshWorkingView.id as string\n\n        // If we're not currently on the working view, switch to it and mark settings as changed\n        if (setSelectedView && setSettingsChanged && selectedViewId && existingWorkingViewId) {\n          if (selectedViewId !== existingWorkingViewId) {\n            setSelectedView(newId)\n            setSettingsChanged(true)\n          }\n        }\n\n        if (notify) {\n          toast.success('View reset to default settings')\n        }\n\n        return newId\n      } catch (error) {\n        console.error('Failed to reset working view:', error)\n        if (notify) toast.error('Failed to reset view to default')\n        throw error\n      }\n    },\n    [createView, viewType, projectName],\n  )\n\n  return {\n    onCreateView,\n    onUpdateView,\n    onDeleteView,\n    onResetWorkingView,\n  }\n}\n"],"names":["useCreateViewMutation","useDeleteViewMutation","useUpdateViewMutation","useCallback","generateWorkingView","toast"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BO,MAAM,oBAAoB,CAAC,EAAE,UAAU,kBAA2C;AAEjF,QAAA,CAAC,UAAU,IAAIA,kCAAsB;AACrC,QAAA,CAAC,UAAU,IAAIC,kCAAsB;AACrC,QAAA,CAAC,UAAU,IAAIC,kCAAsB;AAE3C,QAAM,eAAeC,MAAA;AAAA,IACnB,OAAO,YAAY;AACjB,UAAI,CAAC,UAAU;AACP,cAAA,IAAI,MAAM,2CAA2C;AAAA,MAAA;AAGzD,UAAA;AACF,cAAM,WAAW;AAAA,UACf;AAAA,UACA;AAAA,UACA;AAAA,QACD,CAAA,EAAE,OAAO;AAAA,eACH,OAAO;AACN,gBAAA,MAAM,0BAA0B,KAAK;AACvC,cAAA;AAAA,MAAA;AAAA,IAEV;AAAA,IACA,CAAC,YAAY,UAAU,WAAW;AAAA,EACpC;AAEA,QAAM,eAAeA,MAAA;AAAA,IACnB,OAAO,QAAQ,YAAY;AACzB,UAAI,CAAC,UAAU;AACP,cAAA,IAAI,MAAM,2CAA2C;AAAA,MAAA;AAGzD,UAAA;AACF,cAAM,WAAW;AAAA,UACf;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACD,CAAA,EAAE,OAAO;AAAA,eACH,OAAO;AACN,gBAAA,MAAM,0BAA0B,KAAK;AACvC,cAAA;AAAA,MAAA;AAAA,IAEV;AAAA,IACA,CAAC,YAAY,UAAU,WAAW;AAAA,EACpC;AAEA,QAAM,eAAeA,MAAA;AAAA,IACnB,OAAO,WAAW;AAChB,UAAI,CAAC,UAAU;AACP,cAAA,IAAI,MAAM,2CAA2C;AAAA,MAAA;AAGzD,UAAA;AACF,cAAM,WAAW;AAAA,UACf;AAAA,UACA;AAAA,UACA;AAAA,QACD,CAAA,EAAE,OAAO;AAAA,eACH,OAAO;AACN,gBAAA,MAAM,0BAA0B,KAAK;AACvC,cAAA;AAAA,MAAA;AAAA,IAEV;AAAA,IACA,CAAC,YAAY,UAAU,WAAW;AAAA,EACpC;AAEA,QAAM,qBAAqBA,MAAA;AAAA,IACzB,OAAO,SAAS;AACR,YAAA,EAAE,uBAAuB,gBAAgB,iBAAiB,oBAAoB,OAAO,IACzF,QAAQ,CAAC;AACX,UAAI,CAAC,UAAU;AACP,cAAA,IAAI,MAAM,4CAA4C;AAAA,MAAA;AAGxD,YAAA,mBAAmBC,oBAAoB,oBAAA,EAAE;AAC/C,UAAI,uBAAuB;AACzB,yBAAiB,KAAK;AAAA,MAAA;AAGpB,UAAA;AACF,cAAM,WAAW;AAAA,UACf;AAAA,UACA;AAAA,UACA,SAAS;AAAA,QACV,CAAA,EAAE,OAAO;AACV,cAAM,QAAQ,iBAAiB;AAG3B,YAAA,mBAAmB,sBAAsB,kBAAkB,uBAAuB;AACpF,cAAI,mBAAmB,uBAAuB;AAC5C,4BAAgB,KAAK;AACrB,+BAAmB,IAAI;AAAA,UAAA;AAAA,QACzB;AAGF,YAAI,QAAQ;AACVC,wBAAA,MAAM,QAAQ,gCAAgC;AAAA,QAAA;AAGzC,eAAA;AAAA,eACA,OAAO;AACN,gBAAA,MAAM,iCAAiC,KAAK;AAChD,YAAA,OAAcA,eAAAA,MAAA,MAAM,iCAAiC;AACnD,cAAA;AAAA,MAAA;AAAA,IAEV;AAAA,IACA,CAAC,YAAY,UAAU,WAAW;AAAA,EACpC;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;"}