@ynput/ayon-frontend-shared 0.2.20 → 0.2.22

package/dist/shared/src/containers/Views/utils/viewUpdateHelper.cjs.js

@@ -0,0 +1,126 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../api/base/client.cjs.js");
+require("../../../api/generated/graphql.cjs.js");
+require("../../../api/generated/access.cjs.js");
+require("../../../api/generated/actions.cjs.js");
+require("../../../api/generated/activityFeed.cjs.js");
+require("../../../api/generated/addons.cjs.js");
+require("../../../api/generated/anatomy.cjs.js");
+require("../../../api/generated/attributes.cjs.js");
+require("../../../api/generated/authentication.cjs.js");
+require("../../../api/generated/bundles.cjs.js");
+require("../../../api/generated/configuration.cjs.js");
+require("../../../api/generated/desktop.cjs.js");
+require("../../../api/generated/entityLists.cjs.js");
+require("../../../api/generated/events.cjs.js");
+require("../../../api/generated/files.cjs.js");
+require("../../../api/generated/folders.cjs.js");
+require("../../../api/generated/inbox.cjs.js");
+require("../../../api/generated/links.cjs.js");
+require("../../../api/generated/market.cjs.js");
+require("../../../api/generated/onboarding.cjs.js");
+require("../../../api/generated/operations.cjs.js");
+require("../../../api/generated/products.cjs.js");
+require("../../../api/generated/projectDashboard.cjs.js");
+require("../../../api/generated/projects.cjs.js");
+require("../../../api/generated/reviewables.cjs.js");
+require("../../../api/generated/services.cjs.js");
+require("../../../api/generated/system.cjs.js");
+require("../../../api/generated/tasks.cjs.js");
+require("../../../api/generated/teams.cjs.js");
+require("../../../api/generated/thumbnails.cjs.js");
+require("../../../api/generated/uRIs.cjs.js");
+require("../../../api/generated/users.cjs.js");
+require("../../../api/generated/versions.cjs.js");
+require("../../../api/generated/workfiles.cjs.js");
+require("../../../api/generated/ynputCloud.cjs.js");
+require("../../../api/generated/grouping.cjs.js");
+require("../../../api/generated/views.cjs.js");
+require("../../../api/queries/actions/getActions.cjs.js");
+require("../../../api/queries/activities/getActivities.cjs.js");
+require("../../../api/queries/activities/updateActivities.cjs.js");
+require("../../../api/queries/activities/updateReaction.cjs.js");
+require("../../../api/queries/activities/getMentions.cjs.js");
+require("../../../api/queries/addons/getAddons.cjs.js");
+require("../../../api/queries/addons/updateAddons.cjs.js");
+require("../../../api/queries/attributes/getAttributes.cjs.js");
+require("../../../api/queries/attributes/updateAttributes.cjs.js");
+require("../../../api/queries/authentication/getAuthentication.cjs.js");
+require("../../../api/queries/cloud/cloud.cjs.js");
+require("../../../api/queries/entities/getEntity.cjs.js");
+require("../../../api/queries/entities/getEntityPanel.cjs.js");
+require("../../../api/queries/entities/updateEntity.cjs.js");
+require("../../../api/queries/entityLists/getLists.cjs.js");
+require("../../../api/queries/entityLists/updateLists.cjs.js");
+require("../../../api/queries/entityLists/getListsAttributes.cjs.js");
+require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");
+require("../../../api/queries/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/versions/updateVersions.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 generateWorkingView = require("./generateWorkingView.cjs.js");
+const reactToastify = require("react-toastify");
+const React = require("react");
+const ViewsContext = require("../context/ViewsContext.cjs.js");
+const useViewUpdateHelper = () => {
+  const [createView] = updateViews.useCreateViewMutation();
+  const {
+    viewSettings,
+    viewType,
+    projectName,
+    selectedView,
+    setSelectedView,
+    workingView,
+    onSettingsChanged
+  } = ViewsContext.useViewsContext();
+  const updateViewSettings = React.useCallback(
+    async (updatedSettings, localStateSetter, newLocalValue, options = {}) => {
+      try {
+        if (!viewType) throw "No view type provided for updating view settings";
+        if (!projectName) throw "No project name provided for updating view settings";
+        localStateSetter(newLocalValue);
+        const newSettings = { ...viewSettings, ...updatedSettings };
+        const newWorkingView = generateWorkingView.generateWorkingView(newSettings);
+        const newWorkingViewId = (workingView == null ? void 0 : workingView.id) || newWorkingView.id;
+        const promise = createView({
+          payload: newWorkingView,
+          viewType,
+          projectName
+        }).unwrap();
+        if (selectedView && !selectedView.working) {
+          onSettingsChanged(true);
+        }
+        setSelectedView(newWorkingViewId);
+        await promise;
+        localStateSetter(null);
+        if (options.successMessage) {
+          reactToastify.toast.success(options.successMessage);
+        }
+      } catch (error) {
+        localStateSetter(null);
+        const errorMsg = options.errorMessage || `Failed to update view settings: ${error}`;
+        reactToastify.toast.error(errorMsg);
+      }
+    },
+    [createView, viewType, projectName, workingView, selectedView, onSettingsChanged, viewSettings]
+  );
+  return { updateViewSettings };
+};
+exports.useViewUpdateHelper = useViewUpdateHelper;
+//# sourceMappingURL=viewUpdateHelper.cjs.js.map

package/dist/shared/src/containers/Views/utils/viewUpdateHelper.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewUpdateHelper.cjs.js","sources":["../../../../../../src/containers/Views/utils/viewUpdateHelper.ts"],"sourcesContent":["/**\n * Shared helper for updating view settings with optimistic local state management.\n *\n * This helper provides common functionality used by view settings hooks:\n * - Optimistic local state updates for immediate UI response\n * - Background API calls to persist changes\n * - Error handling with state reversion\n * - Working view management\n */\n\nimport { useCreateViewMutation } from '@shared/api'\nimport { generateWorkingView } from './generateWorkingView'\nimport { toast } from 'react-toastify'\nimport { useCallback } from 'react'\nimport { useViewsContext } from '../context/ViewsContext'\n\ninterface UpdateOptions {\n  successMessage?: string\n  errorMessage?: string\n}\n\nexport const useViewUpdateHelper = () => {\n  const [createView] = useCreateViewMutation()\n\n  const {\n    viewSettings,\n    viewType,\n    projectName,\n    selectedView,\n    setSelectedView,\n    workingView,\n    onSettingsChanged,\n  } = useViewsContext()\n\n  const updateViewSettings = useCallback(\n    async (\n      updatedSettings: any,\n      localStateSetter: (value: any) => void,\n      newLocalValue: any,\n      options: UpdateOptions = {},\n    ) => {\n      try {\n        if (!viewType) throw 'No view type provided for updating view settings'\n        if (!projectName) throw 'No project name provided for updating view settings'\n\n        // Immediately update local state for fast UI response\n        localStateSetter(newLocalValue)\n\n        // Create settings with updates\n        const newSettings = { ...viewSettings, ...updatedSettings }\n\n        // always update the working view no matter what\n        const newWorkingView = generateWorkingView(newSettings)\n        // only use the generated ID if there is no working view already\n        const newWorkingViewId = workingView?.id || newWorkingView.id\n\n        // Make API call in background\n        const promise = createView({\n          payload: newWorkingView,\n          viewType: viewType,\n          projectName: projectName,\n        }).unwrap()\n\n        // if not working: set that the settings have been changed to show the little blue save button\n        if (selectedView && !selectedView.working) {\n          onSettingsChanged(true)\n        }\n        // Always switch to the working view after updating anything\n        setSelectedView(newWorkingViewId as string)\n\n        await promise\n\n        // Clear local state after successful API call - the server data will take over\n        localStateSetter(null)\n\n        if (options.successMessage) {\n          toast.success(options.successMessage)\n        }\n      } catch (error) {\n        // Revert local state on error\n        localStateSetter(null)\n        const errorMsg = options.errorMessage || `Failed to update view settings: ${error}`\n        toast.error(errorMsg)\n      }\n    },\n    [createView, viewType, projectName, workingView, selectedView, onSettingsChanged, viewSettings],\n  )\n\n  return { updateViewSettings }\n}\n"],"names":["useCreateViewMutation","useViewsContext","useCallback","generateWorkingView","toast"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,sBAAsB,MAAM;AACjC,QAAA,CAAC,UAAU,IAAIA,kCAAsB;AAErC,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACEC,6BAAgB;AAEpB,QAAM,qBAAqBC,MAAA;AAAA,IACzB,OACE,iBACA,kBACA,eACA,UAAyB,CAAA,MACtB;AACC,UAAA;AACE,YAAA,CAAC,SAAgB,OAAA;AACjB,YAAA,CAAC,YAAmB,OAAA;AAGxB,yBAAiB,aAAa;AAG9B,cAAM,cAAc,EAAE,GAAG,cAAc,GAAG,gBAAgB;AAGpD,cAAA,iBAAiBC,wCAAoB,WAAW;AAEhD,cAAA,oBAAmB,2CAAa,OAAM,eAAe;AAG3D,cAAM,UAAU,WAAW;AAAA,UACzB,SAAS;AAAA,UACT;AAAA,UACA;AAAA,QACD,CAAA,EAAE,OAAO;AAGN,YAAA,gBAAgB,CAAC,aAAa,SAAS;AACzC,4BAAkB,IAAI;AAAA,QAAA;AAGxB,wBAAgB,gBAA0B;AAEpC,cAAA;AAGN,yBAAiB,IAAI;AAErB,YAAI,QAAQ,gBAAgB;AACpBC,8BAAA,QAAQ,QAAQ,cAAc;AAAA,QAAA;AAAA,eAE/B,OAAO;AAEd,yBAAiB,IAAI;AACrB,cAAM,WAAW,QAAQ,gBAAgB,mCAAmC,KAAK;AACjFA,sBAAA,MAAM,MAAM,QAAQ;AAAA,MAAA;AAAA,IAExB;AAAA,IACA,CAAC,YAAY,UAAU,aAAa,aAAa,cAAc,mBAAmB,YAAY;AAAA,EAChG;AAEA,SAAO,EAAE,mBAAmB;AAC9B;;"}

package/dist/shared/src/{components/Views/ViewForm/ViewFormContainer.es.js → containers/Views/utils/viewUpdateHelper.es.js}

@@ -1,5 +1,3 @@
-import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
-import { forwardRef, useState, useCallback } from "react";
 import "../../../api/base/client.es.js";
 import "../../../api/generated/graphql.es.js";
 import "../../../api/generated/access.es.js";
@@ -47,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";
@@ -55,135 +54,73 @@ 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 { useGetViewQuery } from "../../../api/queries/views/getViews.es.js";
+import "../../../api/queries/views/getViews.es.js";
 import { useCreateViewMutation } from "../../../api/queries/views/updateViews.es.js";
-import { ViewForm } from "./ViewForm.es.js";
-const ViewFormContainer = forwardRef(
-  ({
-    initialData = { label: "", scope: "project", visibility: "private" },
-    viewId,
+import "../../../api/queries/watchers/getWatchers.es.js";
+import { generateWorkingView } from "./generateWorkingView.es.js";
+import { toast } from "react-toastify";
+import { useCallback } from "react";
+import { useViewsContext } from "../context/ViewsContext.es.js";
+const useViewUpdateHelper = () => {
+  const [createView] = useCreateViewMutation();
+  const {
+    viewSettings,
     viewType,
-    project,
-    onSuccess,
-    onCancel
-  }, ref) => {
-    const isEditing = !!viewId;
-    const [error, setError] = useState();
-    const [createView, { isLoading: createLoading }] = useCreateViewMutation();
-    const { data: viewData, isLoading: viewLoading } = useGetViewQuery(
-      { viewId, viewType, project },
-      { skip: !viewId }
-    );
-    const handleSubmit = useCallback(
-      async (formData) => {
-        try {
-          setError(void 0);
-          if (isEditing && viewId) {
-            console.log("Update view - would update with data:", formData);
-            const viewData2 = {
-              id: viewId,
-              label: formData.label,
-              scope: formData.scope,
-              visibility: formData.visibility
-            };
-            onSuccess == null ? void 0 : onSuccess("update", viewData2);
-          } else {
-            let payload;
-            if (viewType === "overview") {
-              payload = {
-                label: formData.label,
-                scope: formData.scope,
-                visibility: formData.visibility,
-                settings: {},
-                viewType: "overview"
-              };
-            } else {
-              payload = {
-                label: formData.label,
-                scope: formData.scope,
-                visibility: formData.visibility,
-                settings: { expanded: false },
-                viewType: "taskProgress"
-              };
-            }
-            const result = await createView({
-              viewType,
-              project,
-              payload
-            }).unwrap();
-            const viewData2 = {
-              id: result.id,
-              label: formData.label,
-              scope: formData.scope,
-              visibility: formData.visibility
-            };
-            onSuccess == null ? void 0 : onSuccess("create", viewData2);
-          }
-        } catch (err) {
-          setError((err == null ? void 0 : err.message) || "Failed to save view");
-          console.error("Error saving view:", err);
-        }
-      },
-      [isEditing, viewId, viewType, project, createView, onSuccess]
-    );
-    const handleDelete = useCallback(async () => {
-      if (!viewId) return;
-      try {
-        setError(void 0);
-        console.log("Delete view - not implemented yet");
-        onSuccess == null ? void 0 : onSuccess("delete");
-      } catch (err) {
-        setError((err == null ? void 0 : err.message) || "Failed to delete view");
-        console.error("Error deleting view:", err);
-      }
-    }, [viewId, onSuccess]);
-    const handleDuplicate = useCallback(async () => {
-      if (!viewId) return;
+    projectName,
+    selectedView,
+    setSelectedView,
+    workingView,
+    onSettingsChanged
+  } = useViewsContext();
+  const updateViewSettings = useCallback(
+    async (updatedSettings, localStateSetter, newLocalValue, options = {}) => {
       try {
-        setError(void 0);
-        console.log("Duplicate view - not implemented yet");
-        onSuccess == null ? void 0 : onSuccess("duplicate");
-      } catch (err) {
-        setError((err == null ? void 0 : err.message) || "Failed to duplicate view");
-        console.error("Error duplicating view:", err);
-      }
-    }, [viewId, onSuccess]);
-    const isLoading = createLoading || viewLoading;
-    console.log("render ViewFormContainer with data:");
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ViewForm,
-      {
-        ref,
-        initialData: isEditing ? viewData : initialData,
-        error,
-        isEditing,
-        isLoading,
-        viewLoading,
-        onSubmit: handleSubmit,
-        onDelete: handleDelete,
-        onDuplicate: handleDuplicate,
-        onCancel
+        if (!viewType) throw "No view type provided for updating view settings";
+        if (!projectName) throw "No project name provided for updating view settings";
+        localStateSetter(newLocalValue);
+        const newSettings = { ...viewSettings, ...updatedSettings };
+        const newWorkingView = generateWorkingView(newSettings);
+        const newWorkingViewId = (workingView == null ? void 0 : workingView.id) || newWorkingView.id;
+        const promise = createView({
+          payload: newWorkingView,
+          viewType,
+          projectName
+        }).unwrap();
+        if (selectedView && !selectedView.working) {
+          onSettingsChanged(true);
+        }
+        setSelectedView(newWorkingViewId);
+        await promise;
+        localStateSetter(null);
+        if (options.successMessage) {
+          toast.success(options.successMessage);
+        }
+      } catch (error) {
+        localStateSetter(null);
+        const errorMsg = options.errorMessage || `Failed to update view settings: ${error}`;
+        toast.error(errorMsg);
       }
-    );
-  }
-);
+    },
+    [createView, viewType, projectName, workingView, selectedView, onSettingsChanged, viewSettings]
+  );
+  return { updateViewSettings };
+};
 export {
-  ViewFormContainer
+  useViewUpdateHelper
 };
-//# sourceMappingURL=ViewFormContainer.es.js.map
+//# sourceMappingURL=viewUpdateHelper.es.js.map

package/dist/shared/src/containers/Views/utils/viewUpdateHelper.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewUpdateHelper.es.js","sources":["../../../../../../src/containers/Views/utils/viewUpdateHelper.ts"],"sourcesContent":["/**\n * Shared helper for updating view settings with optimistic local state management.\n *\n * This helper provides common functionality used by view settings hooks:\n * - Optimistic local state updates for immediate UI response\n * - Background API calls to persist changes\n * - Error handling with state reversion\n * - Working view management\n */\n\nimport { useCreateViewMutation } from '@shared/api'\nimport { generateWorkingView } from './generateWorkingView'\nimport { toast } from 'react-toastify'\nimport { useCallback } from 'react'\nimport { useViewsContext } from '../context/ViewsContext'\n\ninterface UpdateOptions {\n  successMessage?: string\n  errorMessage?: string\n}\n\nexport const useViewUpdateHelper = () => {\n  const [createView] = useCreateViewMutation()\n\n  const {\n    viewSettings,\n    viewType,\n    projectName,\n    selectedView,\n    setSelectedView,\n    workingView,\n    onSettingsChanged,\n  } = useViewsContext()\n\n  const updateViewSettings = useCallback(\n    async (\n      updatedSettings: any,\n      localStateSetter: (value: any) => void,\n      newLocalValue: any,\n      options: UpdateOptions = {},\n    ) => {\n      try {\n        if (!viewType) throw 'No view type provided for updating view settings'\n        if (!projectName) throw 'No project name provided for updating view settings'\n\n        // Immediately update local state for fast UI response\n        localStateSetter(newLocalValue)\n\n        // Create settings with updates\n        const newSettings = { ...viewSettings, ...updatedSettings }\n\n        // always update the working view no matter what\n        const newWorkingView = generateWorkingView(newSettings)\n        // only use the generated ID if there is no working view already\n        const newWorkingViewId = workingView?.id || newWorkingView.id\n\n        // Make API call in background\n        const promise = createView({\n          payload: newWorkingView,\n          viewType: viewType,\n          projectName: projectName,\n        }).unwrap()\n\n        // if not working: set that the settings have been changed to show the little blue save button\n        if (selectedView && !selectedView.working) {\n          onSettingsChanged(true)\n        }\n        // Always switch to the working view after updating anything\n        setSelectedView(newWorkingViewId as string)\n\n        await promise\n\n        // Clear local state after successful API call - the server data will take over\n        localStateSetter(null)\n\n        if (options.successMessage) {\n          toast.success(options.successMessage)\n        }\n      } catch (error) {\n        // Revert local state on error\n        localStateSetter(null)\n        const errorMsg = options.errorMessage || `Failed to update view settings: ${error}`\n        toast.error(errorMsg)\n      }\n    },\n    [createView, viewType, projectName, workingView, selectedView, onSettingsChanged, viewSettings],\n  )\n\n  return { updateViewSettings }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,sBAAsB,MAAM;AACjC,QAAA,CAAC,UAAU,IAAI,sBAAsB;AAErC,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,gBAAgB;AAEpB,QAAM,qBAAqB;AAAA,IACzB,OACE,iBACA,kBACA,eACA,UAAyB,CAAA,MACtB;AACC,UAAA;AACE,YAAA,CAAC,SAAgB,OAAA;AACjB,YAAA,CAAC,YAAmB,OAAA;AAGxB,yBAAiB,aAAa;AAG9B,cAAM,cAAc,EAAE,GAAG,cAAc,GAAG,gBAAgB;AAGpD,cAAA,iBAAiB,oBAAoB,WAAW;AAEhD,cAAA,oBAAmB,2CAAa,OAAM,eAAe;AAG3D,cAAM,UAAU,WAAW;AAAA,UACzB,SAAS;AAAA,UACT;AAAA,UACA;AAAA,QACD,CAAA,EAAE,OAAO;AAGN,YAAA,gBAAgB,CAAC,aAAa,SAAS;AACzC,4BAAkB,IAAI;AAAA,QAAA;AAGxB,wBAAgB,gBAA0B;AAEpC,cAAA;AAGN,yBAAiB,IAAI;AAErB,YAAI,QAAQ,gBAAgB;AACpB,gBAAA,QAAQ,QAAQ,cAAc;AAAA,QAAA;AAAA,eAE/B,OAAO;AAEd,yBAAiB,IAAI;AACrB,cAAM,WAAW,QAAQ,gBAAgB,mCAAmC,KAAK;AACjF,cAAM,MAAM,QAAQ;AAAA,MAAA;AAAA,IAExB;AAAA,IACA,CAAC,YAAY,UAAU,aAAa,aAAa,cAAc,mBAAmB,YAAY;AAAA,EAChG;AAEA,SAAO,EAAE,mBAAmB;AAC9B;"}

package/dist/shared/src/context/AddonProjectContext.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,24 +57,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");
 const getProject = 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");
 require("../api/queries/views/updateViews.cjs.js");
+require("../api/queries/watchers/getWatchers.cjs.js");
 const React = require("react");
 const AddonProjectContext = React.createContext(void 0);
 const AddonProjectProvider = ({

package/dist/shared/src/context/AddonProjectContext.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddonProjectContext.cjs.js","sources":["../../../../src/context/AddonProjectContext.tsx"],"sourcesContent":["import { ProjectModel, useGetProjectQuery } from '@shared/api'\nimport { createContext, FC, useContext } from 'react'\nimport router from 'react-router-dom'\n\nexport type RemoteAddonProjectComponent = FC<RemoteAddonProjectProps>\nexport type RemoteAddonProject = {\n  id: string\n  component: RemoteAddonProjectComponent\n  name: string\n  module: string\n}\n\nexport type RouterTypes = {\n  useParams: typeof router.useParams\n  useNavigate: typeof router.useNavigate\n  useLocation: typeof router.useLocation\n  useSearchParams: typeof router.useSearchParams\n}\n\nexport interface RemoteAddonProjectProps {\n  projectName: string\n  router: RouterTypes\n}\n\n// types for props passed to the provider\nexport interface AddonProjectContextProps extends RemoteAddonProjectProps {\n  children: React.ReactNode\n}\n\n// types returned by context\nexport interface AddonProjectContextType extends RemoteAddonProjectProps {\n  project: ProjectModel | undefined\n}\n\nconst AddonProjectContext = createContext<AddonProjectContextType | undefined>(undefined)\n\nexport const AddonProjectProvider = ({\n  children,\n  projectName,\n  ...props\n}: AddonProjectContextProps) => {\n  const { data: project } = useGetProjectQuery(\n    { projectName: projectName as string },\n    { skip: !projectName },\n  )\n  return (\n    <AddonProjectContext.Provider value={{ ...props, projectName, project }}>\n      {children}\n    </AddonProjectContext.Provider>\n  )\n}\n\nexport const useAddonProjectContext = () => {\n  const context = useContext(AddonProjectContext)\n  if (!context) {\n    throw new Error('useAddonProjectContext must be used within a AddonProjectContext')\n  }\n  return context\n}\n"],"names":["createContext","useGetProjectQuery","jsx","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAM,sBAAsBA,oBAAmD,MAAS;AAEjF,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAgC;AACxB,QAAA,EAAE,MAAM,QAAA,IAAYC,WAAA;AAAA,IACxB,EAAE,YAAmC;AAAA,IACrC,EAAE,MAAM,CAAC,YAAY;AAAA,EACvB;AAEE,SAAAC,iDAAC,oBAAoB,UAApB,EAA6B,OAAO,EAAE,GAAG,OAAO,aAAa,QAAQ,GACnE,SACH,CAAA;AAEJ;AAEO,MAAM,yBAAyB,MAAM;AACpC,QAAA,UAAUC,iBAAW,mBAAmB;AAC9C,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,kEAAkE;AAAA,EAAA;AAE7E,SAAA;AACT;;;"}
+{"version":3,"file":"AddonProjectContext.cjs.js","sources":["../../../../src/context/AddonProjectContext.tsx"],"sourcesContent":["import { ProjectModel, useGetProjectQuery } from '@shared/api'\nimport { createContext, FC, useContext } from 'react'\nimport router from 'react-router-dom'\n\nexport type RemoteAddonProjectComponent = FC<RemoteAddonProjectProps>\nexport type RemoteAddonProject = {\n  id: string\n  component: RemoteAddonProjectComponent\n  name: string\n  module: string\n}\n\nexport type RouterTypes = {\n  useParams: typeof router.useParams\n  useNavigate: typeof router.useNavigate\n  useLocation: typeof router.useLocation\n  useSearchParams: typeof router.useSearchParams\n}\n\nexport interface RemoteAddonProjectProps {\n  projectName: string\n  router: RouterTypes\n}\n\n// types for props passed to the provider\nexport interface AddonProjectContextProps extends RemoteAddonProjectProps {\n  children: React.ReactNode\n}\n\n// types returned by context\nexport interface AddonProjectContextType extends RemoteAddonProjectProps {\n  project: ProjectModel | undefined\n}\n\nconst AddonProjectContext = createContext<AddonProjectContextType | undefined>(undefined)\n\nexport const AddonProjectProvider = ({\n  children,\n  projectName,\n  ...props\n}: AddonProjectContextProps) => {\n  const { data: project } = useGetProjectQuery(\n    { projectName: projectName as string },\n    { skip: !projectName },\n  )\n  return (\n    <AddonProjectContext.Provider value={{ ...props, projectName, project }}>\n      {children}\n    </AddonProjectContext.Provider>\n  )\n}\n\nexport const useAddonProjectContext = () => {\n  const context = useContext(AddonProjectContext)\n  if (!context) {\n    throw new Error('useAddonProjectContext must be used within a AddonProjectContext')\n  }\n  return context\n}\n"],"names":["createContext","useGetProjectQuery","jsx","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAM,sBAAsBA,oBAAmD,MAAS;AAEjF,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAgC;AACxB,QAAA,EAAE,MAAM,QAAA,IAAYC,WAAA;AAAA,IACxB,EAAE,YAAmC;AAAA,IACrC,EAAE,MAAM,CAAC,YAAY;AAAA,EACvB;AAEE,SAAAC,iDAAC,oBAAoB,UAApB,EAA6B,OAAO,EAAE,GAAG,OAAO,aAAa,QAAQ,GACnE,SACH,CAAA;AAEJ;AAEO,MAAM,yBAAyB,MAAM;AACpC,QAAA,UAAUC,iBAAW,mBAAmB;AAC9C,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,kEAAkE;AAAA,EAAA;AAE7E,SAAA;AACT;;;"}

package/dist/shared/src/context/AddonProjectContext.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,24 +55,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 { useGetProjectQuery } from "../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 "../api/queries/views/updateViews.es.js";
+import "../api/queries/watchers/getWatchers.es.js";
 import { createContext, useContext } from "react";
 const AddonProjectContext = createContext(void 0);
 const AddonProjectProvider = ({

package/dist/shared/src/context/AddonProjectContext.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddonProjectContext.es.js","sources":["../../../../src/context/AddonProjectContext.tsx"],"sourcesContent":["import { ProjectModel, useGetProjectQuery } from '@shared/api'\nimport { createContext, FC, useContext } from 'react'\nimport router from 'react-router-dom'\n\nexport type RemoteAddonProjectComponent = FC<RemoteAddonProjectProps>\nexport type RemoteAddonProject = {\n  id: string\n  component: RemoteAddonProjectComponent\n  name: string\n  module: string\n}\n\nexport type RouterTypes = {\n  useParams: typeof router.useParams\n  useNavigate: typeof router.useNavigate\n  useLocation: typeof router.useLocation\n  useSearchParams: typeof router.useSearchParams\n}\n\nexport interface RemoteAddonProjectProps {\n  projectName: string\n  router: RouterTypes\n}\n\n// types for props passed to the provider\nexport interface AddonProjectContextProps extends RemoteAddonProjectProps {\n  children: React.ReactNode\n}\n\n// types returned by context\nexport interface AddonProjectContextType extends RemoteAddonProjectProps {\n  project: ProjectModel | undefined\n}\n\nconst AddonProjectContext = createContext<AddonProjectContextType | undefined>(undefined)\n\nexport const AddonProjectProvider = ({\n  children,\n  projectName,\n  ...props\n}: AddonProjectContextProps) => {\n  const { data: project } = useGetProjectQuery(\n    { projectName: projectName as string },\n    { skip: !projectName },\n  )\n  return (\n    <AddonProjectContext.Provider value={{ ...props, projectName, project }}>\n      {children}\n    </AddonProjectContext.Provider>\n  )\n}\n\nexport const useAddonProjectContext = () => {\n  const context = useContext(AddonProjectContext)\n  if (!context) {\n    throw new Error('useAddonProjectContext must be used within a AddonProjectContext')\n  }\n  return context\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAM,sBAAsB,cAAmD,MAAS;AAEjF,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAgC;AACxB,QAAA,EAAE,MAAM,QAAA,IAAY;AAAA,IACxB,EAAE,YAAmC;AAAA,IACrC,EAAE,MAAM,CAAC,YAAY;AAAA,EACvB;AAEE,SAAAA,sCAAC,oBAAoB,UAApB,EAA6B,OAAO,EAAE,GAAG,OAAO,aAAa,QAAQ,GACnE,SACH,CAAA;AAEJ;AAEO,MAAM,yBAAyB,MAAM;AACpC,QAAA,UAAU,WAAW,mBAAmB;AAC9C,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,kEAAkE;AAAA,EAAA;AAE7E,SAAA;AACT;"}
+{"version":3,"file":"AddonProjectContext.es.js","sources":["../../../../src/context/AddonProjectContext.tsx"],"sourcesContent":["import { ProjectModel, useGetProjectQuery } from '@shared/api'\nimport { createContext, FC, useContext } from 'react'\nimport router from 'react-router-dom'\n\nexport type RemoteAddonProjectComponent = FC<RemoteAddonProjectProps>\nexport type RemoteAddonProject = {\n  id: string\n  component: RemoteAddonProjectComponent\n  name: string\n  module: string\n}\n\nexport type RouterTypes = {\n  useParams: typeof router.useParams\n  useNavigate: typeof router.useNavigate\n  useLocation: typeof router.useLocation\n  useSearchParams: typeof router.useSearchParams\n}\n\nexport interface RemoteAddonProjectProps {\n  projectName: string\n  router: RouterTypes\n}\n\n// types for props passed to the provider\nexport interface AddonProjectContextProps extends RemoteAddonProjectProps {\n  children: React.ReactNode\n}\n\n// types returned by context\nexport interface AddonProjectContextType extends RemoteAddonProjectProps {\n  project: ProjectModel | undefined\n}\n\nconst AddonProjectContext = createContext<AddonProjectContextType | undefined>(undefined)\n\nexport const AddonProjectProvider = ({\n  children,\n  projectName,\n  ...props\n}: AddonProjectContextProps) => {\n  const { data: project } = useGetProjectQuery(\n    { projectName: projectName as string },\n    { skip: !projectName },\n  )\n  return (\n    <AddonProjectContext.Provider value={{ ...props, projectName, project }}>\n      {children}\n    </AddonProjectContext.Provider>\n  )\n}\n\nexport const useAddonProjectContext = () => {\n  const context = useContext(AddonProjectContext)\n  if (!context) {\n    throw new Error('useAddonProjectContext must be used within a AddonProjectContext')\n  }\n  return context\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAM,sBAAsB,cAAmD,MAAS;AAEjF,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAgC;AACxB,QAAA,EAAE,MAAM,QAAA,IAAY;AAAA,IACxB,EAAE,YAAmC;AAAA,IACrC,EAAE,MAAM,CAAC,YAAY;AAAA,EACvB;AAEE,SAAAA,sCAAC,oBAAoB,UAApB,EAA6B,OAAO,EAAE,GAAG,OAAO,aAAa,QAAQ,GACnE,SACH,CAAA;AAEJ;AAEO,MAAM,yBAAyB,MAAM;AACpC,QAAA,UAAU,WAAW,mBAAmB;AAC9C,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,kEAAkE;AAAA,EAAA;AAE7E,SAAA;AACT;"}

package/dist/shared/src/context/DetailsPanelContext.cjs.js

@@ -53,6 +53,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");
@@ -61,24 +62,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");
 const getUsers = 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");
 require("../api/queries/views/updateViews.cjs.js");
+require("../api/queries/watchers/getWatchers.cjs.js");
 require("lodash");
 require("react-toastify");
 require("./ThumbnailUploaderContext.cjs.js");

package/dist/shared/src/context/DetailsPanelContext.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelContext.cjs.js","sources":["../../../../src/context/DetailsPanelContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useCallback, ReactNode, useState } from 'react'\nimport { useLocalStorage } from '@shared/hooks'\nimport { DetailsPanelEntityType, useGetCurrentUserQuery } from '@shared/api'\nimport type { UserModel } from '@shared/api'\nimport { useLocation, useNavigate, useParams } from 'react-router-dom'\nimport { useSearchParams } from 'react-router-dom'\nimport { SavedAnnotationMetadata } from '@shared/containers'\n\nexport type FeedFilters = 'activity' | 'comments' | 'versions' | 'checklists'\n\nexport type DetailsPanelTab = FeedFilters | 'attribs' | 'files'\n\nexport type SlideOut = {\n  entityId: string\n  entityType: DetailsPanelEntityType\n  projectName: string\n}\n\nexport type DetailsPanelPip = {\n  entityType: DetailsPanelEntityType\n  entities: { id: string; projectName: string }[]\n  scope: string\n}\n\nexport interface OpenStateByScope {\n  [scope: string]: boolean\n}\n\n// Create a new interface for managing tab state by scope\nexport interface TabStateByScope {\n  [scope: string]: DetailsPanelTab\n}\n\n// these props get forwarded to the details panel value\n// it's mainly redux callbacks that cannot be used in shared library\nexport interface DetailsPanelContextProps {\n  dispatch?: any // this is a redux dispatch function and it's quite annoying we need to do this\n  user: UserModel\n  viewer?: {\n    reviewableIds: string[]\n    taskId?: string | null\n    folderId?: string | null\n  }\n  // redux callback actions\n  onOpenImage?: (args: any) => void\n  onGoToFrame?: (frame: number) => void\n  onOpenViewer?: (args: any) => void\n  onUpdateEntity?: (data: { operations: any[]; entityType: string }) => void\n  // route hooks\n  useParams: typeof useParams\n  useNavigate: typeof useNavigate\n  useLocation: typeof useLocation\n  useSearchParams: typeof useSearchParams\n  feedAnnotationsEnabled?: boolean\n}\n\n// Interface for our simplified context\nexport interface DetailsPanelContextType extends DetailsPanelContextProps {\n  // user\n  isDeveloperMode: boolean\n  // Open state for the panel by scope\n  panelOpenByScope: OpenStateByScope\n  getOpenForScope: (scope: string) => boolean\n  setPanelOpen: (scope: string, isOpen: boolean) => void\n  setPanelOpenByScope: (newState: OpenStateByScope) => void\n\n  // Tab preferences by scope\n  tabsByScope: TabStateByScope\n  getTabForScope: (scope: string) => DetailsPanelTab\n  setTab: (scope: string, tab: DetailsPanelTab) => void\n\n  // Slide out state\n  slideOut: null | SlideOut\n  openSlideOut: (slideOut: SlideOut) => void\n  closeSlideOut: () => void\n\n  // Highlighted activities\n  highlightedActivities: string[]\n  setHighlightedActivities: (activities: string[]) => void\n\n  // PiP state\n  pip: DetailsPanelPip | null\n  openPip: (pip: DetailsPanelPip) => void\n  closePip: () => void\n\n  // Annotations\n  feedAnnotations: SavedAnnotationMetadata[]\n  setFeedAnnotations: (annotations: SavedAnnotationMetadata[]) => void\n}\n\n// Create the context\nconst DetailsPanelContext = createContext<DetailsPanelContextType | undefined>(undefined)\n\n// Provider component\nexport interface DetailsPanelProviderProps extends DetailsPanelContextProps {\n  children: ReactNode\n  defaultTab?: DetailsPanelTab\n}\n\nexport const DetailsPanelProvider: React.FC<DetailsPanelProviderProps> = ({\n  children,\n  defaultTab = 'activity',\n  ...forwardedProps\n}) => {\n  // get current user\n  const { data: currentUser } = useGetCurrentUserQuery()\n  const isDeveloperMode = currentUser?.attrib?.developerMode ?? false\n\n  // keep track of the currently open panel by scope\n  const [panelOpenByScope, setPanelOpenByScope] = useState<OpenStateByScope>({})\n  const [feedAnnotations, setFeedAnnotations] = useState<SavedAnnotationMetadata[]>([])\n\n  //  get the current open state for a specific scope\n  const getOpenForScope = useCallback(\n    (scope: string): boolean => {\n      // Check if we have a saved preference for this scope\n      if (panelOpenByScope[scope]) {\n        return panelOpenByScope[scope]\n      }\n\n      // Fall back to default\n      return false\n    },\n    [panelOpenByScope],\n  )\n  // Set open state for a scope\n  const setPanelOpen = useCallback(\n    (scope: string, isOpen: boolean) => {\n      // Create a new state object based on current open state\n      const newState = { ...panelOpenByScope }\n      newState[scope] = isOpen\n\n      // Update the state with the new object\n      setPanelOpenByScope(newState)\n    },\n    [panelOpenByScope],\n  )\n\n  // Use localStorage to persist tab preferences by scope\n  const [tabsByScope, setTabsByScope] = useLocalStorage<TabStateByScope>(\n    'details/tabs-by-scope',\n    {},\n  )\n\n  // Get the current tab for a specific scope\n  const getTabForScope = useCallback(\n    (scope: string): DetailsPanelTab => {\n      // Check if we have a saved preference for this scope\n      if (tabsByScope[scope]) {\n        return tabsByScope[scope]\n      }\n\n      // Fall back to default\n      return defaultTab\n    },\n    [tabsByScope, defaultTab],\n  )\n\n  // Set tab for a scope\n  const setTab = useCallback(\n    (scope: string, tab: DetailsPanelTab) => {\n      // Create a new state object based on current tabsByScope\n      const newState = { ...tabsByScope }\n      newState[scope] = tab\n\n      // Update the state with the new object\n      setTabsByScope(newState)\n    },\n    [tabsByScope, setTabsByScope],\n  )\n\n  // is the slide out open?\n  const [slideOut, setSlideOut] = useState<null | SlideOut>(null)\n\n  // open the slide out\n  const openSlideOut = useCallback<DetailsPanelContextType['openSlideOut']>((params) => {\n    setSlideOut(params)\n  }, [])\n\n  // close the slide out\n  const closeSlideOut = useCallback(() => {\n    setSlideOut(null)\n    setHighlightedActivities([])\n  }, [])\n\n  const [pip, setPip] = useState<DetailsPanelPip | null>(null)\n\n  const openPip = useCallback((pip: DetailsPanelPip) => {\n    setPip(pip)\n  }, [])\n  const closePip = useCallback(() => {\n    setPip(null)\n  }, [])\n\n  const [highlightedActivities, setHighlightedActivities] = useState<string[]>([])\n\n  const value = {\n    // open state for the panel by scope\n    panelOpenByScope,\n    getOpenForScope,\n    setPanelOpen,\n    setPanelOpenByScope,\n    // tab preferences\n    tabsByScope,\n    getTabForScope,\n    setTab,\n    // slide out state\n    slideOut,\n    openSlideOut,\n    closeSlideOut,\n    // highlighted activities\n    highlightedActivities,\n    setHighlightedActivities,\n    // PiP state\n    pip,\n    openPip,\n    closePip,\n    feedAnnotations,\n    setFeedAnnotations,\n    isDeveloperMode,\n    ...forwardedProps,\n  }\n\n  return <DetailsPanelContext.Provider value={value}>{children}</DetailsPanelContext.Provider>\n}\n\n// Custom hook to use the details context\nexport const useDetailsPanelContext = (): DetailsPanelContextType => {\n  const context = useContext(DetailsPanelContext)\n  if (context === undefined) {\n    throw new Error('useDetailsPanel must be used within a DetailsProvider')\n  }\n  return context\n}\n\n// Add a specialized hook for using a panel in a specific scope\nexport const useScopedDetailsPanel = (scope: string) => {\n  const { getTabForScope, setTab, getOpenForScope, setPanelOpen } = useDetailsPanelContext()\n\n  return {\n    isOpen: getOpenForScope(scope),\n    setOpen: (isOpen: boolean) => setPanelOpen(scope, isOpen),\n    currentTab: getTabForScope(scope),\n    setTab: (tab: DetailsPanelTab) => setTab(scope, tab),\n    isFeed: ['activity', 'comments', 'versions', 'checklists'].includes(getTabForScope(scope)),\n  }\n}\n"],"names":["createContext","useGetCurrentUserQuery","useState","useCallback","useLocalStorage","pip","jsx","useContext"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelContext.cjs.js","sources":["../../../../src/context/DetailsPanelContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useCallback, ReactNode, useState } from 'react'\nimport { useLocalStorage } from '@shared/hooks'\nimport { DetailsPanelEntityType, useGetCurrentUserQuery } from '@shared/api'\nimport type { UserModel } from '@shared/api'\nimport { useLocation, useNavigate, useParams } from 'react-router-dom'\nimport { useSearchParams } from 'react-router-dom'\nimport { SavedAnnotationMetadata } from '@shared/containers'\n\nexport type FeedFilters = 'activity' | 'comments' | 'versions' | 'checklists'\n\nexport type DetailsPanelTab = FeedFilters | 'attribs' | 'files'\n\nexport type SlideOut = {\n  entityId: string\n  entityType: DetailsPanelEntityType\n  projectName: string\n}\n\nexport type DetailsPanelPip = {\n  entityType: DetailsPanelEntityType\n  entities: { id: string; projectName: string }[]\n  scope: string\n}\n\nexport interface OpenStateByScope {\n  [scope: string]: boolean\n}\n\n// Create a new interface for managing tab state by scope\nexport interface TabStateByScope {\n  [scope: string]: DetailsPanelTab\n}\n\n// these props get forwarded to the details panel value\n// it's mainly redux callbacks that cannot be used in shared library\nexport interface DetailsPanelContextProps {\n  dispatch?: any // this is a redux dispatch function and it's quite annoying we need to do this\n  user: UserModel\n  viewer?: {\n    reviewableIds: string[]\n    taskId?: string | null\n    folderId?: string | null\n  }\n  // redux callback actions\n  onOpenImage?: (args: any) => void\n  onGoToFrame?: (frame: number) => void\n  onOpenViewer?: (args: any) => void\n  onUpdateEntity?: (data: { operations: any[]; entityType: string }) => void\n  // route hooks\n  useParams: typeof useParams\n  useNavigate: typeof useNavigate\n  useLocation: typeof useLocation\n  useSearchParams: typeof useSearchParams\n  feedAnnotationsEnabled?: boolean\n}\n\n// Interface for our simplified context\nexport interface DetailsPanelContextType extends DetailsPanelContextProps {\n  // user\n  isDeveloperMode: boolean\n  // Open state for the panel by scope\n  panelOpenByScope: OpenStateByScope\n  getOpenForScope: (scope: string) => boolean\n  setPanelOpen: (scope: string, isOpen: boolean) => void\n  setPanelOpenByScope: (newState: OpenStateByScope) => void\n\n  // Tab preferences by scope\n  tabsByScope: TabStateByScope\n  getTabForScope: (scope: string) => DetailsPanelTab\n  setTab: (scope: string, tab: DetailsPanelTab) => void\n\n  // Slide out state\n  slideOut: null | SlideOut\n  openSlideOut: (slideOut: SlideOut) => void\n  closeSlideOut: () => void\n\n  // Highlighted activities\n  highlightedActivities: string[]\n  setHighlightedActivities: (activities: string[]) => void\n\n  // PiP state\n  pip: DetailsPanelPip | null\n  openPip: (pip: DetailsPanelPip) => void\n  closePip: () => void\n\n  // Annotations\n  feedAnnotations: SavedAnnotationMetadata[]\n  setFeedAnnotations: (annotations: SavedAnnotationMetadata[]) => void\n}\n\n// Create the context\nconst DetailsPanelContext = createContext<DetailsPanelContextType | undefined>(undefined)\n\n// Provider component\nexport interface DetailsPanelProviderProps extends DetailsPanelContextProps {\n  children: ReactNode\n  defaultTab?: DetailsPanelTab\n}\n\nexport const DetailsPanelProvider: React.FC<DetailsPanelProviderProps> = ({\n  children,\n  defaultTab = 'activity',\n  ...forwardedProps\n}) => {\n  // get current user\n  const { data: currentUser } = useGetCurrentUserQuery()\n  const isDeveloperMode = currentUser?.attrib?.developerMode ?? false\n\n  // keep track of the currently open panel by scope\n  const [panelOpenByScope, setPanelOpenByScope] = useState<OpenStateByScope>({})\n  const [feedAnnotations, setFeedAnnotations] = useState<SavedAnnotationMetadata[]>([])\n\n  //  get the current open state for a specific scope\n  const getOpenForScope = useCallback(\n    (scope: string): boolean => {\n      // Check if we have a saved preference for this scope\n      if (panelOpenByScope[scope]) {\n        return panelOpenByScope[scope]\n      }\n\n      // Fall back to default\n      return false\n    },\n    [panelOpenByScope],\n  )\n  // Set open state for a scope\n  const setPanelOpen = useCallback(\n    (scope: string, isOpen: boolean) => {\n      // Create a new state object based on current open state\n      const newState = { ...panelOpenByScope }\n      newState[scope] = isOpen\n\n      // Update the state with the new object\n      setPanelOpenByScope(newState)\n    },\n    [panelOpenByScope],\n  )\n\n  // Use localStorage to persist tab preferences by scope\n  const [tabsByScope, setTabsByScope] = useLocalStorage<TabStateByScope>(\n    'details/tabs-by-scope',\n    {},\n  )\n\n  // Get the current tab for a specific scope\n  const getTabForScope = useCallback(\n    (scope: string): DetailsPanelTab => {\n      // Check if we have a saved preference for this scope\n      if (tabsByScope[scope]) {\n        return tabsByScope[scope]\n      }\n\n      // Fall back to default\n      return defaultTab\n    },\n    [tabsByScope, defaultTab],\n  )\n\n  // Set tab for a scope\n  const setTab = useCallback(\n    (scope: string, tab: DetailsPanelTab) => {\n      // Create a new state object based on current tabsByScope\n      const newState = { ...tabsByScope }\n      newState[scope] = tab\n\n      // Update the state with the new object\n      setTabsByScope(newState)\n    },\n    [tabsByScope, setTabsByScope],\n  )\n\n  // is the slide out open?\n  const [slideOut, setSlideOut] = useState<null | SlideOut>(null)\n\n  // open the slide out\n  const openSlideOut = useCallback<DetailsPanelContextType['openSlideOut']>((params) => {\n    setSlideOut(params)\n  }, [])\n\n  // close the slide out\n  const closeSlideOut = useCallback(() => {\n    setSlideOut(null)\n    setHighlightedActivities([])\n  }, [])\n\n  const [pip, setPip] = useState<DetailsPanelPip | null>(null)\n\n  const openPip = useCallback((pip: DetailsPanelPip) => {\n    setPip(pip)\n  }, [])\n  const closePip = useCallback(() => {\n    setPip(null)\n  }, [])\n\n  const [highlightedActivities, setHighlightedActivities] = useState<string[]>([])\n\n  const value = {\n    // open state for the panel by scope\n    panelOpenByScope,\n    getOpenForScope,\n    setPanelOpen,\n    setPanelOpenByScope,\n    // tab preferences\n    tabsByScope,\n    getTabForScope,\n    setTab,\n    // slide out state\n    slideOut,\n    openSlideOut,\n    closeSlideOut,\n    // highlighted activities\n    highlightedActivities,\n    setHighlightedActivities,\n    // PiP state\n    pip,\n    openPip,\n    closePip,\n    feedAnnotations,\n    setFeedAnnotations,\n    isDeveloperMode,\n    ...forwardedProps,\n  }\n\n  return <DetailsPanelContext.Provider value={value}>{children}</DetailsPanelContext.Provider>\n}\n\n// Custom hook to use the details context\nexport const useDetailsPanelContext = (): DetailsPanelContextType => {\n  const context = useContext(DetailsPanelContext)\n  if (context === undefined) {\n    throw new Error('useDetailsPanel must be used within a DetailsProvider')\n  }\n  return context\n}\n\n// Add a specialized hook for using a panel in a specific scope\nexport const useScopedDetailsPanel = (scope: string) => {\n  const { getTabForScope, setTab, getOpenForScope, setPanelOpen } = useDetailsPanelContext()\n\n  return {\n    isOpen: getOpenForScope(scope),\n    setOpen: (isOpen: boolean) => setPanelOpen(scope, isOpen),\n    currentTab: getTabForScope(scope),\n    setTab: (tab: DetailsPanelTab) => setTab(scope, tab),\n    isFeed: ['activity', 'comments', 'versions', 'checklists'].includes(getTabForScope(scope)),\n  }\n}\n"],"names":["createContext","useGetCurrentUserQuery","useState","useCallback","useLocalStorage","pip","jsx","useContext"],"mappings":"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"}

package/dist/shared/src/context/DetailsPanelContext.es.js

@@ -51,6 +51,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";
@@ -59,24 +60,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 { useGetCurrentUserQuery } from "../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 "../api/queries/views/updateViews.es.js";
+import "../api/queries/watchers/getWatchers.es.js";
 import "lodash";
 import "react-toastify";
 import "./ThumbnailUploaderContext.es.js";