@ynput/ayon-frontend-shared 0.2.6 → 0.2.9

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

@@ -68,6 +68,7 @@ import "../api/queries/userDashboard/getUserDashboard.es.js";
 import "../api/queries/users/getUsers.es.js";
 import "../api/queries/users/updateUsers.es.js";
 import "../api/queries/watchers/getWatchers.es.js";
+import "../api/queries/permissions/getPermissions.es.js";
 import "lodash";
 import "react-toastify";
 import "./ThumbnailUploaderContext.es.js";
@@ -75,7 +76,8 @@ import "./SettingsPanelContext.es.js";
 import "./pip/PiPProvider.es.js";
 import "react-dom";
 import "./pip/PiPWrapper.es.js";
-import "react-router-dom";
+import "./AddonProjectContext.es.js";
+import "./AddonContext.es.js";
 import "custom-protocol-check";
 const DetailsPanelContext = createContext(void 0);
 const DetailsPanelProvider = ({

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, { createContext, useContext, useCallback, ReactNode, useState } from 'react'\nimport { useLocalStorage } from '@shared/hooks'\nimport { DetailsPanelEntityType } from '@shared/api'\nimport type { UserModel } from '@shared/api'\n\nexport type FeedFilters = 'activity' | 'comments' | 'versions' | 'checklists'\n\nexport type DetailsPanelTab = FeedFilters | 'attribs' | 'files'\n\nexport type SlideOut = {\n  entityId: string\n  entityType: DetailsPanelEntityType\n  projectName: string\n}\n\nexport type DetailsPanelPip = {\n  entityType: DetailsPanelEntityType\n  entities: { id: string; projectName: string }[]\n  scope: string\n}\n\nexport interface OpenStateByScope {\n  [scope: string]: boolean\n}\n\n// Create a new interface for managing tab state by scope\nexport interface TabStateByScope {\n  [scope: string]: DetailsPanelTab\n}\n\n// these props get forwarded to the details panel value\n// it's mainly redux callbacks that cannot be used in shared library\nexport interface DetailsPanelContextProps {\n  dispatch?: any // this is a redux dispatch function and it's quite annoying we need to do this\n  user: UserModel\n  viewer?: {\n    reviewableIds: string[]\n    taskId?: string\n    folderId?: string\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}\n\n// Interface for our simplified context\nexport interface DetailsPanelContextType extends DetailsPanelContextProps {\n  // Open state for the panel by scope\n  panelOpenByScope: OpenStateByScope\n  getOpenForScope: (scope: string) => boolean\n  setPanelOpen: (scope: string, isOpen: boolean) => void\n  setPanelOpenByScope: (newState: OpenStateByScope) => void\n\n  // Tab preferences by scope\n  tabsByScope: TabStateByScope\n  getTabForScope: (scope: string) => DetailsPanelTab\n  setTab: (scope: string, tab: DetailsPanelTab) => void\n\n  // Slide out state\n  slideOut: null | SlideOut\n  openSlideOut: (slideOut: SlideOut) => void\n  closeSlideOut: () => void\n\n  // Highlighted activities\n  highlightedActivities: string[]\n  setHighlightedActivities: (activities: string[]) => void\n\n  // PiP state\n  pip: DetailsPanelPip | null\n  openPip: (pip: DetailsPanelPip) => void\n  closePip: () => void\n}\n\n// Create the context\nconst DetailsPanelContext = createContext<DetailsPanelContextType | undefined>(undefined)\n\n// Provider component\nexport interface DetailsPanelProviderProps extends DetailsPanelContextProps {\n  children: ReactNode\n  defaultTab?: DetailsPanelTab\n}\n\nexport const DetailsPanelProvider: React.FC<DetailsPanelProviderProps> = ({\n  children,\n  defaultTab = 'activity',\n  ...forwardedProps\n}) => {\n  // keep track of the currently open panel by scope\n  const [panelOpenByScope, setPanelOpenByScope] = useState<OpenStateByScope>({})\n\n  //  get the current open state for a specific scope\n  const getOpenForScope = useCallback(\n    (scope: string): boolean => {\n      // Check if we have a saved preference for this scope\n      if (panelOpenByScope[scope]) {\n        return panelOpenByScope[scope]\n      }\n\n      // Fall back to default\n      return false\n    },\n    [panelOpenByScope],\n  )\n  // Set open state for a scope\n  const setPanelOpen = useCallback(\n    (scope: string, isOpen: boolean) => {\n      // Create a new state object based on current open state\n      const newState = { ...panelOpenByScope }\n      newState[scope] = isOpen\n\n      // Update the state with the new object\n      setPanelOpenByScope(newState)\n    },\n    [panelOpenByScope],\n  )\n\n  // Use localStorage to persist tab preferences by scope\n  const [tabsByScope, setTabsByScope] = useLocalStorage<TabStateByScope>(\n    'details/tabs-by-scope',\n    {},\n  )\n\n  // Get the current tab for a specific scope\n  const getTabForScope = useCallback(\n    (scope: string): DetailsPanelTab => {\n      // Check if we have a saved preference for this scope\n      if (tabsByScope[scope]) {\n        return tabsByScope[scope]\n      }\n\n      // Fall back to default\n      return defaultTab\n    },\n    [tabsByScope, defaultTab],\n  )\n\n  // Set tab for a scope\n  const setTab = useCallback(\n    (scope: string, tab: DetailsPanelTab) => {\n      // Create a new state object based on current tabsByScope\n      const newState = { ...tabsByScope }\n      newState[scope] = tab\n\n      // Update the state with the new object\n      setTabsByScope(newState)\n    },\n    [tabsByScope, setTabsByScope],\n  )\n\n  // is the slide out open?\n  const [slideOut, setSlideOut] = useState<null | SlideOut>(null)\n\n  // open the slide out\n  const openSlideOut = useCallback<DetailsPanelContextType['openSlideOut']>((params) => {\n    setSlideOut(params)\n  }, [])\n\n  // close the slide out\n  const closeSlideOut = useCallback(() => {\n    setSlideOut(null)\n    setHighlightedActivities([])\n  }, [])\n\n  const [pip, setPip] = useState<DetailsPanelPip | null>(null)\n\n  const openPip = useCallback((pip: DetailsPanelPip) => {\n    setPip(pip)\n  }, [])\n  const closePip = useCallback(() => {\n    setPip(null)\n  }, [])\n\n  const [highlightedActivities, setHighlightedActivities] = useState<string[]>([])\n\n  const value = {\n    // open state for the panel by scope\n    panelOpenByScope,\n    getOpenForScope,\n    setPanelOpen,\n    setPanelOpenByScope,\n    // tab preferences\n    tabsByScope,\n    getTabForScope,\n    setTab,\n    // slide out state\n    slideOut,\n    openSlideOut,\n    closeSlideOut,\n    // highlighted activities\n    highlightedActivities,\n    setHighlightedActivities,\n    // PiP state\n    pip,\n    openPip,\n    closePip,\n    ...forwardedProps,\n  }\n\n  return <DetailsPanelContext.Provider value={value}>{children}</DetailsPanelContext.Provider>\n}\n\n// Custom hook to use the details context\nexport const useDetailsPanelContext = (): DetailsPanelContextType => {\n  const context = useContext(DetailsPanelContext)\n  if (context === undefined) {\n    throw new Error('useDetailsPanel must be used within a DetailsProvider')\n  }\n  return context\n}\n\n// Add a specialized hook for using a panel in a specific scope\nexport const useScopedDetailsPanel = (scope: string) => {\n  const { getTabForScope, setTab, getOpenForScope, setPanelOpen } = useDetailsPanelContext()\n\n  return {\n    isOpen: getOpenForScope(scope),\n    setOpen: (isOpen: boolean) => setPanelOpen(scope, isOpen),\n    currentTab: getTabForScope(scope),\n    setTab: (tab: DetailsPanelTab) => setTab(scope, tab),\n    isFeed: ['activity', 'comments', 'versions', 'checklists'].includes(getTabForScope(scope)),\n  }\n}\n"],"names":["pip","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4EA,MAAM,sBAAsB,cAAmD,MAAS;AAQjF,MAAM,uBAA4D,CAAC;AAAA,EACxE;AAAA,EACA,aAAa;AAAA,EACb,GAAG;AACL,MAAM;AAEJ,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAA2B,CAAA,CAAE;AAG7E,QAAM,kBAAkB;AAAA,IACtB,CAAC,UAA2B;AAEtB,UAAA,iBAAiB,KAAK,GAAG;AAC3B,eAAO,iBAAiB,KAAK;AAAA,MAAA;AAIxB,aAAA;AAAA,IACT;AAAA,IACA,CAAC,gBAAgB;AAAA,EACnB;AAEA,QAAM,eAAe;AAAA,IACnB,CAAC,OAAe,WAAoB;AAE5B,YAAA,WAAW,EAAE,GAAG,iBAAiB;AACvC,eAAS,KAAK,IAAI;AAGlB,0BAAoB,QAAQ;AAAA,IAC9B;AAAA,IACA,CAAC,gBAAgB;AAAA,EACnB;AAGM,QAAA,CAAC,aAAa,cAAc,IAAI;AAAA,IACpC;AAAA,IACA,CAAA;AAAA,EACF;AAGA,QAAM,iBAAiB;AAAA,IACrB,CAAC,UAAmC;AAE9B,UAAA,YAAY,KAAK,GAAG;AACtB,eAAO,YAAY,KAAK;AAAA,MAAA;AAInB,aAAA;AAAA,IACT;AAAA,IACA,CAAC,aAAa,UAAU;AAAA,EAC1B;AAGA,QAAM,SAAS;AAAA,IACb,CAAC,OAAe,QAAyB;AAEjC,YAAA,WAAW,EAAE,GAAG,YAAY;AAClC,eAAS,KAAK,IAAI;AAGlB,qBAAe,QAAQ;AAAA,IACzB;AAAA,IACA,CAAC,aAAa,cAAc;AAAA,EAC9B;AAGA,QAAM,CAAC,UAAU,WAAW,IAAI,SAA0B,IAAI;AAGxD,QAAA,eAAe,YAAqD,CAAC,WAAW;AACpF,gBAAY,MAAM;AAAA,EACpB,GAAG,EAAE;AAGC,QAAA,gBAAgB,YAAY,MAAM;AACtC,gBAAY,IAAI;AAChB,6BAAyB,CAAA,CAAE;AAAA,EAC7B,GAAG,EAAE;AAEL,QAAM,CAAC,KAAK,MAAM,IAAI,SAAiC,IAAI;AAErD,QAAA,UAAU,YAAY,CAACA,SAAyB;AACpD,WAAOA,IAAG;AAAA,EACZ,GAAG,EAAE;AACC,QAAA,WAAW,YAAY,MAAM;AACjC,WAAO,IAAI;AAAA,EACb,GAAG,EAAE;AAEL,QAAM,CAAC,uBAAuB,wBAAwB,IAAI,SAAmB,CAAA,CAAE;AAE/E,QAAM,QAAQ;AAAA;AAAA,IAEZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL;AAEA,SAAQC,kCAAAA,IAAA,oBAAoB,UAApB,EAA6B,OAAe,SAAS,CAAA;AAC/D;AAGO,MAAM,yBAAyB,MAA+B;AAC7D,QAAA,UAAU,WAAW,mBAAmB;AAC9C,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,uDAAuD;AAAA,EAAA;AAElE,SAAA;AACT;AAGa,MAAA,wBAAwB,CAAC,UAAkB;AACtD,QAAM,EAAE,gBAAgB,QAAQ,iBAAiB,aAAA,IAAiB,uBAAuB;AAElF,SAAA;AAAA,IACL,QAAQ,gBAAgB,KAAK;AAAA,IAC7B,SAAS,CAAC,WAAoB,aAAa,OAAO,MAAM;AAAA,IACxD,YAAY,eAAe,KAAK;AAAA,IAChC,QAAQ,CAAC,QAAyB,OAAO,OAAO,GAAG;AAAA,IACnD,QAAQ,CAAC,YAAY,YAAY,YAAY,YAAY,EAAE,SAAS,eAAe,KAAK,CAAC;AAAA,EAC3F;AACF;"}
+{"version":3,"file":"DetailsPanelContext.es.js","sources":["../../../../src/context/DetailsPanelContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useCallback, ReactNode, useState } from 'react'\nimport { useLocalStorage } from '@shared/hooks'\nimport { DetailsPanelEntityType } from '@shared/api'\nimport type { UserModel } from '@shared/api'\nimport { useLocation, useNavigate, useParams } from 'react-router-dom'\nimport { useSearchParams } from 'react-router-dom'\n\nexport type FeedFilters = 'activity' | 'comments' | 'versions' | 'checklists'\n\nexport type DetailsPanelTab = FeedFilters | 'attribs' | 'files'\n\nexport type SlideOut = {\n  entityId: string\n  entityType: DetailsPanelEntityType\n  projectName: string\n}\n\nexport type DetailsPanelPip = {\n  entityType: DetailsPanelEntityType\n  entities: { id: string; projectName: string }[]\n  scope: string\n}\n\nexport interface OpenStateByScope {\n  [scope: string]: boolean\n}\n\n// Create a new interface for managing tab state by scope\nexport interface TabStateByScope {\n  [scope: string]: DetailsPanelTab\n}\n\n// these props get forwarded to the details panel value\n// it's mainly redux callbacks that cannot be used in shared library\nexport interface DetailsPanelContextProps {\n  dispatch?: any // this is a redux dispatch function and it's quite annoying we need to do this\n  user: UserModel\n  viewer?: {\n    reviewableIds: string[]\n    taskId?: string | null\n    folderId?: string | null\n  }\n  // redux callback actions\n  onOpenImage?: (args: any) => void\n  onGoToFrame?: (frame: number) => void\n  onOpenViewer?: (args: any) => void\n  onUpdateEntity?: (data: { operations: any[]; entityType: string }) => void\n  // route hooks\n  useParams: typeof useParams\n  useNavigate: typeof useNavigate\n  useLocation: typeof useLocation\n  useSearchParams: typeof useSearchParams\n}\n\n// Interface for our simplified context\nexport interface DetailsPanelContextType extends DetailsPanelContextProps {\n  // Open state for the panel by scope\n  panelOpenByScope: OpenStateByScope\n  getOpenForScope: (scope: string) => boolean\n  setPanelOpen: (scope: string, isOpen: boolean) => void\n  setPanelOpenByScope: (newState: OpenStateByScope) => void\n\n  // Tab preferences by scope\n  tabsByScope: TabStateByScope\n  getTabForScope: (scope: string) => DetailsPanelTab\n  setTab: (scope: string, tab: DetailsPanelTab) => void\n\n  // Slide out state\n  slideOut: null | SlideOut\n  openSlideOut: (slideOut: SlideOut) => void\n  closeSlideOut: () => void\n\n  // Highlighted activities\n  highlightedActivities: string[]\n  setHighlightedActivities: (activities: string[]) => void\n\n  // PiP state\n  pip: DetailsPanelPip | null\n  openPip: (pip: DetailsPanelPip) => void\n  closePip: () => void\n}\n\n// Create the context\nconst DetailsPanelContext = createContext<DetailsPanelContextType | undefined>(undefined)\n\n// Provider component\nexport interface DetailsPanelProviderProps extends DetailsPanelContextProps {\n  children: ReactNode\n  defaultTab?: DetailsPanelTab\n}\n\nexport const DetailsPanelProvider: React.FC<DetailsPanelProviderProps> = ({\n  children,\n  defaultTab = 'activity',\n  ...forwardedProps\n}) => {\n  // keep track of the currently open panel by scope\n  const [panelOpenByScope, setPanelOpenByScope] = useState<OpenStateByScope>({})\n\n  //  get the current open state for a specific scope\n  const getOpenForScope = useCallback(\n    (scope: string): boolean => {\n      // Check if we have a saved preference for this scope\n      if (panelOpenByScope[scope]) {\n        return panelOpenByScope[scope]\n      }\n\n      // Fall back to default\n      return false\n    },\n    [panelOpenByScope],\n  )\n  // Set open state for a scope\n  const setPanelOpen = useCallback(\n    (scope: string, isOpen: boolean) => {\n      // Create a new state object based on current open state\n      const newState = { ...panelOpenByScope }\n      newState[scope] = isOpen\n\n      // Update the state with the new object\n      setPanelOpenByScope(newState)\n    },\n    [panelOpenByScope],\n  )\n\n  // Use localStorage to persist tab preferences by scope\n  const [tabsByScope, setTabsByScope] = useLocalStorage<TabStateByScope>(\n    'details/tabs-by-scope',\n    {},\n  )\n\n  // Get the current tab for a specific scope\n  const getTabForScope = useCallback(\n    (scope: string): DetailsPanelTab => {\n      // Check if we have a saved preference for this scope\n      if (tabsByScope[scope]) {\n        return tabsByScope[scope]\n      }\n\n      // Fall back to default\n      return defaultTab\n    },\n    [tabsByScope, defaultTab],\n  )\n\n  // Set tab for a scope\n  const setTab = useCallback(\n    (scope: string, tab: DetailsPanelTab) => {\n      // Create a new state object based on current tabsByScope\n      const newState = { ...tabsByScope }\n      newState[scope] = tab\n\n      // Update the state with the new object\n      setTabsByScope(newState)\n    },\n    [tabsByScope, setTabsByScope],\n  )\n\n  // is the slide out open?\n  const [slideOut, setSlideOut] = useState<null | SlideOut>(null)\n\n  // open the slide out\n  const openSlideOut = useCallback<DetailsPanelContextType['openSlideOut']>((params) => {\n    setSlideOut(params)\n  }, [])\n\n  // close the slide out\n  const closeSlideOut = useCallback(() => {\n    setSlideOut(null)\n    setHighlightedActivities([])\n  }, [])\n\n  const [pip, setPip] = useState<DetailsPanelPip | null>(null)\n\n  const openPip = useCallback((pip: DetailsPanelPip) => {\n    setPip(pip)\n  }, [])\n  const closePip = useCallback(() => {\n    setPip(null)\n  }, [])\n\n  const [highlightedActivities, setHighlightedActivities] = useState<string[]>([])\n\n  const value = {\n    // open state for the panel by scope\n    panelOpenByScope,\n    getOpenForScope,\n    setPanelOpen,\n    setPanelOpenByScope,\n    // tab preferences\n    tabsByScope,\n    getTabForScope,\n    setTab,\n    // slide out state\n    slideOut,\n    openSlideOut,\n    closeSlideOut,\n    // highlighted activities\n    highlightedActivities,\n    setHighlightedActivities,\n    // PiP state\n    pip,\n    openPip,\n    closePip,\n    ...forwardedProps,\n  }\n\n  return <DetailsPanelContext.Provider value={value}>{children}</DetailsPanelContext.Provider>\n}\n\n// Custom hook to use the details context\nexport const useDetailsPanelContext = (): DetailsPanelContextType => {\n  const context = useContext(DetailsPanelContext)\n  if (context === undefined) {\n    throw new Error('useDetailsPanel must be used within a DetailsProvider')\n  }\n  return context\n}\n\n// Add a specialized hook for using a panel in a specific scope\nexport const useScopedDetailsPanel = (scope: string) => {\n  const { getTabForScope, setTab, getOpenForScope, setPanelOpen } = useDetailsPanelContext()\n\n  return {\n    isOpen: getOpenForScope(scope),\n    setOpen: (isOpen: boolean) => setPanelOpen(scope, isOpen),\n    currentTab: getTabForScope(scope),\n    setTab: (tab: DetailsPanelTab) => setTab(scope, tab),\n    isFeed: ['activity', 'comments', 'versions', 'checklists'].includes(getTabForScope(scope)),\n  }\n}\n"],"names":["pip","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmFA,MAAM,sBAAsB,cAAmD,MAAS;AAQjF,MAAM,uBAA4D,CAAC;AAAA,EACxE;AAAA,EACA,aAAa;AAAA,EACb,GAAG;AACL,MAAM;AAEJ,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAA2B,CAAA,CAAE;AAG7E,QAAM,kBAAkB;AAAA,IACtB,CAAC,UAA2B;AAEtB,UAAA,iBAAiB,KAAK,GAAG;AAC3B,eAAO,iBAAiB,KAAK;AAAA,MAAA;AAIxB,aAAA;AAAA,IACT;AAAA,IACA,CAAC,gBAAgB;AAAA,EACnB;AAEA,QAAM,eAAe;AAAA,IACnB,CAAC,OAAe,WAAoB;AAE5B,YAAA,WAAW,EAAE,GAAG,iBAAiB;AACvC,eAAS,KAAK,IAAI;AAGlB,0BAAoB,QAAQ;AAAA,IAC9B;AAAA,IACA,CAAC,gBAAgB;AAAA,EACnB;AAGM,QAAA,CAAC,aAAa,cAAc,IAAI;AAAA,IACpC;AAAA,IACA,CAAA;AAAA,EACF;AAGA,QAAM,iBAAiB;AAAA,IACrB,CAAC,UAAmC;AAE9B,UAAA,YAAY,KAAK,GAAG;AACtB,eAAO,YAAY,KAAK;AAAA,MAAA;AAInB,aAAA;AAAA,IACT;AAAA,IACA,CAAC,aAAa,UAAU;AAAA,EAC1B;AAGA,QAAM,SAAS;AAAA,IACb,CAAC,OAAe,QAAyB;AAEjC,YAAA,WAAW,EAAE,GAAG,YAAY;AAClC,eAAS,KAAK,IAAI;AAGlB,qBAAe,QAAQ;AAAA,IACzB;AAAA,IACA,CAAC,aAAa,cAAc;AAAA,EAC9B;AAGA,QAAM,CAAC,UAAU,WAAW,IAAI,SAA0B,IAAI;AAGxD,QAAA,eAAe,YAAqD,CAAC,WAAW;AACpF,gBAAY,MAAM;AAAA,EACpB,GAAG,EAAE;AAGC,QAAA,gBAAgB,YAAY,MAAM;AACtC,gBAAY,IAAI;AAChB,6BAAyB,CAAA,CAAE;AAAA,EAC7B,GAAG,EAAE;AAEL,QAAM,CAAC,KAAK,MAAM,IAAI,SAAiC,IAAI;AAErD,QAAA,UAAU,YAAY,CAACA,SAAyB;AACpD,WAAOA,IAAG;AAAA,EACZ,GAAG,EAAE;AACC,QAAA,WAAW,YAAY,MAAM;AACjC,WAAO,IAAI;AAAA,EACb,GAAG,EAAE;AAEL,QAAM,CAAC,uBAAuB,wBAAwB,IAAI,SAAmB,CAAA,CAAE;AAE/E,QAAM,QAAQ;AAAA;AAAA,IAEZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL;AAEA,SAAQC,kCAAAA,IAAA,oBAAoB,UAApB,EAA6B,OAAe,SAAS,CAAA;AAC/D;AAGO,MAAM,yBAAyB,MAA+B;AAC7D,QAAA,UAAU,WAAW,mBAAmB;AAC9C,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,uDAAuD;AAAA,EAAA;AAElE,SAAA;AACT;AAGa,MAAA,wBAAwB,CAAC,UAAkB;AACtD,QAAM,EAAE,gBAAgB,QAAQ,iBAAiB,aAAA,IAAiB,uBAAuB;AAElF,SAAA;AAAA,IACL,QAAQ,gBAAgB,KAAK;AAAA,IAC7B,SAAS,CAAC,WAAoB,aAAa,OAAO,MAAM;AAAA,IACxD,YAAY,eAAe,KAAK;AAAA,IAChC,QAAQ,CAAC,QAAyB,OAAO,OAAO,GAAG;AAAA,IACnD,QAAQ,CAAC,YAAY,YAAY,YAAY,YAAY,EAAE,SAAS,eAAe,KAAK,CAAC;AAAA,EAC3F;AACF;"}

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

@@ -67,6 +67,7 @@ require("../api/queries/userDashboard/getUserDashboard.cjs.js");
 require("../api/queries/users/getUsers.cjs.js");
 require("../api/queries/users/updateUsers.cjs.js");
 require("../api/queries/watchers/getWatchers.cjs.js");
+require("../api/queries/permissions/getPermissions.cjs.js");
 const RemoteModulesContext = React.createContext({
   isLoading: true,
   modules: [],

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

@@ -1 +1 @@
-{"version":3,"file":"RemoteModulesContext.cjs.js","sources":["../../../../src/context/RemoteModulesContext.tsx"],"sourcesContent":["import { createContext, useContext, ReactNode, useEffect, useState } from 'react'\nimport { registerRemotes } from '@module-federation/enhanced/runtime'\nimport {\n  FrontendModuleListItem,\n  useListFrontendModulesQuery,\n  useGetSiteInfoQuery,\n} from '@shared/api'\n\ntype Module = {\n  remote: string\n  addon: string\n  version: string\n  modules: string[]\n}\n\ntype RemoteModulesContextType = {\n  isLoading: boolean\n  modules: FrontendModuleListItem[]\n  remotesInitialized: boolean\n}\n\nconst RemoteModulesContext = createContext<RemoteModulesContextType>({\n  isLoading: true,\n  modules: [],\n  remotesInitialized: false,\n})\n\ntype Props = {\n  children: ReactNode\n  skip?: boolean\n}\n\nexport const RemoteModulesProvider = ({ children, skip }: Props) => {\n  // only load if logged in\n  const { data: addonRemoteModules = [], isLoading } = useListFrontendModulesQuery(undefined, {\n    skip,\n  })\n\n  const { data: info = {}, isLoading: isLoadingInfo } = useGetSiteInfoQuery(\n    { full: true },\n    { skip },\n  )\n\n  const [remotesInitialized, setRemotesInitialized] = useState(false)\n\n  useEffect(() => {\n    if (isLoading || !addonRemoteModules.length || isLoadingInfo || remotesInitialized) return\n\n    // create a flat map of modules to load\n    const allRemotes: Module[] = []\n\n    addonRemoteModules.forEach((addon) => {\n      const { addonName, addonVersion, modules = {} } = addon\n\n      Object.entries(modules).forEach(([remote, modules]) => {\n        allRemotes.push({\n          remote,\n          addon: addonName,\n          version: addonVersion,\n          modules,\n        })\n      })\n    })\n\n    console.log('registerAddonRemotes', allRemotes)\n    registerRemotes(\n      allRemotes.map((r) => ({\n        name: r.remote,\n        alias: r.remote,\n        entry: `/addons/${r.addon || r.remote}/${r.version}/frontend/modules/${\n          r.remote\n        }/remoteEntry.js?server=${info?.releaseInfo?.version || info?.releaseInfo}-${\n          info?.releaseInfo?.buildDate\n        }-${new Date().getTime()}`,\n        type: 'module',\n      })),\n    )\n\n    setRemotesInitialized(true)\n  }, [addonRemoteModules, isLoading, isLoadingInfo, remotesInitialized])\n\n  return (\n    <RemoteModulesContext.Provider\n      value={{\n        isLoading,\n        modules: addonRemoteModules,\n        remotesInitialized,\n      }}\n    >\n      {children}\n    </RemoteModulesContext.Provider>\n  )\n}\n\nexport const useRemoteModules = () => {\n  const context = useContext(RemoteModulesContext)\n\n  if (context === undefined) {\n    throw new Error('useRemoteModules must be used within a RemoteModulesProvider')\n  }\n\n  return context\n}\n"],"names":["createContext","useListFrontendModulesQuery","useGetSiteInfoQuery","useState","useEffect","modules","registerRemotes","jsx","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,uBAAuBA,MAAAA,cAAwC;AAAA,EACnE,WAAW;AAAA,EACX,SAAS,CAAC;AAAA,EACV,oBAAoB;AACtB,CAAC;AAOM,MAAM,wBAAwB,CAAC,EAAE,UAAU,WAAkB;AAE5D,QAAA,EAAE,MAAM,qBAAqB,CAAA,GAAI,UAAU,IAAIC,sCAA4B,QAAW;AAAA,IAC1F;AAAA,EAAA,CACD;AAED,QAAM,EAAE,MAAM,OAAO,CAAI,GAAA,WAAW,kBAAkBC,UAAA;AAAA,IACpD,EAAE,MAAM,KAAK;AAAA,IACb,EAAE,KAAK;AAAA,EACT;AAEA,QAAM,CAAC,oBAAoB,qBAAqB,IAAIC,MAAAA,SAAS,KAAK;AAElEC,QAAAA,UAAU,MAAM;AACd,QAAI,aAAa,CAAC,mBAAmB,UAAU,iBAAiB,mBAAoB;AAGpF,UAAM,aAAuB,CAAC;AAEX,uBAAA,QAAQ,CAAC,UAAU;AACpC,YAAM,EAAE,WAAW,cAAc,UAAU,CAAA,EAAO,IAAA;AAE3C,aAAA,QAAQ,OAAO,EAAE,QAAQ,CAAC,CAAC,QAAQC,QAAO,MAAM;AACrD,mBAAW,KAAK;AAAA,UACd;AAAA,UACA,OAAO;AAAA,UACP,SAAS;AAAA,UACT,SAAAA;AAAAA,QAAA,CACD;AAAA,MAAA,CACF;AAAA,IAAA,CACF;AAEO,YAAA,IAAI,wBAAwB,UAAU;AAC9CC,YAAA,eAAA;AAAA,MACE,WAAW,IAAI,CAAC,MAAO;;AAAA;AAAA,UACrB,MAAM,EAAE;AAAA,UACR,OAAO,EAAE;AAAA,UACT,OAAO,WAAW,EAAE,SAAS,EAAE,MAAM,IAAI,EAAE,OAAO,qBAChD,EAAE,MACJ,4BAA0B,kCAAM,gBAAN,mBAAmB,aAAW,6BAAM,YAAW,KACvE,kCAAM,gBAAN,mBAAmB,SACrB,KAAQ,oBAAA,KAAA,GAAO,QAAS,CAAA;AAAA,UACxB,MAAM;AAAA,QAAA;AAAA,OACN;AAAA,IACJ;AAEA,0BAAsB,IAAI;AAAA,KACzB,CAAC,oBAAoB,WAAW,eAAe,kBAAkB,CAAC;AAGnE,SAAAC,2BAAA,kBAAA;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEO,MAAM,mBAAmB,MAAM;AAC9B,QAAA,UAAUC,iBAAW,oBAAoB;AAE/C,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,8DAA8D;AAAA,EAAA;AAGzE,SAAA;AACT;;;"}
+{"version":3,"file":"RemoteModulesContext.cjs.js","sources":["../../../../src/context/RemoteModulesContext.tsx"],"sourcesContent":["import { createContext, useContext, ReactNode, useEffect, useState } from 'react'\nimport { registerRemotes } from '@module-federation/enhanced/runtime'\nimport {\n  FrontendModuleListItem,\n  useListFrontendModulesQuery,\n  useGetSiteInfoQuery,\n} from '@shared/api'\n\ntype Module = {\n  remote: string\n  addon: string\n  version: string\n  modules: string[]\n}\n\ntype RemoteModulesContextType = {\n  isLoading: boolean\n  modules: FrontendModuleListItem[]\n  remotesInitialized: boolean\n}\n\nconst RemoteModulesContext = createContext<RemoteModulesContextType>({\n  isLoading: true,\n  modules: [],\n  remotesInitialized: false,\n})\n\ntype Props = {\n  children: ReactNode\n  skip?: boolean\n}\n\nexport const RemoteModulesProvider = ({ children, skip }: Props) => {\n  // only load if logged in\n  const { data: addonRemoteModules = [], isLoading } = useListFrontendModulesQuery(undefined, {\n    skip,\n  })\n\n  const { data: info = {}, isLoading: isLoadingInfo } = useGetSiteInfoQuery(\n    { full: true },\n    { skip },\n  )\n\n  const [remotesInitialized, setRemotesInitialized] = useState(false)\n\n  useEffect(() => {\n    if (isLoading || !addonRemoteModules.length || isLoadingInfo || remotesInitialized) return\n\n    // create a flat map of modules to load\n    const allRemotes: Module[] = []\n\n    addonRemoteModules.forEach((addon) => {\n      const { addonName, addonVersion, modules = {} } = addon\n\n      Object.entries(modules).forEach(([remote, modules]) => {\n        allRemotes.push({\n          remote,\n          addon: addonName,\n          version: addonVersion,\n          modules,\n        })\n      })\n    })\n\n    console.log('registerAddonRemotes', allRemotes)\n    registerRemotes(\n      allRemotes.map((r) => ({\n        name: r.remote,\n        alias: r.remote,\n        entry: `/addons/${r.addon || r.remote}/${r.version}/frontend/modules/${\n          r.remote\n        }/remoteEntry.js?server=${info?.releaseInfo?.version || info?.releaseInfo}-${\n          info?.releaseInfo?.buildDate\n        }-${new Date().getTime()}`,\n        type: 'module',\n      })),\n    )\n\n    setRemotesInitialized(true)\n  }, [addonRemoteModules, isLoading, isLoadingInfo, remotesInitialized])\n\n  return (\n    <RemoteModulesContext.Provider\n      value={{\n        isLoading,\n        modules: addonRemoteModules,\n        remotesInitialized,\n      }}\n    >\n      {children}\n    </RemoteModulesContext.Provider>\n  )\n}\n\nexport const useRemoteModules = () => {\n  const context = useContext(RemoteModulesContext)\n\n  if (context === undefined) {\n    throw new Error('useRemoteModules must be used within a RemoteModulesProvider')\n  }\n\n  return context\n}\n"],"names":["createContext","useListFrontendModulesQuery","useGetSiteInfoQuery","useState","useEffect","modules","registerRemotes","jsx","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,uBAAuBA,MAAAA,cAAwC;AAAA,EACnE,WAAW;AAAA,EACX,SAAS,CAAC;AAAA,EACV,oBAAoB;AACtB,CAAC;AAOM,MAAM,wBAAwB,CAAC,EAAE,UAAU,WAAkB;AAE5D,QAAA,EAAE,MAAM,qBAAqB,CAAA,GAAI,UAAU,IAAIC,sCAA4B,QAAW;AAAA,IAC1F;AAAA,EAAA,CACD;AAED,QAAM,EAAE,MAAM,OAAO,CAAI,GAAA,WAAW,kBAAkBC,UAAA;AAAA,IACpD,EAAE,MAAM,KAAK;AAAA,IACb,EAAE,KAAK;AAAA,EACT;AAEA,QAAM,CAAC,oBAAoB,qBAAqB,IAAIC,MAAAA,SAAS,KAAK;AAElEC,QAAAA,UAAU,MAAM;AACd,QAAI,aAAa,CAAC,mBAAmB,UAAU,iBAAiB,mBAAoB;AAGpF,UAAM,aAAuB,CAAC;AAEX,uBAAA,QAAQ,CAAC,UAAU;AACpC,YAAM,EAAE,WAAW,cAAc,UAAU,CAAA,EAAO,IAAA;AAE3C,aAAA,QAAQ,OAAO,EAAE,QAAQ,CAAC,CAAC,QAAQC,QAAO,MAAM;AACrD,mBAAW,KAAK;AAAA,UACd;AAAA,UACA,OAAO;AAAA,UACP,SAAS;AAAA,UACT,SAAAA;AAAAA,QAAA,CACD;AAAA,MAAA,CACF;AAAA,IAAA,CACF;AAEO,YAAA,IAAI,wBAAwB,UAAU;AAC9CC,YAAA,eAAA;AAAA,MACE,WAAW,IAAI,CAAC,MAAO;;AAAA;AAAA,UACrB,MAAM,EAAE;AAAA,UACR,OAAO,EAAE;AAAA,UACT,OAAO,WAAW,EAAE,SAAS,EAAE,MAAM,IAAI,EAAE,OAAO,qBAChD,EAAE,MACJ,4BAA0B,kCAAM,gBAAN,mBAAmB,aAAW,6BAAM,YAAW,KACvE,kCAAM,gBAAN,mBAAmB,SACrB,KAAQ,oBAAA,KAAA,GAAO,QAAS,CAAA;AAAA,UACxB,MAAM;AAAA,QAAA;AAAA,OACN;AAAA,IACJ;AAEA,0BAAsB,IAAI;AAAA,KACzB,CAAC,oBAAoB,WAAW,eAAe,kBAAkB,CAAC;AAGnE,SAAAC,2BAAA,kBAAA;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEO,MAAM,mBAAmB,MAAM;AAC9B,QAAA,UAAUC,iBAAW,oBAAoB;AAE/C,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,8DAA8D;AAAA,EAAA;AAGzE,SAAA;AACT;;;"}

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

@@ -65,6 +65,7 @@ import "../api/queries/userDashboard/getUserDashboard.es.js";
 import "../api/queries/users/getUsers.es.js";
 import "../api/queries/users/updateUsers.es.js";
 import "../api/queries/watchers/getWatchers.es.js";
+import "../api/queries/permissions/getPermissions.es.js";
 const RemoteModulesContext = createContext({
   isLoading: true,
   modules: [],

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

@@ -1 +1 @@
-{"version":3,"file":"RemoteModulesContext.es.js","sources":["../../../../src/context/RemoteModulesContext.tsx"],"sourcesContent":["import { createContext, useContext, ReactNode, useEffect, useState } from 'react'\nimport { registerRemotes } from '@module-federation/enhanced/runtime'\nimport {\n  FrontendModuleListItem,\n  useListFrontendModulesQuery,\n  useGetSiteInfoQuery,\n} from '@shared/api'\n\ntype Module = {\n  remote: string\n  addon: string\n  version: string\n  modules: string[]\n}\n\ntype RemoteModulesContextType = {\n  isLoading: boolean\n  modules: FrontendModuleListItem[]\n  remotesInitialized: boolean\n}\n\nconst RemoteModulesContext = createContext<RemoteModulesContextType>({\n  isLoading: true,\n  modules: [],\n  remotesInitialized: false,\n})\n\ntype Props = {\n  children: ReactNode\n  skip?: boolean\n}\n\nexport const RemoteModulesProvider = ({ children, skip }: Props) => {\n  // only load if logged in\n  const { data: addonRemoteModules = [], isLoading } = useListFrontendModulesQuery(undefined, {\n    skip,\n  })\n\n  const { data: info = {}, isLoading: isLoadingInfo } = useGetSiteInfoQuery(\n    { full: true },\n    { skip },\n  )\n\n  const [remotesInitialized, setRemotesInitialized] = useState(false)\n\n  useEffect(() => {\n    if (isLoading || !addonRemoteModules.length || isLoadingInfo || remotesInitialized) return\n\n    // create a flat map of modules to load\n    const allRemotes: Module[] = []\n\n    addonRemoteModules.forEach((addon) => {\n      const { addonName, addonVersion, modules = {} } = addon\n\n      Object.entries(modules).forEach(([remote, modules]) => {\n        allRemotes.push({\n          remote,\n          addon: addonName,\n          version: addonVersion,\n          modules,\n        })\n      })\n    })\n\n    console.log('registerAddonRemotes', allRemotes)\n    registerRemotes(\n      allRemotes.map((r) => ({\n        name: r.remote,\n        alias: r.remote,\n        entry: `/addons/${r.addon || r.remote}/${r.version}/frontend/modules/${\n          r.remote\n        }/remoteEntry.js?server=${info?.releaseInfo?.version || info?.releaseInfo}-${\n          info?.releaseInfo?.buildDate\n        }-${new Date().getTime()}`,\n        type: 'module',\n      })),\n    )\n\n    setRemotesInitialized(true)\n  }, [addonRemoteModules, isLoading, isLoadingInfo, remotesInitialized])\n\n  return (\n    <RemoteModulesContext.Provider\n      value={{\n        isLoading,\n        modules: addonRemoteModules,\n        remotesInitialized,\n      }}\n    >\n      {children}\n    </RemoteModulesContext.Provider>\n  )\n}\n\nexport const useRemoteModules = () => {\n  const context = useContext(RemoteModulesContext)\n\n  if (context === undefined) {\n    throw new Error('useRemoteModules must be used within a RemoteModulesProvider')\n  }\n\n  return context\n}\n"],"names":["modules","registerRemotes","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,uBAAuB,cAAwC;AAAA,EACnE,WAAW;AAAA,EACX,SAAS,CAAC;AAAA,EACV,oBAAoB;AACtB,CAAC;AAOM,MAAM,wBAAwB,CAAC,EAAE,UAAU,WAAkB;AAE5D,QAAA,EAAE,MAAM,qBAAqB,CAAA,GAAI,UAAU,IAAI,4BAA4B,QAAW;AAAA,IAC1F;AAAA,EAAA,CACD;AAED,QAAM,EAAE,MAAM,OAAO,CAAI,GAAA,WAAW,kBAAkB;AAAA,IACpD,EAAE,MAAM,KAAK;AAAA,IACb,EAAE,KAAK;AAAA,EACT;AAEA,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS,KAAK;AAElE,YAAU,MAAM;AACd,QAAI,aAAa,CAAC,mBAAmB,UAAU,iBAAiB,mBAAoB;AAGpF,UAAM,aAAuB,CAAC;AAEX,uBAAA,QAAQ,CAAC,UAAU;AACpC,YAAM,EAAE,WAAW,cAAc,UAAU,CAAA,EAAO,IAAA;AAE3C,aAAA,QAAQ,OAAO,EAAE,QAAQ,CAAC,CAAC,QAAQA,QAAO,MAAM;AACrD,mBAAW,KAAK;AAAA,UACd;AAAA,UACA,OAAO;AAAA,UACP,SAAS;AAAA,UACT,SAAAA;AAAAA,QAAA,CACD;AAAA,MAAA,CACF;AAAA,IAAA,CACF;AAEO,YAAA,IAAI,wBAAwB,UAAU;AAC9CC,mBAAA;AAAA,MACE,WAAW,IAAI,CAAC,MAAO;;AAAA;AAAA,UACrB,MAAM,EAAE;AAAA,UACR,OAAO,EAAE;AAAA,UACT,OAAO,WAAW,EAAE,SAAS,EAAE,MAAM,IAAI,EAAE,OAAO,qBAChD,EAAE,MACJ,4BAA0B,kCAAM,gBAAN,mBAAmB,aAAW,6BAAM,YAAW,KACvE,kCAAM,gBAAN,mBAAmB,SACrB,KAAQ,oBAAA,KAAA,GAAO,QAAS,CAAA;AAAA,UACxB,MAAM;AAAA,QAAA;AAAA,OACN;AAAA,IACJ;AAEA,0BAAsB,IAAI;AAAA,KACzB,CAAC,oBAAoB,WAAW,eAAe,kBAAkB,CAAC;AAGnE,SAAAC,kCAAA;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEO,MAAM,mBAAmB,MAAM;AAC9B,QAAA,UAAU,WAAW,oBAAoB;AAE/C,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,8DAA8D;AAAA,EAAA;AAGzE,SAAA;AACT;"}
+{"version":3,"file":"RemoteModulesContext.es.js","sources":["../../../../src/context/RemoteModulesContext.tsx"],"sourcesContent":["import { createContext, useContext, ReactNode, useEffect, useState } from 'react'\nimport { registerRemotes } from '@module-federation/enhanced/runtime'\nimport {\n  FrontendModuleListItem,\n  useListFrontendModulesQuery,\n  useGetSiteInfoQuery,\n} from '@shared/api'\n\ntype Module = {\n  remote: string\n  addon: string\n  version: string\n  modules: string[]\n}\n\ntype RemoteModulesContextType = {\n  isLoading: boolean\n  modules: FrontendModuleListItem[]\n  remotesInitialized: boolean\n}\n\nconst RemoteModulesContext = createContext<RemoteModulesContextType>({\n  isLoading: true,\n  modules: [],\n  remotesInitialized: false,\n})\n\ntype Props = {\n  children: ReactNode\n  skip?: boolean\n}\n\nexport const RemoteModulesProvider = ({ children, skip }: Props) => {\n  // only load if logged in\n  const { data: addonRemoteModules = [], isLoading } = useListFrontendModulesQuery(undefined, {\n    skip,\n  })\n\n  const { data: info = {}, isLoading: isLoadingInfo } = useGetSiteInfoQuery(\n    { full: true },\n    { skip },\n  )\n\n  const [remotesInitialized, setRemotesInitialized] = useState(false)\n\n  useEffect(() => {\n    if (isLoading || !addonRemoteModules.length || isLoadingInfo || remotesInitialized) return\n\n    // create a flat map of modules to load\n    const allRemotes: Module[] = []\n\n    addonRemoteModules.forEach((addon) => {\n      const { addonName, addonVersion, modules = {} } = addon\n\n      Object.entries(modules).forEach(([remote, modules]) => {\n        allRemotes.push({\n          remote,\n          addon: addonName,\n          version: addonVersion,\n          modules,\n        })\n      })\n    })\n\n    console.log('registerAddonRemotes', allRemotes)\n    registerRemotes(\n      allRemotes.map((r) => ({\n        name: r.remote,\n        alias: r.remote,\n        entry: `/addons/${r.addon || r.remote}/${r.version}/frontend/modules/${\n          r.remote\n        }/remoteEntry.js?server=${info?.releaseInfo?.version || info?.releaseInfo}-${\n          info?.releaseInfo?.buildDate\n        }-${new Date().getTime()}`,\n        type: 'module',\n      })),\n    )\n\n    setRemotesInitialized(true)\n  }, [addonRemoteModules, isLoading, isLoadingInfo, remotesInitialized])\n\n  return (\n    <RemoteModulesContext.Provider\n      value={{\n        isLoading,\n        modules: addonRemoteModules,\n        remotesInitialized,\n      }}\n    >\n      {children}\n    </RemoteModulesContext.Provider>\n  )\n}\n\nexport const useRemoteModules = () => {\n  const context = useContext(RemoteModulesContext)\n\n  if (context === undefined) {\n    throw new Error('useRemoteModules must be used within a RemoteModulesProvider')\n  }\n\n  return context\n}\n"],"names":["modules","registerRemotes","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,uBAAuB,cAAwC;AAAA,EACnE,WAAW;AAAA,EACX,SAAS,CAAC;AAAA,EACV,oBAAoB;AACtB,CAAC;AAOM,MAAM,wBAAwB,CAAC,EAAE,UAAU,WAAkB;AAE5D,QAAA,EAAE,MAAM,qBAAqB,CAAA,GAAI,UAAU,IAAI,4BAA4B,QAAW;AAAA,IAC1F;AAAA,EAAA,CACD;AAED,QAAM,EAAE,MAAM,OAAO,CAAI,GAAA,WAAW,kBAAkB;AAAA,IACpD,EAAE,MAAM,KAAK;AAAA,IACb,EAAE,KAAK;AAAA,EACT;AAEA,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS,KAAK;AAElE,YAAU,MAAM;AACd,QAAI,aAAa,CAAC,mBAAmB,UAAU,iBAAiB,mBAAoB;AAGpF,UAAM,aAAuB,CAAC;AAEX,uBAAA,QAAQ,CAAC,UAAU;AACpC,YAAM,EAAE,WAAW,cAAc,UAAU,CAAA,EAAO,IAAA;AAE3C,aAAA,QAAQ,OAAO,EAAE,QAAQ,CAAC,CAAC,QAAQA,QAAO,MAAM;AACrD,mBAAW,KAAK;AAAA,UACd;AAAA,UACA,OAAO;AAAA,UACP,SAAS;AAAA,UACT,SAAAA;AAAAA,QAAA,CACD;AAAA,MAAA,CACF;AAAA,IAAA,CACF;AAEO,YAAA,IAAI,wBAAwB,UAAU;AAC9CC,mBAAA;AAAA,MACE,WAAW,IAAI,CAAC,MAAO;;AAAA;AAAA,UACrB,MAAM,EAAE;AAAA,UACR,OAAO,EAAE;AAAA,UACT,OAAO,WAAW,EAAE,SAAS,EAAE,MAAM,IAAI,EAAE,OAAO,qBAChD,EAAE,MACJ,4BAA0B,kCAAM,gBAAN,mBAAmB,aAAW,6BAAM,YAAW,KACvE,kCAAM,gBAAN,mBAAmB,SACrB,KAAQ,oBAAA,KAAA,GAAO,QAAS,CAAA;AAAA,UACxB,MAAM;AAAA,QAAA;AAAA,OACN;AAAA,IACJ;AAEA,0BAAsB,IAAI;AAAA,KACzB,CAAC,oBAAoB,WAAW,eAAe,kBAAkB,CAAC;AAGnE,SAAAC,kCAAA;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEO,MAAM,mBAAmB,MAAM;AAC9B,QAAA,UAAU,WAAW,oBAAoB;AAE/C,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,8DAA8D;AAAA,EAAA;AAGzE,SAAA;AACT;"}

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

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const reactRouterDom = require("react-router-dom");
 const customProtocolCheck = require("custom-protocol-check");
-const useActionTriggers = () => {
-  const [searchParams, setSearchParams] = reactRouterDom.useSearchParams();
-  const navigate = reactRouterDom.useNavigate();
+const useActionTriggers = ({
+  searchParams,
+  onSetSearchParams,
+  onNavigate
+}) => {
   const handleActionPayload = (actionType, payload) => {
     if (!payload) return;
     if (actionType === "launcher") {
@@ -28,13 +29,13 @@ const useActionTriggers = () => {
         for (const [key, value] of Object.entries(payload.query)) {
           searchParams.set(key, value);
         }
-        setSearchParams(searchParams);
+        onSetSearchParams(searchParams);
       }
     } else if (actionType === "navigate") {
       if (typeof payload.uri !== "string") {
         throw new Error("Invalid payload: navigate");
       } else {
-        navigate(payload.uri);
+        onNavigate(payload.uri);
       }
     } else if (actionType === "redirect") {
       if (typeof payload.uri !== "string") {

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

@@ -1 +1 @@
-{"version":3,"file":"useActionTriggers.cjs.js","sources":["../../../../src/hooks/useActionTriggers.ts"],"sourcesContent":["import { useNavigate, useSearchParams } from 'react-router-dom'\nimport customProtocolCheck from 'custom-protocol-check'\n\ninterface QueryParams {\n  [key: string]: string\n}\n\ninterface ActionPayload {\n  query?: QueryParams // adds query params to the URL\n  uri?: string // navigates to a different page\n  new_tab?: boolean // opens a new tab\n  extra_download?: string // triggers a file download from a URL\n  extra_clipboard?: string // copies string content to clipboard\n  [key: string]: any\n}\n\nexport const useActionTriggers = () => {\n  const [searchParams, setSearchParams] = useSearchParams()\n  const navigate = useNavigate()\n\n  const handleActionPayload = (actionType: string, payload: ActionPayload | null): void => {\n    if (!payload) return\n\n    if (actionType === 'launcher') {\n      if (payload?.uri) {\n        customProtocolCheck(\n          payload.uri,\n          () => {},\n          () => {},\n          2000,\n        )\n      }\n    } else if (actionType === 'query') {\n      // Validate it is an object of key:value pairs with value being string\n      const isValid = Object.values(payload.query as QueryParams).every((value) => {\n        return typeof value === 'string'\n      })\n\n      if (!isValid) {\n        throw new Error('Invalid payload: query')\n      } else {\n        // Add query params to URL\n        for (const [key, value] of Object.entries(payload.query as QueryParams)) {\n          searchParams.set(key, value)\n        }\n        setSearchParams(searchParams)\n      }\n    } else if (actionType === 'navigate') {\n      // Validate it is a string\n      if (typeof payload.uri !== 'string') {\n        throw new Error('Invalid payload: navigate')\n      } else {\n        // Navigate to the specified page\n        navigate(payload.uri)\n      }\n    } else if (actionType === 'redirect') {\n      // Validate it is a string\n      if (typeof payload.uri !== 'string') {\n        throw new Error('Invalid payload: redirect')\n      } else {\n        const newTab = payload?.new_tab || false\n        window.open(payload.uri, newTab ? '_blank' : '_self')\n      }\n    }\n\n    //\n    // Sub-actions\n    //\n\n    if ('extra_download' in payload) {\n      // Validate it is a string\n      if (typeof payload.extra_download !== 'string') {\n        throw new Error('Invalid payload: extra_download')\n      } else {\n        // Trigger file download from the URL\n        const downloadUrl = new URL(payload.extra_download, window.location.origin).href\n        console.log(downloadUrl)\n        // Create a hidden anchor element\n        const link = document.createElement('a')\n        link.href = downloadUrl\n        link.target = '_blank'\n        link.rel = 'noopener noreferrer'\n        // Set download attribute if it's a direct file download\n        // If it's an API endpoint that handles the download, this is still good\n        link.download = ''\n        // Append to document, click and then remove\n        document.body.appendChild(link)\n        link.click()\n        document.body.removeChild(link)\n      }\n    }\n\n    if ('extra_clipboard' in payload) {\n      // Validate it is a string\n      if (typeof payload.extra_clipboard !== 'string') {\n        throw new Error('Invalid payload: extra_clipboard')\n      } else {\n        // Copy content to clipboard\n        navigator.clipboard.writeText(payload.extra_clipboard).catch((err) => {\n          console.error('Failed to copy text to clipboard:', err)\n        })\n      }\n    }\n  }\n\n  return { handleActionPayload }\n}\n"],"names":["useSearchParams","useNavigate"],"mappings":";;;;AAgBO,MAAM,oBAAoB,MAAM;AACrC,QAAM,CAAC,cAAc,eAAe,IAAIA,+BAAgB;AACxD,QAAM,WAAWC,eAAAA,YAAY;AAEvB,QAAA,sBAAsB,CAAC,YAAoB,YAAwC;AACvF,QAAI,CAAC,QAAS;AAEd,QAAI,eAAe,YAAY;AAC7B,UAAI,mCAAS,KAAK;AAChB;AAAA,UACE,QAAQ;AAAA,UACR,MAAM;AAAA,UAAC;AAAA,UACP,MAAM;AAAA,UAAC;AAAA,UACP;AAAA,QACF;AAAA,MAAA;AAAA,IACF,WACS,eAAe,SAAS;AAE3B,YAAA,UAAU,OAAO,OAAO,QAAQ,KAAoB,EAAE,MAAM,CAAC,UAAU;AAC3E,eAAO,OAAO,UAAU;AAAA,MAAA,CACzB;AAED,UAAI,CAAC,SAAS;AACN,cAAA,IAAI,MAAM,wBAAwB;AAAA,MAAA,OACnC;AAEM,mBAAA,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,QAAQ,KAAoB,GAAG;AAC1D,uBAAA,IAAI,KAAK,KAAK;AAAA,QAAA;AAE7B,wBAAgB,YAAY;AAAA,MAAA;AAAA,IAC9B,WACS,eAAe,YAAY;AAEhC,UAAA,OAAO,QAAQ,QAAQ,UAAU;AAC7B,cAAA,IAAI,MAAM,2BAA2B;AAAA,MAAA,OACtC;AAEL,iBAAS,QAAQ,GAAG;AAAA,MAAA;AAAA,IACtB,WACS,eAAe,YAAY;AAEhC,UAAA,OAAO,QAAQ,QAAQ,UAAU;AAC7B,cAAA,IAAI,MAAM,2BAA2B;AAAA,MAAA,OACtC;AACC,cAAA,UAAS,mCAAS,YAAW;AACnC,eAAO,KAAK,QAAQ,KAAK,SAAS,WAAW,OAAO;AAAA,MAAA;AAAA,IACtD;AAOF,QAAI,oBAAoB,SAAS;AAE3B,UAAA,OAAO,QAAQ,mBAAmB,UAAU;AACxC,cAAA,IAAI,MAAM,iCAAiC;AAAA,MAAA,OAC5C;AAEC,cAAA,cAAc,IAAI,IAAI,QAAQ,gBAAgB,OAAO,SAAS,MAAM,EAAE;AAC5E,gBAAQ,IAAI,WAAW;AAEjB,cAAA,OAAO,SAAS,cAAc,GAAG;AACvC,aAAK,OAAO;AACZ,aAAK,SAAS;AACd,aAAK,MAAM;AAGX,aAAK,WAAW;AAEP,iBAAA,KAAK,YAAY,IAAI;AAC9B,aAAK,MAAM;AACF,iBAAA,KAAK,YAAY,IAAI;AAAA,MAAA;AAAA,IAChC;AAGF,QAAI,qBAAqB,SAAS;AAE5B,UAAA,OAAO,QAAQ,oBAAoB,UAAU;AACzC,cAAA,IAAI,MAAM,kCAAkC;AAAA,MAAA,OAC7C;AAEL,kBAAU,UAAU,UAAU,QAAQ,eAAe,EAAE,MAAM,CAAC,QAAQ;AAC5D,kBAAA,MAAM,qCAAqC,GAAG;AAAA,QAAA,CACvD;AAAA,MAAA;AAAA,IACH;AAAA,EAEJ;AAEA,SAAO,EAAE,oBAAoB;AAC/B;;"}
+{"version":3,"file":"useActionTriggers.cjs.js","sources":["../../../../src/hooks/useActionTriggers.ts"],"sourcesContent":["import customProtocolCheck from 'custom-protocol-check'\n\nexport type ActionTriggersProps = {\n  searchParams: URLSearchParams\n  onSetSearchParams: (params: URLSearchParams) => void\n  onNavigate: (uri: string) => void\n}\n\ninterface QueryParams {\n  [key: string]: string\n}\n\ninterface ActionPayload {\n  query?: QueryParams // adds query params to the URL\n  uri?: string // navigates to a different page\n  new_tab?: boolean // opens a new tab\n  extra_download?: string // triggers a file download from a URL\n  extra_clipboard?: string // copies string content to clipboard\n  [key: string]: any\n}\n\nexport const useActionTriggers = ({\n  searchParams,\n  onSetSearchParams,\n  onNavigate,\n}: ActionTriggersProps) => {\n  const handleActionPayload = (actionType: string, payload: ActionPayload | null): void => {\n    if (!payload) return\n\n    if (actionType === 'launcher') {\n      if (payload?.uri) {\n        customProtocolCheck(\n          payload.uri,\n          () => {},\n          () => {},\n          2000,\n        )\n      }\n    } else if (actionType === 'query') {\n      // Validate it is an object of key:value pairs with value being string\n      const isValid = Object.values(payload.query as QueryParams).every((value) => {\n        return typeof value === 'string'\n      })\n\n      if (!isValid) {\n        throw new Error('Invalid payload: query')\n      } else {\n        // Add query params to URL\n        for (const [key, value] of Object.entries(payload.query as QueryParams)) {\n          searchParams.set(key, value)\n        }\n        onSetSearchParams(searchParams)\n      }\n    } else if (actionType === 'navigate') {\n      // Validate it is a string\n      if (typeof payload.uri !== 'string') {\n        throw new Error('Invalid payload: navigate')\n      } else {\n        // Navigate to the specified page\n        onNavigate(payload.uri)\n      }\n    } else if (actionType === 'redirect') {\n      // Validate it is a string\n      if (typeof payload.uri !== 'string') {\n        throw new Error('Invalid payload: redirect')\n      } else {\n        const newTab = payload?.new_tab || false\n        window.open(payload.uri, newTab ? '_blank' : '_self')\n      }\n    }\n\n    //\n    // Sub-actions\n    //\n\n    if ('extra_download' in payload) {\n      // Validate it is a string\n      if (typeof payload.extra_download !== 'string') {\n        throw new Error('Invalid payload: extra_download')\n      } else {\n        // Trigger file download from the URL\n        const downloadUrl = new URL(payload.extra_download, window.location.origin).href\n        console.log(downloadUrl)\n        // Create a hidden anchor element\n        const link = document.createElement('a')\n        link.href = downloadUrl\n        link.target = '_blank'\n        link.rel = 'noopener noreferrer'\n        // Set download attribute if it's a direct file download\n        // If it's an API endpoint that handles the download, this is still good\n        link.download = ''\n        // Append to document, click and then remove\n        document.body.appendChild(link)\n        link.click()\n        document.body.removeChild(link)\n      }\n    }\n\n    if ('extra_clipboard' in payload) {\n      // Validate it is a string\n      if (typeof payload.extra_clipboard !== 'string') {\n        throw new Error('Invalid payload: extra_clipboard')\n      } else {\n        // Copy content to clipboard\n        navigator.clipboard.writeText(payload.extra_clipboard).catch((err) => {\n          console.error('Failed to copy text to clipboard:', err)\n        })\n      }\n    }\n  }\n\n  return { handleActionPayload }\n}\n"],"names":[],"mappings":";;;AAqBO,MAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF,MAA2B;AACnB,QAAA,sBAAsB,CAAC,YAAoB,YAAwC;AACvF,QAAI,CAAC,QAAS;AAEd,QAAI,eAAe,YAAY;AAC7B,UAAI,mCAAS,KAAK;AAChB;AAAA,UACE,QAAQ;AAAA,UACR,MAAM;AAAA,UAAC;AAAA,UACP,MAAM;AAAA,UAAC;AAAA,UACP;AAAA,QACF;AAAA,MAAA;AAAA,IACF,WACS,eAAe,SAAS;AAE3B,YAAA,UAAU,OAAO,OAAO,QAAQ,KAAoB,EAAE,MAAM,CAAC,UAAU;AAC3E,eAAO,OAAO,UAAU;AAAA,MAAA,CACzB;AAED,UAAI,CAAC,SAAS;AACN,cAAA,IAAI,MAAM,wBAAwB;AAAA,MAAA,OACnC;AAEM,mBAAA,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,QAAQ,KAAoB,GAAG;AAC1D,uBAAA,IAAI,KAAK,KAAK;AAAA,QAAA;AAE7B,0BAAkB,YAAY;AAAA,MAAA;AAAA,IAChC,WACS,eAAe,YAAY;AAEhC,UAAA,OAAO,QAAQ,QAAQ,UAAU;AAC7B,cAAA,IAAI,MAAM,2BAA2B;AAAA,MAAA,OACtC;AAEL,mBAAW,QAAQ,GAAG;AAAA,MAAA;AAAA,IACxB,WACS,eAAe,YAAY;AAEhC,UAAA,OAAO,QAAQ,QAAQ,UAAU;AAC7B,cAAA,IAAI,MAAM,2BAA2B;AAAA,MAAA,OACtC;AACC,cAAA,UAAS,mCAAS,YAAW;AACnC,eAAO,KAAK,QAAQ,KAAK,SAAS,WAAW,OAAO;AAAA,MAAA;AAAA,IACtD;AAOF,QAAI,oBAAoB,SAAS;AAE3B,UAAA,OAAO,QAAQ,mBAAmB,UAAU;AACxC,cAAA,IAAI,MAAM,iCAAiC;AAAA,MAAA,OAC5C;AAEC,cAAA,cAAc,IAAI,IAAI,QAAQ,gBAAgB,OAAO,SAAS,MAAM,EAAE;AAC5E,gBAAQ,IAAI,WAAW;AAEjB,cAAA,OAAO,SAAS,cAAc,GAAG;AACvC,aAAK,OAAO;AACZ,aAAK,SAAS;AACd,aAAK,MAAM;AAGX,aAAK,WAAW;AAEP,iBAAA,KAAK,YAAY,IAAI;AAC9B,aAAK,MAAM;AACF,iBAAA,KAAK,YAAY,IAAI;AAAA,MAAA;AAAA,IAChC;AAGF,QAAI,qBAAqB,SAAS;AAE5B,UAAA,OAAO,QAAQ,oBAAoB,UAAU;AACzC,cAAA,IAAI,MAAM,kCAAkC;AAAA,MAAA,OAC7C;AAEL,kBAAU,UAAU,UAAU,QAAQ,eAAe,EAAE,MAAM,CAAC,QAAQ;AAC5D,kBAAA,MAAM,qCAAqC,GAAG;AAAA,QAAA,CACvD;AAAA,MAAA;AAAA,IACH;AAAA,EAEJ;AAEA,SAAO,EAAE,oBAAoB;AAC/B;;"}

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

@@ -1,8 +1,9 @@
-import { useSearchParams, useNavigate } from "react-router-dom";
 import customProtocolCheck from "custom-protocol-check";
-const useActionTriggers = () => {
-  const [searchParams, setSearchParams] = useSearchParams();
-  const navigate = useNavigate();
+const useActionTriggers = ({
+  searchParams,
+  onSetSearchParams,
+  onNavigate
+}) => {
   const handleActionPayload = (actionType, payload) => {
     if (!payload) return;
     if (actionType === "launcher") {
@@ -26,13 +27,13 @@ const useActionTriggers = () => {
         for (const [key, value] of Object.entries(payload.query)) {
           searchParams.set(key, value);
         }
-        setSearchParams(searchParams);
+        onSetSearchParams(searchParams);
       }
     } else if (actionType === "navigate") {
       if (typeof payload.uri !== "string") {
         throw new Error("Invalid payload: navigate");
       } else {
-        navigate(payload.uri);
+        onNavigate(payload.uri);
       }
     } else if (actionType === "redirect") {
       if (typeof payload.uri !== "string") {

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

@@ -1 +1 @@
-{"version":3,"file":"useActionTriggers.es.js","sources":["../../../../src/hooks/useActionTriggers.ts"],"sourcesContent":["import { useNavigate, useSearchParams } from 'react-router-dom'\nimport customProtocolCheck from 'custom-protocol-check'\n\ninterface QueryParams {\n  [key: string]: string\n}\n\ninterface ActionPayload {\n  query?: QueryParams // adds query params to the URL\n  uri?: string // navigates to a different page\n  new_tab?: boolean // opens a new tab\n  extra_download?: string // triggers a file download from a URL\n  extra_clipboard?: string // copies string content to clipboard\n  [key: string]: any\n}\n\nexport const useActionTriggers = () => {\n  const [searchParams, setSearchParams] = useSearchParams()\n  const navigate = useNavigate()\n\n  const handleActionPayload = (actionType: string, payload: ActionPayload | null): void => {\n    if (!payload) return\n\n    if (actionType === 'launcher') {\n      if (payload?.uri) {\n        customProtocolCheck(\n          payload.uri,\n          () => {},\n          () => {},\n          2000,\n        )\n      }\n    } else if (actionType === 'query') {\n      // Validate it is an object of key:value pairs with value being string\n      const isValid = Object.values(payload.query as QueryParams).every((value) => {\n        return typeof value === 'string'\n      })\n\n      if (!isValid) {\n        throw new Error('Invalid payload: query')\n      } else {\n        // Add query params to URL\n        for (const [key, value] of Object.entries(payload.query as QueryParams)) {\n          searchParams.set(key, value)\n        }\n        setSearchParams(searchParams)\n      }\n    } else if (actionType === 'navigate') {\n      // Validate it is a string\n      if (typeof payload.uri !== 'string') {\n        throw new Error('Invalid payload: navigate')\n      } else {\n        // Navigate to the specified page\n        navigate(payload.uri)\n      }\n    } else if (actionType === 'redirect') {\n      // Validate it is a string\n      if (typeof payload.uri !== 'string') {\n        throw new Error('Invalid payload: redirect')\n      } else {\n        const newTab = payload?.new_tab || false\n        window.open(payload.uri, newTab ? '_blank' : '_self')\n      }\n    }\n\n    //\n    // Sub-actions\n    //\n\n    if ('extra_download' in payload) {\n      // Validate it is a string\n      if (typeof payload.extra_download !== 'string') {\n        throw new Error('Invalid payload: extra_download')\n      } else {\n        // Trigger file download from the URL\n        const downloadUrl = new URL(payload.extra_download, window.location.origin).href\n        console.log(downloadUrl)\n        // Create a hidden anchor element\n        const link = document.createElement('a')\n        link.href = downloadUrl\n        link.target = '_blank'\n        link.rel = 'noopener noreferrer'\n        // Set download attribute if it's a direct file download\n        // If it's an API endpoint that handles the download, this is still good\n        link.download = ''\n        // Append to document, click and then remove\n        document.body.appendChild(link)\n        link.click()\n        document.body.removeChild(link)\n      }\n    }\n\n    if ('extra_clipboard' in payload) {\n      // Validate it is a string\n      if (typeof payload.extra_clipboard !== 'string') {\n        throw new Error('Invalid payload: extra_clipboard')\n      } else {\n        // Copy content to clipboard\n        navigator.clipboard.writeText(payload.extra_clipboard).catch((err) => {\n          console.error('Failed to copy text to clipboard:', err)\n        })\n      }\n    }\n  }\n\n  return { handleActionPayload }\n}\n"],"names":[],"mappings":";;AAgBO,MAAM,oBAAoB,MAAM;AACrC,QAAM,CAAC,cAAc,eAAe,IAAI,gBAAgB;AACxD,QAAM,WAAW,YAAY;AAEvB,QAAA,sBAAsB,CAAC,YAAoB,YAAwC;AACvF,QAAI,CAAC,QAAS;AAEd,QAAI,eAAe,YAAY;AAC7B,UAAI,mCAAS,KAAK;AAChB;AAAA,UACE,QAAQ;AAAA,UACR,MAAM;AAAA,UAAC;AAAA,UACP,MAAM;AAAA,UAAC;AAAA,UACP;AAAA,QACF;AAAA,MAAA;AAAA,IACF,WACS,eAAe,SAAS;AAE3B,YAAA,UAAU,OAAO,OAAO,QAAQ,KAAoB,EAAE,MAAM,CAAC,UAAU;AAC3E,eAAO,OAAO,UAAU;AAAA,MAAA,CACzB;AAED,UAAI,CAAC,SAAS;AACN,cAAA,IAAI,MAAM,wBAAwB;AAAA,MAAA,OACnC;AAEM,mBAAA,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,QAAQ,KAAoB,GAAG;AAC1D,uBAAA,IAAI,KAAK,KAAK;AAAA,QAAA;AAE7B,wBAAgB,YAAY;AAAA,MAAA;AAAA,IAC9B,WACS,eAAe,YAAY;AAEhC,UAAA,OAAO,QAAQ,QAAQ,UAAU;AAC7B,cAAA,IAAI,MAAM,2BAA2B;AAAA,MAAA,OACtC;AAEL,iBAAS,QAAQ,GAAG;AAAA,MAAA;AAAA,IACtB,WACS,eAAe,YAAY;AAEhC,UAAA,OAAO,QAAQ,QAAQ,UAAU;AAC7B,cAAA,IAAI,MAAM,2BAA2B;AAAA,MAAA,OACtC;AACC,cAAA,UAAS,mCAAS,YAAW;AACnC,eAAO,KAAK,QAAQ,KAAK,SAAS,WAAW,OAAO;AAAA,MAAA;AAAA,IACtD;AAOF,QAAI,oBAAoB,SAAS;AAE3B,UAAA,OAAO,QAAQ,mBAAmB,UAAU;AACxC,cAAA,IAAI,MAAM,iCAAiC;AAAA,MAAA,OAC5C;AAEC,cAAA,cAAc,IAAI,IAAI,QAAQ,gBAAgB,OAAO,SAAS,MAAM,EAAE;AAC5E,gBAAQ,IAAI,WAAW;AAEjB,cAAA,OAAO,SAAS,cAAc,GAAG;AACvC,aAAK,OAAO;AACZ,aAAK,SAAS;AACd,aAAK,MAAM;AAGX,aAAK,WAAW;AAEP,iBAAA,KAAK,YAAY,IAAI;AAC9B,aAAK,MAAM;AACF,iBAAA,KAAK,YAAY,IAAI;AAAA,MAAA;AAAA,IAChC;AAGF,QAAI,qBAAqB,SAAS;AAE5B,UAAA,OAAO,QAAQ,oBAAoB,UAAU;AACzC,cAAA,IAAI,MAAM,kCAAkC;AAAA,MAAA,OAC7C;AAEL,kBAAU,UAAU,UAAU,QAAQ,eAAe,EAAE,MAAM,CAAC,QAAQ;AAC5D,kBAAA,MAAM,qCAAqC,GAAG;AAAA,QAAA,CACvD;AAAA,MAAA;AAAA,IACH;AAAA,EAEJ;AAEA,SAAO,EAAE,oBAAoB;AAC/B;"}
+{"version":3,"file":"useActionTriggers.es.js","sources":["../../../../src/hooks/useActionTriggers.ts"],"sourcesContent":["import customProtocolCheck from 'custom-protocol-check'\n\nexport type ActionTriggersProps = {\n  searchParams: URLSearchParams\n  onSetSearchParams: (params: URLSearchParams) => void\n  onNavigate: (uri: string) => void\n}\n\ninterface QueryParams {\n  [key: string]: string\n}\n\ninterface ActionPayload {\n  query?: QueryParams // adds query params to the URL\n  uri?: string // navigates to a different page\n  new_tab?: boolean // opens a new tab\n  extra_download?: string // triggers a file download from a URL\n  extra_clipboard?: string // copies string content to clipboard\n  [key: string]: any\n}\n\nexport const useActionTriggers = ({\n  searchParams,\n  onSetSearchParams,\n  onNavigate,\n}: ActionTriggersProps) => {\n  const handleActionPayload = (actionType: string, payload: ActionPayload | null): void => {\n    if (!payload) return\n\n    if (actionType === 'launcher') {\n      if (payload?.uri) {\n        customProtocolCheck(\n          payload.uri,\n          () => {},\n          () => {},\n          2000,\n        )\n      }\n    } else if (actionType === 'query') {\n      // Validate it is an object of key:value pairs with value being string\n      const isValid = Object.values(payload.query as QueryParams).every((value) => {\n        return typeof value === 'string'\n      })\n\n      if (!isValid) {\n        throw new Error('Invalid payload: query')\n      } else {\n        // Add query params to URL\n        for (const [key, value] of Object.entries(payload.query as QueryParams)) {\n          searchParams.set(key, value)\n        }\n        onSetSearchParams(searchParams)\n      }\n    } else if (actionType === 'navigate') {\n      // Validate it is a string\n      if (typeof payload.uri !== 'string') {\n        throw new Error('Invalid payload: navigate')\n      } else {\n        // Navigate to the specified page\n        onNavigate(payload.uri)\n      }\n    } else if (actionType === 'redirect') {\n      // Validate it is a string\n      if (typeof payload.uri !== 'string') {\n        throw new Error('Invalid payload: redirect')\n      } else {\n        const newTab = payload?.new_tab || false\n        window.open(payload.uri, newTab ? '_blank' : '_self')\n      }\n    }\n\n    //\n    // Sub-actions\n    //\n\n    if ('extra_download' in payload) {\n      // Validate it is a string\n      if (typeof payload.extra_download !== 'string') {\n        throw new Error('Invalid payload: extra_download')\n      } else {\n        // Trigger file download from the URL\n        const downloadUrl = new URL(payload.extra_download, window.location.origin).href\n        console.log(downloadUrl)\n        // Create a hidden anchor element\n        const link = document.createElement('a')\n        link.href = downloadUrl\n        link.target = '_blank'\n        link.rel = 'noopener noreferrer'\n        // Set download attribute if it's a direct file download\n        // If it's an API endpoint that handles the download, this is still good\n        link.download = ''\n        // Append to document, click and then remove\n        document.body.appendChild(link)\n        link.click()\n        document.body.removeChild(link)\n      }\n    }\n\n    if ('extra_clipboard' in payload) {\n      // Validate it is a string\n      if (typeof payload.extra_clipboard !== 'string') {\n        throw new Error('Invalid payload: extra_clipboard')\n      } else {\n        // Copy content to clipboard\n        navigator.clipboard.writeText(payload.extra_clipboard).catch((err) => {\n          console.error('Failed to copy text to clipboard:', err)\n        })\n      }\n    }\n  }\n\n  return { handleActionPayload }\n}\n"],"names":[],"mappings":";AAqBO,MAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF,MAA2B;AACnB,QAAA,sBAAsB,CAAC,YAAoB,YAAwC;AACvF,QAAI,CAAC,QAAS;AAEd,QAAI,eAAe,YAAY;AAC7B,UAAI,mCAAS,KAAK;AAChB;AAAA,UACE,QAAQ;AAAA,UACR,MAAM;AAAA,UAAC;AAAA,UACP,MAAM;AAAA,UAAC;AAAA,UACP;AAAA,QACF;AAAA,MAAA;AAAA,IACF,WACS,eAAe,SAAS;AAE3B,YAAA,UAAU,OAAO,OAAO,QAAQ,KAAoB,EAAE,MAAM,CAAC,UAAU;AAC3E,eAAO,OAAO,UAAU;AAAA,MAAA,CACzB;AAED,UAAI,CAAC,SAAS;AACN,cAAA,IAAI,MAAM,wBAAwB;AAAA,MAAA,OACnC;AAEM,mBAAA,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,QAAQ,KAAoB,GAAG;AAC1D,uBAAA,IAAI,KAAK,KAAK;AAAA,QAAA;AAE7B,0BAAkB,YAAY;AAAA,MAAA;AAAA,IAChC,WACS,eAAe,YAAY;AAEhC,UAAA,OAAO,QAAQ,QAAQ,UAAU;AAC7B,cAAA,IAAI,MAAM,2BAA2B;AAAA,MAAA,OACtC;AAEL,mBAAW,QAAQ,GAAG;AAAA,MAAA;AAAA,IACxB,WACS,eAAe,YAAY;AAEhC,UAAA,OAAO,QAAQ,QAAQ,UAAU;AAC7B,cAAA,IAAI,MAAM,2BAA2B;AAAA,MAAA,OACtC;AACC,cAAA,UAAS,mCAAS,YAAW;AACnC,eAAO,KAAK,QAAQ,KAAK,SAAS,WAAW,OAAO;AAAA,MAAA;AAAA,IACtD;AAOF,QAAI,oBAAoB,SAAS;AAE3B,UAAA,OAAO,QAAQ,mBAAmB,UAAU;AACxC,cAAA,IAAI,MAAM,iCAAiC;AAAA,MAAA,OAC5C;AAEC,cAAA,cAAc,IAAI,IAAI,QAAQ,gBAAgB,OAAO,SAAS,MAAM,EAAE;AAC5E,gBAAQ,IAAI,WAAW;AAEjB,cAAA,OAAO,SAAS,cAAc,GAAG;AACvC,aAAK,OAAO;AACZ,aAAK,SAAS;AACd,aAAK,MAAM;AAGX,aAAK,WAAW;AAEP,iBAAA,KAAK,YAAY,IAAI;AAC9B,aAAK,MAAM;AACF,iBAAA,KAAK,YAAY,IAAI;AAAA,MAAA;AAAA,IAChC;AAGF,QAAI,qBAAqB,SAAS;AAE5B,UAAA,OAAO,QAAQ,oBAAoB,UAAU;AACzC,cAAA,IAAI,MAAM,kCAAkC;AAAA,MAAA,OAC7C;AAEL,kBAAU,UAAU,UAAU,QAAQ,eAAe,EAAE,MAAM,CAAC,QAAQ;AAC5D,kBAAA,MAAM,qCAAqC,GAAG;AAAA,QAAA,CACvD;AAAA,MAAA;AAAA,IACH;AAAA,EAEJ;AAEA,SAAO,EAAE,oBAAoB;AAC/B;"}

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

@@ -65,6 +65,7 @@ require("../api/queries/userDashboard/getUserDashboard.cjs.js");
 require("../api/queries/users/getUsers.cjs.js");
 require("../api/queries/users/updateUsers.cjs.js");
 require("../api/queries/watchers/getWatchers.cjs.js");
+require("../api/queries/permissions/getPermissions.cjs.js");
 require("../context/RemoteModulesContext.cjs.js");
 const DetailsPanelContext = require("../context/DetailsPanelContext.cjs.js");
 require("../context/ThumbnailUploaderContext.cjs.js");
@@ -72,6 +73,8 @@ 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");
 const useEntityUpdate = ({ entities, entityType }) => {
   const [updateEntities] = updateEntity.useUpdateEntitiesMutation();
   const { onUpdateEntity } = DetailsPanelContext.useDetailsPanelContext();

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":["useUpdateEntitiesMutation","useDetailsPanelContext","updateEntity","toast"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,kBAAkB,CAAC,EAAE,UAAU,iBAAwC;AAC5E,QAAA,CAAC,cAAc,IAAIA,uCAA0B;AAC7C,QAAA,EAAE,eAAe,IAAIC,2CAAuB;AAQ5C,QAAAC,iBAAe,OAAO,OAAe,UAA8B;AACnE,QAAA,UAAU,QAAQ,UAAU,QAAW;AACzC,cAAQ,MAAM,4BAA4B;AAC1C;AAAA,IAAA;AAGE,QAAA;AAEF,YAAM,aAAa,SAAS,IAAI,CAAC,YAAY;AAAA,QAC3C,IAAI,OAAO;AAAA,QACX,aAAa,OAAO;AAAA,QACpB,MAAM;AAAA,UACJ,CAAC,KAAK,GAAG;AAAA,QACX;AAAA,QACA,kBAAkB,OAAO;AAAA,QACzB,MAAM;AAAA,UACJ,UAAU,OAAO;AAAA,QAAA;AAAA,MACnB,EACA;AAEF,YAAM,eAAe,EAAE,YAAY,YAAY;AAC9B,uDAAA,EAAE,YAAY;aACxB,OAAO;AACRC,oBAAAA,MAAA,MAAM,kBAAkB,UAAU,EAAE;AAAA,IAAA;AAAA,EAE9C;AAEA,SAAO,EAAED,cAAAA,eAAa;AACxB;;"}
+{"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":["useUpdateEntitiesMutation","useDetailsPanelContext","updateEntity","toast"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,kBAAkB,CAAC,EAAE,UAAU,iBAAwC;AAC5E,QAAA,CAAC,cAAc,IAAIA,uCAA0B;AAC7C,QAAA,EAAE,eAAe,IAAIC,2CAAuB;AAQ5C,QAAAC,iBAAe,OAAO,OAAe,UAA8B;AACnE,QAAA,UAAU,QAAQ,UAAU,QAAW;AACzC,cAAQ,MAAM,4BAA4B;AAC1C;AAAA,IAAA;AAGE,QAAA;AAEF,YAAM,aAAa,SAAS,IAAI,CAAC,YAAY;AAAA,QAC3C,IAAI,OAAO;AAAA,QACX,aAAa,OAAO;AAAA,QACpB,MAAM;AAAA,UACJ,CAAC,KAAK,GAAG;AAAA,QACX;AAAA,QACA,kBAAkB,OAAO;AAAA,QACzB,MAAM;AAAA,UACJ,UAAU,OAAO;AAAA,QAAA;AAAA,MACnB,EACA;AAEF,YAAM,eAAe,EAAE,YAAY,YAAY;AAC9B,uDAAA,EAAE,YAAY;aACxB,OAAO;AACRC,oBAAAA,MAAA,MAAM,kBAAkB,UAAU,EAAE;AAAA,IAAA;AAAA,EAE9C;AAEA,SAAO,EAAED,cAAAA,eAAa;AACxB;;"}

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

@@ -63,6 +63,7 @@ import "../api/queries/userDashboard/getUserDashboard.es.js";
 import "../api/queries/users/getUsers.es.js";
 import "../api/queries/users/updateUsers.es.js";
 import "../api/queries/watchers/getWatchers.es.js";
+import "../api/queries/permissions/getPermissions.es.js";
 import "../context/RemoteModulesContext.es.js";
 import { useDetailsPanelContext } from "../context/DetailsPanelContext.es.js";
 import "../context/ThumbnailUploaderContext.es.js";
@@ -70,6 +71,8 @@ import "../context/SettingsPanelContext.es.js";
 import "../context/pip/PiPProvider.es.js";
 import "react-dom";
 import "../context/pip/PiPWrapper.es.js";
+import "../context/AddonProjectContext.es.js";
+import "../context/AddonContext.es.js";
 const useEntityUpdate = ({ entities, entityType }) => {
   const [updateEntities] = useUpdateEntitiesMutation();
   const { onUpdateEntity } = useDetailsPanelContext();

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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,kBAAkB,CAAC,EAAE,UAAU,iBAAwC;AAC5E,QAAA,CAAC,cAAc,IAAI,0BAA0B;AAC7C,QAAA,EAAE,eAAe,IAAI,uBAAuB;AAQ5C,QAAA,eAAe,OAAO,OAAe,UAA8B;AACnE,QAAA,UAAU,QAAQ,UAAU,QAAW;AACzC,cAAQ,MAAM,4BAA4B;AAC1C;AAAA,IAAA;AAGE,QAAA;AAEF,YAAM,aAAa,SAAS,IAAI,CAAC,YAAY;AAAA,QAC3C,IAAI,OAAO;AAAA,QACX,aAAa,OAAO;AAAA,QACpB,MAAM;AAAA,UACJ,CAAC,KAAK,GAAG;AAAA,QACX;AAAA,QACA,kBAAkB,OAAO;AAAA,QACzB,MAAM;AAAA,UACJ,UAAU,OAAO;AAAA,QAAA;AAAA,MACnB,EACA;AAEF,YAAM,eAAe,EAAE,YAAY,YAAY;AAC9B,uDAAA,EAAE,YAAY;aACxB,OAAO;AACR,YAAA,MAAM,kBAAkB,UAAU,EAAE;AAAA,IAAA;AAAA,EAE9C;AAEA,SAAO,EAAE,aAAa;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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,kBAAkB,CAAC,EAAE,UAAU,iBAAwC;AAC5E,QAAA,CAAC,cAAc,IAAI,0BAA0B;AAC7C,QAAA,EAAE,eAAe,IAAI,uBAAuB;AAQ5C,QAAA,eAAe,OAAO,OAAe,UAA8B;AACnE,QAAA,UAAU,QAAQ,UAAU,QAAW;AACzC,cAAQ,MAAM,4BAA4B;AAC1C;AAAA,IAAA;AAGE,QAAA;AAEF,YAAM,aAAa,SAAS,IAAI,CAAC,YAAY;AAAA,QAC3C,IAAI,OAAO;AAAA,QACX,aAAa,OAAO;AAAA,QACpB,MAAM;AAAA,UACJ,CAAC,KAAK,GAAG;AAAA,QACX;AAAA,QACA,kBAAkB,OAAO;AAAA,QACzB,MAAM;AAAA,UACJ,UAAU,OAAO;AAAA,QAAA;AAAA,MACnB,EACA;AAEF,YAAM,eAAe,EAAE,YAAY,YAAY;AAC9B,uDAAA,EAAE,YAAY;aACxB,OAAO;AACR,YAAA,MAAM,kBAAkB,UAAU,EAAE;AAAA,IAAA;AAAA,EAE9C;AAEA,SAAO,EAAE,aAAa;AACxB;"}

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

@@ -13,14 +13,19 @@ const useLoadModule = ({
 }) => {
   var _a;
   const { remotesInitialized, modules } = RemoteModulesContext.useRemoteModules();
+  const [isLoading, setIsLoading] = React.useState(true);
   const [isLoaded, setIsLoaded] = React.useState(false);
   const [isOutdated, setIsOutdated] = React.useState(false);
   const loadedRemote = React.useRef(fallback);
   React.useEffect(() => {
     if (!remotesInitialized || !addon || !remote || !module2) return;
     const initializedRemote = modules.find((m) => m.addonName === addon);
-    if (!initializedRemote) return console.log("remote not found", { addon, remote, module: module2 });
-    if (minVersion && !semver.gte(initializedRemote.addonVersion, minVersion)) {
+    if (!initializedRemote) {
+      console.log("remote not found", { addon, remote, module: module2 });
+      setIsLoading(false);
+      return;
+    }
+    if (minVersion && !semver.gte(initializedRemote.addonVersion, minVersion) && minVersion + "-dev" !== initializedRemote.addonVersion) {
       console.log("remote version does not meet minimum requirement", {
         addon,
         remote,
@@ -29,19 +34,28 @@ const useLoadModule = ({
         required: minVersion
       });
       setIsOutdated(true);
+      setIsLoading(false);
       return;
     }
     setIsOutdated(false);
     const initializedModule = initializedRemote.modules[remote];
-    if (!initializedModule) return console.log("module not found", { addon, remote, module: module2 });
-    if (isLoaded) return;
+    if (!initializedModule) {
+      setIsLoading(false);
+      return console.log("module not found", { addon, remote, module: module2 });
+    }
+    if (isLoaded) {
+      setIsLoading(false);
+      return;
+    }
     runtime.runtimeExports.loadRemote(`${remote}/${module2}`, {
       from: "runtime"
     }).then((remote2) => {
       console.log("loaded remote", module2);
       setIsLoaded(true);
+      setIsLoading(false);
       if (remote2) loadedRemote.current = remote2.default;
     }).catch((e) => {
+      setIsLoading(false);
       console.error("error loading remote", remote, module2, e);
     });
   }, [isLoaded, remotesInitialized, modules, addon, remote, module2, minVersion]);
@@ -49,6 +63,7 @@ const useLoadModule = ({
     loadedRemote.current,
     {
       isLoaded,
+      isLoading,
       outdated: isOutdated ? {
         current: ((_a = modules.find((m) => m.addonName === addon)) == null ? void 0 : _a.addonVersion) || "unknown",
         required: minVersion || "unknown"

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

@@ -1 +1 @@
-{"version":3,"file":"useLoadModule.cjs.js","sources":["../../../../src/hooks/useLoadModule.ts"],"sourcesContent":["import { useRemoteModules } from '@shared/context/RemoteModulesContext'\nimport { loadRemote } from '@module-federation/enhanced/runtime'\nimport { useEffect, useRef, useState } from 'react'\nimport semver from 'semver'\n\ninterface Props<T> {\n  addon: string\n  remote: string\n  module: string\n  fallback: T\n  debug?: boolean\n  minVersion?: string // minimum version required for this module\n}\n\nexport const useLoadModule = <T>({\n  addon,\n  remote,\n  module,\n  fallback,\n  minVersion,\n}: Props<T>): [T, { isLoaded: boolean; outdated?: { current: string; required: string } }] => {\n  const { remotesInitialized, modules } = useRemoteModules()\n  const [isLoaded, setIsLoaded] = useState(false)\n  const [isOutdated, setIsOutdated] = useState(false)\n  const loadedRemote = useRef<T>(fallback)\n\n  useEffect(() => {\n    // wait for remotes to be initialized\n    if (!remotesInitialized || !addon || !remote || !module) return\n\n    // check if remote and module exist\n    const initializedRemote = modules.find((m) => m.addonName === addon)\n\n    if (!initializedRemote) return console.log('remote not found', { addon, remote, module })\n\n    // check remote meets minimum version requirement\n    if (minVersion && !semver.gte(initializedRemote.addonVersion, minVersion)) {\n      console.log('remote version does not meet minimum requirement', {\n        addon,\n        remote,\n        module,\n        current: initializedRemote.addonVersion,\n        required: minVersion,\n      })\n\n      setIsOutdated(true)\n\n      // use fallback if version requirement not met\n      return\n    }\n\n    setIsOutdated(false)\n\n    const initializedModule = initializedRemote.modules[remote]\n\n    if (!initializedModule) return console.log('module not found', { addon, remote, module })\n\n    // check if module is already loaded\n    if (isLoaded) return\n    loadRemote<{ default: T }>(`${remote}/${module}`, {\n      from: 'runtime',\n    })\n      .then((remote) => {\n        console.log('loaded remote', module)\n        setIsLoaded(true)\n        if (remote) loadedRemote.current = remote.default\n      })\n      .catch((e) => {\n        console.error('error loading remote', remote, module, e)\n      })\n  }, [isLoaded, remotesInitialized, modules, addon, remote, module, minVersion])\n\n  return [\n    loadedRemote.current,\n    {\n      isLoaded,\n      outdated: isOutdated\n        ? {\n            current: modules.find((m) => m.addonName === addon)?.addonVersion || 'unknown',\n            required: minVersion || 'unknown',\n          }\n        : undefined,\n    },\n  ]\n}\n"],"names":["module","useRemoteModules","useState","useRef","useEffect","loadRemote","remote"],"mappings":";;;;;;AAcO,MAAM,gBAAgB,CAAI;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,QAAAA;AAAA,EACA;AAAA,EACA;AACF,MAA8F;;AAC5F,QAAM,EAAE,oBAAoB,QAAQ,IAAIC,sCAAiB;AACzD,QAAM,CAAC,UAAU,WAAW,IAAIC,MAAAA,SAAS,KAAK;AAC9C,QAAM,CAAC,YAAY,aAAa,IAAIA,MAAAA,SAAS,KAAK;AAC5C,QAAA,eAAeC,aAAU,QAAQ;AAEvCC,QAAAA,UAAU,MAAM;AAEd,QAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,UAAU,CAACJ,QAAQ;AAGzD,UAAM,oBAAoB,QAAQ,KAAK,CAAC,MAAM,EAAE,cAAc,KAAK;AAE/D,QAAA,CAAC,kBAAmB,QAAO,QAAQ,IAAI,oBAAoB,EAAE,OAAO,QAAQ,QAAAA,SAAQ;AAGxF,QAAI,cAAc,CAAC,OAAO,IAAI,kBAAkB,cAAc,UAAU,GAAG;AACzE,cAAQ,IAAI,oDAAoD;AAAA,QAC9D;AAAA,QACA;AAAA,QACA,QAAAA;AAAA,QACA,SAAS,kBAAkB;AAAA,QAC3B,UAAU;AAAA,MAAA,CACX;AAED,oBAAc,IAAI;AAGlB;AAAA,IAAA;AAGF,kBAAc,KAAK;AAEb,UAAA,oBAAoB,kBAAkB,QAAQ,MAAM;AAEtD,QAAA,CAAC,kBAAmB,QAAO,QAAQ,IAAI,oBAAoB,EAAE,OAAO,QAAQ,QAAAA,SAAQ;AAGxF,QAAI,SAAU;AACdK,YAAAA,eAAAA,WAA2B,GAAG,MAAM,IAAIL,OAAM,IAAI;AAAA,MAChD,MAAM;AAAA,IAAA,CACP,EACE,KAAK,CAACM,YAAW;AACR,cAAA,IAAI,iBAAiBN,OAAM;AACnC,kBAAY,IAAI;AACZM,UAAAA,QAAqB,cAAA,UAAUA,QAAO;AAAA,IAAA,CAC3C,EACA,MAAM,CAAC,MAAM;AACZ,cAAQ,MAAM,wBAAwB,QAAQN,SAAQ,CAAC;AAAA,IAAA,CACxD;AAAA,EAAA,GACF,CAAC,UAAU,oBAAoB,SAAS,OAAO,QAAQA,SAAQ,UAAU,CAAC;AAEtE,SAAA;AAAA,IACL,aAAa;AAAA,IACb;AAAA,MACE;AAAA,MACA,UAAU,aACN;AAAA,QACE,WAAS,aAAQ,KAAK,CAAC,MAAM,EAAE,cAAc,KAAK,MAAzC,mBAA4C,iBAAgB;AAAA,QACrE,UAAU,cAAc;AAAA,MAAA,IAE1B;AAAA,IAAA;AAAA,EAER;AACF;;"}
+{"version":3,"file":"useLoadModule.cjs.js","sources":["../../../../src/hooks/useLoadModule.ts"],"sourcesContent":["import { useRemoteModules } from '@shared/context/RemoteModulesContext'\nimport { loadRemote } from '@module-federation/enhanced/runtime'\nimport { useEffect, useRef, useState } from 'react'\nimport semver from 'semver'\n\ninterface Props<T> {\n  addon: string\n  remote: string\n  module: string\n  fallback: T\n  debug?: boolean\n  minVersion?: string // minimum version required for this module\n}\n\nexport const useLoadModule = <T>({\n  addon,\n  remote,\n  module,\n  fallback,\n  minVersion,\n}: Props<T>): [\n  T,\n  { isLoaded: boolean; isLoading: boolean; outdated?: { current: string; required: string } },\n] => {\n  const { remotesInitialized, modules } = useRemoteModules()\n  const [isLoading, setIsLoading] = useState(true)\n  const [isLoaded, setIsLoaded] = useState(false)\n  const [isOutdated, setIsOutdated] = useState(false)\n  const loadedRemote = useRef<T>(fallback)\n\n  useEffect(() => {\n    // wait for remotes to be initialized\n    if (!remotesInitialized || !addon || !remote || !module) return\n\n    // check if remote and module exist\n    const initializedRemote = modules.find((m) => m.addonName === addon)\n\n    if (!initializedRemote) {\n      console.log('remote not found', { addon, remote, module })\n      setIsLoading(false)\n      return\n    }\n\n    // check remote meets minimum version requirement\n    if (\n      minVersion &&\n      !semver.gte(initializedRemote.addonVersion, minVersion) &&\n      minVersion + '-dev' !== initializedRemote.addonVersion\n    ) {\n      console.log('remote version does not meet minimum requirement', {\n        addon,\n        remote,\n        module,\n        current: initializedRemote.addonVersion,\n        required: minVersion,\n      })\n\n      setIsOutdated(true)\n      setIsLoading(false)\n\n      // use fallback if version requirement not met\n      return\n    }\n\n    setIsOutdated(false)\n\n    const initializedModule = initializedRemote.modules[remote]\n\n    if (!initializedModule) {\n      setIsLoading(false)\n      return console.log('module not found', { addon, remote, module })\n    }\n\n    // check if module is already loaded\n    if (isLoaded) {\n      setIsLoading(false)\n      return\n    }\n    loadRemote<{ default: T }>(`${remote}/${module}`, {\n      from: 'runtime',\n    })\n      .then((remote) => {\n        console.log('loaded remote', module)\n        setIsLoaded(true)\n        setIsLoading(false)\n        if (remote) loadedRemote.current = remote.default\n      })\n      .catch((e) => {\n        setIsLoading(false)\n        console.error('error loading remote', remote, module, e)\n      })\n  }, [isLoaded, remotesInitialized, modules, addon, remote, module, minVersion])\n\n  return [\n    loadedRemote.current,\n    {\n      isLoaded,\n      isLoading,\n      outdated: isOutdated\n        ? {\n            current: modules.find((m) => m.addonName === addon)?.addonVersion || 'unknown',\n            required: minVersion || 'unknown',\n          }\n        : undefined,\n    },\n  ]\n}\n"],"names":["module","useRemoteModules","useState","useRef","useEffect","loadRemote","remote"],"mappings":";;;;;;AAcO,MAAM,gBAAgB,CAAI;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,QAAAA;AAAA,EACA;AAAA,EACA;AACF,MAGK;;AACH,QAAM,EAAE,oBAAoB,QAAQ,IAAIC,sCAAiB;AACzD,QAAM,CAAC,WAAW,YAAY,IAAIC,MAAAA,SAAS,IAAI;AAC/C,QAAM,CAAC,UAAU,WAAW,IAAIA,MAAAA,SAAS,KAAK;AAC9C,QAAM,CAAC,YAAY,aAAa,IAAIA,MAAAA,SAAS,KAAK;AAC5C,QAAA,eAAeC,aAAU,QAAQ;AAEvCC,QAAAA,UAAU,MAAM;AAEd,QAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,UAAU,CAACJ,QAAQ;AAGzD,UAAM,oBAAoB,QAAQ,KAAK,CAAC,MAAM,EAAE,cAAc,KAAK;AAEnE,QAAI,CAAC,mBAAmB;AACtB,cAAQ,IAAI,oBAAoB,EAAE,OAAO,QAAQ,QAAAA,SAAQ;AACzD,mBAAa,KAAK;AAClB;AAAA,IAAA;AAKA,QAAA,cACA,CAAC,OAAO,IAAI,kBAAkB,cAAc,UAAU,KACtD,aAAa,WAAW,kBAAkB,cAC1C;AACA,cAAQ,IAAI,oDAAoD;AAAA,QAC9D;AAAA,QACA;AAAA,QACA,QAAAA;AAAA,QACA,SAAS,kBAAkB;AAAA,QAC3B,UAAU;AAAA,MAAA,CACX;AAED,oBAAc,IAAI;AAClB,mBAAa,KAAK;AAGlB;AAAA,IAAA;AAGF,kBAAc,KAAK;AAEb,UAAA,oBAAoB,kBAAkB,QAAQ,MAAM;AAE1D,QAAI,CAAC,mBAAmB;AACtB,mBAAa,KAAK;AAClB,aAAO,QAAQ,IAAI,oBAAoB,EAAE,OAAO,QAAQ,QAAAA,SAAQ;AAAA,IAAA;AAIlE,QAAI,UAAU;AACZ,mBAAa,KAAK;AAClB;AAAA,IAAA;AAEFK,YAAAA,eAAAA,WAA2B,GAAG,MAAM,IAAIL,OAAM,IAAI;AAAA,MAChD,MAAM;AAAA,IAAA,CACP,EACE,KAAK,CAACM,YAAW;AACR,cAAA,IAAI,iBAAiBN,OAAM;AACnC,kBAAY,IAAI;AAChB,mBAAa,KAAK;AACdM,UAAAA,QAAqB,cAAA,UAAUA,QAAO;AAAA,IAAA,CAC3C,EACA,MAAM,CAAC,MAAM;AACZ,mBAAa,KAAK;AAClB,cAAQ,MAAM,wBAAwB,QAAQN,SAAQ,CAAC;AAAA,IAAA,CACxD;AAAA,EAAA,GACF,CAAC,UAAU,oBAAoB,SAAS,OAAO,QAAQA,SAAQ,UAAU,CAAC;AAEtE,SAAA;AAAA,IACL,aAAa;AAAA,IACb;AAAA,MACE;AAAA,MACA;AAAA,MACA,UAAU,aACN;AAAA,QACE,WAAS,aAAQ,KAAK,CAAC,MAAM,EAAE,cAAc,KAAK,MAAzC,mBAA4C,iBAAgB;AAAA,QACrE,UAAU,cAAc;AAAA,MAAA,IAE1B;AAAA,IAAA;AAAA,EAER;AACF;;"}

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

@@ -11,14 +11,19 @@ const useLoadModule = ({
 }) => {
   var _a;
   const { remotesInitialized, modules } = useRemoteModules();
+  const [isLoading, setIsLoading] = useState(true);
   const [isLoaded, setIsLoaded] = useState(false);
   const [isOutdated, setIsOutdated] = useState(false);
   const loadedRemote = useRef(fallback);
   useEffect(() => {
     if (!remotesInitialized || !addon || !remote || !module) return;
     const initializedRemote = modules.find((m) => m.addonName === addon);
-    if (!initializedRemote) return console.log("remote not found", { addon, remote, module });
-    if (minVersion && !semver.gte(initializedRemote.addonVersion, minVersion)) {
+    if (!initializedRemote) {
+      console.log("remote not found", { addon, remote, module });
+      setIsLoading(false);
+      return;
+    }
+    if (minVersion && !semver.gte(initializedRemote.addonVersion, minVersion) && minVersion + "-dev" !== initializedRemote.addonVersion) {
       console.log("remote version does not meet minimum requirement", {
         addon,
         remote,
@@ -27,19 +32,28 @@ const useLoadModule = ({
         required: minVersion
       });
       setIsOutdated(true);
+      setIsLoading(false);
       return;
     }
     setIsOutdated(false);
     const initializedModule = initializedRemote.modules[remote];
-    if (!initializedModule) return console.log("module not found", { addon, remote, module });
-    if (isLoaded) return;
+    if (!initializedModule) {
+      setIsLoading(false);
+      return console.log("module not found", { addon, remote, module });
+    }
+    if (isLoaded) {
+      setIsLoading(false);
+      return;
+    }
     runtimeExports.loadRemote(`${remote}/${module}`, {
       from: "runtime"
     }).then((remote2) => {
       console.log("loaded remote", module);
       setIsLoaded(true);
+      setIsLoading(false);
       if (remote2) loadedRemote.current = remote2.default;
     }).catch((e) => {
+      setIsLoading(false);
       console.error("error loading remote", remote, module, e);
     });
   }, [isLoaded, remotesInitialized, modules, addon, remote, module, minVersion]);
@@ -47,6 +61,7 @@ const useLoadModule = ({
     loadedRemote.current,
     {
       isLoaded,
+      isLoading,
       outdated: isOutdated ? {
         current: ((_a = modules.find((m) => m.addonName === addon)) == null ? void 0 : _a.addonVersion) || "unknown",
         required: minVersion || "unknown"

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

@@ -1 +1 @@
-{"version":3,"file":"useLoadModule.es.js","sources":["../../../../src/hooks/useLoadModule.ts"],"sourcesContent":["import { useRemoteModules } from '@shared/context/RemoteModulesContext'\nimport { loadRemote } from '@module-federation/enhanced/runtime'\nimport { useEffect, useRef, useState } from 'react'\nimport semver from 'semver'\n\ninterface Props<T> {\n  addon: string\n  remote: string\n  module: string\n  fallback: T\n  debug?: boolean\n  minVersion?: string // minimum version required for this module\n}\n\nexport const useLoadModule = <T>({\n  addon,\n  remote,\n  module,\n  fallback,\n  minVersion,\n}: Props<T>): [T, { isLoaded: boolean; outdated?: { current: string; required: string } }] => {\n  const { remotesInitialized, modules } = useRemoteModules()\n  const [isLoaded, setIsLoaded] = useState(false)\n  const [isOutdated, setIsOutdated] = useState(false)\n  const loadedRemote = useRef<T>(fallback)\n\n  useEffect(() => {\n    // wait for remotes to be initialized\n    if (!remotesInitialized || !addon || !remote || !module) return\n\n    // check if remote and module exist\n    const initializedRemote = modules.find((m) => m.addonName === addon)\n\n    if (!initializedRemote) return console.log('remote not found', { addon, remote, module })\n\n    // check remote meets minimum version requirement\n    if (minVersion && !semver.gte(initializedRemote.addonVersion, minVersion)) {\n      console.log('remote version does not meet minimum requirement', {\n        addon,\n        remote,\n        module,\n        current: initializedRemote.addonVersion,\n        required: minVersion,\n      })\n\n      setIsOutdated(true)\n\n      // use fallback if version requirement not met\n      return\n    }\n\n    setIsOutdated(false)\n\n    const initializedModule = initializedRemote.modules[remote]\n\n    if (!initializedModule) return console.log('module not found', { addon, remote, module })\n\n    // check if module is already loaded\n    if (isLoaded) return\n    loadRemote<{ default: T }>(`${remote}/${module}`, {\n      from: 'runtime',\n    })\n      .then((remote) => {\n        console.log('loaded remote', module)\n        setIsLoaded(true)\n        if (remote) loadedRemote.current = remote.default\n      })\n      .catch((e) => {\n        console.error('error loading remote', remote, module, e)\n      })\n  }, [isLoaded, remotesInitialized, modules, addon, remote, module, minVersion])\n\n  return [\n    loadedRemote.current,\n    {\n      isLoaded,\n      outdated: isOutdated\n        ? {\n            current: modules.find((m) => m.addonName === addon)?.addonVersion || 'unknown',\n            required: minVersion || 'unknown',\n          }\n        : undefined,\n    },\n  ]\n}\n"],"names":["loadRemote","remote"],"mappings":";;;;AAcO,MAAM,gBAAgB,CAAI;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA8F;;AAC5F,QAAM,EAAE,oBAAoB,QAAQ,IAAI,iBAAiB;AACzD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAC5C,QAAA,eAAe,OAAU,QAAQ;AAEvC,YAAU,MAAM;AAEd,QAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,UAAU,CAAC,OAAQ;AAGzD,UAAM,oBAAoB,QAAQ,KAAK,CAAC,MAAM,EAAE,cAAc,KAAK;AAE/D,QAAA,CAAC,kBAAmB,QAAO,QAAQ,IAAI,oBAAoB,EAAE,OAAO,QAAQ,QAAQ;AAGxF,QAAI,cAAc,CAAC,OAAO,IAAI,kBAAkB,cAAc,UAAU,GAAG;AACzE,cAAQ,IAAI,oDAAoD;AAAA,QAC9D;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS,kBAAkB;AAAA,QAC3B,UAAU;AAAA,MAAA,CACX;AAED,oBAAc,IAAI;AAGlB;AAAA,IAAA;AAGF,kBAAc,KAAK;AAEb,UAAA,oBAAoB,kBAAkB,QAAQ,MAAM;AAEtD,QAAA,CAAC,kBAAmB,QAAO,QAAQ,IAAI,oBAAoB,EAAE,OAAO,QAAQ,QAAQ;AAGxF,QAAI,SAAU;AACdA,mBAAAA,WAA2B,GAAG,MAAM,IAAI,MAAM,IAAI;AAAA,MAChD,MAAM;AAAA,IAAA,CACP,EACE,KAAK,CAACC,YAAW;AACR,cAAA,IAAI,iBAAiB,MAAM;AACnC,kBAAY,IAAI;AACZA,UAAAA,QAAqB,cAAA,UAAUA,QAAO;AAAA,IAAA,CAC3C,EACA,MAAM,CAAC,MAAM;AACZ,cAAQ,MAAM,wBAAwB,QAAQ,QAAQ,CAAC;AAAA,IAAA,CACxD;AAAA,EAAA,GACF,CAAC,UAAU,oBAAoB,SAAS,OAAO,QAAQ,QAAQ,UAAU,CAAC;AAEtE,SAAA;AAAA,IACL,aAAa;AAAA,IACb;AAAA,MACE;AAAA,MACA,UAAU,aACN;AAAA,QACE,WAAS,aAAQ,KAAK,CAAC,MAAM,EAAE,cAAc,KAAK,MAAzC,mBAA4C,iBAAgB;AAAA,QACrE,UAAU,cAAc;AAAA,MAAA,IAE1B;AAAA,IAAA;AAAA,EAER;AACF;"}
+{"version":3,"file":"useLoadModule.es.js","sources":["../../../../src/hooks/useLoadModule.ts"],"sourcesContent":["import { useRemoteModules } from '@shared/context/RemoteModulesContext'\nimport { loadRemote } from '@module-federation/enhanced/runtime'\nimport { useEffect, useRef, useState } from 'react'\nimport semver from 'semver'\n\ninterface Props<T> {\n  addon: string\n  remote: string\n  module: string\n  fallback: T\n  debug?: boolean\n  minVersion?: string // minimum version required for this module\n}\n\nexport const useLoadModule = <T>({\n  addon,\n  remote,\n  module,\n  fallback,\n  minVersion,\n}: Props<T>): [\n  T,\n  { isLoaded: boolean; isLoading: boolean; outdated?: { current: string; required: string } },\n] => {\n  const { remotesInitialized, modules } = useRemoteModules()\n  const [isLoading, setIsLoading] = useState(true)\n  const [isLoaded, setIsLoaded] = useState(false)\n  const [isOutdated, setIsOutdated] = useState(false)\n  const loadedRemote = useRef<T>(fallback)\n\n  useEffect(() => {\n    // wait for remotes to be initialized\n    if (!remotesInitialized || !addon || !remote || !module) return\n\n    // check if remote and module exist\n    const initializedRemote = modules.find((m) => m.addonName === addon)\n\n    if (!initializedRemote) {\n      console.log('remote not found', { addon, remote, module })\n      setIsLoading(false)\n      return\n    }\n\n    // check remote meets minimum version requirement\n    if (\n      minVersion &&\n      !semver.gte(initializedRemote.addonVersion, minVersion) &&\n      minVersion + '-dev' !== initializedRemote.addonVersion\n    ) {\n      console.log('remote version does not meet minimum requirement', {\n        addon,\n        remote,\n        module,\n        current: initializedRemote.addonVersion,\n        required: minVersion,\n      })\n\n      setIsOutdated(true)\n      setIsLoading(false)\n\n      // use fallback if version requirement not met\n      return\n    }\n\n    setIsOutdated(false)\n\n    const initializedModule = initializedRemote.modules[remote]\n\n    if (!initializedModule) {\n      setIsLoading(false)\n      return console.log('module not found', { addon, remote, module })\n    }\n\n    // check if module is already loaded\n    if (isLoaded) {\n      setIsLoading(false)\n      return\n    }\n    loadRemote<{ default: T }>(`${remote}/${module}`, {\n      from: 'runtime',\n    })\n      .then((remote) => {\n        console.log('loaded remote', module)\n        setIsLoaded(true)\n        setIsLoading(false)\n        if (remote) loadedRemote.current = remote.default\n      })\n      .catch((e) => {\n        setIsLoading(false)\n        console.error('error loading remote', remote, module, e)\n      })\n  }, [isLoaded, remotesInitialized, modules, addon, remote, module, minVersion])\n\n  return [\n    loadedRemote.current,\n    {\n      isLoaded,\n      isLoading,\n      outdated: isOutdated\n        ? {\n            current: modules.find((m) => m.addonName === addon)?.addonVersion || 'unknown',\n            required: minVersion || 'unknown',\n          }\n        : undefined,\n    },\n  ]\n}\n"],"names":["loadRemote","remote"],"mappings":";;;;AAcO,MAAM,gBAAgB,CAAI;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAGK;;AACH,QAAM,EAAE,oBAAoB,QAAQ,IAAI,iBAAiB;AACzD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,IAAI;AAC/C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAC5C,QAAA,eAAe,OAAU,QAAQ;AAEvC,YAAU,MAAM;AAEd,QAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,UAAU,CAAC,OAAQ;AAGzD,UAAM,oBAAoB,QAAQ,KAAK,CAAC,MAAM,EAAE,cAAc,KAAK;AAEnE,QAAI,CAAC,mBAAmB;AACtB,cAAQ,IAAI,oBAAoB,EAAE,OAAO,QAAQ,QAAQ;AACzD,mBAAa,KAAK;AAClB;AAAA,IAAA;AAKA,QAAA,cACA,CAAC,OAAO,IAAI,kBAAkB,cAAc,UAAU,KACtD,aAAa,WAAW,kBAAkB,cAC1C;AACA,cAAQ,IAAI,oDAAoD;AAAA,QAC9D;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS,kBAAkB;AAAA,QAC3B,UAAU;AAAA,MAAA,CACX;AAED,oBAAc,IAAI;AAClB,mBAAa,KAAK;AAGlB;AAAA,IAAA;AAGF,kBAAc,KAAK;AAEb,UAAA,oBAAoB,kBAAkB,QAAQ,MAAM;AAE1D,QAAI,CAAC,mBAAmB;AACtB,mBAAa,KAAK;AAClB,aAAO,QAAQ,IAAI,oBAAoB,EAAE,OAAO,QAAQ,QAAQ;AAAA,IAAA;AAIlE,QAAI,UAAU;AACZ,mBAAa,KAAK;AAClB;AAAA,IAAA;AAEFA,mBAAAA,WAA2B,GAAG,MAAM,IAAI,MAAM,IAAI;AAAA,MAChD,MAAM;AAAA,IAAA,CACP,EACE,KAAK,CAACC,YAAW;AACR,cAAA,IAAI,iBAAiB,MAAM;AACnC,kBAAY,IAAI;AAChB,mBAAa,KAAK;AACdA,UAAAA,QAAqB,cAAA,UAAUA,QAAO;AAAA,IAAA,CAC3C,EACA,MAAM,CAAC,MAAM;AACZ,mBAAa,KAAK;AAClB,cAAQ,MAAM,wBAAwB,QAAQ,QAAQ,CAAC;AAAA,IAAA,CACxD;AAAA,EAAA,GACF,CAAC,UAAU,oBAAoB,SAAS,OAAO,QAAQ,QAAQ,UAAU,CAAC;AAEtE,SAAA;AAAA,IACL,aAAa;AAAA,IACb;AAAA,MACE;AAAA,MACA;AAAA,MACA,UAAU,aACN;AAAA,QACE,WAAS,aAAQ,KAAK,CAAC,MAAM,EAAE,cAAc,KAAK,MAAzC,mBAA4C,iBAAgB;AAAA,QACrE,UAAU,cAAc;AAAA,MAAA,IAE1B;AAAA,IAAA;AAAA,EAER;AACF;"}

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

@@ -64,6 +64,7 @@ const getUserDashboard = require("../api/queries/userDashboard/getUserDashboard.
 require("../api/queries/users/getUsers.cjs.js");
 require("../api/queries/users/updateUsers.cjs.js");
 require("../api/queries/watchers/getWatchers.cjs.js");
+require("../api/queries/permissions/getPermissions.cjs.js");
 const lodash = require("lodash");
 const useScopedStatuses = (projects, entityTypes) => {
   const response = getUserDashboard.useGetProjectsInfoQuery({ projects: [...new Set(projects).values()] });

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

@@ -1 +1 @@
-{"version":3,"file":"useScopedStatuses.cjs.js","sources":["../../../../src/hooks/useScopedStatuses.ts"],"sourcesContent":["import { useGetProjectsInfoQuery } from '@shared/api'\nimport type { ProjectModel, Status } from '@shared/api'\nimport { intersectionBy } from 'lodash'\n\ntype EntityStatus = Status & {\n  scope?: string[]\n}\n\nexport const useScopedStatuses = (projects: string[], entityTypes: string[]) => {\n  const response = useGetProjectsInfoQuery({ projects: [...new Set(projects).values()] })\n\n  if (!response || !response.data) {\n    return []\n  }\n\n  let currentStatuses: EntityStatus[] | undefined\n  for (const item of Object.values(response.data) as ProjectModel[]) {\n    const filteredStatuses = item.statuses!.filter((status: EntityStatus) =>\n      entityTypes.every((type) => (!status.scope || status.scope?.includes(type))),\n    )\n    if (currentStatuses === undefined) {\n      currentStatuses = filteredStatuses\n      continue\n    }\n    currentStatuses = intersectionBy(currentStatuses, filteredStatuses, 'name')\n  }\n\n  return currentStatuses\n}\n\nexport const filterProjectStatuses = (statuses: EntityStatus[], entityTypes: string[]) => {\n  let statusesList: EntityStatus[] = Object.values(statuses || {})\n\n  if (statusesList.length == 0 || statusesList[0].scope === undefined) {\n    return statusesList\n  }\n\n  return statusesList.filter((el) => entityTypes.every((type) => el.scope!.includes(type)))\n}\n"],"names":["useGetProjectsInfoQuery","intersectionBy"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQa,MAAA,oBAAoB,CAAC,UAAoB,gBAA0B;AAC9E,QAAM,WAAWA,iBAAAA,wBAAwB,EAAE,UAAU,CAAC,GAAG,IAAI,IAAI,QAAQ,EAAE,OAAQ,CAAA,GAAG;AAEtF,MAAI,CAAC,YAAY,CAAC,SAAS,MAAM;AAC/B,WAAO,CAAC;AAAA,EAAA;AAGN,MAAA;AACJ,aAAW,QAAQ,OAAO,OAAO,SAAS,IAAI,GAAqB;AAC3D,UAAA,mBAAmB,KAAK,SAAU;AAAA,MAAO,CAAC,WAC9C,YAAY,MAAM,CAAC,SAAU;;AAAA,gBAAC,OAAO,WAAS,YAAO,UAAP,mBAAc,SAAS;AAAA,OAAM;AAAA,IAC7E;AACA,QAAI,oBAAoB,QAAW;AACf,wBAAA;AAClB;AAAA,IAAA;AAEgB,sBAAAC,OAAA,eAAe,iBAAiB,kBAAkB,MAAM;AAAA,EAAA;AAGrE,SAAA;AACT;AAEa,MAAA,wBAAwB,CAAC,UAA0B,gBAA0B;AACxF,MAAI,eAA+B,OAAO,OAAO,YAAY,CAAA,CAAE;AAE/D,MAAI,aAAa,UAAU,KAAK,aAAa,CAAC,EAAE,UAAU,QAAW;AAC5D,WAAA;AAAA,EAAA;AAGT,SAAO,aAAa,OAAO,CAAC,OAAO,YAAY,MAAM,CAAC,SAAS,GAAG,MAAO,SAAS,IAAI,CAAC,CAAC;AAC1F;;;"}
+{"version":3,"file":"useScopedStatuses.cjs.js","sources":["../../../../src/hooks/useScopedStatuses.ts"],"sourcesContent":["import { useGetProjectsInfoQuery } from '@shared/api'\nimport type { ProjectModel, Status } from '@shared/api'\nimport { intersectionBy } from 'lodash'\n\ntype EntityStatus = Status & {\n  scope?: string[]\n}\n\nexport const useScopedStatuses = (projects: string[], entityTypes: string[]) => {\n  const response = useGetProjectsInfoQuery({ projects: [...new Set(projects).values()] })\n\n  if (!response || !response.data) {\n    return []\n  }\n\n  let currentStatuses: EntityStatus[] | undefined\n  for (const item of Object.values(response.data) as ProjectModel[]) {\n    const filteredStatuses = item.statuses!.filter((status: EntityStatus) =>\n      entityTypes.every((type) => (!status.scope || status.scope?.includes(type))),\n    )\n    if (currentStatuses === undefined) {\n      currentStatuses = filteredStatuses\n      continue\n    }\n    currentStatuses = intersectionBy(currentStatuses, filteredStatuses, 'name')\n  }\n\n  return currentStatuses\n}\n\nexport const filterProjectStatuses = (statuses: EntityStatus[], entityTypes: string[]) => {\n  let statusesList: EntityStatus[] = Object.values(statuses || {})\n\n  if (statusesList.length == 0 || statusesList[0].scope === undefined) {\n    return statusesList\n  }\n\n  return statusesList.filter((el) => entityTypes.every((type) => el.scope!.includes(type)))\n}\n"],"names":["useGetProjectsInfoQuery","intersectionBy"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQa,MAAA,oBAAoB,CAAC,UAAoB,gBAA0B;AAC9E,QAAM,WAAWA,iBAAAA,wBAAwB,EAAE,UAAU,CAAC,GAAG,IAAI,IAAI,QAAQ,EAAE,OAAQ,CAAA,GAAG;AAEtF,MAAI,CAAC,YAAY,CAAC,SAAS,MAAM;AAC/B,WAAO,CAAC;AAAA,EAAA;AAGN,MAAA;AACJ,aAAW,QAAQ,OAAO,OAAO,SAAS,IAAI,GAAqB;AAC3D,UAAA,mBAAmB,KAAK,SAAU;AAAA,MAAO,CAAC,WAC9C,YAAY,MAAM,CAAC,SAAU;;AAAA,gBAAC,OAAO,WAAS,YAAO,UAAP,mBAAc,SAAS;AAAA,OAAM;AAAA,IAC7E;AACA,QAAI,oBAAoB,QAAW;AACf,wBAAA;AAClB;AAAA,IAAA;AAEgB,sBAAAC,OAAA,eAAe,iBAAiB,kBAAkB,MAAM;AAAA,EAAA;AAGrE,SAAA;AACT;AAEa,MAAA,wBAAwB,CAAC,UAA0B,gBAA0B;AACxF,MAAI,eAA+B,OAAO,OAAO,YAAY,CAAA,CAAE;AAE/D,MAAI,aAAa,UAAU,KAAK,aAAa,CAAC,EAAE,UAAU,QAAW;AAC5D,WAAA;AAAA,EAAA;AAGT,SAAO,aAAa,OAAO,CAAC,OAAO,YAAY,MAAM,CAAC,SAAS,GAAG,MAAO,SAAS,IAAI,CAAC,CAAC;AAC1F;;;"}

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

@@ -62,6 +62,7 @@ import { useGetProjectsInfoQuery } from "../api/queries/userDashboard/getUserDas
 import "../api/queries/users/getUsers.es.js";
 import "../api/queries/users/updateUsers.es.js";
 import "../api/queries/watchers/getWatchers.es.js";
+import "../api/queries/permissions/getPermissions.es.js";
 import { intersectionBy } from "lodash";
 const useScopedStatuses = (projects, entityTypes) => {
   const response = useGetProjectsInfoQuery({ projects: [...new Set(projects).values()] });

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

@@ -1 +1 @@
-{"version":3,"file":"useScopedStatuses.es.js","sources":["../../../../src/hooks/useScopedStatuses.ts"],"sourcesContent":["import { useGetProjectsInfoQuery } from '@shared/api'\nimport type { ProjectModel, Status } from '@shared/api'\nimport { intersectionBy } from 'lodash'\n\ntype EntityStatus = Status & {\n  scope?: string[]\n}\n\nexport const useScopedStatuses = (projects: string[], entityTypes: string[]) => {\n  const response = useGetProjectsInfoQuery({ projects: [...new Set(projects).values()] })\n\n  if (!response || !response.data) {\n    return []\n  }\n\n  let currentStatuses: EntityStatus[] | undefined\n  for (const item of Object.values(response.data) as ProjectModel[]) {\n    const filteredStatuses = item.statuses!.filter((status: EntityStatus) =>\n      entityTypes.every((type) => (!status.scope || status.scope?.includes(type))),\n    )\n    if (currentStatuses === undefined) {\n      currentStatuses = filteredStatuses\n      continue\n    }\n    currentStatuses = intersectionBy(currentStatuses, filteredStatuses, 'name')\n  }\n\n  return currentStatuses\n}\n\nexport const filterProjectStatuses = (statuses: EntityStatus[], entityTypes: string[]) => {\n  let statusesList: EntityStatus[] = Object.values(statuses || {})\n\n  if (statusesList.length == 0 || statusesList[0].scope === undefined) {\n    return statusesList\n  }\n\n  return statusesList.filter((el) => entityTypes.every((type) => el.scope!.includes(type)))\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQa,MAAA,oBAAoB,CAAC,UAAoB,gBAA0B;AAC9E,QAAM,WAAW,wBAAwB,EAAE,UAAU,CAAC,GAAG,IAAI,IAAI,QAAQ,EAAE,OAAQ,CAAA,GAAG;AAEtF,MAAI,CAAC,YAAY,CAAC,SAAS,MAAM;AAC/B,WAAO,CAAC;AAAA,EAAA;AAGN,MAAA;AACJ,aAAW,QAAQ,OAAO,OAAO,SAAS,IAAI,GAAqB;AAC3D,UAAA,mBAAmB,KAAK,SAAU;AAAA,MAAO,CAAC,WAC9C,YAAY,MAAM,CAAC,SAAU;;AAAA,gBAAC,OAAO,WAAS,YAAO,UAAP,mBAAc,SAAS;AAAA,OAAM;AAAA,IAC7E;AACA,QAAI,oBAAoB,QAAW;AACf,wBAAA;AAClB;AAAA,IAAA;AAEgB,sBAAA,eAAe,iBAAiB,kBAAkB,MAAM;AAAA,EAAA;AAGrE,SAAA;AACT;AAEa,MAAA,wBAAwB,CAAC,UAA0B,gBAA0B;AACxF,MAAI,eAA+B,OAAO,OAAO,YAAY,CAAA,CAAE;AAE/D,MAAI,aAAa,UAAU,KAAK,aAAa,CAAC,EAAE,UAAU,QAAW;AAC5D,WAAA;AAAA,EAAA;AAGT,SAAO,aAAa,OAAO,CAAC,OAAO,YAAY,MAAM,CAAC,SAAS,GAAG,MAAO,SAAS,IAAI,CAAC,CAAC;AAC1F;"}
+{"version":3,"file":"useScopedStatuses.es.js","sources":["../../../../src/hooks/useScopedStatuses.ts"],"sourcesContent":["import { useGetProjectsInfoQuery } from '@shared/api'\nimport type { ProjectModel, Status } from '@shared/api'\nimport { intersectionBy } from 'lodash'\n\ntype EntityStatus = Status & {\n  scope?: string[]\n}\n\nexport const useScopedStatuses = (projects: string[], entityTypes: string[]) => {\n  const response = useGetProjectsInfoQuery({ projects: [...new Set(projects).values()] })\n\n  if (!response || !response.data) {\n    return []\n  }\n\n  let currentStatuses: EntityStatus[] | undefined\n  for (const item of Object.values(response.data) as ProjectModel[]) {\n    const filteredStatuses = item.statuses!.filter((status: EntityStatus) =>\n      entityTypes.every((type) => (!status.scope || status.scope?.includes(type))),\n    )\n    if (currentStatuses === undefined) {\n      currentStatuses = filteredStatuses\n      continue\n    }\n    currentStatuses = intersectionBy(currentStatuses, filteredStatuses, 'name')\n  }\n\n  return currentStatuses\n}\n\nexport const filterProjectStatuses = (statuses: EntityStatus[], entityTypes: string[]) => {\n  let statusesList: EntityStatus[] = Object.values(statuses || {})\n\n  if (statusesList.length == 0 || statusesList[0].scope === undefined) {\n    return statusesList\n  }\n\n  return statusesList.filter((el) => entityTypes.every((type) => el.scope!.includes(type)))\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQa,MAAA,oBAAoB,CAAC,UAAoB,gBAA0B;AAC9E,QAAM,WAAW,wBAAwB,EAAE,UAAU,CAAC,GAAG,IAAI,IAAI,QAAQ,EAAE,OAAQ,CAAA,GAAG;AAEtF,MAAI,CAAC,YAAY,CAAC,SAAS,MAAM;AAC/B,WAAO,CAAC;AAAA,EAAA;AAGN,MAAA;AACJ,aAAW,QAAQ,OAAO,OAAO,SAAS,IAAI,GAAqB;AAC3D,UAAA,mBAAmB,KAAK,SAAU;AAAA,MAAO,CAAC,WAC9C,YAAY,MAAM,CAAC,SAAU;;AAAA,gBAAC,OAAO,WAAS,YAAO,UAAP,mBAAc,SAAS;AAAA,OAAM;AAAA,IAC7E;AACA,QAAI,oBAAoB,QAAW;AACf,wBAAA;AAClB;AAAA,IAAA;AAEgB,sBAAA,eAAe,iBAAiB,kBAAkB,MAAM;AAAA,EAAA;AAGrE,SAAA;AACT;AAEa,MAAA,wBAAwB,CAAC,UAA0B,gBAA0B;AACxF,MAAI,eAA+B,OAAO,OAAO,YAAY,CAAA,CAAE;AAE/D,MAAI,aAAa,UAAU,KAAK,aAAa,CAAC,EAAE,UAAU,QAAW;AAC5D,WAAA;AAAA,EAAA;AAGT,SAAO,aAAa,OAAO,CAAC,OAAO,YAAY,MAAM,CAAC,SAAS,GAAG,MAAO,SAAS,IAAI,CAAC,CAAC;AAC1F;"}