@ynput/ayon-frontend-shared 0.2.34 → 0.2.35

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../../../_virtual/jsx-runtime.cjs.js"),e=require("react"),x=require("react-toastify"),C=require("lodash");require("uuid");const l=require("../util/pubsub.cjs.js"),k=require("../../../_virtual/index.cjs.js"),A=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/desktop.cjs.js");require("../api/generated/entityLists.cjs.js");require("../api/generated/events.cjs.js");require("../api/generated/files.cjs.js");require("../api/generated/folders.cjs.js");require("../api/generated/inbox.cjs.js");require("../api/generated/links.cjs.js");require("../api/generated/market.cjs.js");require("../api/generated/onboarding.cjs.js");require("../api/generated/operations.cjs.js");require("../api/generated/products.cjs.js");require("../api/generated/projectDashboard.cjs.js");require("../api/generated/projects.cjs.js");require("../api/generated/reviewables.cjs.js");require("../api/generated/services.cjs.js");require("../api/generated/system.cjs.js");require("../api/generated/tasks.cjs.js");require("../api/generated/teams.cjs.js");require("../api/generated/thumbnails.cjs.js");require("../api/generated/uRIs.cjs.js");require("../api/generated/users.cjs.js");require("../api/generated/versions.cjs.js");require("../api/generated/workfiles.cjs.js");require("../api/generated/ynputCloud.cjs.js");require("../api/generated/grouping.cjs.js");require("../api/generated/views.cjs.js");require("../api/queries/actions/getActions.cjs.js");require("../api/queries/activities/getActivities.cjs.js");require("../api/queries/activities/updateActivities.cjs.js");require("../api/queries/activities/updateReaction.cjs.js");require("../api/queries/activities/getMentions.cjs.js");require("../api/queries/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/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/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/permissions/getPermissions.cjs.js");require("../api/queries/products/createProduct.cjs.js");require("../api/queries/project/getProject.cjs.js");require("../api/queries/project/updateProject.cjs.js");require("../api/queries/review/getReview.cjs.js");require("../api/queries/review/updateReview.cjs.js");require("../api/queries/share/share.cjs.js");const J=require("../api/queries/system/getSystem.cjs.js");require("../api/queries/userDashboard/getUserDashboard.cjs.js");require("../api/queries/users/getUsers.cjs.js");require("../api/queries/users/updateUsers.cjs.js");require("../api/queries/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("@ynput/ayon-react-components");require("clsx");require("../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                              */require("../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("./RemoteModulesContext.cjs.js");require("./DetailsPanelContext.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("./PowerpackContext.cjs.js");require("./MoveEntityContext.cjs.js");require("./MenuContext.cjs.js");require("../components/ReviewableCard/ReviewableCard.cjs.js");require("../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../components/FileThumbnail/FileThumbnail.cjs.js");require("../components/Thumbnail/Thumbnail.styled.cjs.js");require("../components/Thumbnail/StackedThumbnails.cjs.js");require("../containers/Feed/context/FeedContext.cjs.js");require("../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../containers/Feed/components/ActivityDate.cjs.js");require("../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../components/LinksManager/CellEditingDialog.cjs.js");require("../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../components/LinksManager/LinksManager.styled.cjs.js");require("../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../_virtual/runtime.cjs.js");require("../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../components/PlayableIcon/PlayableIcon.cjs.js");require("../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../containers/Actions/Actions.styled.cjs.js");require("../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../containers/Actions/ActionIcon.cjs.js");require("../containers/Views/context/ViewsContext.cjs.js");require("../containers/Views/Views.styled.cjs.js");require("../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../components/EntityPath/EntityPath.styled.cjs.js");require("../components/EntityPath/SegmentProvider.cjs.js");require("../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../components/Watchers/Watchers.cjs.js");require("../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../components/Powerpack/PowerpackButton.cjs.js");require("../components/Powerpack/PricingLink.cjs.js");require("../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../components/Powerpack/CTAButton.cjs.js");require("../components/Powerpack/RequiredAddonVersion.cjs.js");require("../components/SettingsPanel/SettingsPanel.cjs.js");require("../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../components/AttributeEditor/components/MinMaxField.cjs.js");require("../components/EnumEditor/EnumEditor.styled.cjs.js");require("../components/SearchFilter/filterDates.cjs.js");require("../components/Badge/Badge.cjs.js");require("../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../components/Feedback/FeedbackContext.cjs.js");require("../components/Feedback/SupportBubble.cjs.js");require("../components/Chips/Chips.cjs.js");require("../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../components/StyledLink/StyledLink.cjs.js");require("../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../components/AccessUser/AccessUser.cjs.js");require("../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");const N=require("../components/RefreshToast/RefreshToast.cjs.js"),d=e.createContext(void 0),V=window.location.protocol.replace("http","ws"),W=`${V}//${window.location.host}/ws`,z=({children:q,userName:v,projectName:f,dispatch:m})=>{const[S,o]=e.useState(!1),[t,R]=e.useState([]),[y]=J.useLazyGetSiteInfoQuery(),T={shouldReconnect:()=>!v||!localStorage.getItem("accessToken")?!1:(y({full:!1}).unwrap(),!0)},{sendMessage:E,readyState:n,getWebSocket:c}=k.default(W,T),g=()=>{E(JSON.stringify({topic:"auth",token:localStorage.getItem("accessToken"),subscribe:t,project:f}))};e.useEffect(()=>{console.log("Topics changed",t),g()},[t,f]);const O=C.debounce(r=>{C.isEqual(t,r)||(console.log("WS: Subscriptions changed"),R(r))},200);l.setOnSubscriptionsChange(r=>O(r));const[p,a]=e.useState(!1),[j,I]=e.useState(!1);e.useEffect(()=>(p&&(j||(x.toast.warning(w.jsxRuntimeExports.jsx(N.RefreshToast,{}),{autoClose:!1,closeButton:!1}),I(!0))),()=>{a(!1)}),[p,a]);const i=e.useRef({callCount:0,lastCall:Date.now()}),P=e.useCallback(r=>{var b;if(i.current.callCount>1e3)return a(!0),console.log("Overload: Over 1000 messages per second. Ignoring subsequent messages.");let u;try{u=JSON.parse(r.data)}catch($){console.error("Failed to parse websocket message:",$,r.data);return}const{topic:s,sender:D,summary:M}=u||{};if(s==="heartbeat"||(s==="server.restart_requested"&&o(!0),D===window.senderId))return;const h=Date.now();h-i.current.lastCall<1e3?i.current.callCount+=1:i.current.callCount=0,i.current.lastCall=h,s==="shout"&&((b=u==null?void 0:u.summary)!=null&&b.text)&&x.toast.info(M.text),console.log("Event RX",u),l.publish(s,u)},[o]);return e.useEffect(()=>{n===k.distExports.ReadyState.OPEN&&(S&&(o(!1),m(A.api.util.resetApiState())),c().onmessage=P,g(),l.publish("client.connected",{topic:"client.connected"}))},[n,c]),w.jsxRuntimeExports.jsx(d.Provider,{value:{getWebSocket:c,readyState:n,serverRestartingVisible:S},children:q})},B=()=>{const q=e.useContext(d);if(q===void 0)throw new Error("useSocketContext must be used within a SocketProvider");return q};exports.SocketContext=d;exports.SocketProvider=z;exports.useSocketContext=B;
+//# sourceMappingURL=WebsocketContext.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WebsocketContext.cjs.js","sources":["../../../../src/context/WebsocketContext.tsx"],"sourcesContent":["import { useEffect, useState, createContext, useCallback, useRef, useContext } from 'react'\nimport { toast } from 'react-toastify'\nimport { PubSub } from '@shared/util'\nimport useWebSocket, { ReadyState } from 'react-use-websocket'\nimport { debounce, isEqual } from 'lodash'\nimport api from '@shared/api'\nimport { RefreshToast } from '@shared/components'\nimport { useLazyGetSiteInfoQuery } from '@shared/api'\nimport { WebSocketLike } from 'react-use-websocket/dist/lib/types'\n\nexport type WebsocketContextType = {\n  getWebSocket: () => WebSocketLike | null\n  readyState: ReadyState\n  serverRestartingVisible: boolean\n}\n\nexport const SocketContext = createContext<WebsocketContextType | undefined>(undefined)\n\nconst proto = window.location.protocol.replace('http', 'ws')\nconst wsAddress = `${proto}//${window.location.host}/ws`\n\n// define global window senderId type\ndeclare global {\n  interface Window {\n    senderId: string\n  }\n}\n\nexport type SocketProviderProps = {\n  children: React.ReactNode\n  userName?: string\n  projectName?: string\n  dispatch: any\n}\n\nexport const SocketProvider = ({\n  children,\n  userName,\n  projectName,\n  dispatch,\n}: SocketProviderProps) => {\n  // get user logged in\n  const [serverRestartingVisible, setServerRestartingVisible] = useState(false)\n  const [topics, setTopics] = useState([])\n  const [getInfo] = useLazyGetSiteInfoQuery()\n\n  const wsOpts = {\n    shouldReconnect: () => {\n      if (!userName) return false\n      // check if there is a token\n      const accessToken = localStorage.getItem('accessToken')\n      if (!accessToken) return false\n\n      // test if the token is valid\n      // if it's not then this will automatically log out the user\n      getInfo({ full: false }).unwrap()\n\n      return true\n    },\n  }\n\n  const { sendMessage, readyState, getWebSocket } = useWebSocket(wsAddress, wsOpts)\n\n  const subscribe = () => {\n    sendMessage(\n      JSON.stringify({\n        topic: 'auth',\n        token: localStorage.getItem('accessToken'),\n        subscribe: topics,\n        project: projectName,\n      }),\n    )\n  }\n\n  useEffect(() => {\n    console.log('Topics changed', topics)\n    subscribe()\n  }, [topics, projectName])\n\n  const updateTopicsDebounce = debounce((newTopics) => {\n    if (isEqual(topics, newTopics)) return\n    console.log('WS: Subscriptions changed')\n    setTopics(newTopics)\n  }, 200)\n\n  PubSub.setOnSubscriptionsChange((newTopics: string[]) => updateTopicsDebounce(newTopics))\n\n  const [overloaded, setOverloaded] = useState(false)\n  const [toastShown, setToastShown] = useState(false)\n\n  // when overloaded is true, activate toast\n  useEffect(() => {\n    if (overloaded)\n      if (!toastShown) {\n        toast.warning(<RefreshToast />, {\n          autoClose: false,\n          closeButton: false,\n        })\n        setToastShown(true)\n      }\n\n    return () => {\n      setOverloaded(false)\n    }\n  }, [overloaded, setOverloaded])\n\n  // onMessage is a function that is called when a message comes in from the websocket\n  // it is a closure that keeps track of the number of calls and the last call time\n  // Using useRef to persist the closure state across renders\n  const messageStatsRef = useRef({ callCount: 0, lastCall: Date.now() })\n\n  const onMessage = useCallback(\n    (message: any) => {\n      // If the function is called more than 100 times per second, return early.\n      const threshold = 1000\n      if (messageStatsRef.current.callCount > threshold) {\n        setOverloaded(true)\n        return console.log(\n          `Overload: Over ${threshold} messages per second. Ignoring subsequent messages.`,\n        )\n      }\n\n      let data\n      try {\n        data = JSON.parse(message.data)\n      } catch (error) {\n        console.error('Failed to parse websocket message:', error, message.data)\n        return\n      }\n\n      const { topic, sender, summary } = data || {}\n      if (topic === 'heartbeat') return\n\n      if (topic === 'server.restart_requested') setServerRestartingVisible(true)\n\n      if (sender === window.senderId) {\n        return // my own message. ignore\n      }\n\n      const now = Date.now()\n      if (now - messageStatsRef.current.lastCall < 1000) {\n        messageStatsRef.current.callCount += 1\n      } else {\n        messageStatsRef.current.callCount = 0\n      }\n\n      messageStatsRef.current.lastCall = now\n\n      if (topic === 'shout' && data?.summary?.text) toast.info(summary.text)\n\n      console.log('Event RX', data)\n      PubSub.publish(topic, data)\n    },\n    [setServerRestartingVisible],\n  )\n\n  useEffect(() => {\n    if (readyState === ReadyState.OPEN) {\n      if (serverRestartingVisible) {\n        setServerRestartingVisible(false)\n        // clear ayonApi\n        dispatch(api.util.resetApiState())\n      }\n      // @ts-ignore\n      getWebSocket().onmessage = onMessage\n      subscribe()\n      // Dispatch a fake event to the frontend components\n      // in case they depend on the event stream and may\n      // miss some messages - this should force reloading\n      // events using graphql\n      PubSub.publish('client.connected', {\n        topic: 'client.connected',\n      })\n    }\n  }, [readyState, getWebSocket])\n\n  return (\n    <SocketContext.Provider\n      value={{\n        getWebSocket,\n        readyState,\n        serverRestartingVisible,\n      }}\n    >\n      {children}\n    </SocketContext.Provider>\n  )\n}\n\nexport const useSocketContext = () => {\n  const context = useContext(SocketContext)\n  if (context === undefined) {\n    throw new Error('useSocketContext must be used within a SocketProvider')\n  }\n  return context\n}\n"],"names":["SocketContext","createContext","proto","wsAddress","SocketProvider","children","userName","projectName","dispatch","serverRestartingVisible","setServerRestartingVisible","useState","topics","setTopics","getInfo","useLazyGetSiteInfoQuery","wsOpts","sendMessage","readyState","getWebSocket","useWebSocket","subscribe","useEffect","updateTopicsDebounce","debounce","newTopics","isEqual","PubSub","overloaded","setOverloaded","toastShown","setToastShown","toast","jsx","RefreshToast","messageStatsRef","useRef","onMessage","useCallback","message","data","error","topic","sender","summary","now","_a","ReadyState","api","useSocketContext","context","useContext"],"mappings":"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"}

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

@@ -0,0 +1,309 @@
+import { j as w } from "../../../_virtual/jsx-runtime.es.js";
+import { createContext as $, useState as e, useEffect as l, useRef as A, useCallback as J, useContext as M } from "react";
+import { toast as C } from "react-toastify";
+import { debounce as N, isEqual as V } from "lodash";
+import "uuid";
+import u from "../util/pubsub.es.js";
+import z, { d as B } from "../../../_virtual/index.es.js";
+import { api as F } from "../api/base/client.es.js";
+import "../api/generated/graphql.es.js";
+import "../api/generated/graphqlLinks.es.js";
+import "../api/generated/access.es.js";
+import "../api/generated/actions.es.js";
+import "../api/generated/activityFeed.es.js";
+import "../api/generated/addons.es.js";
+import "../api/generated/anatomy.es.js";
+import "../api/generated/attributes.es.js";
+import "../api/generated/authentication.es.js";
+import "../api/generated/bundles.es.js";
+import "../api/generated/configuration.es.js";
+import "../api/generated/desktop.es.js";
+import "../api/generated/entityLists.es.js";
+import "../api/generated/events.es.js";
+import "../api/generated/files.es.js";
+import "../api/generated/folders.es.js";
+import "../api/generated/inbox.es.js";
+import "../api/generated/links.es.js";
+import "../api/generated/market.es.js";
+import "../api/generated/onboarding.es.js";
+import "../api/generated/operations.es.js";
+import "../api/generated/products.es.js";
+import "../api/generated/projectDashboard.es.js";
+import "../api/generated/projects.es.js";
+import "../api/generated/reviewables.es.js";
+import "../api/generated/services.es.js";
+import "../api/generated/system.es.js";
+import "../api/generated/tasks.es.js";
+import "../api/generated/teams.es.js";
+import "../api/generated/thumbnails.es.js";
+import "../api/generated/uRIs.es.js";
+import "../api/generated/users.es.js";
+import "../api/generated/versions.es.js";
+import "../api/generated/workfiles.es.js";
+import "../api/generated/ynputCloud.es.js";
+import "../api/generated/grouping.es.js";
+import "../api/generated/views.es.js";
+import "../api/queries/actions/getActions.es.js";
+import "../api/queries/activities/getActivities.es.js";
+import "../api/queries/activities/updateActivities.es.js";
+import "../api/queries/activities/updateReaction.es.js";
+import "../api/queries/activities/getMentions.es.js";
+import "../api/queries/activities/getCategories.es.js";
+import "../api/queries/addons/getAddons.es.js";
+import "../api/queries/addons/updateAddons.es.js";
+import "../api/queries/attributes/getAttributes.es.js";
+import "../api/queries/attributes/updateAttributes.es.js";
+import "../api/queries/authentication/getAuthentication.es.js";
+import "../api/queries/cloud/cloud.es.js";
+import "../api/queries/entities/getEntity.es.js";
+import "../api/queries/entities/getEntityPanel.es.js";
+import "../api/queries/entities/updateEntity.es.js";
+import "../api/queries/entityLists/getLists.es.js";
+import "../api/queries/entityLists/updateLists.es.js";
+import "../api/queries/entityLists/getListsAttributes.es.js";
+import "../api/queries/entityLists/updateListsAttributes.es.js";
+import "../api/queries/entityLists/listFolders.es.js";
+import "../api/queries/folders/getFolders.es.js";
+import "../api/queries/grouping/getGrouping.es.js";
+import "../api/queries/links/updateLinks.es.js";
+import "../api/queries/links/getLinks.es.js";
+import "../api/queries/links/getEntityLinks.es.js";
+import "../api/queries/overview/getOverview.es.js";
+import "../api/queries/overview/updateOverview.es.js";
+import "../api/queries/permissions/getPermissions.es.js";
+import "../api/queries/products/createProduct.es.js";
+import "../api/queries/project/getProject.es.js";
+import "../api/queries/project/updateProject.es.js";
+import "../api/queries/review/getReview.es.js";
+import "../api/queries/review/updateReview.es.js";
+import "../api/queries/share/share.es.js";
+import { useLazyGetSiteInfoQuery as G } from "../api/queries/system/getSystem.es.js";
+import "../api/queries/userDashboard/getUserDashboard.es.js";
+import "../api/queries/users/getUsers.es.js";
+import "../api/queries/users/updateUsers.es.js";
+import "../api/queries/users/guests.es.js";
+import "../api/queries/versions/updateVersions.es.js";
+import "../api/queries/views/getViews.es.js";
+import "../api/queries/views/updateViews.es.js";
+import "../api/queries/watchers/getWatchers.es.js";
+import "@ynput/ayon-react-components";
+import "clsx";
+import "../components/ThumbnailSimple/ThumbnailSimple.es.js";
+import "../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../components/ReviewablesList/ReviewablesList.styled.es.js";
+import "../containers/ContextMenu/ContextMenuContext.es.js";
+/* empty css                                            */
+import "../components/ReviewablesList/ReviewablesUpload.styled.es.js";
+import "axios";
+import "./RemoteModulesContext.es.js";
+import "./DetailsPanelContext.es.js";
+import "./ThumbnailUploaderContext.es.js";
+import "./SettingsPanelContext.es.js";
+import "./pip/PiPProvider.es.js";
+import "react-dom";
+import "./pip/PiPWrapper.es.js";
+import "./AddonProjectContext.es.js";
+import "./AddonContext.es.js";
+import "./PowerpackContext.es.js";
+import "./MoveEntityContext.es.js";
+import "./MenuContext.es.js";
+import "../components/ReviewableCard/ReviewableCard.es.js";
+import "../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../components/FileThumbnail/FileThumbnail.es.js";
+import "../components/Thumbnail/Thumbnail.styled.es.js";
+import "../components/Thumbnail/StackedThumbnails.es.js";
+import "../containers/Feed/context/FeedContext.es.js";
+import "../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import "../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
+import "../containers/Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
+import "react-markdown";
+import "remark-emoji";
+import "remark-gfm";
+import "remark-directive";
+import "remark-directive-rehype";
+import "../containers/Feed/components/CommentInput/CommentInput.es.js";
+import "../containers/Feed/components/ReactionContainer/Reactions.styled.es.js";
+import "../containers/Feed/components/FilesGrid/FilesGrid.styled.es.js";
+import "../containers/Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
+import "../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
+import "../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import "../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
+import "../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "react-router-dom";
+import "../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
+import "../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
+import "../containers/Feed/components/ActivityDate.es.js";
+import "../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
+import "../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
+import "../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
+import "../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
+import "../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
+import "../containers/Feed/Feed.styled.es.js";
+import "date-fns";
+import "../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
+import "../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
+import "../containers/ProjectTreeTable/ProjectTreeTable.es.js";
+import "../containers/ProjectTreeTable/context/CellEditingContext.es.js";
+import "@tanstack/react-table";
+import "../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
+import "../containers/ProjectTreeTable/widgets/DateWidget.es.js";
+import "../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
+import "../containers/ProjectTreeTable/widgets/TextWidget.es.js";
+import "../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
+import "../containers/ProjectTreeTable/widgets/CellWidget.es.js";
+import "../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
+import "../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
+import "../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
+import "../components/LinksManager/CellEditingDialog.es.js";
+import "../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
+import "../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../components/LinksManager/LinksManager.styled.es.js";
+import "../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
+import "../containers/ProjectTreeTable/components/SelectionCell.es.js";
+import "../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
+import "../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../containers/ProjectTreeTable/widgets/LoadMoreWidget.es.js";
+import "../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
+import "../containers/ProjectTreeTable/context/ProjectTableContext.es.js";
+import "../containers/ProjectTreeTable/context/ClipboardContext.es.js";
+import "../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import "../containers/ProjectTreeTable/context/ProjectDataContext.es.js";
+import "../../../_virtual/runtime.es.js";
+import "../../../_virtual/semver.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
+import "../containers/ProjectTreeTable/components/ColumnHeaderMenu.es.js";
+import "../containers/DetailsPanel/DetailsPanel.styled.es.js";
+import "../containers/DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
+import "../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "../components/PlayableIcon/PlayableIcon.es.js";
+import "../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
+import "../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
+import "../containers/Actions/Actions.styled.es.js";
+import "../containers/Actions/ActionsDropdown/ActionsDropdown.es.js";
+import "../containers/Actions/ActionIcon.es.js";
+import "../containers/Views/context/ViewsContext.es.js";
+import "../containers/Views/Views.styled.es.js";
+import "../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../containers/Views/ViewsMenu/ViewsMenu.es.js";
+import "../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
+import "../components/SimpleFormDialog/SimpleFormDialog.es.js";
+import "../components/EntityPath/EntityPath.styled.es.js";
+import "../components/EntityPath/SegmentProvider.es.js";
+import "../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../components/DetailsPanelDetails/DetailsSection.es.js";
+import "../components/DetailsPanelDetails/FieldLabel.es.js";
+import "../components/Watchers/Watchers.es.js";
+import "../components/ProjectTableSettings/ProjectTableSettings.es.js";
+import "../components/Powerpack/PowerpackButton.es.js";
+import "../components/Powerpack/PricingLink.es.js";
+import "../components/Powerpack/PowerpackDialog.styled.es.js";
+import "../components/Powerpack/CTAButton.es.js";
+import "../components/Powerpack/RequiredAddonVersion.es.js";
+import "../components/SettingsPanel/SettingsPanel.es.js";
+import "../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
+import "../components/AttributeEditor/components/MinMaxField.es.js";
+import "../components/EnumEditor/EnumEditor.styled.es.js";
+import "../components/SearchFilter/filterDates.es.js";
+import "../components/Badge/Badge.es.js";
+import "../components/VersionUploader/components/UploadVersionDialog.es.js";
+import "../components/VersionUploader/context/VersionUploadContext.es.js";
+import "../components/Feedback/FeedbackContext.es.js";
+import "../components/Feedback/SupportBubble.es.js";
+import "../components/Chips/Chips.es.js";
+import "../containers/EntityPickerDialog/EntityPickerDialog.es.js";
+import "../components/StyledLink/StyledLink.es.js";
+import "../components/ShareOptionIcon/ShareOptionIcon.es.js";
+import "../components/AccessUser/AccessUser.es.js";
+import "../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
+import "../components/AccessSearchInput/AccessSearchInput.styled.es.js";
+import { RefreshToast as L } from "../components/RefreshToast/RefreshToast.es.js";
+const k = $(void 0), Q = window.location.protocol.replace("http", "ws"), X = `${Q}//${window.location.host}/ws`, np = ({
+  children: i,
+  userName: v,
+  projectName: f,
+  dispatch: x
+}) => {
+  const [d, s] = e(!1), [p, R] = e([]), [y] = G(), O = {
+    shouldReconnect: () => !v || !localStorage.getItem("accessToken") ? !1 : (y({ full: !1 }).unwrap(), !0)
+  }, { sendMessage: T, readyState: n, getWebSocket: c } = z(X, O), g = () => {
+    T(
+      JSON.stringify({
+        topic: "auth",
+        token: localStorage.getItem("accessToken"),
+        subscribe: p,
+        project: f
+      })
+    );
+  };
+  l(() => {
+    console.log("Topics changed", p), g();
+  }, [p, f]);
+  const E = N((t) => {
+    V(p, t) || (console.log("WS: Subscriptions changed"), R(t));
+  }, 200);
+  u.setOnSubscriptionsChange((t) => E(t));
+  const [S, a] = e(!1), [I, P] = e(!1);
+  l(() => (S && (I || (C.warning(/* @__PURE__ */ w.jsx(L, {}), {
+    autoClose: !1,
+    closeButton: !1
+  }), P(!0))), () => {
+    a(!1);
+  }), [S, a]);
+  const r = A({ callCount: 0, lastCall: Date.now() }), j = J(
+    (t) => {
+      var b;
+      if (r.current.callCount > 1e3)
+        return a(!0), console.log(
+          "Overload: Over 1000 messages per second. Ignoring subsequent messages."
+        );
+      let o;
+      try {
+        o = JSON.parse(t.data);
+      } catch (W) {
+        console.error("Failed to parse websocket message:", W, t.data);
+        return;
+      }
+      const { topic: m, sender: q, summary: D } = o || {};
+      if (m === "heartbeat" || (m === "server.restart_requested" && s(!0), q === window.senderId))
+        return;
+      const h = Date.now();
+      h - r.current.lastCall < 1e3 ? r.current.callCount += 1 : r.current.callCount = 0, r.current.lastCall = h, m === "shout" && ((b = o == null ? void 0 : o.summary) != null && b.text) && C.info(D.text), console.log("Event RX", o), u.publish(m, o);
+    },
+    [s]
+  );
+  return l(() => {
+    n === B.ReadyState.OPEN && (d && (s(!1), x(F.util.resetApiState())), c().onmessage = j, g(), u.publish("client.connected", {
+      topic: "client.connected"
+    }));
+  }, [n, c]), /* @__PURE__ */ w.jsx(
+    k.Provider,
+    {
+      value: {
+        getWebSocket: c,
+        readyState: n,
+        serverRestartingVisible: d
+      },
+      children: i
+    }
+  );
+}, cp = () => {
+  const i = M(k);
+  if (i === void 0)
+    throw new Error("useSocketContext must be used within a SocketProvider");
+  return i;
+};
+export {
+  k as SocketContext,
+  np as SocketProvider,
+  cp as useSocketContext
+};
+//# sourceMappingURL=WebsocketContext.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WebsocketContext.es.js","sources":["../../../../src/context/WebsocketContext.tsx"],"sourcesContent":["import { useEffect, useState, createContext, useCallback, useRef, useContext } from 'react'\nimport { toast } from 'react-toastify'\nimport { PubSub } from '@shared/util'\nimport useWebSocket, { ReadyState } from 'react-use-websocket'\nimport { debounce, isEqual } from 'lodash'\nimport api from '@shared/api'\nimport { RefreshToast } from '@shared/components'\nimport { useLazyGetSiteInfoQuery } from '@shared/api'\nimport { WebSocketLike } from 'react-use-websocket/dist/lib/types'\n\nexport type WebsocketContextType = {\n  getWebSocket: () => WebSocketLike | null\n  readyState: ReadyState\n  serverRestartingVisible: boolean\n}\n\nexport const SocketContext = createContext<WebsocketContextType | undefined>(undefined)\n\nconst proto = window.location.protocol.replace('http', 'ws')\nconst wsAddress = `${proto}//${window.location.host}/ws`\n\n// define global window senderId type\ndeclare global {\n  interface Window {\n    senderId: string\n  }\n}\n\nexport type SocketProviderProps = {\n  children: React.ReactNode\n  userName?: string\n  projectName?: string\n  dispatch: any\n}\n\nexport const SocketProvider = ({\n  children,\n  userName,\n  projectName,\n  dispatch,\n}: SocketProviderProps) => {\n  // get user logged in\n  const [serverRestartingVisible, setServerRestartingVisible] = useState(false)\n  const [topics, setTopics] = useState([])\n  const [getInfo] = useLazyGetSiteInfoQuery()\n\n  const wsOpts = {\n    shouldReconnect: () => {\n      if (!userName) return false\n      // check if there is a token\n      const accessToken = localStorage.getItem('accessToken')\n      if (!accessToken) return false\n\n      // test if the token is valid\n      // if it's not then this will automatically log out the user\n      getInfo({ full: false }).unwrap()\n\n      return true\n    },\n  }\n\n  const { sendMessage, readyState, getWebSocket } = useWebSocket(wsAddress, wsOpts)\n\n  const subscribe = () => {\n    sendMessage(\n      JSON.stringify({\n        topic: 'auth',\n        token: localStorage.getItem('accessToken'),\n        subscribe: topics,\n        project: projectName,\n      }),\n    )\n  }\n\n  useEffect(() => {\n    console.log('Topics changed', topics)\n    subscribe()\n  }, [topics, projectName])\n\n  const updateTopicsDebounce = debounce((newTopics) => {\n    if (isEqual(topics, newTopics)) return\n    console.log('WS: Subscriptions changed')\n    setTopics(newTopics)\n  }, 200)\n\n  PubSub.setOnSubscriptionsChange((newTopics: string[]) => updateTopicsDebounce(newTopics))\n\n  const [overloaded, setOverloaded] = useState(false)\n  const [toastShown, setToastShown] = useState(false)\n\n  // when overloaded is true, activate toast\n  useEffect(() => {\n    if (overloaded)\n      if (!toastShown) {\n        toast.warning(<RefreshToast />, {\n          autoClose: false,\n          closeButton: false,\n        })\n        setToastShown(true)\n      }\n\n    return () => {\n      setOverloaded(false)\n    }\n  }, [overloaded, setOverloaded])\n\n  // onMessage is a function that is called when a message comes in from the websocket\n  // it is a closure that keeps track of the number of calls and the last call time\n  // Using useRef to persist the closure state across renders\n  const messageStatsRef = useRef({ callCount: 0, lastCall: Date.now() })\n\n  const onMessage = useCallback(\n    (message: any) => {\n      // If the function is called more than 100 times per second, return early.\n      const threshold = 1000\n      if (messageStatsRef.current.callCount > threshold) {\n        setOverloaded(true)\n        return console.log(\n          `Overload: Over ${threshold} messages per second. Ignoring subsequent messages.`,\n        )\n      }\n\n      let data\n      try {\n        data = JSON.parse(message.data)\n      } catch (error) {\n        console.error('Failed to parse websocket message:', error, message.data)\n        return\n      }\n\n      const { topic, sender, summary } = data || {}\n      if (topic === 'heartbeat') return\n\n      if (topic === 'server.restart_requested') setServerRestartingVisible(true)\n\n      if (sender === window.senderId) {\n        return // my own message. ignore\n      }\n\n      const now = Date.now()\n      if (now - messageStatsRef.current.lastCall < 1000) {\n        messageStatsRef.current.callCount += 1\n      } else {\n        messageStatsRef.current.callCount = 0\n      }\n\n      messageStatsRef.current.lastCall = now\n\n      if (topic === 'shout' && data?.summary?.text) toast.info(summary.text)\n\n      console.log('Event RX', data)\n      PubSub.publish(topic, data)\n    },\n    [setServerRestartingVisible],\n  )\n\n  useEffect(() => {\n    if (readyState === ReadyState.OPEN) {\n      if (serverRestartingVisible) {\n        setServerRestartingVisible(false)\n        // clear ayonApi\n        dispatch(api.util.resetApiState())\n      }\n      // @ts-ignore\n      getWebSocket().onmessage = onMessage\n      subscribe()\n      // Dispatch a fake event to the frontend components\n      // in case they depend on the event stream and may\n      // miss some messages - this should force reloading\n      // events using graphql\n      PubSub.publish('client.connected', {\n        topic: 'client.connected',\n      })\n    }\n  }, [readyState, getWebSocket])\n\n  return (\n    <SocketContext.Provider\n      value={{\n        getWebSocket,\n        readyState,\n        serverRestartingVisible,\n      }}\n    >\n      {children}\n    </SocketContext.Provider>\n  )\n}\n\nexport const useSocketContext = () => {\n  const context = useContext(SocketContext)\n  if (context === undefined) {\n    throw new Error('useSocketContext must be used within a SocketProvider')\n  }\n  return context\n}\n"],"names":["SocketContext","createContext","proto","wsAddress","SocketProvider","children","userName","projectName","dispatch","serverRestartingVisible","setServerRestartingVisible","useState","topics","setTopics","getInfo","useLazyGetSiteInfoQuery","wsOpts","sendMessage","readyState","getWebSocket","useWebSocket","subscribe","useEffect","updateTopicsDebounce","debounce","newTopics","isEqual","PubSub","overloaded","setOverloaded","toastShown","setToastShown","toast","jsx","RefreshToast","messageStatsRef","useRef","onMessage","useCallback","message","data","error","topic","sender","summary","now","_a","ReadyState","api","useSocketContext","context","useContext"],"mappings":"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"}

package/dist/shared/src/hooks/useEntityUpdate.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react-toastify");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/desktop.cjs.js");require("../api/generated/entityLists.cjs.js");require("../api/generated/events.cjs.js");require("../api/generated/files.cjs.js");require("../api/generated/folders.cjs.js");require("../api/generated/inbox.cjs.js");require("../api/generated/links.cjs.js");require("../api/generated/market.cjs.js");require("../api/generated/onboarding.cjs.js");require("../api/generated/operations.cjs.js");require("../api/generated/products.cjs.js");require("../api/generated/projectDashboard.cjs.js");require("../api/generated/projects.cjs.js");require("../api/generated/reviewables.cjs.js");require("../api/generated/services.cjs.js");require("../api/generated/system.cjs.js");require("../api/generated/tasks.cjs.js");require("../api/generated/teams.cjs.js");require("../api/generated/thumbnails.cjs.js");require("../api/generated/uRIs.cjs.js");require("../api/generated/users.cjs.js");require("../api/generated/versions.cjs.js");require("../api/generated/workfiles.cjs.js");require("../api/generated/ynputCloud.cjs.js");require("../api/generated/grouping.cjs.js");require("../api/generated/views.cjs.js");require("../api/queries/actions/getActions.cjs.js");require("../api/queries/activities/getActivities.cjs.js");require("../api/queries/activities/updateActivities.cjs.js");require("../api/queries/activities/updateReaction.cjs.js");require("../api/queries/activities/getMentions.cjs.js");require("../api/queries/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/entities/getEntity.cjs.js");require("../api/queries/entities/getEntityPanel.cjs.js");const n=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/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/permissions/getPermissions.cjs.js");require("../api/queries/products/createProduct.cjs.js");require("../api/queries/project/getProject.cjs.js");require("../api/queries/project/updateProject.cjs.js");require("../api/queries/review/getReview.cjs.js");require("../api/queries/review/updateReview.cjs.js");require("../api/queries/share/share.cjs.js");require("../api/queries/system/getSystem.cjs.js");require("../api/queries/userDashboard/getUserDashboard.cjs.js");require("../api/queries/users/getUsers.cjs.js");require("../api/queries/users/updateUsers.cjs.js");require("../api/queries/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("../context/RemoteModulesContext.cjs.js");const d=require("../context/DetailsPanelContext.cjs.js");require("../context/ThumbnailUploaderContext.cjs.js");require("../context/SettingsPanelContext.cjs.js");require("../context/pip/PiPProvider.cjs.js");require("react-dom");require("../context/pip/PiPWrapper.cjs.js");require("../context/AddonProjectContext.cjs.js");require("../context/AddonContext.cjs.js");require("../context/PowerpackContext.cjs.js");require("../context/MoveEntityContext.cjs.js");require("../context/MenuContext.cjs.js");const c=({entities:t,entityType:r})=>{const[o]=n.useUpdateEntitiesMutation(),{onUpdateEntity:i}=d.useDetailsPanelContext();return{updateEntity:async(s,u)=>{if(u==null){console.error("value is null or undefined");return}try{const q=t.map(e=>({id:e.id,projectName:e.projectName,data:{[s]:u},currentAssignees:e.users,meta:{folderId:e.folderId}}));await o({operations:q,entityType:r}),i==null||i({operations:q,entityType:r})}catch{a.toast.error(`Error updating ${r}`)}}}};exports.useEntityUpdate=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react-toastify");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/desktop.cjs.js");require("../api/generated/entityLists.cjs.js");require("../api/generated/events.cjs.js");require("../api/generated/files.cjs.js");require("../api/generated/folders.cjs.js");require("../api/generated/inbox.cjs.js");require("../api/generated/links.cjs.js");require("../api/generated/market.cjs.js");require("../api/generated/onboarding.cjs.js");require("../api/generated/operations.cjs.js");require("../api/generated/products.cjs.js");require("../api/generated/projectDashboard.cjs.js");require("../api/generated/projects.cjs.js");require("../api/generated/reviewables.cjs.js");require("../api/generated/services.cjs.js");require("../api/generated/system.cjs.js");require("../api/generated/tasks.cjs.js");require("../api/generated/teams.cjs.js");require("../api/generated/thumbnails.cjs.js");require("../api/generated/uRIs.cjs.js");require("../api/generated/users.cjs.js");require("../api/generated/versions.cjs.js");require("../api/generated/workfiles.cjs.js");require("../api/generated/ynputCloud.cjs.js");require("../api/generated/grouping.cjs.js");require("../api/generated/views.cjs.js");require("../api/queries/actions/getActions.cjs.js");require("../api/queries/activities/getActivities.cjs.js");require("../api/queries/activities/updateActivities.cjs.js");require("../api/queries/activities/updateReaction.cjs.js");require("../api/queries/activities/getMentions.cjs.js");require("../api/queries/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/entities/getEntity.cjs.js");require("../api/queries/entities/getEntityPanel.cjs.js");const n=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/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/permissions/getPermissions.cjs.js");require("../api/queries/products/createProduct.cjs.js");require("../api/queries/project/getProject.cjs.js");require("../api/queries/project/updateProject.cjs.js");require("../api/queries/review/getReview.cjs.js");require("../api/queries/review/updateReview.cjs.js");require("../api/queries/share/share.cjs.js");require("../api/queries/system/getSystem.cjs.js");require("../api/queries/userDashboard/getUserDashboard.cjs.js");require("../api/queries/users/getUsers.cjs.js");require("../api/queries/users/updateUsers.cjs.js");require("../api/queries/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("../context/RemoteModulesContext.cjs.js");const d=require("../context/DetailsPanelContext.cjs.js");require("../context/ThumbnailUploaderContext.cjs.js");require("../context/SettingsPanelContext.cjs.js");require("../context/pip/PiPProvider.cjs.js");require("react-dom");require("../context/pip/PiPWrapper.cjs.js");require("../context/AddonProjectContext.cjs.js");require("../context/AddonContext.cjs.js");require("../context/PowerpackContext.cjs.js");require("../context/MoveEntityContext.cjs.js");require("../context/MenuContext.cjs.js");require("../context/WebsocketContext.cjs.js");const c=({entities:t,entityType:r})=>{const[o]=n.useUpdateEntitiesMutation(),{onUpdateEntity:i}=d.useDetailsPanelContext();return{updateEntity:async(s,u)=>{if(u==null){console.error("value is null or undefined");return}try{const q=t.map(e=>({id:e.id,projectName:e.projectName,data:{[s]:u},currentAssignees:e.users,meta:{folderId:e.folderId}}));await o({operations:q,entityType:r}),i==null||i({operations:q,entityType:r})}catch{a.toast.error(`Error updating ${r}`)}}}};exports.useEntityUpdate=c;
 //# sourceMappingURL=useEntityUpdate.cjs.js.map

package/dist/shared/src/hooks/useEntityUpdate.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEntityUpdate.cjs.js","sources":["../../../../src/hooks/useEntityUpdate.ts"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { useUpdateEntitiesMutation } from '@shared/api'\nimport { useContext } from 'react'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Entity {\n  id: string\n  projectName: string\n  users: string[]\n  folderId?: string\n  productId?: string\n}\n\nexport interface UseEntityUpdateParams {\n  entities: Entity[]\n  entityType: string\n}\n\n/**\n * Hook for updating entities with proper error handling and version-specific logic\n */\nexport const useEntityUpdate = ({ entities, entityType }: UseEntityUpdateParams) => {\n  const [updateEntities] = useUpdateEntitiesMutation()\n  const { onUpdateEntity } = useDetailsPanelContext()\n\n  /**\n   * Updates entities with the specified field and value\n   * @param field The field to update\n   * @param value The new value for the field\n   * @returns Promise that resolves when the update is complete\n   */\n  const updateEntity = async (field: string, value: any): Promise<void> => {\n    if (value === null || value === undefined) {\n      console.error('value is null or undefined')\n      return\n    }\n\n    try {\n      // Build entities operations array\n      const operations = entities.map((entity) => ({\n        id: entity.id,\n        projectName: entity.projectName,\n        data: {\n          [field]: value,\n        },\n        currentAssignees: entity.users,\n        meta: {\n          folderId: entity.folderId,\n        },\n      }))\n\n      await updateEntities({ operations, entityType })\n      onUpdateEntity?.({ operations, entityType })\n    } catch (error) {\n      toast.error(`Error updating ${entityType}`)\n    }\n  }\n\n  return { updateEntity }\n}\n"],"names":["useEntityUpdate","entities","entityType","updateEntities","useUpdateEntitiesMutation","onUpdateEntity","useDetailsPanelContext","updateEntity","field","value","operations","entity","toast"],"mappings":"8kJAqBO,MAAMA,EAAkB,CAAC,CAAE,SAAAC,EAAU,WAAAC,KAAwC,CAC5E,KAAA,CAACC,CAAc,EAAIC,4BAA0B,EAC7C,CAAE,eAAAC,CAAe,EAAIC,yBAAuB,EAmClD,MAAO,CAAEC,aA3BY,MAAOC,EAAeC,IAA8B,CACnE,GAAAA,GAAU,KAA6B,CACzC,QAAQ,MAAM,4BAA4B,EAC1C,MAAA,CAGE,GAAA,CAEF,MAAMC,EAAaT,EAAS,IAAKU,IAAY,CAC3C,GAAIA,EAAO,GACX,YAAaA,EAAO,YACpB,KAAM,CACJ,CAACH,CAAK,EAAGC,CACX,EACA,iBAAkBE,EAAO,MACzB,KAAM,CACJ,SAAUA,EAAO,QAAA,CACnB,EACA,EAEF,MAAMR,EAAe,CAAE,WAAAO,EAAY,WAAAR,EAAY,EAC9BG,GAAA,MAAAA,EAAA,CAAE,WAAAK,EAAY,WAAAR,SACjB,CACRU,EAAAA,MAAA,MAAM,kBAAkBV,CAAU,EAAE,CAAA,CAE9C,CAEsB,CACxB"}
+{"version":3,"file":"useEntityUpdate.cjs.js","sources":["../../../../src/hooks/useEntityUpdate.ts"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { useUpdateEntitiesMutation } from '@shared/api'\nimport { useContext } from 'react'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Entity {\n  id: string\n  projectName: string\n  users: string[]\n  folderId?: string\n  productId?: string\n}\n\nexport interface UseEntityUpdateParams {\n  entities: Entity[]\n  entityType: string\n}\n\n/**\n * Hook for updating entities with proper error handling and version-specific logic\n */\nexport const useEntityUpdate = ({ entities, entityType }: UseEntityUpdateParams) => {\n  const [updateEntities] = useUpdateEntitiesMutation()\n  const { onUpdateEntity } = useDetailsPanelContext()\n\n  /**\n   * Updates entities with the specified field and value\n   * @param field The field to update\n   * @param value The new value for the field\n   * @returns Promise that resolves when the update is complete\n   */\n  const updateEntity = async (field: string, value: any): Promise<void> => {\n    if (value === null || value === undefined) {\n      console.error('value is null or undefined')\n      return\n    }\n\n    try {\n      // Build entities operations array\n      const operations = entities.map((entity) => ({\n        id: entity.id,\n        projectName: entity.projectName,\n        data: {\n          [field]: value,\n        },\n        currentAssignees: entity.users,\n        meta: {\n          folderId: entity.folderId,\n        },\n      }))\n\n      await updateEntities({ operations, entityType })\n      onUpdateEntity?.({ operations, entityType })\n    } catch (error) {\n      toast.error(`Error updating ${entityType}`)\n    }\n  }\n\n  return { updateEntity }\n}\n"],"names":["useEntityUpdate","entities","entityType","updateEntities","useUpdateEntitiesMutation","onUpdateEntity","useDetailsPanelContext","updateEntity","field","value","operations","entity","toast"],"mappings":"4nJAqBO,MAAMA,EAAkB,CAAC,CAAE,SAAAC,EAAU,WAAAC,KAAwC,CAC5E,KAAA,CAACC,CAAc,EAAIC,4BAA0B,EAC7C,CAAE,eAAAC,CAAe,EAAIC,yBAAuB,EAmClD,MAAO,CAAEC,aA3BY,MAAOC,EAAeC,IAA8B,CACnE,GAAAA,GAAU,KAA6B,CACzC,QAAQ,MAAM,4BAA4B,EAC1C,MAAA,CAGE,GAAA,CAEF,MAAMC,EAAaT,EAAS,IAAKU,IAAY,CAC3C,GAAIA,EAAO,GACX,YAAaA,EAAO,YACpB,KAAM,CACJ,CAACH,CAAK,EAAGC,CACX,EACA,iBAAkBE,EAAO,MACzB,KAAM,CACJ,SAAUA,EAAO,QAAA,CACnB,EACA,EAEF,MAAMR,EAAe,CAAE,WAAAO,EAAY,WAAAR,EAAY,EAC9BG,GAAA,MAAAA,EAAA,CAAE,WAAAK,EAAY,WAAAR,SACjB,CACRU,EAAAA,MAAA,MAAM,kBAAkBV,CAAU,EAAE,CAAA,CAE9C,CAEsB,CACxB"}

package/dist/shared/src/hooks/useEntityUpdate.es.js

@@ -92,7 +92,8 @@ import "../context/AddonContext.es.js";
 import "../context/PowerpackContext.es.js";
 import "../context/MoveEntityContext.es.js";
 import "../context/MenuContext.es.js";
-const Tr = ({ entities: m, entityType: t }) => {
+import "../context/WebsocketContext.es.js";
+const yr = ({ entities: m, entityType: t }) => {
   const [e] = n(), { onUpdateEntity: o } = d();
   return { updateEntity: async (s, i) => {
     if (i == null) {
@@ -118,6 +119,6 @@ const Tr = ({ entities: m, entityType: t }) => {
   } };
 };
 export {
-  Tr as useEntityUpdate
+  yr as useEntityUpdate
 };
 //# sourceMappingURL=useEntityUpdate.es.js.map

package/dist/shared/src/hooks/useEntityUpdate.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEntityUpdate.es.js","sources":["../../../../src/hooks/useEntityUpdate.ts"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { useUpdateEntitiesMutation } from '@shared/api'\nimport { useContext } from 'react'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Entity {\n  id: string\n  projectName: string\n  users: string[]\n  folderId?: string\n  productId?: string\n}\n\nexport interface UseEntityUpdateParams {\n  entities: Entity[]\n  entityType: string\n}\n\n/**\n * Hook for updating entities with proper error handling and version-specific logic\n */\nexport const useEntityUpdate = ({ entities, entityType }: UseEntityUpdateParams) => {\n  const [updateEntities] = useUpdateEntitiesMutation()\n  const { onUpdateEntity } = useDetailsPanelContext()\n\n  /**\n   * Updates entities with the specified field and value\n   * @param field The field to update\n   * @param value The new value for the field\n   * @returns Promise that resolves when the update is complete\n   */\n  const updateEntity = async (field: string, value: any): Promise<void> => {\n    if (value === null || value === undefined) {\n      console.error('value is null or undefined')\n      return\n    }\n\n    try {\n      // Build entities operations array\n      const operations = entities.map((entity) => ({\n        id: entity.id,\n        projectName: entity.projectName,\n        data: {\n          [field]: value,\n        },\n        currentAssignees: entity.users,\n        meta: {\n          folderId: entity.folderId,\n        },\n      }))\n\n      await updateEntities({ operations, entityType })\n      onUpdateEntity?.({ operations, entityType })\n    } catch (error) {\n      toast.error(`Error updating ${entityType}`)\n    }\n  }\n\n  return { updateEntity }\n}\n"],"names":["useEntityUpdate","entities","entityType","updateEntities","useUpdateEntitiesMutation","onUpdateEntity","useDetailsPanelContext","field","value","operations","entity","toast"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAMA,KAAkB,CAAC,EAAE,UAAAC,GAAU,YAAAC,QAAwC;AAC5E,QAAA,CAACC,CAAc,IAAIC,EAA0B,GAC7C,EAAE,gBAAAC,EAAe,IAAIC,EAAuB;AAmClD,SAAO,EAAE,cA3BY,OAAOC,GAAeC,MAA8B;AACnE,QAAAA,KAAU,MAA6B;AACzC,cAAQ,MAAM,4BAA4B;AAC1C;AAAA,IAAA;AAGE,QAAA;AAEF,YAAMC,IAAaR,EAAS,IAAI,CAACS,OAAY;AAAA,QAC3C,IAAIA,EAAO;AAAA,QACX,aAAaA,EAAO;AAAA,QACpB,MAAM;AAAA,UACJ,CAACH,CAAK,GAAGC;AAAA,QACX;AAAA,QACA,kBAAkBE,EAAO;AAAA,QACzB,MAAM;AAAA,UACJ,UAAUA,EAAO;AAAA,QAAA;AAAA,MACnB,EACA;AAEF,YAAMP,EAAe,EAAE,YAAAM,GAAY,YAAAP,GAAY,GAC9BG,KAAA,QAAAA,EAAA,EAAE,YAAAI,GAAY,YAAAP;YACjB;AACR,MAAAS,EAAA,MAAM,kBAAkBT,CAAU,EAAE;AAAA,IAAA;AAAA,EAE9C,EAEsB;AACxB;"}
+{"version":3,"file":"useEntityUpdate.es.js","sources":["../../../../src/hooks/useEntityUpdate.ts"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { useUpdateEntitiesMutation } from '@shared/api'\nimport { useContext } from 'react'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Entity {\n  id: string\n  projectName: string\n  users: string[]\n  folderId?: string\n  productId?: string\n}\n\nexport interface UseEntityUpdateParams {\n  entities: Entity[]\n  entityType: string\n}\n\n/**\n * Hook for updating entities with proper error handling and version-specific logic\n */\nexport const useEntityUpdate = ({ entities, entityType }: UseEntityUpdateParams) => {\n  const [updateEntities] = useUpdateEntitiesMutation()\n  const { onUpdateEntity } = useDetailsPanelContext()\n\n  /**\n   * Updates entities with the specified field and value\n   * @param field The field to update\n   * @param value The new value for the field\n   * @returns Promise that resolves when the update is complete\n   */\n  const updateEntity = async (field: string, value: any): Promise<void> => {\n    if (value === null || value === undefined) {\n      console.error('value is null or undefined')\n      return\n    }\n\n    try {\n      // Build entities operations array\n      const operations = entities.map((entity) => ({\n        id: entity.id,\n        projectName: entity.projectName,\n        data: {\n          [field]: value,\n        },\n        currentAssignees: entity.users,\n        meta: {\n          folderId: entity.folderId,\n        },\n      }))\n\n      await updateEntities({ operations, entityType })\n      onUpdateEntity?.({ operations, entityType })\n    } catch (error) {\n      toast.error(`Error updating ${entityType}`)\n    }\n  }\n\n  return { updateEntity }\n}\n"],"names":["useEntityUpdate","entities","entityType","updateEntities","useUpdateEntitiesMutation","onUpdateEntity","useDetailsPanelContext","field","value","operations","entity","toast"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAMA,KAAkB,CAAC,EAAE,UAAAC,GAAU,YAAAC,QAAwC;AAC5E,QAAA,CAACC,CAAc,IAAIC,EAA0B,GAC7C,EAAE,gBAAAC,EAAe,IAAIC,EAAuB;AAmClD,SAAO,EAAE,cA3BY,OAAOC,GAAeC,MAA8B;AACnE,QAAAA,KAAU,MAA6B;AACzC,cAAQ,MAAM,4BAA4B;AAC1C;AAAA,IAAA;AAGE,QAAA;AAEF,YAAMC,IAAaR,EAAS,IAAI,CAACS,OAAY;AAAA,QAC3C,IAAIA,EAAO;AAAA,QACX,aAAaA,EAAO;AAAA,QACpB,MAAM;AAAA,UACJ,CAACH,CAAK,GAAGC;AAAA,QACX;AAAA,QACA,kBAAkBE,EAAO;AAAA,QACzB,MAAM;AAAA,UACJ,UAAUA,EAAO;AAAA,QAAA;AAAA,MACnB,EACA;AAEF,YAAMP,EAAe,EAAE,YAAAM,GAAY,YAAAP,GAAY,GAC9BG,KAAA,QAAAA,EAAA,EAAE,YAAAI,GAAY,YAAAP;YACjB;AACR,MAAAS,EAAA,MAAM,kBAAkBT,CAAU,EAAE;AAAA,IAAA;AAAA,EAE9C,EAEsB;AACxB;"}

package/dist/src/components/Menu/MenuComponents/Menu.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("../../../../_virtual/jsx-runtime.cjs.js"),m=require("react"),v=require("./Menu.styled.cjs.js"),R=require("./MenuList.cjs.js");require("lodash");require("react-toastify");const y=require("../../../../shared/src/util/copyToClipboard.cjs.js");require("uuid");require("../../../../shared/src/util/pubsub.cjs.js");const C=require("@ynput/ayon-react-components");require("../../../../shared/src/context/RemoteModulesContext.cjs.js");require("../../../../shared/src/context/DetailsPanelContext.cjs.js");require("../../../../shared/src/context/ThumbnailUploaderContext.cjs.js");require("../../../../shared/src/context/SettingsPanelContext.cjs.js");require("../../../../shared/src/context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../shared/src/context/pip/PiPWrapper.cjs.js");require("../../../../shared/src/context/AddonProjectContext.cjs.js");require("../../../../shared/src/context/AddonContext.cjs.js");const E=require("../../../../shared/src/context/PowerpackContext.cjs.js");require("../../../../shared/src/context/MoveEntityContext.cjs.js");const S=require("../../../../shared/src/context/MenuContext.cjs.js"),h=({menu:g=[],onClose:u,header:a,footer:o=""})=>{const{setPowerpackDialog:x}=E.usePowerpack(),{setMenuOpen:d}=S.useMenuContext(),[n,i]=m.useState([]),p=(t,e,r,l)=>{if(r)return u();e&&e(t),!l&&u&&u()},q=(t,e={})=>{e.items.length?n.find(r=>r.id===e.id)||i([...n.filter(r=>r.level<e.level+1),{...e,id:e.id,level:e.level+1,parentRef:t.target}]):i(n.filter(r=>r.level<=e.level))},b=(t,e={})=>{var f,j;const r=(f=t.relatedTarget)==null?void 0:f.id,l=n.find(c=>c.id===r);if(((j=t.relatedTarget)==null?void 0:j.tagName)==="DIALOG")return i([]);l||i(n.filter(c=>c.level<=(e.level||0)+1))},M=(t,e={})=>{t.type==="mouseenter"||t.type==="keydown"?q(t,e):t.type==="mouseleave"&&b(t,e)};return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs(v.Section,{children:[a&&a,s.jsxRuntimeExports.jsx(R,{items:g,handleClick:p,onSubMenu:M,level:0,setPowerpackDialog:x,onMenuClose:()=>d(!1)}),o&&s.jsxRuntimeExports.jsxs(v.Footer,{children:[o,s.jsxRuntimeExports.jsx(C.Button,{icon:"content_copy",variant:"text",onClick:()=>y.copyToClipboard(o)})]})]}),n.map((t,e)=>s.jsxRuntimeExports.jsx(R,{items:t.items,handleClick:p,...t,subMenu:!0,onSubMenu:M,onClose:()=>i(n.filter(r=>r.id!==t.id)),onMenuClose:()=>d(!1),onChange:q,setPowerpackDialog:x},e))]})};module.exports=h;
+"use strict";const s=require("../../../../_virtual/jsx-runtime.cjs.js"),m=require("react"),v=require("./Menu.styled.cjs.js"),R=require("./MenuList.cjs.js");require("lodash");require("react-toastify");const y=require("../../../../shared/src/util/copyToClipboard.cjs.js");require("uuid");require("../../../../shared/src/util/pubsub.cjs.js");const C=require("@ynput/ayon-react-components");require("../../../../shared/src/context/RemoteModulesContext.cjs.js");require("../../../../shared/src/context/DetailsPanelContext.cjs.js");require("../../../../shared/src/context/ThumbnailUploaderContext.cjs.js");require("../../../../shared/src/context/SettingsPanelContext.cjs.js");require("../../../../shared/src/context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../shared/src/context/pip/PiPWrapper.cjs.js");require("../../../../shared/src/context/AddonProjectContext.cjs.js");require("../../../../shared/src/context/AddonContext.cjs.js");const E=require("../../../../shared/src/context/PowerpackContext.cjs.js");require("../../../../shared/src/context/MoveEntityContext.cjs.js");const S=require("../../../../shared/src/context/MenuContext.cjs.js");require("../../../../shared/src/context/WebsocketContext.cjs.js");const h=({menu:g=[],onClose:u,header:a,footer:o=""})=>{const{setPowerpackDialog:x}=E.usePowerpack(),{setMenuOpen:d}=S.useMenuContext(),[n,i]=m.useState([]),p=(t,e,r,l)=>{if(r)return u();e&&e(t),!l&&u&&u()},q=(t,e={})=>{e.items.length?n.find(r=>r.id===e.id)||i([...n.filter(r=>r.level<e.level+1),{...e,id:e.id,level:e.level+1,parentRef:t.target}]):i(n.filter(r=>r.level<=e.level))},b=(t,e={})=>{var f,j;const r=(f=t.relatedTarget)==null?void 0:f.id,l=n.find(c=>c.id===r);if(((j=t.relatedTarget)==null?void 0:j.tagName)==="DIALOG")return i([]);l||i(n.filter(c=>c.level<=(e.level||0)+1))},M=(t,e={})=>{t.type==="mouseenter"||t.type==="keydown"?q(t,e):t.type==="mouseleave"&&b(t,e)};return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs(v.Section,{children:[a&&a,s.jsxRuntimeExports.jsx(R,{items:g,handleClick:p,onSubMenu:M,level:0,setPowerpackDialog:x,onMenuClose:()=>d(!1)}),o&&s.jsxRuntimeExports.jsxs(v.Footer,{children:[o,s.jsxRuntimeExports.jsx(C.Button,{icon:"content_copy",variant:"text",onClick:()=>y.copyToClipboard(o)})]})]}),n.map((t,e)=>s.jsxRuntimeExports.jsx(R,{items:t.items,handleClick:p,...t,subMenu:!0,onSubMenu:M,onClose:()=>i(n.filter(r=>r.id!==t.id)),onMenuClose:()=>d(!1),onChange:q,setPowerpackDialog:x},e))]})};module.exports=h;
 //# sourceMappingURL=Menu.cjs.js.map

package/dist/src/components/Menu/MenuComponents/Menu.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.cjs.js","sources":["../../../../../../src/components/Menu/MenuComponents/Menu.jsx"],"sourcesContent":["import React, { useState } from 'react'\nimport * as Styled from './Menu.styled'\nimport MenuList from './MenuList'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\nimport { useMenuContext, usePowerpack } from '@shared/context'\n\nconst Menu = ({ menu = [], onClose, header, footer = '' }) => {\n  const { setPowerpackDialog } = usePowerpack()\n  const { setMenuOpen } = useMenuContext()\n\n  const [subMenus, setSubMenus] = useState([])\n  //   When a menu item is clicked, the following happens:\n  const handleClick = (e, onClick, url, disableClose) => {\n    // this is handled by Link component inside the MenuItem\n    if (url) return onClose()\n\n    onClick && onClick(e)\n\n    !disableClose && onClose && onClose()\n  }\n\n  const onMenuEnter = (e, menu = {}) => {\n    // check to see if we need to open a submenu\n    if (menu.items.length) {\n      // yes, there is a submenu\n      // open it if it is not already open\n      if (!subMenus.find((m) => m.id === menu.id)) {\n        // also close any other submenus on the same level\n        setSubMenus([\n          ...subMenus.filter((m) => m.level < menu.level + 1),\n          { ...menu, id: menu.id, level: menu.level + 1, parentRef: e.target },\n        ])\n      }\n    } else {\n      // no items for this menu, so close all submenus on the higher levels\n      setSubMenus(subMenus.filter((m) => m.level <= menu.level))\n    }\n  }\n\n  const onMenuLeave = (e, menu = {}) => {\n    // target where we are going\n    const relatedTargetId = e.relatedTarget?.id\n    const relatedTargetSubMenu = subMenus.find((m) => m.id === relatedTargetId)\n\n    if (e.relatedTarget?.tagName === 'DIALOG') return setSubMenus([])\n\n    if (!relatedTargetSubMenu) {\n      setSubMenus(subMenus.filter((m) => m.level <= (menu.level || 0) + 1))\n    }\n    //   if (menu.items.length) {\n  }\n\n  const handleSubMenu = (e, menu = {}) => {\n    if (e.type === 'mouseenter' || e.type === 'keydown') onMenuEnter(e, menu)\n    else if (e.type === 'mouseleave') onMenuLeave(e, menu)\n  }\n\n  return (\n    <>\n      <Styled.Section>\n        {header && header}\n        <MenuList\n          items={menu}\n          handleClick={handleClick}\n          onSubMenu={handleSubMenu}\n          level={0}\n          setPowerpackDialog={setPowerpackDialog}\n          onMenuClose={() => setMenuOpen(false)}\n        />\n        {footer && (\n          <Styled.Footer>\n            {footer}\n            <Button icon=\"content_copy\" variant=\"text\" onClick={() => copyToClipboard(footer)} />\n          </Styled.Footer>\n        )}\n      </Styled.Section>\n      {subMenus.map((menu, i) => (\n        <MenuList\n          key={i}\n          items={menu.items}\n          handleClick={handleClick}\n          {...menu}\n          subMenu\n          onSubMenu={handleSubMenu}\n          onClose={() => setSubMenus(subMenus.filter((m) => m.id !== menu.id))}\n          onMenuClose={() => setMenuOpen(false)}\n          onChange={onMenuEnter}\n          setPowerpackDialog={setPowerpackDialog}\n        />\n      ))}\n    </>\n  )\n}\n\nexport default Menu\n"],"names":["Menu","menu","onClose","header","footer","setPowerpackDialog","usePowerpack","setMenuOpen","useMenuContext","subMenus","setSubMenus","useState","handleClick","e","onClick","url","disableClose","onMenuEnter","m","onMenuLeave","relatedTargetId","_a","relatedTargetSubMenu","_b","handleSubMenu","jsxs","Fragment","Styled.Section","jsx","MenuList","Styled.Footer","Button","copyToClipboard","i"],"mappings":"yoCAOMA,EAAO,CAAC,CAAE,KAAAC,EAAO,GAAI,QAAAC,EAAS,OAAAC,EAAQ,OAAAC,EAAS,MAAS,CACtD,KAAA,CAAE,mBAAAC,CAAmB,EAAIC,eAAa,EACtC,CAAE,YAAAC,CAAY,EAAIC,iBAAe,EAEjC,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,CAAA,CAAE,EAErCC,EAAc,CAACC,EAAGC,EAASC,EAAKC,IAAiB,CAEjD,GAAAD,SAAYb,EAAQ,EAExBY,GAAWA,EAAQD,CAAC,EAEnB,CAAAG,GAAgBd,GAAWA,EAAQ,CACtC,EAEMe,EAAc,CAACJ,EAAGZ,EAAO,CAAA,IAAO,CAEhCA,EAAK,MAAM,OAGRQ,EAAS,KAAMS,GAAMA,EAAE,KAAOjB,EAAK,EAAE,GAE5BS,EAAA,CACV,GAAGD,EAAS,OAAQS,GAAMA,EAAE,MAAQjB,EAAK,MAAQ,CAAC,EAClD,CAAE,GAAGA,EAAM,GAAIA,EAAK,GAAI,MAAOA,EAAK,MAAQ,EAAG,UAAWY,EAAE,MAAO,CAAA,CACpE,EAISH,EAAAD,EAAS,OAAQS,GAAMA,EAAE,OAASjB,EAAK,KAAK,CAAC,CAE7D,EAEMkB,EAAc,CAACN,EAAGZ,EAAO,CAAA,IAAO,SAE9B,MAAAmB,GAAkBC,EAAAR,EAAE,gBAAF,YAAAQ,EAAiB,GACnCC,EAAuBb,EAAS,KAAMS,GAAMA,EAAE,KAAOE,CAAe,EAE1E,KAAIG,EAAAV,EAAE,gBAAF,YAAAU,EAAiB,WAAY,SAAiB,OAAAb,EAAY,EAAE,EAE3DY,GACSZ,EAAAD,EAAS,OAAQS,GAAMA,EAAE,QAAUjB,EAAK,OAAS,GAAK,CAAC,CAAC,CAGxE,EAEMuB,EAAgB,CAACX,EAAGZ,EAAO,CAAA,IAAO,CAClCY,EAAE,OAAS,cAAgBA,EAAE,OAAS,UAAWI,EAAYJ,EAAGZ,CAAI,EAC/DY,EAAE,OAAS,cAAcM,EAAYN,EAAGZ,CAAI,CACvD,EAEA,OAEIwB,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAACD,yBAAAE,EAAAA,QAAA,CACE,SAAA,CAAUxB,GAAAA,EACXyB,EAAA,kBAAA,IAACC,EAAA,CACC,MAAO5B,EACP,YAAAW,EACA,UAAWY,EACX,MAAO,EACP,mBAAAnB,EACA,YAAa,IAAME,EAAY,EAAK,CAAA,CACtC,EACCH,GACCqB,EAAA,kBAAA,KAACK,SAAA,CACE,SAAA,CAAA1B,EACDwB,EAAAA,kBAAAA,IAACG,EAAO,OAAA,CAAA,KAAK,eAAe,QAAQ,OAAO,QAAS,IAAMC,kBAAgB5B,CAAM,CAAG,CAAA,CAAA,CACrF,CAAA,CAAA,EAEJ,EACCK,EAAS,IAAI,CAACR,EAAMgC,IACnBL,EAAA,kBAAA,IAACC,EAAA,CAEC,MAAO5B,EAAK,MACZ,YAAAW,EACC,GAAGX,EACJ,QAAO,GACP,UAAWuB,EACX,QAAS,IAAMd,EAAYD,EAAS,OAAQS,GAAMA,EAAE,KAAOjB,EAAK,EAAE,CAAC,EACnE,YAAa,IAAMM,EAAY,EAAK,EACpC,SAAUU,EACV,mBAAAZ,CAAA,EATK4B,CAWR,CAAA,CAAA,EACH,CAEJ"}
+{"version":3,"file":"Menu.cjs.js","sources":["../../../../../../src/components/Menu/MenuComponents/Menu.jsx"],"sourcesContent":["import React, { useState } from 'react'\nimport * as Styled from './Menu.styled'\nimport MenuList from './MenuList'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\nimport { useMenuContext, usePowerpack } from '@shared/context'\n\nconst Menu = ({ menu = [], onClose, header, footer = '' }) => {\n  const { setPowerpackDialog } = usePowerpack()\n  const { setMenuOpen } = useMenuContext()\n\n  const [subMenus, setSubMenus] = useState([])\n  //   When a menu item is clicked, the following happens:\n  const handleClick = (e, onClick, url, disableClose) => {\n    // this is handled by Link component inside the MenuItem\n    if (url) return onClose()\n\n    onClick && onClick(e)\n\n    !disableClose && onClose && onClose()\n  }\n\n  const onMenuEnter = (e, menu = {}) => {\n    // check to see if we need to open a submenu\n    if (menu.items.length) {\n      // yes, there is a submenu\n      // open it if it is not already open\n      if (!subMenus.find((m) => m.id === menu.id)) {\n        // also close any other submenus on the same level\n        setSubMenus([\n          ...subMenus.filter((m) => m.level < menu.level + 1),\n          { ...menu, id: menu.id, level: menu.level + 1, parentRef: e.target },\n        ])\n      }\n    } else {\n      // no items for this menu, so close all submenus on the higher levels\n      setSubMenus(subMenus.filter((m) => m.level <= menu.level))\n    }\n  }\n\n  const onMenuLeave = (e, menu = {}) => {\n    // target where we are going\n    const relatedTargetId = e.relatedTarget?.id\n    const relatedTargetSubMenu = subMenus.find((m) => m.id === relatedTargetId)\n\n    if (e.relatedTarget?.tagName === 'DIALOG') return setSubMenus([])\n\n    if (!relatedTargetSubMenu) {\n      setSubMenus(subMenus.filter((m) => m.level <= (menu.level || 0) + 1))\n    }\n    //   if (menu.items.length) {\n  }\n\n  const handleSubMenu = (e, menu = {}) => {\n    if (e.type === 'mouseenter' || e.type === 'keydown') onMenuEnter(e, menu)\n    else if (e.type === 'mouseleave') onMenuLeave(e, menu)\n  }\n\n  return (\n    <>\n      <Styled.Section>\n        {header && header}\n        <MenuList\n          items={menu}\n          handleClick={handleClick}\n          onSubMenu={handleSubMenu}\n          level={0}\n          setPowerpackDialog={setPowerpackDialog}\n          onMenuClose={() => setMenuOpen(false)}\n        />\n        {footer && (\n          <Styled.Footer>\n            {footer}\n            <Button icon=\"content_copy\" variant=\"text\" onClick={() => copyToClipboard(footer)} />\n          </Styled.Footer>\n        )}\n      </Styled.Section>\n      {subMenus.map((menu, i) => (\n        <MenuList\n          key={i}\n          items={menu.items}\n          handleClick={handleClick}\n          {...menu}\n          subMenu\n          onSubMenu={handleSubMenu}\n          onClose={() => setSubMenus(subMenus.filter((m) => m.id !== menu.id))}\n          onMenuClose={() => setMenuOpen(false)}\n          onChange={onMenuEnter}\n          setPowerpackDialog={setPowerpackDialog}\n        />\n      ))}\n    </>\n  )\n}\n\nexport default Menu\n"],"names":["Menu","menu","onClose","header","footer","setPowerpackDialog","usePowerpack","setMenuOpen","useMenuContext","subMenus","setSubMenus","useState","handleClick","e","onClick","url","disableClose","onMenuEnter","m","onMenuLeave","relatedTargetId","_a","relatedTargetSubMenu","_b","handleSubMenu","jsxs","Fragment","Styled.Section","jsx","MenuList","Styled.Footer","Button","copyToClipboard","i"],"mappings":"2sCAOM,MAAAA,EAAO,CAAC,CAAE,KAAAC,EAAO,GAAI,QAAAC,EAAS,OAAAC,EAAQ,OAAAC,EAAS,MAAS,CACtD,KAAA,CAAE,mBAAAC,CAAmB,EAAIC,eAAa,EACtC,CAAE,YAAAC,CAAY,EAAIC,iBAAe,EAEjC,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,CAAA,CAAE,EAErCC,EAAc,CAACC,EAAGC,EAASC,EAAKC,IAAiB,CAEjD,GAAAD,SAAYb,EAAQ,EAExBY,GAAWA,EAAQD,CAAC,EAEnB,CAAAG,GAAgBd,GAAWA,EAAQ,CACtC,EAEMe,EAAc,CAACJ,EAAGZ,EAAO,CAAA,IAAO,CAEhCA,EAAK,MAAM,OAGRQ,EAAS,KAAMS,GAAMA,EAAE,KAAOjB,EAAK,EAAE,GAE5BS,EAAA,CACV,GAAGD,EAAS,OAAQS,GAAMA,EAAE,MAAQjB,EAAK,MAAQ,CAAC,EAClD,CAAE,GAAGA,EAAM,GAAIA,EAAK,GAAI,MAAOA,EAAK,MAAQ,EAAG,UAAWY,EAAE,MAAO,CAAA,CACpE,EAISH,EAAAD,EAAS,OAAQS,GAAMA,EAAE,OAASjB,EAAK,KAAK,CAAC,CAE7D,EAEMkB,EAAc,CAACN,EAAGZ,EAAO,CAAA,IAAO,SAE9B,MAAAmB,GAAkBC,EAAAR,EAAE,gBAAF,YAAAQ,EAAiB,GACnCC,EAAuBb,EAAS,KAAMS,GAAMA,EAAE,KAAOE,CAAe,EAE1E,KAAIG,EAAAV,EAAE,gBAAF,YAAAU,EAAiB,WAAY,SAAiB,OAAAb,EAAY,EAAE,EAE3DY,GACSZ,EAAAD,EAAS,OAAQS,GAAMA,EAAE,QAAUjB,EAAK,OAAS,GAAK,CAAC,CAAC,CAGxE,EAEMuB,EAAgB,CAACX,EAAGZ,EAAO,CAAA,IAAO,CAClCY,EAAE,OAAS,cAAgBA,EAAE,OAAS,UAAWI,EAAYJ,EAAGZ,CAAI,EAC/DY,EAAE,OAAS,cAAcM,EAAYN,EAAGZ,CAAI,CACvD,EAEA,OAEIwB,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAACD,yBAAAE,EAAAA,QAAA,CACE,SAAA,CAAUxB,GAAAA,EACXyB,EAAA,kBAAA,IAACC,EAAA,CACC,MAAO5B,EACP,YAAAW,EACA,UAAWY,EACX,MAAO,EACP,mBAAAnB,EACA,YAAa,IAAME,EAAY,EAAK,CAAA,CACtC,EACCH,GACCqB,EAAA,kBAAA,KAACK,SAAA,CACE,SAAA,CAAA1B,EACDwB,EAAAA,kBAAAA,IAACG,EAAO,OAAA,CAAA,KAAK,eAAe,QAAQ,OAAO,QAAS,IAAMC,kBAAgB5B,CAAM,CAAG,CAAA,CAAA,CACrF,CAAA,CAAA,EAEJ,EACCK,EAAS,IAAI,CAACR,EAAMgC,IACnBL,EAAA,kBAAA,IAACC,EAAA,CAEC,MAAO5B,EAAK,MACZ,YAAAW,EACC,GAAGX,EACJ,QAAO,GACP,UAAWuB,EACX,QAAS,IAAMd,EAAYD,EAAS,OAAQS,GAAMA,EAAE,KAAOjB,EAAK,EAAE,CAAC,EACnE,YAAa,IAAMM,EAAY,EAAK,EACpC,SAAUU,EACV,mBAAAZ,CAAA,EATK4B,CAWR,CAAA,CAAA,EACH,CAEJ"}

package/dist/src/components/Menu/MenuComponents/Menu.es.js

@@ -20,7 +20,8 @@ import "../../../../shared/src/context/AddonContext.es.js";
 import { usePowerpack as k } from "../../../../shared/src/context/PowerpackContext.es.js";
 import "../../../../shared/src/context/MoveEntityContext.es.js";
 import { useMenuContext as w } from "../../../../shared/src/context/MenuContext.es.js";
-const X = ({ menu: b = [], onClose: s, header: a, footer: l = "" }) => {
+import "../../../../shared/src/context/WebsocketContext.es.js";
+const Y = ({ menu: b = [], onClose: s, header: a, footer: l = "" }) => {
   const { setPowerpackDialog: u } = k(), { setMenuOpen: f } = w(), [r, n] = S([]), d = (t, e, o, p) => {
     if (o) return s();
     e && e(t), !p && s && s();
@@ -74,6 +75,6 @@ const X = ({ menu: b = [], onClose: s, header: a, footer: l = "" }) => {
   ] });
 };
 export {
-  X as default
+  Y as default
 };
 //# sourceMappingURL=Menu.es.js.map

package/dist/src/components/Menu/MenuComponents/Menu.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.es.js","sources":["../../../../../../src/components/Menu/MenuComponents/Menu.jsx"],"sourcesContent":["import React, { useState } from 'react'\nimport * as Styled from './Menu.styled'\nimport MenuList from './MenuList'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\nimport { useMenuContext, usePowerpack } from '@shared/context'\n\nconst Menu = ({ menu = [], onClose, header, footer = '' }) => {\n  const { setPowerpackDialog } = usePowerpack()\n  const { setMenuOpen } = useMenuContext()\n\n  const [subMenus, setSubMenus] = useState([])\n  //   When a menu item is clicked, the following happens:\n  const handleClick = (e, onClick, url, disableClose) => {\n    // this is handled by Link component inside the MenuItem\n    if (url) return onClose()\n\n    onClick && onClick(e)\n\n    !disableClose && onClose && onClose()\n  }\n\n  const onMenuEnter = (e, menu = {}) => {\n    // check to see if we need to open a submenu\n    if (menu.items.length) {\n      // yes, there is a submenu\n      // open it if it is not already open\n      if (!subMenus.find((m) => m.id === menu.id)) {\n        // also close any other submenus on the same level\n        setSubMenus([\n          ...subMenus.filter((m) => m.level < menu.level + 1),\n          { ...menu, id: menu.id, level: menu.level + 1, parentRef: e.target },\n        ])\n      }\n    } else {\n      // no items for this menu, so close all submenus on the higher levels\n      setSubMenus(subMenus.filter((m) => m.level <= menu.level))\n    }\n  }\n\n  const onMenuLeave = (e, menu = {}) => {\n    // target where we are going\n    const relatedTargetId = e.relatedTarget?.id\n    const relatedTargetSubMenu = subMenus.find((m) => m.id === relatedTargetId)\n\n    if (e.relatedTarget?.tagName === 'DIALOG') return setSubMenus([])\n\n    if (!relatedTargetSubMenu) {\n      setSubMenus(subMenus.filter((m) => m.level <= (menu.level || 0) + 1))\n    }\n    //   if (menu.items.length) {\n  }\n\n  const handleSubMenu = (e, menu = {}) => {\n    if (e.type === 'mouseenter' || e.type === 'keydown') onMenuEnter(e, menu)\n    else if (e.type === 'mouseleave') onMenuLeave(e, menu)\n  }\n\n  return (\n    <>\n      <Styled.Section>\n        {header && header}\n        <MenuList\n          items={menu}\n          handleClick={handleClick}\n          onSubMenu={handleSubMenu}\n          level={0}\n          setPowerpackDialog={setPowerpackDialog}\n          onMenuClose={() => setMenuOpen(false)}\n        />\n        {footer && (\n          <Styled.Footer>\n            {footer}\n            <Button icon=\"content_copy\" variant=\"text\" onClick={() => copyToClipboard(footer)} />\n          </Styled.Footer>\n        )}\n      </Styled.Section>\n      {subMenus.map((menu, i) => (\n        <MenuList\n          key={i}\n          items={menu.items}\n          handleClick={handleClick}\n          {...menu}\n          subMenu\n          onSubMenu={handleSubMenu}\n          onClose={() => setSubMenus(subMenus.filter((m) => m.id !== menu.id))}\n          onMenuClose={() => setMenuOpen(false)}\n          onChange={onMenuEnter}\n          setPowerpackDialog={setPowerpackDialog}\n        />\n      ))}\n    </>\n  )\n}\n\nexport default Menu\n"],"names":["Menu","menu","onClose","header","footer","setPowerpackDialog","usePowerpack","setMenuOpen","useMenuContext","subMenus","setSubMenus","useState","handleClick","e","onClick","url","disableClose","onMenuEnter","m","onMenuLeave","relatedTargetId","_a","relatedTargetSubMenu","_b","handleSubMenu","jsxs","Fragment","Styled.Section","jsx","MenuList","Styled.Footer","Button","copyToClipboard","i"],"mappings":"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"}
+{"version":3,"file":"Menu.es.js","sources":["../../../../../../src/components/Menu/MenuComponents/Menu.jsx"],"sourcesContent":["import React, { useState } from 'react'\nimport * as Styled from './Menu.styled'\nimport MenuList from './MenuList'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\nimport { useMenuContext, usePowerpack } from '@shared/context'\n\nconst Menu = ({ menu = [], onClose, header, footer = '' }) => {\n  const { setPowerpackDialog } = usePowerpack()\n  const { setMenuOpen } = useMenuContext()\n\n  const [subMenus, setSubMenus] = useState([])\n  //   When a menu item is clicked, the following happens:\n  const handleClick = (e, onClick, url, disableClose) => {\n    // this is handled by Link component inside the MenuItem\n    if (url) return onClose()\n\n    onClick && onClick(e)\n\n    !disableClose && onClose && onClose()\n  }\n\n  const onMenuEnter = (e, menu = {}) => {\n    // check to see if we need to open a submenu\n    if (menu.items.length) {\n      // yes, there is a submenu\n      // open it if it is not already open\n      if (!subMenus.find((m) => m.id === menu.id)) {\n        // also close any other submenus on the same level\n        setSubMenus([\n          ...subMenus.filter((m) => m.level < menu.level + 1),\n          { ...menu, id: menu.id, level: menu.level + 1, parentRef: e.target },\n        ])\n      }\n    } else {\n      // no items for this menu, so close all submenus on the higher levels\n      setSubMenus(subMenus.filter((m) => m.level <= menu.level))\n    }\n  }\n\n  const onMenuLeave = (e, menu = {}) => {\n    // target where we are going\n    const relatedTargetId = e.relatedTarget?.id\n    const relatedTargetSubMenu = subMenus.find((m) => m.id === relatedTargetId)\n\n    if (e.relatedTarget?.tagName === 'DIALOG') return setSubMenus([])\n\n    if (!relatedTargetSubMenu) {\n      setSubMenus(subMenus.filter((m) => m.level <= (menu.level || 0) + 1))\n    }\n    //   if (menu.items.length) {\n  }\n\n  const handleSubMenu = (e, menu = {}) => {\n    if (e.type === 'mouseenter' || e.type === 'keydown') onMenuEnter(e, menu)\n    else if (e.type === 'mouseleave') onMenuLeave(e, menu)\n  }\n\n  return (\n    <>\n      <Styled.Section>\n        {header && header}\n        <MenuList\n          items={menu}\n          handleClick={handleClick}\n          onSubMenu={handleSubMenu}\n          level={0}\n          setPowerpackDialog={setPowerpackDialog}\n          onMenuClose={() => setMenuOpen(false)}\n        />\n        {footer && (\n          <Styled.Footer>\n            {footer}\n            <Button icon=\"content_copy\" variant=\"text\" onClick={() => copyToClipboard(footer)} />\n          </Styled.Footer>\n        )}\n      </Styled.Section>\n      {subMenus.map((menu, i) => (\n        <MenuList\n          key={i}\n          items={menu.items}\n          handleClick={handleClick}\n          {...menu}\n          subMenu\n          onSubMenu={handleSubMenu}\n          onClose={() => setSubMenus(subMenus.filter((m) => m.id !== menu.id))}\n          onMenuClose={() => setMenuOpen(false)}\n          onChange={onMenuEnter}\n          setPowerpackDialog={setPowerpackDialog}\n        />\n      ))}\n    </>\n  )\n}\n\nexport default Menu\n"],"names":["Menu","menu","onClose","header","footer","setPowerpackDialog","usePowerpack","setMenuOpen","useMenuContext","subMenus","setSubMenus","useState","handleClick","e","onClick","url","disableClose","onMenuEnter","m","onMenuLeave","relatedTargetId","_a","relatedTargetSubMenu","_b","handleSubMenu","jsxs","Fragment","Styled.Section","jsx","MenuList","Styled.Footer","Button","copyToClipboard","i"],"mappings":"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"}