@ynput/ayon-frontend-shared 0.3.28 → 0.3.30

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 {\n  GetWorkingViewApiResponse,\n  useCreateViewMutation,\n  UserModel,\n  ViewListItemModel,\n} 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 { usePowerpack } from '@shared/context'\nimport type { CollapsedViewState } from '../context/ViewsContext'\nimport { WORKING_VIEW_ID, NEW_VIEW_ID, BASE_VIEW_ID } from '../types'\nexport { WORKING_VIEW_ID, NEW_VIEW_ID, BASE_VIEW_ID }\nexport type ViewListItemModelExtended = ViewListItemModel & {\n  isOwner: boolean\n  highlighted?: 'save' | 'edit'\n}\n\ntype Props = {\n  viewsList: ViewListItemModel[]\n  workingView?: GetWorkingViewApiResponse\n  viewType?: string\n  viewAlias: string\n  projectName?: string\n  currentUser?: UserModel\n  useWorkingView?: boolean\n  editingViewId?: string // the preview id of the view being edited\n  selectedId?: string\n  collapsed: CollapsedViewState\n  setCollapsed: (state: CollapsedViewState) => void\n  onEdit: (viewId: string) => void\n  onSelect: (viewId: string) => void\n  onSave: (viewId: string) => Promise<void>\n  onResetWorkingView?: () => void\n}\n\nconst useBuildViewMenuItems = ({\n  viewsList,\n  workingView,\n  viewType,\n  viewAlias,\n  projectName,\n  currentUser,\n  useWorkingView,\n  editingViewId,\n  collapsed,\n  setCollapsed,\n  onSelect,\n  onEdit,\n  onSave,\n  onResetWorkingView,\n  selectedId,\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 ${viewAlias.toLowerCase()}` : `Working ${viewAlias.toLowerCase()}`,\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 ${viewAlias.toLowerCase()} 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 ${viewAlias}: ${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  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 ${viewAlias.toLowerCase()}s`, items: myViews as ViewItem[] },\n      { id: 'sharedViews', title: `Shared ${viewAlias.toLowerCase()}s`, items: sharedViews as ViewItem[] },\n      { id: 'allPrivateViews', title: `All private ${viewAlias.toLowerCase()}s`, items: allPrivateViews as ViewItem[] },\n    ]\n  }, [myViews, sharedViews, allPrivateViews])\n\n  const workingViewItem: ViewMenuItem = useMemo(() => {\n    return {\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  // 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 and powerpack is available\n    const visibleSections = sections.filter((s) => powerLicense && (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      } else if (selectedId) {\n        const selectedItem = section.items.find((i) => i.id === selectedId)\n        if (selectedItem) result.push(selectedItem)\n      }\n    })\n\n    return result\n  }, [workingViewItem, sections, collapsed, toggleSection, selectedId, powerLicense])\n\n  return viewItems\n}\n\nexport default useBuildViewMenuItems\n"],"names":["useBuildViewMenuItems","viewsList","workingView","viewType","viewAlias","projectName","currentUser","useWorkingView","editingViewId","collapsed","setCollapsed","onSelect","onEdit","onSave","onResetWorkingView","selectedId","powerLicense","usePowerpack","createView","useCreateViewMutation","extendedViewsList","useMemo","view","workingBaseView","WORKING_VIEW_ID","jsx","Icon","handleWorkingViewChange","useCallback","workingViewId","generateWorkingView","error","toast","handleEditView","viewId","getCustomViews","isLoadingQueries","useLoadModule","getCustomViewsFallback","myViews","sharedViews","allPrivateViews","toggleSection","id","sections","workingViewItem","result","visibleSections","s","VIEW_DIVIDER","section","isCollapsed","selectedItem","i"],"mappings":"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"}
+{"version":3,"file":"useBuildViewMenuItems.cjs.js","sources":["../../../../../../src/containers/Views/hooks/useBuildViewMenuItems.tsx"],"sourcesContent":["import {\n  GetWorkingViewApiResponse,\n  useCreateViewMutation,\n  UserModel,\n  ViewListItemModel,\n} 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 { usePowerpack } from '@shared/context'\nimport type { CollapsedViewState } from '../context/ViewsContext'\nimport { WORKING_VIEW_ID, NEW_VIEW_ID, BASE_VIEW_ID } from '../types'\nexport { WORKING_VIEW_ID, NEW_VIEW_ID, BASE_VIEW_ID }\nexport type ViewListItemModelExtended = ViewListItemModel & {\n  isOwner: boolean\n  highlighted?: 'save' | 'edit'\n}\n\ntype Props = {\n  viewsList: ViewListItemModel[]\n  workingView?: GetWorkingViewApiResponse\n  viewType?: string\n  viewAlias: string\n  projectName?: string\n  currentUser?: UserModel\n  useWorkingView?: boolean\n  editingViewId?: string // the preview id of the view being edited\n  selectedId?: string\n  collapsed: CollapsedViewState\n  setCollapsed: (state: CollapsedViewState) => void\n  onEdit: (viewId: string) => void\n  onSelect: (viewId: string) => void\n  onSave: (viewId: string) => Promise<void>\n  onResetWorkingView?: () => void\n}\n\nconst useBuildViewMenuItems = ({\n  viewsList,\n  workingView,\n  viewType,\n  viewAlias,\n  projectName,\n  currentUser,\n  useWorkingView,\n  editingViewId,\n  collapsed,\n  setCollapsed,\n  onSelect,\n  onEdit,\n  onSave,\n  onResetWorkingView,\n  selectedId,\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 ${viewAlias.toLowerCase()}` : `Working ${viewAlias.toLowerCase()}`,\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 ${viewAlias.toLowerCase()} 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 ${viewAlias}: ${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  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 ${viewAlias.toLowerCase()}s`, items: myViews as ViewItem[] },\n      { id: 'sharedViews', title: `Shared ${viewAlias.toLowerCase()}s`, items: sharedViews as ViewItem[] },\n      { id: 'allPrivateViews', title: `All private ${viewAlias.toLowerCase()}s`, items: allPrivateViews as ViewItem[] },\n    ]\n  }, [myViews, sharedViews, allPrivateViews])\n\n  const workingViewItem: ViewMenuItem = useMemo(() => {\n    return {\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  // 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 and powerpack is available\n    const visibleSections = sections.filter((s) => powerLicense && (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      } else if (selectedId) {\n        const selectedItem = section.items.find((i) => i.id === selectedId)\n        if (selectedItem) result.push(selectedItem)\n      }\n    })\n\n    return result\n  }, [workingViewItem, sections, collapsed, toggleSection, selectedId, powerLicense])\n\n  return viewItems\n}\n\nexport default useBuildViewMenuItems\n"],"names":["useBuildViewMenuItems","viewsList","workingView","viewType","viewAlias","projectName","currentUser","useWorkingView","editingViewId","collapsed","setCollapsed","onSelect","onEdit","onSave","onResetWorkingView","selectedId","powerLicense","usePowerpack","createView","useCreateViewMutation","extendedViewsList","useMemo","view","workingBaseView","WORKING_VIEW_ID","jsx","Icon","handleWorkingViewChange","useCallback","workingViewId","generateWorkingView","error","toast","handleEditView","viewId","getCustomViews","isLoadingQueries","useLoadModule","getCustomViewsFallback","myViews","sharedViews","allPrivateViews","toggleSection","id","sections","workingViewItem","result","visibleSections","s","VIEW_DIVIDER","section","isCollapsed","selectedItem","i"],"mappings":"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"}

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

@@ -102,8 +102,10 @@ import "../../../../../_virtual/runtime.es.js";
 import "../../../../../_virtual/semver.es.js";
 import "lodash";
 import "../../../context/RemoteModulesContext.es.js";
-import "../../../context/DetailsPanelContext.es.js";
-import "../../../context/SubtasksModulesContext.es.js";
+import { usePowerpack as q } from "../../../context/PowerpackContext.es.js";
+import "../../../context/UriContext.es.js";
+import "../../../context/DetailsPanelContextInstance.es.js";
+import "../../../context/SubtasksModulesContextInstance.es.js";
 import "../../../context/ThumbnailUploaderContext.es.js";
 import "../../../context/SettingsPanelContext.es.js";
 import "../../../context/pip/PiPProvider.es.js";
@@ -111,14 +113,12 @@ import "react-dom";
 import "../../../context/pip/PiPWrapper.es.js";
 import "../../../context/AddonProjectContext.es.js";
 import "../../../context/AddonContext.es.js";
-import { usePowerpack as q } from "../../../context/PowerpackContext.es.js";
 import "../../../context/MoveEntityContext.es.js";
 import "../../../context/MenuContext.es.js";
 import "../../../context/WebsocketContext.es.js";
 import "../../../context/GlobalContext.es.js";
 import "../../../context/ProjectContext.es.js";
 import "../../../context/ProjectFoldersContext.es.js";
-import "../../../context/UriContext.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import "../../ProjectTreeTable/components/GroupSettingsFallback.es.js";

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ee=require("../../../_virtual/jsx-runtime.cjs.js"),e=require("react"),re=require("./PowerpackContext.cjs.js"),ie=require("./UriContext.cjs.js"),w=require("../hooks/useLocalStorage.cjs.js");require("./RemoteModulesContext.cjs.js");require("../../../_virtual/runtime.cjs.js");require("../../../_virtual/semver.cjs.js");require("../api/base/client.cjs.js");require("../api/generated/graphql.cjs.js");require("../api/generated/graphqlLinks.cjs.js");require("../api/generated/access.cjs.js");require("../api/generated/actions.cjs.js");require("../api/generated/activityFeed.cjs.js");require("../api/generated/addons.cjs.js");require("../api/generated/anatomy.cjs.js");require("../api/generated/attributes.cjs.js");require("../api/generated/authentication.cjs.js");require("../api/generated/bundles.cjs.js");require("../api/generated/configuration.cjs.js");require("../api/generated/dataImport.cjs.js");require("../api/generated/desktop.cjs.js");require("../api/generated/entityLists.cjs.js");require("../api/generated/events.cjs.js");require("../api/generated/files.cjs.js");require("../api/generated/folders.cjs.js");require("../api/generated/inbox.cjs.js");require("../api/generated/links.cjs.js");require("../api/generated/market.cjs.js");require("../api/generated/onboarding.cjs.js");require("../api/generated/operations.cjs.js");require("../api/generated/products.cjs.js");require("../api/generated/projectDashboard.cjs.js");require("../api/generated/projects.cjs.js");require("../api/generated/projectFolders.cjs.js");require("../api/generated/reviewables.cjs.js");require("../api/generated/services.cjs.js");require("../api/generated/system.cjs.js");require("../api/generated/tasks.cjs.js");require("../api/generated/teams.cjs.js");require("../api/generated/thumbnails.cjs.js");require("../api/generated/uRIs.cjs.js");require("../api/generated/users.cjs.js");require("../api/generated/versions.cjs.js");require("../api/generated/workfiles.cjs.js");require("../api/generated/ynputCloud.cjs.js");require("../api/generated/grouping.cjs.js");require("../api/generated/views.cjs.js");require("../api/queries/actions/getActions.cjs.js");require("../api/queries/activities/getActivities.cjs.js");require("../api/queries/activities/updateActivities.cjs.js");require("../api/queries/activities/updateReaction.cjs.js");require("../api/queries/activities/getMentions.cjs.js");require("../api/queries/activities/getCategories.cjs.js");require("../api/queries/addons/getAddons.cjs.js");require("../api/queries/addons/updateAddons.cjs.js");require("../api/queries/attributes/getAttributes.cjs.js");require("../api/queries/attributes/updateAttributes.cjs.js");require("../api/queries/authentication/getAuthentication.cjs.js");require("../api/queries/cloud/cloud.cjs.js");require("../api/queries/config/getConfig.cjs.js");require("../api/queries/config/updateConfig.cjs.js");require("../api/queries/entities/getEntity.cjs.js");require("../api/queries/entities/getEntityPanel.cjs.js");require("../api/queries/entities/updateEntity.cjs.js");require("../api/queries/entityLists/getLists.cjs.js");require("../api/queries/entityLists/updateLists.cjs.js");require("../api/queries/entityLists/getListsAttributes.cjs.js");require("../api/queries/entityLists/updateListsAttributes.cjs.js");require("../api/queries/entityLists/listFolders.cjs.js");require("../api/queries/folders/getFolders.cjs.js");require("../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../api/queries/grouping/getGrouping.cjs.js");require("../api/queries/links/updateLinks.cjs.js");require("../api/queries/links/getLinks.cjs.js");require("../api/queries/links/getEntityLinks.cjs.js");require("../api/queries/overview/getOverview.cjs.js");require("../api/queries/overview/updateOverview.cjs.js");require("../api/queries/versions/getVersionsProducts.cjs.js");require("../api/queries/permissions/getPermissions.cjs.js");require("../api/queries/products/createProduct.cjs.js");require("../api/queries/products/getFolderProducts.cjs.js");require("../api/queries/project/getProject.cjs.js");require("../api/queries/project/updateProject.cjs.js");require("../api/queries/projectFolders/projectFolders.cjs.js");require("../api/queries/review/getReview.cjs.js");require("../api/queries/review/updateReview.cjs.js");require("../api/queries/share/share.cjs.js");require("../api/queries/system/getSystem.cjs.js");require("../api/queries/tasks/getTasks.cjs.js");require("../api/queries/tasks/updateTasks.cjs.js");require("../api/queries/teams/getTeams.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/users/guests.cjs.js");require("../api/queries/versions/updateVersions.cjs.js");require("../api/queries/views/getViews.cjs.js");require("../api/queries/views/updateViews.cjs.js");require("../api/queries/watchers/getWatchers.cjs.js");require("../api/queries/uris/getUris.cjs.js");require("lodash");require("react-toastify");require("./SubtasksModulesContext.cjs.js");require("./ThumbnailUploaderContext.cjs.js");require("./SettingsPanelContext.cjs.js");require("./pip/PiPProvider.cjs.js");require("react-dom");require("./pip/PiPWrapper.cjs.js");require("./AddonProjectContext.cjs.js");require("./AddonContext.cjs.js");require("./MoveEntityContext.cjs.js");require("./MenuContext.cjs.js");require("./WebsocketContext.cjs.js");require("./GlobalContext.cjs.js");require("./ProjectContext.cjs.js");require("./ProjectFoldersContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../util/pubsub.cjs.js");const te=["feed","subtasks","details","files"],F=i=>typeof i=="string"&&te.includes(i),I=e.createContext(void 0),ue=({children:i,defaultTab:c="feed",hasLicense:y,debug:s={},...n})=>{const a=n.user,l="isDeveloperMode"in s?s.isDeveloperMode:a?.attrib?.developerMode??!1,P="isGuest"in s?s.isGuest:a?.data?.isGuest,{powerLicense:b,setPowerpackDialog:f}=re.usePowerpack(),u="hasLicense"in s?s.hasLicense:!!b||y,[q,T]=e.useState({}),[B,M]=e.useState([]),N=e.useCallback(r=>q[r]?q[r]:!1,[q]),R=e.useCallback((r,o)=>{const t={...q};t[r]=o,T(t)},[q]),[p,U]=w.useLocalStorage("details/tabs-by-scope",{}),G=e.useCallback(r=>{const o=p[r];return F(o)?o:c},[p,c]),[k,x]=e.useState(null),_=e.useCallback(r=>{x(r)},[]),O=e.useCallback(()=>{x(null),k&&g([])},[]);e.useEffect(()=>{O()},[n.useLocation().pathname]);const[H,m]=e.useState(null),z=e.useCallback(r=>{m(r)},[]),J=e.useCallback(()=>{m(null)},[]),[K,v]=e.useState(null),[Q,g]=e.useState([]),{uriType:V,uri:W,entity:d,getUriEntities:X}=ie.useURIContext(),[S]=n.useSearchParams(),h=S.get("project"),D=S.get("type"),C=S.get("id"),E=S.get("activity");e.useEffect(()=>{if(V==="entity"&&d&&d.entityType!=="product"){X().then(r=>{if(r.length===0)return;const o=r.find($=>$.uri===W),t=o?.entities?.[0];if(!o||!t)return;const L=t?.projectName||d.projectName||"",j=t.representationId||t.versionId||t.productId||t.taskId||t.folderId;if(!L||!j)return;const Z={entityType:d.entityType,entities:[{id:j,projectName:L}],source:"uri"};v(Z)}).catch(r=>{console.warn("Failed to get URI entities:",r)});return}h&&D&&C&&(v({entityType:D,entities:[{id:C,projectName:h}],source:"url"}),E&&(g([E]),U({...p,overview:"feed"})))},[h,D,C]);const Y={panelOpenByScope:q,getOpenForScope:N,setPanelOpen:R,setPanelOpenByScope:T,tabsByScope:p,getTabForScope:G,slideOut:k,openSlideOut:_,closeSlideOut:O,highlightedActivities:Q,setHighlightedActivities:g,pip:H,openPip:z,closePip:J,entities:K,setEntities:v,feedAnnotations:B,setFeedAnnotations:M,isDeveloperMode:l,isGuest:P,hasLicense:u,onPowerFeature:f,...n};return ee.jsxRuntimeExports.jsx(I.Provider,{value:Y,children:i})},A=()=>{const i=e.useContext(I);if(i===void 0)throw new Error("useDetailsPanel must be used within a DetailsPanelProvider");return i},se=i=>{const{getOpenForScope:c,setPanelOpen:y,getTabForScope:s}=A(),[n,a]=w.useLocalStorage("details/tabs-by-scope",{}),[l,P]=e.useState(()=>{const u=n[i];return F(u)?u:s(i)}),b=e.useCallback(u=>{P(u),a({...n,[i]:u})},[i,a]),f=l==="feed";return{isOpen:c(i),setOpen:u=>y(i,u),currentTab:l,setTab:b,isFeed:f}};exports.DetailsPanelProvider=ue;exports.useDetailsPanelContext=A;exports.useScopedDetailsPanel=se;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ee=require("../../../_virtual/jsx-runtime.cjs.js"),e=require("react"),re=require("./PowerpackContext.cjs.js"),ie=require("./UriContext.cjs.js"),w=require("../hooks/useLocalStorage.cjs.js");require("./RemoteModulesContext.cjs.js");require("../../../_virtual/runtime.cjs.js");require("../../../_virtual/semver.cjs.js");require("../api/base/client.cjs.js");require("../api/generated/graphql.cjs.js");require("../api/generated/graphqlLinks.cjs.js");require("../api/generated/access.cjs.js");require("../api/generated/actions.cjs.js");require("../api/generated/activityFeed.cjs.js");require("../api/generated/addons.cjs.js");require("../api/generated/anatomy.cjs.js");require("../api/generated/attributes.cjs.js");require("../api/generated/authentication.cjs.js");require("../api/generated/bundles.cjs.js");require("../api/generated/configuration.cjs.js");require("../api/generated/dataImport.cjs.js");require("../api/generated/desktop.cjs.js");require("../api/generated/entityLists.cjs.js");require("../api/generated/events.cjs.js");require("../api/generated/files.cjs.js");require("../api/generated/folders.cjs.js");require("../api/generated/inbox.cjs.js");require("../api/generated/links.cjs.js");require("../api/generated/market.cjs.js");require("../api/generated/onboarding.cjs.js");require("../api/generated/operations.cjs.js");require("../api/generated/products.cjs.js");require("../api/generated/projectDashboard.cjs.js");require("../api/generated/projects.cjs.js");require("../api/generated/projectFolders.cjs.js");require("../api/generated/reviewables.cjs.js");require("../api/generated/services.cjs.js");require("../api/generated/system.cjs.js");require("../api/generated/tasks.cjs.js");require("../api/generated/teams.cjs.js");require("../api/generated/thumbnails.cjs.js");require("../api/generated/uRIs.cjs.js");require("../api/generated/users.cjs.js");require("../api/generated/versions.cjs.js");require("../api/generated/workfiles.cjs.js");require("../api/generated/ynputCloud.cjs.js");require("../api/generated/grouping.cjs.js");require("../api/generated/views.cjs.js");require("../api/queries/actions/getActions.cjs.js");require("../api/queries/activities/getActivities.cjs.js");require("../api/queries/activities/updateActivities.cjs.js");require("../api/queries/activities/updateReaction.cjs.js");require("../api/queries/activities/getMentions.cjs.js");require("../api/queries/activities/getCategories.cjs.js");require("../api/queries/addons/getAddons.cjs.js");require("../api/queries/addons/updateAddons.cjs.js");require("../api/queries/attributes/getAttributes.cjs.js");require("../api/queries/attributes/updateAttributes.cjs.js");require("../api/queries/authentication/getAuthentication.cjs.js");require("../api/queries/cloud/cloud.cjs.js");require("../api/queries/config/getConfig.cjs.js");require("../api/queries/config/updateConfig.cjs.js");require("../api/queries/entities/getEntity.cjs.js");require("../api/queries/entities/getEntityPanel.cjs.js");require("../api/queries/entities/updateEntity.cjs.js");require("../api/queries/entityLists/getLists.cjs.js");require("../api/queries/entityLists/updateLists.cjs.js");require("../api/queries/entityLists/getListsAttributes.cjs.js");require("../api/queries/entityLists/updateListsAttributes.cjs.js");require("../api/queries/entityLists/listFolders.cjs.js");require("../api/queries/folders/getFolders.cjs.js");require("../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../api/queries/grouping/getGrouping.cjs.js");require("../api/queries/links/updateLinks.cjs.js");require("../api/queries/links/getLinks.cjs.js");require("../api/queries/links/getEntityLinks.cjs.js");require("../api/queries/overview/getOverview.cjs.js");require("../api/queries/overview/updateOverview.cjs.js");require("../api/queries/versions/getVersionsProducts.cjs.js");require("../api/queries/permissions/getPermissions.cjs.js");require("../api/queries/products/createProduct.cjs.js");require("../api/queries/products/getFolderProducts.cjs.js");require("../api/queries/project/getProject.cjs.js");require("../api/queries/project/updateProject.cjs.js");require("../api/queries/projectFolders/projectFolders.cjs.js");require("../api/queries/review/getReview.cjs.js");require("../api/queries/review/updateReview.cjs.js");require("../api/queries/share/share.cjs.js");require("../api/queries/system/getSystem.cjs.js");require("../api/queries/tasks/getTasks.cjs.js");require("../api/queries/tasks/updateTasks.cjs.js");require("../api/queries/teams/getTeams.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/users/guests.cjs.js");require("../api/queries/versions/updateVersions.cjs.js");require("../api/queries/views/getViews.cjs.js");require("../api/queries/views/updateViews.cjs.js");require("../api/queries/watchers/getWatchers.cjs.js");require("../api/queries/uris/getUris.cjs.js");require("lodash");require("react-toastify");const I=require("./DetailsPanelContextInstance.cjs.js");require("./SubtasksModulesContextInstance.cjs.js");require("./ThumbnailUploaderContext.cjs.js");require("./SettingsPanelContext.cjs.js");require("./pip/PiPProvider.cjs.js");require("react-dom");require("./pip/PiPWrapper.cjs.js");require("./AddonProjectContext.cjs.js");require("./AddonContext.cjs.js");require("./MoveEntityContext.cjs.js");require("./MenuContext.cjs.js");require("./WebsocketContext.cjs.js");require("./GlobalContext.cjs.js");require("./ProjectContext.cjs.js");require("./ProjectFoldersContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../util/pubsub.cjs.js");const te=["feed","subtasks","details","files"],F=i=>typeof i=="string"&&te.includes(i),ue=({children:i,defaultTab:c="feed",hasLicense:y,debug:s={},...n})=>{const a=n.user,l="isDeveloperMode"in s?s.isDeveloperMode:a?.attrib?.developerMode??!1,P="isGuest"in s?s.isGuest:a?.data?.isGuest,{powerLicense:b,setPowerpackDialog:f}=re.usePowerpack(),u="hasLicense"in s?s.hasLicense:!!b||y,[q,T]=e.useState({}),[B,M]=e.useState([]),N=e.useCallback(r=>q[r]?q[r]:!1,[q]),R=e.useCallback((r,o)=>{const t={...q};t[r]=o,T(t)},[q]),[p,U]=w.useLocalStorage("details/tabs-by-scope",{}),G=e.useCallback(r=>{const o=p[r];return F(o)?o:c},[p,c]),[x,k]=e.useState(null),_=e.useCallback(r=>{k(r)},[]),O=e.useCallback(()=>{k(null),x&&v([])},[]);e.useEffect(()=>{O()},[n.useLocation().pathname]);const[H,m]=e.useState(null),z=e.useCallback(r=>{m(r)},[]),J=e.useCallback(()=>{m(null)},[]),[K,D]=e.useState(null),[Q,v]=e.useState([]),{uriType:V,uri:W,entity:d,getUriEntities:X}=ie.useURIContext(),[S]=n.useSearchParams(),g=S.get("project"),h=S.get("type"),C=S.get("id"),E=S.get("activity");e.useEffect(()=>{if(V==="entity"&&d&&d.entityType!=="product"){X().then(r=>{if(r.length===0)return;const o=r.find($=>$.uri===W),t=o?.entities?.[0];if(!o||!t)return;const L=t?.projectName||d.projectName||"",j=t.representationId||t.versionId||t.productId||t.taskId||t.folderId;if(!L||!j)return;const Z={entityType:d.entityType,entities:[{id:j,projectName:L}],source:"uri"};D(Z)}).catch(r=>{console.warn("Failed to get URI entities:",r)});return}g&&h&&C&&(D({entityType:h,entities:[{id:C,projectName:g}],source:"url"}),E&&(v([E]),U({...p,overview:"feed"})))},[g,h,C]);const Y={panelOpenByScope:q,getOpenForScope:N,setPanelOpen:R,setPanelOpenByScope:T,tabsByScope:p,getTabForScope:G,slideOut:x,openSlideOut:_,closeSlideOut:O,highlightedActivities:Q,setHighlightedActivities:v,pip:H,openPip:z,closePip:J,entities:K,setEntities:D,feedAnnotations:B,setFeedAnnotations:M,isDeveloperMode:l,isGuest:P,hasLicense:u,onPowerFeature:f,...n};return ee.jsxRuntimeExports.jsx(I.DetailsPanelContext.Provider,{value:Y,children:i})},A=()=>{const i=e.useContext(I.DetailsPanelContext);if(i===void 0)throw new Error("useDetailsPanel must be used within a DetailsPanelProvider");return i},se=i=>{const{getOpenForScope:c,setPanelOpen:y,getTabForScope:s}=A(),[n,a]=w.useLocalStorage("details/tabs-by-scope",{}),[l,P]=e.useState(()=>{const u=n[i];return F(u)?u:s(i)}),b=e.useCallback(u=>{P(u),a({...n,[i]:u})},[i,a]),f=l==="feed";return{isOpen:c(i),setOpen:u=>y(i,u),currentTab:l,setTab:b,isFeed:f}};exports.DetailsPanelProvider=ue;exports.useDetailsPanelContext=A;exports.useScopedDetailsPanel=se;
 //# sourceMappingURL=DetailsPanelContext.cjs.js.map

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, {\n  createContext,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useState,\n} from 'react'\nimport { QueryFilter, UserModel, DetailsPanelEntityType } from '@shared/api'\nimport { useLocation, useNavigate, useParams, useSearchParams } from 'react-router-dom'\nimport { SavedAnnotationMetadata } from '@shared/containers'\nimport { PowerpackFeature, usePowerpack } from './PowerpackContext'\nimport { useURIContext } from './UriContext'\nimport { useLocalStorage } from '@shared/hooks'\nimport type { SubtasksManagerProps } from '@shared/components'\n\n// High-level tabs for the details panel\nexport type DetailsPanelTab = 'feed' | 'subtasks' | 'details' | 'files'\n\n// Filters within the feed tab\nexport type FeedFilter = QueryFilter\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 type Entities = {\n  entityType: DetailsPanelEntityType\n  entities: { id: string; projectName: string }[]\n  entitySubTypes?: string[]\n  source?: 'uri' | 'url' | 'related' // uri = ayon+entity://..., url = ?project=...&type=...&id=...\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\nconst DETAILS_PANEL_TABS: DetailsPanelTab[] = ['feed', 'subtasks', 'details', 'files']\n\nconst isDetailsPanelTab = (tab: unknown): tab is DetailsPanelTab =>\n  typeof tab === 'string' && DETAILS_PANEL_TABS.includes(tab as DetailsPanelTab)\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  hasLicense?: boolean\n  // SubtasksManager component\n  SubtasksManager?: React.ComponentType<SubtasksManagerProps>\n  // debugging used to simulate different values\n  debug?: {\n    isDeveloperMode?: boolean\n    isGuest?: boolean\n    hasLicense?: boolean\n  }\n}\n\n// Interface for our simplified context\nexport interface DetailsPanelContextType extends DetailsPanelContextProps {\n  // user\n  isDeveloperMode: boolean\n  isGuest: 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\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  // Entities state\n  entities: Entities | null\n  setEntities: (entities: Entities | null) => void\n\n  // Annotations\n  feedAnnotations: SavedAnnotationMetadata[]\n  setFeedAnnotations: (annotations: SavedAnnotationMetadata[]) => void\n\n  // powerpack\n  onPowerFeature: (feature: PowerpackFeature) => 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 = 'feed',\n  hasLicense: hasLicenseProp,\n  debug = {},\n  ...forwardedProps\n}) => {\n  const user = forwardedProps.user\n  const isDeveloperMode =\n    'isDeveloperMode' in debug\n      ? (debug.isDeveloperMode as boolean)\n      : user?.attrib?.developerMode ?? false\n  const isGuest = 'isGuest' in debug ? (debug.isGuest as boolean) : user?.data?.isGuest\n\n  // get license from powerpack or forwarded down from props\n  const { powerLicense, setPowerpackDialog } = usePowerpack()\n  const hasLicense =\n    'hasLicense' in debug ? (debug.hasLicense as boolean) : !!powerLicense || hasLicenseProp\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, setTabByScope] = useLocalStorage<TabStateByScope>('details/tabs-by-scope', {})\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      const tab = tabsByScope[scope]\n      if (isDetailsPanelTab(tab)) {\n        return tab\n      }\n\n      // Fall back to default\n      return defaultTab\n    },\n    [tabsByScope, defaultTab],\n  )\n\n  // Set tab for a scope\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    if (slideOut) {\n      setHighlightedActivities([])\n    }\n  }, [])\n\n  // close slide out whenever the page changes\n  useEffect(() => {\n    closeSlideOut()\n  }, [forwardedProps.useLocation().pathname])\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 [entities, setEntities] = useState<Entities | null>(null)\n\n  const [highlightedActivities, setHighlightedActivities] = useState<string[]>([])\n\n  const { uriType, uri, entity, getUriEntities } = useURIContext()\n  const [searchParams] = forwardedProps.useSearchParams()\n\n  const project = searchParams.get('project')\n  const type = searchParams.get('type')\n  const id = searchParams.get('id')\n  const activity = searchParams.get('activity')\n\n  // on first load or URL param change, check if there is a uri or URL params and open details panel if present\n  useEffect(() => {\n    // Priority 1: Check for 'uri' parameter (ayon+entity://...)\n    if (uriType === 'entity' && entity && entity.entityType !== 'product') {\n      getUriEntities()\n        .then((result) => {\n          if (result.length === 0) return\n\n          const entityUriData = result.find((r) => r.uri === uri)\n          const entityData = entityUriData?.entities?.[0]\n\n          if (!entityUriData || !entityData) return\n          const projectName = entityData?.projectName || entity.projectName || ''\n          const id =\n            entityData.representationId ||\n            entityData.versionId ||\n            entityData.productId ||\n            entityData.taskId ||\n            entityData.folderId\n\n          if (!projectName || !id) return\n\n          const newEntities: Entities = {\n            entityType: entity.entityType as DetailsPanelEntityType,\n            entities: [\n              {\n                id: id,\n                projectName: projectName,\n              },\n            ],\n            source: 'uri',\n          }\n\n          setEntities(newEntities)\n        })\n        .catch((err) => {\n          console.warn('Failed to get URI entities:', err)\n        })\n      return\n    }\n\n    // Priority 2: Check for URL params (project, type, id)\n    if (project && type && id) {\n      const newEntities: Entities = {\n        entityType: type as DetailsPanelEntityType,\n        entities: [\n          {\n            id,\n            projectName: project,\n          },\n        ],\n        source: 'url',\n      }\n\n      setEntities(newEntities)\n\n      // if there is an activity param, open the feed tab (activity is shown by default)\n\n      if (activity) {\n        setHighlightedActivities([activity])\n        setTabByScope({\n          ...tabsByScope,\n          overview: 'feed',\n        })\n      }\n    }\n  }, [project, type, id])\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    // 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    // entities state\n    entities,\n    setEntities,\n    feedAnnotations,\n    setFeedAnnotations,\n    isDeveloperMode,\n    isGuest,\n    hasLicense,\n    onPowerFeature: setPowerpackDialog,\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 DetailsPanelProvider')\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 { getOpenForScope, setPanelOpen, getTabForScope } = useDetailsPanelContext()\n\n  const [tabsByScope, setTabsByScope] = useLocalStorage<TabStateByScope>(\n    'details/tabs-by-scope',\n    {},\n  )\n\n  const [currentTab, setTab] = useState<DetailsPanelTab>(() => {\n    const tab = tabsByScope[scope]\n    return isDetailsPanelTab(tab) ? tab : getTabForScope(scope)\n  })\n\n  // Keep localStorage and local state in sync\n  const updateTab = useCallback(\n    (newTab: DetailsPanelTab) => {\n      setTab(newTab)\n      setTabsByScope({ ...tabsByScope, [scope]: newTab })\n    },\n    [scope, setTabsByScope],\n  )\n\n  const isFeed = currentTab === 'feed'\n\n  return {\n    isOpen: getOpenForScope(scope),\n    setOpen: (isOpen: boolean) => setPanelOpen(scope, isOpen),\n    currentTab,\n    setTab: updateTab,\n    isFeed,\n  }\n}\n"],"names":["DETAILS_PANEL_TABS","isDetailsPanelTab","tab","DetailsPanelContext","createContext","DetailsPanelProvider","children","defaultTab","hasLicenseProp","debug","forwardedProps","user","isDeveloperMode","isGuest","powerLicense","setPowerpackDialog","usePowerpack","hasLicense","panelOpenByScope","setPanelOpenByScope","useState","feedAnnotations","setFeedAnnotations","getOpenForScope","useCallback","scope","setPanelOpen","isOpen","newState","tabsByScope","setTabByScope","useLocalStorage","getTabForScope","slideOut","setSlideOut","openSlideOut","params","closeSlideOut","setHighlightedActivities","useEffect","pip","setPip","openPip","closePip","entities","setEntities","highlightedActivities","uriType","uri","entity","getUriEntities","useURIContext","searchParams","project","type","id","activity","result","entityUriData","r","entityData","projectName","newEntities","err","value","jsx","useDetailsPanelContext","context","useContext","useScopedDetailsPanel","setTabsByScope","currentTab","setTab","updateTab","newTab","isFeed"],"mappings":"0qLAkDA,MAAMA,GAAwC,CAAC,OAAQ,WAAY,UAAW,OAAO,EAE/EC,EAAqBC,GACzB,OAAOA,GAAQ,UAAYF,GAAmB,SAASE,CAAsB,EA4EzEC,EAAsBC,EAAAA,cAAmD,MAAS,EAQ3EC,GAA4D,CAAC,CACxE,SAAAC,EACA,WAAAC,EAAa,OACb,WAAYC,EACZ,MAAAC,EAAQ,CAAA,EACR,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAOD,EAAe,KACtBE,EACJ,oBAAqBH,EAChBA,EAAM,gBACPE,GAAM,QAAQ,eAAiB,GAC/BE,EAAU,YAAaJ,EAASA,EAAM,QAAsBE,GAAM,MAAM,QAGxE,CAAE,aAAAG,EAAc,mBAAAC,CAAA,EAAuBC,gBAAA,EACvCC,EACJ,eAAgBR,EAASA,EAAM,WAAyB,CAAC,CAACK,GAAgBN,EAGtE,CAACU,EAAkBC,CAAmB,EAAIC,EAAAA,SAA2B,CAAA,CAAE,EACvE,CAACC,EAAiBC,CAAkB,EAAIF,EAAAA,SAAoC,CAAA,CAAE,EAG9EG,EAAkBC,EAAAA,YACrBC,GAEKP,EAAiBO,CAAK,EACjBP,EAAiBO,CAAK,EAIxB,GAET,CAACP,CAAgB,CAAA,EAGbQ,EAAeF,EAAAA,YACnB,CAACC,EAAeE,IAAoB,CAElC,MAAMC,EAAW,CAAE,GAAGV,CAAA,EACtBU,EAASH,CAAK,EAAIE,EAGlBR,EAAoBS,CAAQ,CAC9B,EACA,CAACV,CAAgB,CAAA,EAIb,CAACW,EAAaC,CAAa,EAAIC,EAAAA,gBAAiC,wBAAyB,CAAA,CAAE,EAG3FC,EAAiBR,EAAAA,YACpBC,GAAmC,CAElC,MAAMvB,EAAM2B,EAAYJ,CAAK,EAC7B,OAAIxB,EAAkBC,CAAG,EAChBA,EAIFK,CACT,EACA,CAACsB,EAAatB,CAAU,CAAA,EAMpB,CAAC0B,EAAUC,CAAW,EAAId,EAAAA,SAA0B,IAAI,EAGxDe,EAAeX,cAAsDY,GAAW,CACpFF,EAAYE,CAAM,CACpB,EAAG,CAAA,CAAE,EAGCC,EAAgBb,EAAAA,YAAY,IAAM,CACtCU,EAAY,IAAI,EACZD,GACFK,EAAyB,CAAA,CAAE,CAE/B,EAAG,CAAA,CAAE,EAGLC,EAAAA,UAAU,IAAM,CACdF,EAAA,CACF,EAAG,CAAC3B,EAAe,YAAA,EAAc,QAAQ,CAAC,EAE1C,KAAM,CAAC8B,EAAKC,CAAM,EAAIrB,EAAAA,SAAiC,IAAI,EAErDsB,EAAUlB,cAAagB,GAAyB,CACpDC,EAAOD,CAAG,CACZ,EAAG,CAAA,CAAE,EACCG,EAAWnB,EAAAA,YAAY,IAAM,CACjCiB,EAAO,IAAI,CACb,EAAG,CAAA,CAAE,EAEC,CAACG,EAAUC,CAAW,EAAIzB,EAAAA,SAA0B,IAAI,EAExD,CAAC0B,EAAuBR,CAAwB,EAAIlB,EAAAA,SAAmB,CAAA,CAAE,EAEzE,CAAE,QAAA2B,EAAS,IAAAC,EAAK,OAAAC,EAAQ,eAAAC,CAAA,EAAmBC,GAAAA,cAAA,EAC3C,CAACC,CAAY,EAAI1C,EAAe,gBAAA,EAEhC2C,EAAUD,EAAa,IAAI,SAAS,EACpCE,EAAOF,EAAa,IAAI,MAAM,EAC9BG,EAAKH,EAAa,IAAI,IAAI,EAC1BI,EAAWJ,EAAa,IAAI,UAAU,EAG5Cb,EAAAA,UAAU,IAAM,CAEd,GAAIQ,IAAY,UAAYE,GAAUA,EAAO,aAAe,UAAW,CACrEC,EAAA,EACG,KAAMO,GAAW,CAChB,GAAIA,EAAO,SAAW,EAAG,OAEzB,MAAMC,EAAgBD,EAAO,KAAME,GAAMA,EAAE,MAAQX,CAAG,EAChDY,EAAaF,GAAe,WAAW,CAAC,EAE9C,GAAI,CAACA,GAAiB,CAACE,EAAY,OACnC,MAAMC,EAAcD,GAAY,aAAeX,EAAO,aAAe,GAC/DM,EACJK,EAAW,kBACXA,EAAW,WACXA,EAAW,WACXA,EAAW,QACXA,EAAW,SAEb,GAAI,CAACC,GAAe,CAACN,EAAI,OAEzB,MAAMO,EAAwB,CAC5B,WAAYb,EAAO,WACnB,SAAU,CACR,CACE,GAAIM,EACJ,YAAAM,CAAA,CACF,EAEF,OAAQ,KAAA,EAGVhB,EAAYiB,CAAW,CACzB,CAAC,EACA,MAAOC,GAAQ,CACd,QAAQ,KAAK,8BAA+BA,CAAG,CACjD,CAAC,EACH,MACF,CAGIV,GAAWC,GAAQC,IAYrBV,EAX8B,CAC5B,WAAYS,EACZ,SAAU,CACR,CACE,GAAAC,EACA,YAAaF,CAAA,CACf,EAEF,OAAQ,KAAA,CAGa,EAInBG,IACFlB,EAAyB,CAACkB,CAAQ,CAAC,EACnC1B,EAAc,CACZ,GAAGD,EACH,SAAU,MAAA,CACX,GAGP,EAAG,CAACwB,EAASC,EAAMC,CAAE,CAAC,EAEtB,MAAMS,EAAQ,CAEZ,iBAAA9C,EACA,gBAAAK,EACA,aAAAG,EACA,oBAAAP,EAEA,YAAAU,EACA,eAAAG,EAEA,SAAAC,EACA,aAAAE,EACA,cAAAE,EAEA,sBAAAS,EACA,yBAAAR,EAEA,IAAAE,EACA,QAAAE,EACA,SAAAC,EAEA,SAAAC,EACA,YAAAC,EACA,gBAAAxB,EACA,mBAAAC,EACA,gBAAAV,EACA,QAAAC,EACA,WAAAI,EACA,eAAgBF,EAChB,GAAGL,CAAA,EAGL,OAAOuD,GAAAA,kBAAAA,IAAC9D,EAAoB,SAApB,CAA6B,MAAA6D,EAAe,SAAA1D,CAAA,CAAS,CAC/D,EAGa4D,EAAyB,IAA+B,CACnE,MAAMC,EAAUC,EAAAA,WAAWjE,CAAmB,EAC9C,GAAIgE,IAAY,OACd,MAAM,IAAI,MAAM,4DAA4D,EAE9E,OAAOA,CACT,EAGaE,GAAyB5C,GAAkB,CACtD,KAAM,CAAE,gBAAAF,EAAiB,aAAAG,EAAc,eAAAM,CAAA,EAAmBkC,EAAA,EAEpD,CAACrC,EAAayC,CAAc,EAAIvC,EAAAA,gBACpC,wBACA,CAAA,CAAC,EAGG,CAACwC,EAAYC,CAAM,EAAIpD,EAAAA,SAA0B,IAAM,CAC3D,MAAMlB,EAAM2B,EAAYJ,CAAK,EAC7B,OAAOxB,EAAkBC,CAAG,EAAIA,EAAM8B,EAAeP,CAAK,CAC5D,CAAC,EAGKgD,EAAYjD,EAAAA,YACfkD,GAA4B,CAC3BF,EAAOE,CAAM,EACbJ,EAAe,CAAE,GAAGzC,EAAa,CAACJ,CAAK,EAAGiD,EAAQ,CACpD,EACA,CAACjD,EAAO6C,CAAc,CAAA,EAGlBK,EAASJ,IAAe,OAE9B,MAAO,CACL,OAAQhD,EAAgBE,CAAK,EAC7B,QAAUE,GAAoBD,EAAaD,EAAOE,CAAM,EACxD,WAAA4C,EACA,OAAQE,EACR,OAAAE,CAAA,CAEJ"}
+{"version":3,"file":"DetailsPanelContext.cjs.js","sources":["../../../../src/context/DetailsPanelContext.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useContext, useEffect, useState } from 'react'\nimport { QueryFilter, UserModel, DetailsPanelEntityType } from '@shared/api'\nimport { useLocation, useNavigate, useParams, useSearchParams } from 'react-router-dom'\nimport { SavedAnnotationMetadata } from '@shared/containers'\nimport { PowerpackFeature, usePowerpack } from './PowerpackContext'\nimport { useURIContext } from './UriContext'\nimport { useLocalStorage } from '@shared/hooks'\nimport type { SubtasksManagerProps } from '@shared/components'\nimport { DetailsPanelContext } from './DetailsPanelContextInstance'\n\n// High-level tabs for the details panel\nexport type DetailsPanelTab = 'feed' | 'subtasks' | 'details' | 'files'\n\n// Filters within the feed tab\nexport type FeedFilter = QueryFilter\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 type Entities = {\n  entityType: DetailsPanelEntityType\n  entities: { id: string; projectName: string }[]\n  entitySubTypes?: string[]\n  source?: 'uri' | 'url' | 'related' // uri = ayon+entity://..., url = ?project=...&type=...&id=...\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\nconst DETAILS_PANEL_TABS: DetailsPanelTab[] = ['feed', 'subtasks', 'details', 'files']\n\nconst isDetailsPanelTab = (tab: unknown): tab is DetailsPanelTab =>\n  typeof tab === 'string' && DETAILS_PANEL_TABS.includes(tab as DetailsPanelTab)\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  hasLicense?: boolean\n  // SubtasksManager component\n  SubtasksManager?: React.ComponentType<SubtasksManagerProps>\n  // debugging used to simulate different values\n  debug?: {\n    isDeveloperMode?: boolean\n    isGuest?: boolean\n    hasLicense?: boolean\n  }\n}\n\n// Interface for our simplified context\nexport interface DetailsPanelContextType extends DetailsPanelContextProps {\n  // user\n  isDeveloperMode: boolean\n  isGuest: 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\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  // Entities state\n  entities: Entities | null\n  setEntities: (entities: Entities | null) => void\n\n  // Annotations\n  feedAnnotations: SavedAnnotationMetadata[]\n  setFeedAnnotations: (annotations: SavedAnnotationMetadata[]) => void\n\n  // powerpack\n  onPowerFeature: (feature: PowerpackFeature) => void\n}\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 = 'feed',\n  hasLicense: hasLicenseProp,\n  debug = {},\n  ...forwardedProps\n}) => {\n  const user = forwardedProps.user\n  const isDeveloperMode =\n    'isDeveloperMode' in debug\n      ? (debug.isDeveloperMode as boolean)\n      : user?.attrib?.developerMode ?? false\n  const isGuest = 'isGuest' in debug ? (debug.isGuest as boolean) : user?.data?.isGuest\n\n  // get license from powerpack or forwarded down from props\n  const { powerLicense, setPowerpackDialog } = usePowerpack()\n  const hasLicense =\n    'hasLicense' in debug ? (debug.hasLicense as boolean) : !!powerLicense || hasLicenseProp\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, setTabByScope] = useLocalStorage<TabStateByScope>('details/tabs-by-scope', {})\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      const tab = tabsByScope[scope]\n      if (isDetailsPanelTab(tab)) {\n        return tab\n      }\n\n      // Fall back to default\n      return defaultTab\n    },\n    [tabsByScope, defaultTab],\n  )\n\n  // Set tab for a scope\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    if (slideOut) {\n      setHighlightedActivities([])\n    }\n  }, [])\n\n  // close slide out whenever the page changes\n  useEffect(() => {\n    closeSlideOut()\n  }, [forwardedProps.useLocation().pathname])\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 [entities, setEntities] = useState<Entities | null>(null)\n\n  const [highlightedActivities, setHighlightedActivities] = useState<string[]>([])\n\n  const { uriType, uri, entity, getUriEntities } = useURIContext()\n  const [searchParams] = forwardedProps.useSearchParams()\n\n  const project = searchParams.get('project')\n  const type = searchParams.get('type')\n  const id = searchParams.get('id')\n  const activity = searchParams.get('activity')\n\n  // on first load or URL param change, check if there is a uri or URL params and open details panel if present\n  useEffect(() => {\n    // Priority 1: Check for 'uri' parameter (ayon+entity://...)\n    if (uriType === 'entity' && entity && entity.entityType !== 'product') {\n      getUriEntities()\n        .then((result) => {\n          if (result.length === 0) return\n\n          const entityUriData = result.find((r) => r.uri === uri)\n          const entityData = entityUriData?.entities?.[0]\n\n          if (!entityUriData || !entityData) return\n          const projectName = entityData?.projectName || entity.projectName || ''\n          const id =\n            entityData.representationId ||\n            entityData.versionId ||\n            entityData.productId ||\n            entityData.taskId ||\n            entityData.folderId\n\n          if (!projectName || !id) return\n\n          const newEntities: Entities = {\n            entityType: entity.entityType as DetailsPanelEntityType,\n            entities: [\n              {\n                id: id,\n                projectName: projectName,\n              },\n            ],\n            source: 'uri',\n          }\n\n          setEntities(newEntities)\n        })\n        .catch((err) => {\n          console.warn('Failed to get URI entities:', err)\n        })\n      return\n    }\n\n    // Priority 2: Check for URL params (project, type, id)\n    if (project && type && id) {\n      const newEntities: Entities = {\n        entityType: type as DetailsPanelEntityType,\n        entities: [\n          {\n            id,\n            projectName: project,\n          },\n        ],\n        source: 'url',\n      }\n\n      setEntities(newEntities)\n\n      // if there is an activity param, open the feed tab (activity is shown by default)\n\n      if (activity) {\n        setHighlightedActivities([activity])\n        setTabByScope({\n          ...tabsByScope,\n          overview: 'feed',\n        })\n      }\n    }\n  }, [project, type, id])\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    // 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    // entities state\n    entities,\n    setEntities,\n    feedAnnotations,\n    setFeedAnnotations,\n    isDeveloperMode,\n    isGuest,\n    hasLicense,\n    onPowerFeature: setPowerpackDialog,\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 DetailsPanelProvider')\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 { getOpenForScope, setPanelOpen, getTabForScope } = useDetailsPanelContext()\n\n  const [tabsByScope, setTabsByScope] = useLocalStorage<TabStateByScope>(\n    'details/tabs-by-scope',\n    {},\n  )\n\n  const [currentTab, setTab] = useState<DetailsPanelTab>(() => {\n    const tab = tabsByScope[scope]\n    return isDetailsPanelTab(tab) ? tab : getTabForScope(scope)\n  })\n\n  // Keep localStorage and local state in sync\n  const updateTab = useCallback(\n    (newTab: DetailsPanelTab) => {\n      setTab(newTab)\n      setTabsByScope({ ...tabsByScope, [scope]: newTab })\n    },\n    [scope, setTabsByScope],\n  )\n\n  const isFeed = currentTab === 'feed'\n\n  return {\n    isOpen: getOpenForScope(scope),\n    setOpen: (isOpen: boolean) => setPanelOpen(scope, isOpen),\n    currentTab,\n    setTab: updateTab,\n    isFeed,\n  }\n}\n"],"names":["DETAILS_PANEL_TABS","isDetailsPanelTab","tab","DetailsPanelProvider","children","defaultTab","hasLicenseProp","debug","forwardedProps","user","isDeveloperMode","isGuest","powerLicense","setPowerpackDialog","usePowerpack","hasLicense","panelOpenByScope","setPanelOpenByScope","useState","feedAnnotations","setFeedAnnotations","getOpenForScope","useCallback","scope","setPanelOpen","isOpen","newState","tabsByScope","setTabByScope","useLocalStorage","getTabForScope","slideOut","setSlideOut","openSlideOut","params","closeSlideOut","setHighlightedActivities","useEffect","pip","setPip","openPip","closePip","entities","setEntities","highlightedActivities","uriType","uri","entity","getUriEntities","useURIContext","searchParams","project","type","id","activity","result","entityUriData","r","entityData","projectName","newEntities","err","value","jsx","DetailsPanelContext","useDetailsPanelContext","context","useContext","useScopedDetailsPanel","setTabsByScope","currentTab","setTab","updateTab","newTab","isFeed"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 import { j as it } from "../../../_virtual/jsx-runtime.es.js";
-import { createContext as ot, useContext as et, useState as m, useCallback as p, useEffect as B } from "react";
-import { usePowerpack as rt } from "./PowerpackContext.es.js";
-import { useURIContext as pt } from "./UriContext.es.js";
-import { useLocalStorage as C } from "../hooks/useLocalStorage.es.js";
+import { useContext as ot, useState as m, useCallback as p, useEffect as B } from "react";
+import { usePowerpack as et } from "./PowerpackContext.es.js";
+import { useURIContext as rt } from "./UriContext.es.js";
+import { useLocalStorage as k } from "../hooks/useLocalStorage.es.js";
 import "./RemoteModulesContext.es.js";
 import "../../../_virtual/runtime.es.js";
 import "../../../_virtual/semver.es.js";
@@ -101,7 +101,8 @@ import "../api/queries/watchers/getWatchers.es.js";
 import "../api/queries/uris/getUris.es.js";
 import "lodash";
 import "react-toastify";
-import "./SubtasksModulesContext.es.js";
+import { DetailsPanelContext as C } from "./DetailsPanelContextInstance.es.js";
+import "./SubtasksModulesContextInstance.es.js";
 import "./ThumbnailUploaderContext.es.js";
 import "./SettingsPanelContext.es.js";
 import "./pip/PiPProvider.es.js";
@@ -120,41 +121,41 @@ import "custom-protocol-check";
 import "../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "uuid";
 import "../util/pubsub.es.js";
-const st = ["feed", "subtasks", "details", "files"], k = (i) => typeof i == "string" && st.includes(i), N = ot(void 0), go = ({
+const pt = ["feed", "subtasks", "details", "files"], N = (i) => typeof i == "string" && pt.includes(i), go = ({
   children: i,
   defaultTab: l = "feed",
   hasLicense: S,
   debug: r = {},
   ...s
 }) => {
-  const a = s.user, u = "isDeveloperMode" in r ? r.isDeveloperMode : a?.attrib?.developerMode ?? !1, P = "isGuest" in r ? r.isGuest : a?.data?.isGuest, { powerLicense: h, setPowerpackDialog: v } = rt(), e = "hasLicense" in r ? r.hasLicense : !!h || S, [c, x] = m({}), [G, M] = m([]), U = p(
+  const a = s.user, u = "isDeveloperMode" in r ? r.isDeveloperMode : a?.attrib?.developerMode ?? !1, P = "isGuest" in r ? r.isGuest : a?.data?.isGuest, { powerLicense: h, setPowerpackDialog: v } = et(), e = "hasLicense" in r ? r.hasLicense : !!h || S, [c, E] = m({}), [G, M] = m([]), U = p(
     (t) => c[t] ? c[t] : !1,
     [c]
   ), R = p(
     (t, n) => {
       const o = { ...c };
-      o[t] = n, x(o);
+      o[t] = n, E(o);
     },
     [c]
-  ), [d, _] = C("details/tabs-by-scope", {}), H = p(
+  ), [d, _] = k("details/tabs-by-scope", {}), H = p(
     (t) => {
       const n = d[t];
-      return k(n) ? n : l;
+      return N(n) ? n : l;
     },
     [d, l]
-  ), [E, j] = m(null), q = p((t) => {
-    j(t);
-  }, []), w = p(() => {
-    j(null), E && T([]);
+  ), [j, w] = m(null), q = p((t) => {
+    w(t);
+  }, []), x = p(() => {
+    w(null), j && T([]);
   }, []);
   B(() => {
-    w();
+    x();
   }, [s.useLocation().pathname]);
   const [z, L] = m(null), J = p((t) => {
     L(t);
   }, []), K = p(() => {
     L(null);
-  }, []), [Q, D] = m(null), [V, T] = m([]), { uriType: W, uri: X, entity: y, getUriEntities: Y } = pt(), [f] = s.useSearchParams(), b = f.get("project"), g = f.get("type"), O = f.get("id"), F = f.get("activity");
+  }, []), [Q, D] = m(null), [V, T] = m([]), { uriType: W, uri: X, entity: y, getUriEntities: Y } = rt(), [f] = s.useSearchParams(), b = f.get("project"), g = f.get("type"), O = f.get("id"), F = f.get("activity");
   B(() => {
     if (W === "entity" && y && y.entityType !== "product") {
       Y().then((t) => {
@@ -198,14 +199,14 @@ const st = ["feed", "subtasks", "details", "files"], k = (i) => typeof i == "str
     panelOpenByScope: c,
     getOpenForScope: U,
     setPanelOpen: R,
-    setPanelOpenByScope: x,
+    setPanelOpenByScope: E,
     // tab preferences
     tabsByScope: d,
     getTabForScope: H,
     // slide out state
-    slideOut: E,
+    slideOut: j,
     openSlideOut: q,
-    closeSlideOut: w,
+    closeSlideOut: x,
     // highlighted activities
     highlightedActivities: V,
     setHighlightedActivities: T,
@@ -224,19 +225,19 @@ const st = ["feed", "subtasks", "details", "files"], k = (i) => typeof i == "str
     onPowerFeature: v,
     ...s
   };
-  return /* @__PURE__ */ it.jsx(N.Provider, { value: Z, children: i });
-}, nt = () => {
-  const i = et(N);
+  return /* @__PURE__ */ it.jsx(C.Provider, { value: Z, children: i });
+}, st = () => {
+  const i = ot(C);
   if (i === void 0)
     throw new Error("useDetailsPanel must be used within a DetailsPanelProvider");
   return i;
 }, Oo = (i) => {
-  const { getOpenForScope: l, setPanelOpen: S, getTabForScope: r } = nt(), [s, a] = C(
+  const { getOpenForScope: l, setPanelOpen: S, getTabForScope: r } = st(), [s, a] = k(
     "details/tabs-by-scope",
     {}
   ), [u, P] = m(() => {
     const e = s[i];
-    return k(e) ? e : r(i);
+    return N(e) ? e : r(i);
   }), h = p(
     (e) => {
       P(e), a({ ...s, [i]: e });
@@ -253,7 +254,7 @@ const st = ["feed", "subtasks", "details", "files"], k = (i) => typeof i == "str
 };
 export {
   go as DetailsPanelProvider,
-  nt as useDetailsPanelContext,
+  st as useDetailsPanelContext,
   Oo as useScopedDetailsPanel
 };
 //# sourceMappingURL=DetailsPanelContext.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelContext.es.js","sources":["../../../../src/context/DetailsPanelContext.tsx"],"sourcesContent":["import React, {\n  createContext,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useState,\n} from 'react'\nimport { QueryFilter, UserModel, DetailsPanelEntityType } from '@shared/api'\nimport { useLocation, useNavigate, useParams, useSearchParams } from 'react-router-dom'\nimport { SavedAnnotationMetadata } from '@shared/containers'\nimport { PowerpackFeature, usePowerpack } from './PowerpackContext'\nimport { useURIContext } from './UriContext'\nimport { useLocalStorage } from '@shared/hooks'\nimport type { SubtasksManagerProps } from '@shared/components'\n\n// High-level tabs for the details panel\nexport type DetailsPanelTab = 'feed' | 'subtasks' | 'details' | 'files'\n\n// Filters within the feed tab\nexport type FeedFilter = QueryFilter\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 type Entities = {\n  entityType: DetailsPanelEntityType\n  entities: { id: string; projectName: string }[]\n  entitySubTypes?: string[]\n  source?: 'uri' | 'url' | 'related' // uri = ayon+entity://..., url = ?project=...&type=...&id=...\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\nconst DETAILS_PANEL_TABS: DetailsPanelTab[] = ['feed', 'subtasks', 'details', 'files']\n\nconst isDetailsPanelTab = (tab: unknown): tab is DetailsPanelTab =>\n  typeof tab === 'string' && DETAILS_PANEL_TABS.includes(tab as DetailsPanelTab)\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  hasLicense?: boolean\n  // SubtasksManager component\n  SubtasksManager?: React.ComponentType<SubtasksManagerProps>\n  // debugging used to simulate different values\n  debug?: {\n    isDeveloperMode?: boolean\n    isGuest?: boolean\n    hasLicense?: boolean\n  }\n}\n\n// Interface for our simplified context\nexport interface DetailsPanelContextType extends DetailsPanelContextProps {\n  // user\n  isDeveloperMode: boolean\n  isGuest: 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\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  // Entities state\n  entities: Entities | null\n  setEntities: (entities: Entities | null) => void\n\n  // Annotations\n  feedAnnotations: SavedAnnotationMetadata[]\n  setFeedAnnotations: (annotations: SavedAnnotationMetadata[]) => void\n\n  // powerpack\n  onPowerFeature: (feature: PowerpackFeature) => 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 = 'feed',\n  hasLicense: hasLicenseProp,\n  debug = {},\n  ...forwardedProps\n}) => {\n  const user = forwardedProps.user\n  const isDeveloperMode =\n    'isDeveloperMode' in debug\n      ? (debug.isDeveloperMode as boolean)\n      : user?.attrib?.developerMode ?? false\n  const isGuest = 'isGuest' in debug ? (debug.isGuest as boolean) : user?.data?.isGuest\n\n  // get license from powerpack or forwarded down from props\n  const { powerLicense, setPowerpackDialog } = usePowerpack()\n  const hasLicense =\n    'hasLicense' in debug ? (debug.hasLicense as boolean) : !!powerLicense || hasLicenseProp\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, setTabByScope] = useLocalStorage<TabStateByScope>('details/tabs-by-scope', {})\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      const tab = tabsByScope[scope]\n      if (isDetailsPanelTab(tab)) {\n        return tab\n      }\n\n      // Fall back to default\n      return defaultTab\n    },\n    [tabsByScope, defaultTab],\n  )\n\n  // Set tab for a scope\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    if (slideOut) {\n      setHighlightedActivities([])\n    }\n  }, [])\n\n  // close slide out whenever the page changes\n  useEffect(() => {\n    closeSlideOut()\n  }, [forwardedProps.useLocation().pathname])\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 [entities, setEntities] = useState<Entities | null>(null)\n\n  const [highlightedActivities, setHighlightedActivities] = useState<string[]>([])\n\n  const { uriType, uri, entity, getUriEntities } = useURIContext()\n  const [searchParams] = forwardedProps.useSearchParams()\n\n  const project = searchParams.get('project')\n  const type = searchParams.get('type')\n  const id = searchParams.get('id')\n  const activity = searchParams.get('activity')\n\n  // on first load or URL param change, check if there is a uri or URL params and open details panel if present\n  useEffect(() => {\n    // Priority 1: Check for 'uri' parameter (ayon+entity://...)\n    if (uriType === 'entity' && entity && entity.entityType !== 'product') {\n      getUriEntities()\n        .then((result) => {\n          if (result.length === 0) return\n\n          const entityUriData = result.find((r) => r.uri === uri)\n          const entityData = entityUriData?.entities?.[0]\n\n          if (!entityUriData || !entityData) return\n          const projectName = entityData?.projectName || entity.projectName || ''\n          const id =\n            entityData.representationId ||\n            entityData.versionId ||\n            entityData.productId ||\n            entityData.taskId ||\n            entityData.folderId\n\n          if (!projectName || !id) return\n\n          const newEntities: Entities = {\n            entityType: entity.entityType as DetailsPanelEntityType,\n            entities: [\n              {\n                id: id,\n                projectName: projectName,\n              },\n            ],\n            source: 'uri',\n          }\n\n          setEntities(newEntities)\n        })\n        .catch((err) => {\n          console.warn('Failed to get URI entities:', err)\n        })\n      return\n    }\n\n    // Priority 2: Check for URL params (project, type, id)\n    if (project && type && id) {\n      const newEntities: Entities = {\n        entityType: type as DetailsPanelEntityType,\n        entities: [\n          {\n            id,\n            projectName: project,\n          },\n        ],\n        source: 'url',\n      }\n\n      setEntities(newEntities)\n\n      // if there is an activity param, open the feed tab (activity is shown by default)\n\n      if (activity) {\n        setHighlightedActivities([activity])\n        setTabByScope({\n          ...tabsByScope,\n          overview: 'feed',\n        })\n      }\n    }\n  }, [project, type, id])\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    // 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    // entities state\n    entities,\n    setEntities,\n    feedAnnotations,\n    setFeedAnnotations,\n    isDeveloperMode,\n    isGuest,\n    hasLicense,\n    onPowerFeature: setPowerpackDialog,\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 DetailsPanelProvider')\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 { getOpenForScope, setPanelOpen, getTabForScope } = useDetailsPanelContext()\n\n  const [tabsByScope, setTabsByScope] = useLocalStorage<TabStateByScope>(\n    'details/tabs-by-scope',\n    {},\n  )\n\n  const [currentTab, setTab] = useState<DetailsPanelTab>(() => {\n    const tab = tabsByScope[scope]\n    return isDetailsPanelTab(tab) ? tab : getTabForScope(scope)\n  })\n\n  // Keep localStorage and local state in sync\n  const updateTab = useCallback(\n    (newTab: DetailsPanelTab) => {\n      setTab(newTab)\n      setTabsByScope({ ...tabsByScope, [scope]: newTab })\n    },\n    [scope, setTabsByScope],\n  )\n\n  const isFeed = currentTab === 'feed'\n\n  return {\n    isOpen: getOpenForScope(scope),\n    setOpen: (isOpen: boolean) => setPanelOpen(scope, isOpen),\n    currentTab,\n    setTab: updateTab,\n    isFeed,\n  }\n}\n"],"names":["DETAILS_PANEL_TABS","isDetailsPanelTab","tab","DetailsPanelContext","createContext","DetailsPanelProvider","children","defaultTab","hasLicenseProp","debug","forwardedProps","user","isDeveloperMode","isGuest","powerLicense","setPowerpackDialog","usePowerpack","hasLicense","panelOpenByScope","setPanelOpenByScope","useState","feedAnnotations","setFeedAnnotations","getOpenForScope","useCallback","scope","setPanelOpen","isOpen","newState","tabsByScope","setTabByScope","useLocalStorage","getTabForScope","slideOut","setSlideOut","openSlideOut","params","closeSlideOut","setHighlightedActivities","useEffect","pip","setPip","openPip","closePip","entities","setEntities","highlightedActivities","uriType","uri","entity","getUriEntities","useURIContext","searchParams","project","type","id","activity","result","entityUriData","r","entityData","projectName","newEntities","err","value","jsx","useDetailsPanelContext","context","useContext","useScopedDetailsPanel","setTabsByScope","currentTab","setTab","updateTab","newTab","isFeed"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelContext.es.js","sources":["../../../../src/context/DetailsPanelContext.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useContext, useEffect, useState } from 'react'\nimport { QueryFilter, UserModel, DetailsPanelEntityType } from '@shared/api'\nimport { useLocation, useNavigate, useParams, useSearchParams } from 'react-router-dom'\nimport { SavedAnnotationMetadata } from '@shared/containers'\nimport { PowerpackFeature, usePowerpack } from './PowerpackContext'\nimport { useURIContext } from './UriContext'\nimport { useLocalStorage } from '@shared/hooks'\nimport type { SubtasksManagerProps } from '@shared/components'\nimport { DetailsPanelContext } from './DetailsPanelContextInstance'\n\n// High-level tabs for the details panel\nexport type DetailsPanelTab = 'feed' | 'subtasks' | 'details' | 'files'\n\n// Filters within the feed tab\nexport type FeedFilter = QueryFilter\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 type Entities = {\n  entityType: DetailsPanelEntityType\n  entities: { id: string; projectName: string }[]\n  entitySubTypes?: string[]\n  source?: 'uri' | 'url' | 'related' // uri = ayon+entity://..., url = ?project=...&type=...&id=...\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\nconst DETAILS_PANEL_TABS: DetailsPanelTab[] = ['feed', 'subtasks', 'details', 'files']\n\nconst isDetailsPanelTab = (tab: unknown): tab is DetailsPanelTab =>\n  typeof tab === 'string' && DETAILS_PANEL_TABS.includes(tab as DetailsPanelTab)\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  hasLicense?: boolean\n  // SubtasksManager component\n  SubtasksManager?: React.ComponentType<SubtasksManagerProps>\n  // debugging used to simulate different values\n  debug?: {\n    isDeveloperMode?: boolean\n    isGuest?: boolean\n    hasLicense?: boolean\n  }\n}\n\n// Interface for our simplified context\nexport interface DetailsPanelContextType extends DetailsPanelContextProps {\n  // user\n  isDeveloperMode: boolean\n  isGuest: 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\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  // Entities state\n  entities: Entities | null\n  setEntities: (entities: Entities | null) => void\n\n  // Annotations\n  feedAnnotations: SavedAnnotationMetadata[]\n  setFeedAnnotations: (annotations: SavedAnnotationMetadata[]) => void\n\n  // powerpack\n  onPowerFeature: (feature: PowerpackFeature) => void\n}\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 = 'feed',\n  hasLicense: hasLicenseProp,\n  debug = {},\n  ...forwardedProps\n}) => {\n  const user = forwardedProps.user\n  const isDeveloperMode =\n    'isDeveloperMode' in debug\n      ? (debug.isDeveloperMode as boolean)\n      : user?.attrib?.developerMode ?? false\n  const isGuest = 'isGuest' in debug ? (debug.isGuest as boolean) : user?.data?.isGuest\n\n  // get license from powerpack or forwarded down from props\n  const { powerLicense, setPowerpackDialog } = usePowerpack()\n  const hasLicense =\n    'hasLicense' in debug ? (debug.hasLicense as boolean) : !!powerLicense || hasLicenseProp\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, setTabByScope] = useLocalStorage<TabStateByScope>('details/tabs-by-scope', {})\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      const tab = tabsByScope[scope]\n      if (isDetailsPanelTab(tab)) {\n        return tab\n      }\n\n      // Fall back to default\n      return defaultTab\n    },\n    [tabsByScope, defaultTab],\n  )\n\n  // Set tab for a scope\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    if (slideOut) {\n      setHighlightedActivities([])\n    }\n  }, [])\n\n  // close slide out whenever the page changes\n  useEffect(() => {\n    closeSlideOut()\n  }, [forwardedProps.useLocation().pathname])\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 [entities, setEntities] = useState<Entities | null>(null)\n\n  const [highlightedActivities, setHighlightedActivities] = useState<string[]>([])\n\n  const { uriType, uri, entity, getUriEntities } = useURIContext()\n  const [searchParams] = forwardedProps.useSearchParams()\n\n  const project = searchParams.get('project')\n  const type = searchParams.get('type')\n  const id = searchParams.get('id')\n  const activity = searchParams.get('activity')\n\n  // on first load or URL param change, check if there is a uri or URL params and open details panel if present\n  useEffect(() => {\n    // Priority 1: Check for 'uri' parameter (ayon+entity://...)\n    if (uriType === 'entity' && entity && entity.entityType !== 'product') {\n      getUriEntities()\n        .then((result) => {\n          if (result.length === 0) return\n\n          const entityUriData = result.find((r) => r.uri === uri)\n          const entityData = entityUriData?.entities?.[0]\n\n          if (!entityUriData || !entityData) return\n          const projectName = entityData?.projectName || entity.projectName || ''\n          const id =\n            entityData.representationId ||\n            entityData.versionId ||\n            entityData.productId ||\n            entityData.taskId ||\n            entityData.folderId\n\n          if (!projectName || !id) return\n\n          const newEntities: Entities = {\n            entityType: entity.entityType as DetailsPanelEntityType,\n            entities: [\n              {\n                id: id,\n                projectName: projectName,\n              },\n            ],\n            source: 'uri',\n          }\n\n          setEntities(newEntities)\n        })\n        .catch((err) => {\n          console.warn('Failed to get URI entities:', err)\n        })\n      return\n    }\n\n    // Priority 2: Check for URL params (project, type, id)\n    if (project && type && id) {\n      const newEntities: Entities = {\n        entityType: type as DetailsPanelEntityType,\n        entities: [\n          {\n            id,\n            projectName: project,\n          },\n        ],\n        source: 'url',\n      }\n\n      setEntities(newEntities)\n\n      // if there is an activity param, open the feed tab (activity is shown by default)\n\n      if (activity) {\n        setHighlightedActivities([activity])\n        setTabByScope({\n          ...tabsByScope,\n          overview: 'feed',\n        })\n      }\n    }\n  }, [project, type, id])\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    // 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    // entities state\n    entities,\n    setEntities,\n    feedAnnotations,\n    setFeedAnnotations,\n    isDeveloperMode,\n    isGuest,\n    hasLicense,\n    onPowerFeature: setPowerpackDialog,\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 DetailsPanelProvider')\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 { getOpenForScope, setPanelOpen, getTabForScope } = useDetailsPanelContext()\n\n  const [tabsByScope, setTabsByScope] = useLocalStorage<TabStateByScope>(\n    'details/tabs-by-scope',\n    {},\n  )\n\n  const [currentTab, setTab] = useState<DetailsPanelTab>(() => {\n    const tab = tabsByScope[scope]\n    return isDetailsPanelTab(tab) ? tab : getTabForScope(scope)\n  })\n\n  // Keep localStorage and local state in sync\n  const updateTab = useCallback(\n    (newTab: DetailsPanelTab) => {\n      setTab(newTab)\n      setTabsByScope({ ...tabsByScope, [scope]: newTab })\n    },\n    [scope, setTabsByScope],\n  )\n\n  const isFeed = currentTab === 'feed'\n\n  return {\n    isOpen: getOpenForScope(scope),\n    setOpen: (isOpen: boolean) => setPanelOpen(scope, isOpen),\n    currentTab,\n    setTab: updateTab,\n    isFeed,\n  }\n}\n"],"names":["DETAILS_PANEL_TABS","isDetailsPanelTab","tab","DetailsPanelProvider","children","defaultTab","hasLicenseProp","debug","forwardedProps","user","isDeveloperMode","isGuest","powerLicense","setPowerpackDialog","usePowerpack","hasLicense","panelOpenByScope","setPanelOpenByScope","useState","feedAnnotations","setFeedAnnotations","getOpenForScope","useCallback","scope","setPanelOpen","isOpen","newState","tabsByScope","setTabByScope","useLocalStorage","getTabForScope","slideOut","setSlideOut","openSlideOut","params","closeSlideOut","setHighlightedActivities","useEffect","pip","setPip","openPip","closePip","entities","setEntities","highlightedActivities","uriType","uri","entity","getUriEntities","useURIContext","searchParams","project","type","id","activity","result","entityUriData","r","entityData","projectName","newEntities","err","value","jsx","DetailsPanelContext","useDetailsPanelContext","context","useContext","useScopedDetailsPanel","setTabsByScope","currentTab","setTab","updateTab","newTab","isFeed"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext(void 0);exports.DetailsPanelContext=t;
+//# sourceMappingURL=DetailsPanelContextInstance.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsPanelContextInstance.cjs.js","sources":["../../../../src/context/DetailsPanelContextInstance.ts"],"sourcesContent":["import { createContext } from 'react'\nimport { DetailsPanelContextType } from './DetailsPanelContext'\n\n// Create the context\nexport const DetailsPanelContext = createContext<DetailsPanelContextType | undefined>(undefined)\n"],"names":["DetailsPanelContext","createContext"],"mappings":"yGAIaA,EAAsBC,EAAAA,cAAmD,MAAS"}

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

@@ -0,0 +1,6 @@
+import { createContext as t } from "react";
+const o = t(void 0);
+export {
+  o as DetailsPanelContext
+};
+//# sourceMappingURL=DetailsPanelContextInstance.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsPanelContextInstance.es.js","sources":["../../../../src/context/DetailsPanelContextInstance.ts"],"sourcesContent":["import { createContext } from 'react'\nimport { DetailsPanelContextType } from './DetailsPanelContext'\n\n// Create the context\nexport const DetailsPanelContext = createContext<DetailsPanelContextType | undefined>(undefined)\n"],"names":["DetailsPanelContext","createContext"],"mappings":";AAIO,MAAMA,IAAsBC,EAAmD,MAAS;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("../../../_virtual/jsx-runtime.cjs.js"),i=require("react");require("../api/base/client.cjs.js");require("../api/generated/graphql.cjs.js");require("../api/generated/graphqlLinks.cjs.js");require("../api/generated/access.cjs.js");require("../api/generated/actions.cjs.js");require("../api/generated/activityFeed.cjs.js");require("../api/generated/addons.cjs.js");require("../api/generated/anatomy.cjs.js");require("../api/generated/attributes.cjs.js");require("../api/generated/authentication.cjs.js");require("../api/generated/bundles.cjs.js");require("../api/generated/configuration.cjs.js");require("../api/generated/dataImport.cjs.js");require("../api/generated/desktop.cjs.js");require("../api/generated/entityLists.cjs.js");require("../api/generated/events.cjs.js");require("../api/generated/files.cjs.js");require("../api/generated/folders.cjs.js");require("../api/generated/inbox.cjs.js");require("../api/generated/links.cjs.js");require("../api/generated/market.cjs.js");require("../api/generated/onboarding.cjs.js");require("../api/generated/operations.cjs.js");require("../api/generated/products.cjs.js");require("../api/generated/projectDashboard.cjs.js");require("../api/generated/projects.cjs.js");require("../api/generated/projectFolders.cjs.js");require("../api/generated/reviewables.cjs.js");require("../api/generated/services.cjs.js");require("../api/generated/system.cjs.js");require("../api/generated/tasks.cjs.js");require("../api/generated/teams.cjs.js");require("../api/generated/thumbnails.cjs.js");require("../api/generated/uRIs.cjs.js");require("../api/generated/users.cjs.js");require("../api/generated/versions.cjs.js");require("../api/generated/workfiles.cjs.js");require("../api/generated/ynputCloud.cjs.js");require("../api/generated/grouping.cjs.js");require("../api/generated/views.cjs.js");require("../api/queries/actions/getActions.cjs.js");require("../api/queries/activities/getActivities.cjs.js");require("../api/queries/activities/updateActivities.cjs.js");require("../api/queries/activities/updateReaction.cjs.js");require("../api/queries/activities/getMentions.cjs.js");require("../api/queries/activities/getCategories.cjs.js");require("../api/queries/addons/getAddons.cjs.js");require("../api/queries/addons/updateAddons.cjs.js");require("../api/queries/attributes/getAttributes.cjs.js");require("../api/queries/attributes/updateAttributes.cjs.js");require("../api/queries/authentication/getAuthentication.cjs.js");const f=require("../api/queries/cloud/cloud.cjs.js");require("../api/queries/config/getConfig.cjs.js");require("../api/queries/config/updateConfig.cjs.js");require("../api/queries/entities/getEntity.cjs.js");require("../api/queries/entities/getEntityPanel.cjs.js");require("../api/queries/entities/updateEntity.cjs.js");require("../api/queries/entityLists/getLists.cjs.js");require("../api/queries/entityLists/updateLists.cjs.js");require("../api/queries/entityLists/getListsAttributes.cjs.js");require("../api/queries/entityLists/updateListsAttributes.cjs.js");require("../api/queries/entityLists/listFolders.cjs.js");require("../api/queries/folders/getFolders.cjs.js");require("../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../api/queries/grouping/getGrouping.cjs.js");require("../api/queries/links/updateLinks.cjs.js");require("../api/queries/links/getLinks.cjs.js");require("../api/queries/links/getEntityLinks.cjs.js");require("../api/queries/overview/getOverview.cjs.js");require("../api/queries/overview/updateOverview.cjs.js");require("../api/queries/versions/getVersionsProducts.cjs.js");require("../api/queries/permissions/getPermissions.cjs.js");require("../api/queries/products/createProduct.cjs.js");require("../api/queries/products/getFolderProducts.cjs.js");require("../api/queries/project/getProject.cjs.js");require("../api/queries/project/updateProject.cjs.js");require("../api/queries/projectFolders/projectFolders.cjs.js");require("../api/queries/review/getReview.cjs.js");require("../api/queries/review/updateReview.cjs.js");require("../api/queries/share/share.cjs.js");const x=require("../api/queries/system/getSystem.cjs.js");require("../api/queries/tasks/getTasks.cjs.js");require("../api/queries/tasks/updateTasks.cjs.js");require("../api/queries/teams/getTeams.cjs.js");require("../api/queries/userDashboard/getUserDashboard.cjs.js");const g=require("../api/queries/users/getUsers.cjs.js");require("../api/queries/users/updateUsers.cjs.js");require("../api/queries/users/guests.cjs.js");require("../api/queries/versions/updateVersions.cjs.js");require("../api/queries/views/getViews.cjs.js");require("../api/queries/views/updateViews.cjs.js");require("../api/queries/watchers/getWatchers.cjs.js");require("../api/queries/uris/getUris.cjs.js");const q=i.createContext(void 0),G=({children:e,skip:o=!1})=>{const{data:r,isLoading:t,error:s}=x.useGetSiteInfoQuery({full:!0},{skip:o}),{data:u,isLoading:n,error:a}=g.useGetCurrentUserQuery(),{data:l,isLoading:d,error:c}=f.useGetYnputCloudInfoQuery(void 0,{skip:!u?.name});return b.jsxRuntimeExports.jsx(q.Provider,{value:{siteInfo:r,attributes:r?.attributes||[],user:u,cloudInfo:l,isLoading:{siteInfo:t,user:n,cloudInfo:d},error:{siteInfo:s,user:a,cloudInfo:c}},children:e})},v=()=>{const e=i.useContext(q);if(e===void 0)throw new Error("useGlobalContext must be used within a GlobalProvider");return e};exports.GlobalProvider=G;exports.useGlobalContext=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../../../_virtual/jsx-runtime.cjs.js"),i=require("react");require("../api/base/client.cjs.js");require("../api/generated/graphql.cjs.js");require("../api/generated/graphqlLinks.cjs.js");require("../api/generated/access.cjs.js");require("../api/generated/actions.cjs.js");require("../api/generated/activityFeed.cjs.js");require("../api/generated/addons.cjs.js");require("../api/generated/anatomy.cjs.js");require("../api/generated/attributes.cjs.js");require("../api/generated/authentication.cjs.js");require("../api/generated/bundles.cjs.js");require("../api/generated/configuration.cjs.js");require("../api/generated/dataImport.cjs.js");require("../api/generated/desktop.cjs.js");require("../api/generated/entityLists.cjs.js");require("../api/generated/events.cjs.js");require("../api/generated/files.cjs.js");require("../api/generated/folders.cjs.js");require("../api/generated/inbox.cjs.js");require("../api/generated/links.cjs.js");require("../api/generated/market.cjs.js");require("../api/generated/onboarding.cjs.js");require("../api/generated/operations.cjs.js");require("../api/generated/products.cjs.js");require("../api/generated/projectDashboard.cjs.js");require("../api/generated/projects.cjs.js");require("../api/generated/projectFolders.cjs.js");require("../api/generated/reviewables.cjs.js");require("../api/generated/services.cjs.js");require("../api/generated/system.cjs.js");require("../api/generated/tasks.cjs.js");require("../api/generated/teams.cjs.js");require("../api/generated/thumbnails.cjs.js");require("../api/generated/uRIs.cjs.js");require("../api/generated/users.cjs.js");require("../api/generated/versions.cjs.js");require("../api/generated/workfiles.cjs.js");require("../api/generated/ynputCloud.cjs.js");require("../api/generated/grouping.cjs.js");require("../api/generated/views.cjs.js");require("../api/queries/actions/getActions.cjs.js");require("../api/queries/activities/getActivities.cjs.js");require("../api/queries/activities/updateActivities.cjs.js");require("../api/queries/activities/updateReaction.cjs.js");require("../api/queries/activities/getMentions.cjs.js");require("../api/queries/activities/getCategories.cjs.js");require("../api/queries/addons/getAddons.cjs.js");require("../api/queries/addons/updateAddons.cjs.js");require("../api/queries/attributes/getAttributes.cjs.js");require("../api/queries/attributes/updateAttributes.cjs.js");require("../api/queries/authentication/getAuthentication.cjs.js");const P=require("../api/queries/cloud/cloud.cjs.js");require("../api/queries/config/getConfig.cjs.js");require("../api/queries/config/updateConfig.cjs.js");require("../api/queries/entities/getEntity.cjs.js");require("../api/queries/entities/getEntityPanel.cjs.js");require("../api/queries/entities/updateEntity.cjs.js");require("../api/queries/entityLists/getLists.cjs.js");require("../api/queries/entityLists/updateLists.cjs.js");require("../api/queries/entityLists/getListsAttributes.cjs.js");require("../api/queries/entityLists/updateListsAttributes.cjs.js");require("../api/queries/entityLists/listFolders.cjs.js");require("../api/queries/folders/getFolders.cjs.js");require("../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../api/queries/grouping/getGrouping.cjs.js");require("../api/queries/links/updateLinks.cjs.js");require("../api/queries/links/getLinks.cjs.js");require("../api/queries/links/getEntityLinks.cjs.js");require("../api/queries/overview/getOverview.cjs.js");require("../api/queries/overview/updateOverview.cjs.js");require("../api/queries/versions/getVersionsProducts.cjs.js");require("../api/queries/permissions/getPermissions.cjs.js");require("../api/queries/products/createProduct.cjs.js");require("../api/queries/products/getFolderProducts.cjs.js");const G=require("../api/queries/project/getProject.cjs.js");require("../api/queries/project/updateProject.cjs.js");require("../api/queries/projectFolders/projectFolders.cjs.js");require("../api/queries/review/getReview.cjs.js");require("../api/queries/review/updateReview.cjs.js");require("../api/queries/share/share.cjs.js");const C=require("../api/queries/system/getSystem.cjs.js");require("../api/queries/tasks/getTasks.cjs.js");require("../api/queries/tasks/updateTasks.cjs.js");require("../api/queries/teams/getTeams.cjs.js");require("../api/queries/userDashboard/getUserDashboard.cjs.js");const L=require("../api/queries/users/getUsers.cjs.js");require("../api/queries/users/updateUsers.cjs.js");require("../api/queries/users/guests.cjs.js");require("../api/queries/versions/updateVersions.cjs.js");require("../api/queries/views/getViews.cjs.js");require("../api/queries/views/updateViews.cjs.js");require("../api/queries/watchers/getWatchers.cjs.js");require("../api/queries/uris/getUris.cjs.js");const t=i.createContext(void 0),I=({children:e,skip:u=!1})=>{const{data:q,isLoading:s,error:n}=C.useGetSiteInfoQuery({full:!0},{skip:u}),{data:o,isLoading:a,error:c}=L.useGetCurrentUserQuery(),{data:r=[],isLoading:l,error:d}=G.useListProjectsQuery({},{skip:u}),f=i.useMemo(()=>r.filter(v=>v.active),[r]),{data:g,isLoading:j,error:b}=P.useGetYnputCloudInfoQuery(void 0,{skip:!o?.name});return x.jsxRuntimeExports.jsx(t.Provider,{value:{siteInfo:q,attributes:q?.attributes||[],user:o,cloudInfo:g,projects:{all:r,active:f},isLoading:{siteInfo:s,user:a,cloudInfo:j,projects:l},error:{siteInfo:n,user:c,cloudInfo:b,projects:d}},children:e})},m=()=>{const e=i.useContext(t);if(e===void 0)throw new Error("useGlobalContext must be used within a GlobalProvider");return e};exports.GlobalProvider=I;exports.useGlobalContext=m;
 //# sourceMappingURL=GlobalContext.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalContext.cjs.js","sources":["../../../../src/context/GlobalContext.tsx"],"sourcesContent":["import { createContext, useContext, ReactNode, useEffect } from 'react'\nimport {\n  useGetSiteInfoQuery,\n  GetSiteInfoResult,\n  useGetCurrentUserQuery,\n  GetCurrentUserApiResponse,\n  useGetYnputCloudInfoQuery,\n  GetYnputCloudInfoApiResponse,\n  AttributeModel,\n} from '@shared/api'\n\ntype GlobalContextType = {\n  siteInfo: GetSiteInfoResult | undefined\n  attributes: AttributeModel[]\n  user: GetCurrentUserApiResponse | undefined\n  cloudInfo: GetYnputCloudInfoApiResponse | undefined\n  isLoading: {\n    siteInfo: boolean\n    user: boolean\n    cloudInfo: boolean\n  }\n  error: {\n    siteInfo: any\n    user: any\n    cloudInfo: any\n  }\n}\n\nconst GlobalContext = createContext<GlobalContextType | undefined>(undefined)\n\ntype Props = {\n  children: ReactNode\n  skip?: boolean\n}\n\nexport const GlobalProvider = ({ children, skip = false }: Props) => {\n  const { data: siteInfo, isLoading, error } = useGetSiteInfoQuery({ full: true }, { skip })\n  const { data: user, isLoading: isLoadingUser, error: userError } = useGetCurrentUserQuery()\n  //   wait until user is logged in\n  const {\n    data: cloudInfo,\n    isLoading: isLoadingCloud,\n    error: cloudError,\n  } = useGetYnputCloudInfoQuery(undefined, { skip: !user?.name })\n\n  return (\n    <GlobalContext.Provider\n      value={{\n        siteInfo,\n        attributes: siteInfo?.attributes || [],\n        user,\n        cloudInfo,\n        isLoading: {\n          siteInfo: isLoading,\n          user: isLoadingUser,\n          cloudInfo: isLoadingCloud,\n        },\n        error: {\n          siteInfo: error,\n          user: userError,\n          cloudInfo: cloudError,\n        },\n      }}\n    >\n      {children}\n    </GlobalContext.Provider>\n  )\n}\n\nexport const useGlobalContext = () => {\n  const context = useContext(GlobalContext)\n\n  if (context === undefined) {\n    throw new Error('useGlobalContext must be used within a GlobalProvider')\n  }\n\n  return context\n}\n"],"names":["GlobalContext","createContext","GlobalProvider","children","skip","siteInfo","isLoading","error","useGetSiteInfoQuery","user","isLoadingUser","userError","useGetCurrentUserQuery","cloudInfo","isLoadingCloud","cloudError","useGetYnputCloudInfoQuery","jsx","useGlobalContext","context","useContext"],"mappings":"muJA4BA,MAAMA,EAAgBC,EAAAA,cAA6C,MAAS,EAO/DC,EAAiB,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAO,MAAmB,CACnE,KAAM,CAAE,KAAMC,EAAU,UAAAC,EAAW,MAAAC,CAAA,EAAUC,sBAAoB,CAAE,KAAM,IAAQ,CAAE,KAAAJ,EAAM,EACnF,CAAE,KAAMK,EAAM,UAAWC,EAAe,MAAOC,CAAA,EAAcC,yBAAA,EAE7D,CACJ,KAAMC,EACN,UAAWC,EACX,MAAOC,CAAA,EACLC,EAAAA,0BAA0B,OAAW,CAAE,KAAM,CAACP,GAAM,KAAM,EAE9D,OACEQ,EAAAA,kBAAAA,IAACjB,EAAc,SAAd,CACC,MAAO,CACL,SAAAK,EACA,WAAYA,GAAU,YAAc,CAAA,EACpC,KAAAI,EACA,UAAAI,EACA,UAAW,CACT,SAAUP,EACV,KAAMI,EACN,UAAWI,CAAA,EAEb,MAAO,CACL,SAAUP,EACV,KAAMI,EACN,UAAWI,CAAA,CACb,EAGD,SAAAZ,CAAA,CAAA,CAGP,EAEae,EAAmB,IAAM,CACpC,MAAMC,EAAUC,EAAAA,WAAWpB,CAAa,EAExC,GAAImB,IAAY,OACd,MAAM,IAAI,MAAM,uDAAuD,EAGzE,OAAOA,CACT"}
+{"version":3,"file":"GlobalContext.cjs.js","sources":["../../../../src/context/GlobalContext.tsx"],"sourcesContent":["import { createContext, useContext, ReactNode, useMemo } from 'react'\nimport {\n  useGetSiteInfoQuery,\n  GetSiteInfoResult,\n  useGetCurrentUserQuery,\n  GetCurrentUserApiResponse,\n  useGetYnputCloudInfoQuery,\n  GetYnputCloudInfoApiResponse,\n  AttributeModel,\n  ListProjectsItemModel,\n  useListProjectsQuery,\n} from '@shared/api'\n\ntype GlobalProjects = {\n  all: ListProjectsItemModel[]\n  active: ListProjectsItemModel[]\n}\n\ntype GlobalContextType = {\n  siteInfo: GetSiteInfoResult | undefined\n  attributes: AttributeModel[]\n  user: GetCurrentUserApiResponse | undefined\n  cloudInfo: GetYnputCloudInfoApiResponse | undefined\n  projects: GlobalProjects\n  isLoading: {\n    siteInfo: boolean\n    user: boolean\n    cloudInfo: boolean\n    projects: boolean\n  }\n  error: {\n    siteInfo: any\n    user: any\n    cloudInfo: any\n    projects: any\n  }\n}\n\nconst GlobalContext = createContext<GlobalContextType | undefined>(undefined)\n\ntype Props = {\n  children: ReactNode\n  skip?: boolean\n}\n\nexport const GlobalProvider = ({ children, skip = false }: Props) => {\n  const { data: siteInfo, isLoading, error } = useGetSiteInfoQuery({ full: true }, { skip })\n  const { data: user, isLoading: isLoadingUser, error: userError } = useGetCurrentUserQuery()\n  const {\n    data: allProjects = [],\n    isLoading: isLoadingAllProjects,\n    error: allProjectsError,\n  } = useListProjectsQuery({}, { skip })\n  const activeProjects = useMemo(() => allProjects.filter((p) => p.active), [allProjects])\n\n  //   wait until user is logged in\n  const {\n    data: cloudInfo,\n    isLoading: isLoadingCloud,\n    error: cloudError,\n  } = useGetYnputCloudInfoQuery(undefined, { skip: !user?.name })\n\n  return (\n    <GlobalContext.Provider\n      value={{\n        siteInfo,\n        attributes: siteInfo?.attributes || [],\n        user,\n        cloudInfo,\n        projects: {\n          all: allProjects,\n          active: activeProjects,\n        },\n        isLoading: {\n          siteInfo: isLoading,\n          user: isLoadingUser,\n          cloudInfo: isLoadingCloud,\n          projects: isLoadingAllProjects,\n        },\n        error: {\n          siteInfo: error,\n          user: userError,\n          cloudInfo: cloudError,\n          projects: allProjectsError,\n        },\n      }}\n    >\n      {children}\n    </GlobalContext.Provider>\n  )\n}\n\nexport const useGlobalContext = () => {\n  const context = useContext(GlobalContext)\n\n  if (context === undefined) {\n    throw new Error('useGlobalContext must be used within a GlobalProvider')\n  }\n\n  return context\n}\n"],"names":["GlobalContext","createContext","GlobalProvider","children","skip","siteInfo","isLoading","error","useGetSiteInfoQuery","user","isLoadingUser","userError","useGetCurrentUserQuery","allProjects","isLoadingAllProjects","allProjectsError","useListProjectsQuery","activeProjects","useMemo","p","cloudInfo","isLoadingCloud","cloudError","useGetYnputCloudInfoQuery","jsx","useGlobalContext","context","useContext"],"mappings":"2uJAsCA,MAAMA,EAAgBC,EAAAA,cAA6C,MAAS,EAO/DC,EAAiB,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAO,MAAmB,CACnE,KAAM,CAAE,KAAMC,EAAU,UAAAC,EAAW,MAAAC,CAAA,EAAUC,sBAAoB,CAAE,KAAM,IAAQ,CAAE,KAAAJ,EAAM,EACnF,CAAE,KAAMK,EAAM,UAAWC,EAAe,MAAOC,CAAA,EAAcC,yBAAA,EAC7D,CACJ,KAAMC,EAAc,CAAA,EACpB,UAAWC,EACX,MAAOC,CAAA,EACLC,uBAAqB,CAAA,EAAI,CAAE,KAAAZ,EAAM,EAC/Ba,EAAiBC,EAAAA,QAAQ,IAAML,EAAY,OAAQM,GAAMA,EAAE,MAAM,EAAG,CAACN,CAAW,CAAC,EAGjF,CACJ,KAAMO,EACN,UAAWC,EACX,MAAOC,CAAA,EACLC,EAAAA,0BAA0B,OAAW,CAAE,KAAM,CAACd,GAAM,KAAM,EAE9D,OACEe,EAAAA,kBAAAA,IAACxB,EAAc,SAAd,CACC,MAAO,CACL,SAAAK,EACA,WAAYA,GAAU,YAAc,CAAA,EACpC,KAAAI,EACA,UAAAW,EACA,SAAU,CACR,IAAKP,EACL,OAAQI,CAAA,EAEV,UAAW,CACT,SAAUX,EACV,KAAMI,EACN,UAAWW,EACX,SAAUP,CAAA,EAEZ,MAAO,CACL,SAAUP,EACV,KAAMI,EACN,UAAWW,EACX,SAAUP,CAAA,CACZ,EAGD,SAAAZ,CAAA,CAAA,CAGP,EAEasB,EAAmB,IAAM,CACpC,MAAMC,EAAUC,EAAAA,WAAW3B,CAAa,EAExC,GAAI0B,IAAY,OACd,MAAM,IAAI,MAAM,uDAAuD,EAGzE,OAAOA,CACT"}