@ynput/ayon-frontend-shared 0.2.26 → 0.2.28

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

@@ -1 +1 @@
-{"version":3,"file":"PowerpackContext.cjs.js","sources":["../../../../src/context/PowerpackContext.tsx"],"sourcesContent":["import { useLoadModule } from '@shared/hooks'\nimport { createContext, useContext, ReactNode, useState, useEffect, useMemo } from 'react'\n\nexport type PowerpackFeature =\n  | 'slicer'\n  | 'annotations'\n  | 'releases'\n  | 'advancedFilters'\n  | 'listAttributes'\n  | 'groupAttributes'\n  | 'sharedViews'\nexport type PowerpackDialogType = {\n  label: string\n  description: string\n  bullet: string\n  icon?: string\n}\n\nexport const powerpackFeatures: {\n  [key in PowerpackFeature]: PowerpackDialogType\n} = {\n  slicer: {\n    label: 'Slicer',\n    description: 'Advanced filtering system for project organization.',\n    bullet: 'Powerful project filtering tools',\n  },\n  annotations: {\n    label: 'Annotations',\n    description: 'Create detailed visual feedback directly on media files.',\n    bullet: 'Advanced media review tools',\n  },\n  releases: {\n    label: 'Release History',\n    description: 'Access and download the complete archive of releases',\n    bullet: 'Full release archive access',\n  },\n  advancedFilters: {\n    label: 'Advanced Filters',\n    description: 'Customize your view and find your data with powerful filtering options',\n    bullet: 'Advanced filtering options',\n  },\n  listAttributes: {\n    label: 'List Attributes',\n    description: 'Add custom attributes to your lists for better collaboration and organization.',\n    bullet: 'Custom attributes for lists',\n  },\n  groupAttributes: {\n    label: 'Group Attributes',\n    description: 'Group tasks by assignees, status, or other attributes for better organization.',\n    bullet: 'Group tasks by attributes',\n  },\n  sharedViews: {\n    label: 'Shared Views',\n    description: 'Save custom views and share them with team members for better collaboration.',\n    bullet: 'Save and share custom views',\n  },\n}\nexport type PowerpackContextType = {\n  selectedPowerPack: null | PowerpackFeature\n  setPowerpackDialog: (open: PowerpackContextType['selectedPowerPack']) => void\n  powerpackDialog: PowerpackDialogType | null\n  powerLicense: boolean\n}\n\nconst PowerpackContext = createContext<PowerpackContextType | undefined>(undefined)\n\nexport const PowerpackProvider = ({\n  children,\n  debug,\n}: {\n  children: ReactNode\n  debug?: { powerLicense?: boolean }\n}) => {\n  const [selectedPowerPack, setPowerpackDialog] =\n    useState<PowerpackContextType['selectedPowerPack']>(null)\n\n  const resolvePowerPackDialog = (selected: PowerpackContextType['selectedPowerPack']) => {\n    if (!selected) return null\n    return powerpackFeatures[selected]\n  }\n\n  // check license state\n  const [powerLicense, setPowerLicense] = useState(false)\n\n  // Define the type for the license check function\n  type CheckPowerLicenseFunction = () => Promise<boolean>\n\n  // Fallback function that returns false when the module isn't loaded\n  const fallbackCheckLicense: CheckPowerLicenseFunction = async () => false\n\n  // Load the remote module\n  const [checkPowerLicense, { isLoaded, isLoading }] = useLoadModule<CheckPowerLicenseFunction>({\n    addon: 'powerpack',\n    remote: 'license',\n    module: 'checkPowerLicense',\n    fallback: fallbackCheckLicense,\n  })\n\n  useEffect(() => {\n    const checkLicense = async () => {\n      if (debug?.powerLicense !== undefined) {\n        console.warn('Using debug power license:', debug.powerLicense)\n        setPowerLicense(debug.powerLicense)\n      } else if (isLoaded) {\n        try {\n          const hasPowerLicense = await checkPowerLicense()\n          setPowerLicense(hasPowerLicense)\n        } catch (error) {\n          console.error('Error checking power license:', error)\n          setPowerLicense(false)\n        }\n      }\n    }\n\n    checkLicense()\n  }, [debug, isLoaded, checkPowerLicense])\n\n  const value = useMemo(\n    () => ({\n      powerLicense: powerLicense,\n      selectedPowerPack,\n      setPowerpackDialog,\n      powerpackDialog: resolvePowerPackDialog(selectedPowerPack),\n    }),\n    [powerLicense, selectedPowerPack, setPowerpackDialog],\n  )\n\n  return <PowerpackContext.Provider value={value}>{children}</PowerpackContext.Provider>\n}\n\nexport const usePowerpack = () => {\n  const context = useContext(PowerpackContext)\n  if (context === undefined) {\n    throw new Error('usePowerpack must be used within a PowerpackProvider')\n  }\n  return context\n}\n"],"names":["powerpackFeatures","PowerpackContext","createContext","PowerpackProvider","children","debug","selectedPowerPack","setPowerpackDialog","useState","resolvePowerPackDialog","selected","powerLicense","setPowerLicense","fallbackCheckLicense","checkPowerLicense","isLoaded","isLoading","useLoadModule","useEffect","hasPowerLicense","error","value","useMemo","jsx","usePowerpack","context","useContext"],"mappings":"ogJAkBO,MAAMA,EAET,CACF,OAAQ,CACN,MAAO,SACP,YAAa,sDACb,OAAQ,kCACV,EACA,YAAa,CACX,MAAO,cACP,YAAa,2DACb,OAAQ,6BACV,EACA,SAAU,CACR,MAAO,kBACP,YAAa,uDACb,OAAQ,6BACV,EACA,gBAAiB,CACf,MAAO,mBACP,YAAa,yEACb,OAAQ,4BACV,EACA,eAAgB,CACd,MAAO,kBACP,YAAa,iFACb,OAAQ,6BACV,EACA,gBAAiB,CACf,MAAO,mBACP,YAAa,iFACb,OAAQ,2BACV,EACA,YAAa,CACX,MAAO,eACP,YAAa,+EACb,OAAQ,6BAAA,CAEZ,EAQMC,EAAmBC,gBAAgD,MAAS,EAErEC,EAAoB,CAAC,CAChC,SAAAC,EACA,MAAAC,CACF,IAGM,CACJ,KAAM,CAACC,EAAmBC,CAAkB,EAC1CC,EAAAA,SAAoD,IAAI,EAEpDC,EAA0BC,GACzBA,EACEV,EAAkBU,CAAQ,EADX,KAKlB,CAACC,EAAcC,CAAe,EAAIJ,EAAAA,SAAS,EAAK,EAMhDK,EAAkD,SAAY,GAG9D,CAACC,EAAmB,CAAE,SAAAC,EAAU,UAAAC,CAAW,CAAA,EAAIC,EAAAA,cAAyC,CAC5F,MAAO,YACP,OAAQ,UACR,OAAQ,oBACR,SAAUJ,CAAA,CACX,EAEDK,EAAAA,UAAU,IAAM,EACO,SAAY,CAC3B,IAAAb,GAAA,YAAAA,EAAO,gBAAiB,OAClB,QAAA,KAAK,6BAA8BA,EAAM,YAAY,EAC7DO,EAAgBP,EAAM,YAAY,UACzBU,EACL,GAAA,CACI,MAAAI,EAAkB,MAAML,EAAkB,EAChDF,EAAgBO,CAAe,QACxBC,EAAO,CACN,QAAA,MAAM,gCAAiCA,CAAK,EACpDR,EAAgB,EAAK,CAAA,CAG3B,GAEa,CACZ,EAAA,CAACP,EAAOU,EAAUD,CAAiB,CAAC,EAEvC,MAAMO,EAAQC,EAAA,QACZ,KAAO,CACL,aAAAX,EACA,kBAAAL,EACA,mBAAAC,EACA,gBAAiBE,EAAuBH,CAAiB,CAAA,GAE3D,CAACK,EAAcL,EAAmBC,CAAkB,CACtD,EAEA,OAAQgB,EAAAA,kBAAAA,IAAAtB,EAAiB,SAAjB,CAA0B,MAAAoB,EAAe,SAAAjB,CAAS,CAAA,CAC5D,EAEaoB,EAAe,IAAM,CAC1B,MAAAC,EAAUC,aAAWzB,CAAgB,EAC3C,GAAIwB,IAAY,OACR,MAAA,IAAI,MAAM,sDAAsD,EAEjE,OAAAA,CACT"}
+{"version":3,"file":"PowerpackContext.cjs.js","sources":["../../../../src/context/PowerpackContext.tsx"],"sourcesContent":["import { useLoadModule } from '@shared/hooks'\nimport { createContext, useContext, ReactNode, useState, useEffect, useMemo } from 'react'\n\nexport type PowerpackFeature =\n  | 'slicer'\n  | 'annotations'\n  | 'releases'\n  | 'advancedFilters'\n  | 'listAttributes'\n  | 'listAccess'\n  | 'groupAttributes'\n  | 'sharedViews'\nexport type PowerpackDialogType = {\n  label: string\n  description: string\n  bullet: string\n  icon?: string\n}\n\nexport const powerpackFeatures: {\n  [key in PowerpackFeature]: PowerpackDialogType\n} = {\n  slicer: {\n    label: 'Slicer',\n    description: 'Advanced filtering system for project organization.',\n    bullet: 'Powerful project filtering tools',\n  },\n  annotations: {\n    label: 'Annotations',\n    description: 'Create detailed visual feedback directly on media files.',\n    bullet: 'Advanced media review tools',\n  },\n  releases: {\n    label: 'Release History',\n    description: 'Access and download the complete archive of releases',\n    bullet: 'Full release archive access',\n  },\n  advancedFilters: {\n    label: 'Advanced Filters',\n    description: 'Customize your view and find your data with powerful filtering options',\n    bullet: 'Advanced filtering options',\n  },\n  listAttributes: {\n    label: 'List Attributes',\n    description: 'Add custom attributes to your lists for better collaboration and organization.',\n    bullet: 'Custom attributes for lists',\n  },\n  listAccess: {\n    label: 'List Access',\n    description: 'Manage and control access to your lists with advanced sharing options.',\n    bullet: 'Advanced list sharing options',\n  },\n  groupAttributes: {\n    label: 'Group Attributes',\n    description: 'Group tasks by assignees, status, or other attributes for better organization.',\n    bullet: 'Group tasks by attributes',\n  },\n  sharedViews: {\n    label: 'Shared Views',\n    description: 'Save custom views and share them with team members for better collaboration.',\n    bullet: 'Save and share custom views',\n  },\n}\nexport type PowerpackContextType = {\n  selectedPowerPack: null | PowerpackFeature\n  setPowerpackDialog: (open: PowerpackContextType['selectedPowerPack']) => void\n  powerpackDialog: PowerpackDialogType | null\n  powerLicense: boolean\n}\n\nconst PowerpackContext = createContext<PowerpackContextType | undefined>(undefined)\n\nexport const PowerpackProvider = ({\n  children,\n  debug,\n}: {\n  children: ReactNode\n  debug?: { powerLicense?: boolean }\n}) => {\n  const [selectedPowerPack, setPowerpackDialog] =\n    useState<PowerpackContextType['selectedPowerPack']>(null)\n\n  const resolvePowerPackDialog = (selected: PowerpackContextType['selectedPowerPack']) => {\n    if (!selected) return null\n    return powerpackFeatures[selected]\n  }\n\n  // check license state\n  const [powerLicense, setPowerLicense] = useState(false)\n\n  // Define the type for the license check function\n  type CheckPowerLicenseFunction = () => Promise<boolean>\n\n  // Fallback function that returns false when the module isn't loaded\n  const fallbackCheckLicense: CheckPowerLicenseFunction = async () => false\n\n  // Load the remote module\n  const [checkPowerLicense, { isLoaded, isLoading }] = useLoadModule<CheckPowerLicenseFunction>({\n    addon: 'powerpack',\n    remote: 'license',\n    module: 'checkPowerLicense',\n    fallback: fallbackCheckLicense,\n  })\n\n  useEffect(() => {\n    const checkLicense = async () => {\n      if (debug?.powerLicense !== undefined) {\n        console.warn('Using debug power license:', debug.powerLicense)\n        setPowerLicense(debug.powerLicense)\n      } else if (isLoaded) {\n        try {\n          const hasPowerLicense = await checkPowerLicense()\n          setPowerLicense(hasPowerLicense)\n        } catch (error) {\n          console.error('Error checking power license:', error)\n          setPowerLicense(false)\n        }\n      }\n    }\n\n    checkLicense()\n  }, [debug, isLoaded, checkPowerLicense])\n\n  const value = useMemo(\n    () => ({\n      powerLicense: powerLicense,\n      selectedPowerPack,\n      setPowerpackDialog,\n      powerpackDialog: resolvePowerPackDialog(selectedPowerPack),\n    }),\n    [powerLicense, selectedPowerPack, setPowerpackDialog],\n  )\n\n  return <PowerpackContext.Provider value={value}>{children}</PowerpackContext.Provider>\n}\n\nexport const usePowerpack = () => {\n  const context = useContext(PowerpackContext)\n  if (context === undefined) {\n    throw new Error('usePowerpack must be used within a PowerpackProvider')\n  }\n  return context\n}\n"],"names":["powerpackFeatures","PowerpackContext","createContext","PowerpackProvider","children","debug","selectedPowerPack","setPowerpackDialog","useState","resolvePowerPackDialog","selected","powerLicense","setPowerLicense","fallbackCheckLicense","checkPowerLicense","isLoaded","isLoading","useLoadModule","useEffect","hasPowerLicense","error","value","useMemo","jsx","usePowerpack","context","useContext"],"mappings":"ogJAmBO,MAAMA,EAET,CACF,OAAQ,CACN,MAAO,SACP,YAAa,sDACb,OAAQ,kCACV,EACA,YAAa,CACX,MAAO,cACP,YAAa,2DACb,OAAQ,6BACV,EACA,SAAU,CACR,MAAO,kBACP,YAAa,uDACb,OAAQ,6BACV,EACA,gBAAiB,CACf,MAAO,mBACP,YAAa,yEACb,OAAQ,4BACV,EACA,eAAgB,CACd,MAAO,kBACP,YAAa,iFACb,OAAQ,6BACV,EACA,WAAY,CACV,MAAO,cACP,YAAa,yEACb,OAAQ,+BACV,EACA,gBAAiB,CACf,MAAO,mBACP,YAAa,iFACb,OAAQ,2BACV,EACA,YAAa,CACX,MAAO,eACP,YAAa,+EACb,OAAQ,6BAAA,CAEZ,EAQMC,EAAmBC,gBAAgD,MAAS,EAErEC,EAAoB,CAAC,CAChC,SAAAC,EACA,MAAAC,CACF,IAGM,CACJ,KAAM,CAACC,EAAmBC,CAAkB,EAC1CC,EAAAA,SAAoD,IAAI,EAEpDC,EAA0BC,GACzBA,EACEV,EAAkBU,CAAQ,EADX,KAKlB,CAACC,EAAcC,CAAe,EAAIJ,EAAAA,SAAS,EAAK,EAMhDK,EAAkD,SAAY,GAG9D,CAACC,EAAmB,CAAE,SAAAC,EAAU,UAAAC,CAAW,CAAA,EAAIC,EAAAA,cAAyC,CAC5F,MAAO,YACP,OAAQ,UACR,OAAQ,oBACR,SAAUJ,CAAA,CACX,EAEDK,EAAAA,UAAU,IAAM,EACO,SAAY,CAC3B,IAAAb,GAAA,YAAAA,EAAO,gBAAiB,OAClB,QAAA,KAAK,6BAA8BA,EAAM,YAAY,EAC7DO,EAAgBP,EAAM,YAAY,UACzBU,EACL,GAAA,CACI,MAAAI,EAAkB,MAAML,EAAkB,EAChDF,EAAgBO,CAAe,QACxBC,EAAO,CACN,QAAA,MAAM,gCAAiCA,CAAK,EACpDR,EAAgB,EAAK,CAAA,CAG3B,GAEa,CACZ,EAAA,CAACP,EAAOU,EAAUD,CAAiB,CAAC,EAEvC,MAAMO,EAAQC,EAAA,QACZ,KAAO,CACL,aAAAX,EACA,kBAAAL,EACA,mBAAAC,EACA,gBAAiBE,EAAuBH,CAAiB,CAAA,GAE3D,CAACK,EAAcL,EAAmBC,CAAkB,CACtD,EAEA,OAAQgB,EAAAA,kBAAAA,IAAAtB,EAAiB,SAAjB,CAA0B,MAAAoB,EAAe,SAAAjB,CAAS,CAAA,CAC5D,EAEaoB,EAAe,IAAM,CAC1B,MAAAC,EAAUC,aAAWzB,CAAgB,EAC3C,GAAIwB,IAAY,OACR,MAAA,IAAI,MAAM,sDAAsD,EAEjE,OAAAA,CACT"}

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

@@ -1,5 +1,5 @@
-import { j as f } from "../../../_virtual/jsx-runtime.es.js";
-import { createContext as b, useContext as k, useState as n, useEffect as v, useMemo as h } from "react";
+import { j as b } from "../../../_virtual/jsx-runtime.es.js";
+import { createContext as f, useContext as h, useState as n, useEffect as v, useMemo as k } from "react";
 import { useLoadModule as P } from "../hooks/useLoadModule.es.js";
 import "../../../_virtual/runtime.es.js";
 import "../../../_virtual/semver.es.js";
@@ -121,6 +121,11 @@ const L = {
     description: "Add custom attributes to your lists for better collaboration and organization.",
     bullet: "Custom attributes for lists"
   },
+  listAccess: {
+    label: "List Access",
+    description: "Manage and control access to your lists with advanced sharing options.",
+    bullet: "Advanced list sharing options"
+  },
   groupAttributes: {
     label: "Group Attributes",
     description: "Group tasks by assignees, status, or other attributes for better organization.",
@@ -131,15 +136,15 @@ const L = {
     description: "Save custom views and share them with team members for better collaboration.",
     bullet: "Save and share custom views"
   }
-}, l = b(void 0), uo = ({
+}, l = f(void 0), uo = ({
   children: o,
   debug: t
 }) => {
-  const [r, s] = n(null), u = (e) => e ? L[e] : null, [m, i] = n(!1), d = async () => !1, [a, { isLoaded: c, isLoading: y }] = P({
+  const [r, p] = n(null), d = (e) => e ? L[e] : null, [m, i] = n(!1), u = async () => !1, [a, { isLoaded: c, isLoading: A }] = P({
     addon: "powerpack",
     remote: "license",
     module: "checkPowerLicense",
-    fallback: d
+    fallback: u
   });
   v(() => {
     (async () => {
@@ -147,25 +152,25 @@ const L = {
         console.warn("Using debug power license:", t.powerLicense), i(t.powerLicense);
       else if (c)
         try {
-          const p = await a();
-          i(p);
-        } catch (p) {
-          console.error("Error checking power license:", p), i(!1);
+          const s = await a();
+          i(s);
+        } catch (s) {
+          console.error("Error checking power license:", s), i(!1);
         }
     })();
   }, [t, c, a]);
-  const w = h(
+  const w = k(
     () => ({
       powerLicense: m,
       selectedPowerPack: r,
-      setPowerpackDialog: s,
-      powerpackDialog: u(r)
+      setPowerpackDialog: p,
+      powerpackDialog: d(r)
     }),
-    [m, r, s]
+    [m, r, p]
   );
-  return /* @__PURE__ */ f.jsx(l.Provider, { value: w, children: o });
+  return /* @__PURE__ */ b.jsx(l.Provider, { value: w, children: o });
 }, wo = () => {
-  const o = k(l);
+  const o = h(l);
   if (o === void 0)
     throw new Error("usePowerpack must be used within a PowerpackProvider");
   return o;

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

@@ -1 +1 @@
-{"version":3,"file":"PowerpackContext.es.js","sources":["../../../../src/context/PowerpackContext.tsx"],"sourcesContent":["import { useLoadModule } from '@shared/hooks'\nimport { createContext, useContext, ReactNode, useState, useEffect, useMemo } from 'react'\n\nexport type PowerpackFeature =\n  | 'slicer'\n  | 'annotations'\n  | 'releases'\n  | 'advancedFilters'\n  | 'listAttributes'\n  | 'groupAttributes'\n  | 'sharedViews'\nexport type PowerpackDialogType = {\n  label: string\n  description: string\n  bullet: string\n  icon?: string\n}\n\nexport const powerpackFeatures: {\n  [key in PowerpackFeature]: PowerpackDialogType\n} = {\n  slicer: {\n    label: 'Slicer',\n    description: 'Advanced filtering system for project organization.',\n    bullet: 'Powerful project filtering tools',\n  },\n  annotations: {\n    label: 'Annotations',\n    description: 'Create detailed visual feedback directly on media files.',\n    bullet: 'Advanced media review tools',\n  },\n  releases: {\n    label: 'Release History',\n    description: 'Access and download the complete archive of releases',\n    bullet: 'Full release archive access',\n  },\n  advancedFilters: {\n    label: 'Advanced Filters',\n    description: 'Customize your view and find your data with powerful filtering options',\n    bullet: 'Advanced filtering options',\n  },\n  listAttributes: {\n    label: 'List Attributes',\n    description: 'Add custom attributes to your lists for better collaboration and organization.',\n    bullet: 'Custom attributes for lists',\n  },\n  groupAttributes: {\n    label: 'Group Attributes',\n    description: 'Group tasks by assignees, status, or other attributes for better organization.',\n    bullet: 'Group tasks by attributes',\n  },\n  sharedViews: {\n    label: 'Shared Views',\n    description: 'Save custom views and share them with team members for better collaboration.',\n    bullet: 'Save and share custom views',\n  },\n}\nexport type PowerpackContextType = {\n  selectedPowerPack: null | PowerpackFeature\n  setPowerpackDialog: (open: PowerpackContextType['selectedPowerPack']) => void\n  powerpackDialog: PowerpackDialogType | null\n  powerLicense: boolean\n}\n\nconst PowerpackContext = createContext<PowerpackContextType | undefined>(undefined)\n\nexport const PowerpackProvider = ({\n  children,\n  debug,\n}: {\n  children: ReactNode\n  debug?: { powerLicense?: boolean }\n}) => {\n  const [selectedPowerPack, setPowerpackDialog] =\n    useState<PowerpackContextType['selectedPowerPack']>(null)\n\n  const resolvePowerPackDialog = (selected: PowerpackContextType['selectedPowerPack']) => {\n    if (!selected) return null\n    return powerpackFeatures[selected]\n  }\n\n  // check license state\n  const [powerLicense, setPowerLicense] = useState(false)\n\n  // Define the type for the license check function\n  type CheckPowerLicenseFunction = () => Promise<boolean>\n\n  // Fallback function that returns false when the module isn't loaded\n  const fallbackCheckLicense: CheckPowerLicenseFunction = async () => false\n\n  // Load the remote module\n  const [checkPowerLicense, { isLoaded, isLoading }] = useLoadModule<CheckPowerLicenseFunction>({\n    addon: 'powerpack',\n    remote: 'license',\n    module: 'checkPowerLicense',\n    fallback: fallbackCheckLicense,\n  })\n\n  useEffect(() => {\n    const checkLicense = async () => {\n      if (debug?.powerLicense !== undefined) {\n        console.warn('Using debug power license:', debug.powerLicense)\n        setPowerLicense(debug.powerLicense)\n      } else if (isLoaded) {\n        try {\n          const hasPowerLicense = await checkPowerLicense()\n          setPowerLicense(hasPowerLicense)\n        } catch (error) {\n          console.error('Error checking power license:', error)\n          setPowerLicense(false)\n        }\n      }\n    }\n\n    checkLicense()\n  }, [debug, isLoaded, checkPowerLicense])\n\n  const value = useMemo(\n    () => ({\n      powerLicense: powerLicense,\n      selectedPowerPack,\n      setPowerpackDialog,\n      powerpackDialog: resolvePowerPackDialog(selectedPowerPack),\n    }),\n    [powerLicense, selectedPowerPack, setPowerpackDialog],\n  )\n\n  return <PowerpackContext.Provider value={value}>{children}</PowerpackContext.Provider>\n}\n\nexport const usePowerpack = () => {\n  const context = useContext(PowerpackContext)\n  if (context === undefined) {\n    throw new Error('usePowerpack must be used within a PowerpackProvider')\n  }\n  return context\n}\n"],"names":["powerpackFeatures","PowerpackContext","createContext","PowerpackProvider","children","debug","selectedPowerPack","setPowerpackDialog","useState","resolvePowerPackDialog","selected","powerLicense","setPowerLicense","fallbackCheckLicense","checkPowerLicense","isLoaded","isLoading","useLoadModule","useEffect","hasPowerLicense","error","value","useMemo","jsx","usePowerpack","context","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAMA,IAET;AAAA,EACF,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,gBAAgB;AAAA,IACd,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EAAA;AAEZ,GAQMC,IAAmBC,EAAgD,MAAS,GAErEC,KAAoB,CAAC;AAAA,EAChC,UAAAC;AAAA,EACA,OAAAC;AACF,MAGM;AACJ,QAAM,CAACC,GAAmBC,CAAkB,IAC1CC,EAAoD,IAAI,GAEpDC,IAAyB,CAACC,MACzBA,IACEV,EAAkBU,CAAQ,IADX,MAKlB,CAACC,GAAcC,CAAe,IAAIJ,EAAS,EAAK,GAMhDK,IAAkD,YAAY,IAG9D,CAACC,GAAmB,EAAE,UAAAC,GAAU,WAAAC,EAAW,CAAA,IAAIC,EAAyC;AAAA,IAC5F,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAUJ;AAAA,EAAA,CACX;AAED,EAAAK,EAAU,MAAM;AAgBD,KAfQ,YAAY;AAC3B,WAAAb,KAAA,gBAAAA,EAAO,kBAAiB;AAClB,gBAAA,KAAK,8BAA8BA,EAAM,YAAY,GAC7DO,EAAgBP,EAAM,YAAY;AAAA,eACzBU;AACL,YAAA;AACI,gBAAAI,IAAkB,MAAML,EAAkB;AAChD,UAAAF,EAAgBO,CAAe;AAAA,iBACxBC,GAAO;AACN,kBAAA,MAAM,iCAAiCA,CAAK,GACpDR,EAAgB,EAAK;AAAA,QAAA;AAAA,IAG3B,GAEa;AAAA,EACZ,GAAA,CAACP,GAAOU,GAAUD,CAAiB,CAAC;AAEvC,QAAMO,IAAQC;AAAA,IACZ,OAAO;AAAA,MACL,cAAAX;AAAA,MACA,mBAAAL;AAAA,MACA,oBAAAC;AAAA,MACA,iBAAiBE,EAAuBH,CAAiB;AAAA,IAAA;AAAA,IAE3D,CAACK,GAAcL,GAAmBC,CAAkB;AAAA,EACtD;AAEA,SAAQgB,gBAAAA,EAAAA,IAAAtB,EAAiB,UAAjB,EAA0B,OAAAoB,GAAe,UAAAjB,EAAS,CAAA;AAC5D,GAEaoB,KAAe,MAAM;AAC1B,QAAAC,IAAUC,EAAWzB,CAAgB;AAC3C,MAAIwB,MAAY;AACR,UAAA,IAAI,MAAM,sDAAsD;AAEjE,SAAAA;AACT;"}
+{"version":3,"file":"PowerpackContext.es.js","sources":["../../../../src/context/PowerpackContext.tsx"],"sourcesContent":["import { useLoadModule } from '@shared/hooks'\nimport { createContext, useContext, ReactNode, useState, useEffect, useMemo } from 'react'\n\nexport type PowerpackFeature =\n  | 'slicer'\n  | 'annotations'\n  | 'releases'\n  | 'advancedFilters'\n  | 'listAttributes'\n  | 'listAccess'\n  | 'groupAttributes'\n  | 'sharedViews'\nexport type PowerpackDialogType = {\n  label: string\n  description: string\n  bullet: string\n  icon?: string\n}\n\nexport const powerpackFeatures: {\n  [key in PowerpackFeature]: PowerpackDialogType\n} = {\n  slicer: {\n    label: 'Slicer',\n    description: 'Advanced filtering system for project organization.',\n    bullet: 'Powerful project filtering tools',\n  },\n  annotations: {\n    label: 'Annotations',\n    description: 'Create detailed visual feedback directly on media files.',\n    bullet: 'Advanced media review tools',\n  },\n  releases: {\n    label: 'Release History',\n    description: 'Access and download the complete archive of releases',\n    bullet: 'Full release archive access',\n  },\n  advancedFilters: {\n    label: 'Advanced Filters',\n    description: 'Customize your view and find your data with powerful filtering options',\n    bullet: 'Advanced filtering options',\n  },\n  listAttributes: {\n    label: 'List Attributes',\n    description: 'Add custom attributes to your lists for better collaboration and organization.',\n    bullet: 'Custom attributes for lists',\n  },\n  listAccess: {\n    label: 'List Access',\n    description: 'Manage and control access to your lists with advanced sharing options.',\n    bullet: 'Advanced list sharing options',\n  },\n  groupAttributes: {\n    label: 'Group Attributes',\n    description: 'Group tasks by assignees, status, or other attributes for better organization.',\n    bullet: 'Group tasks by attributes',\n  },\n  sharedViews: {\n    label: 'Shared Views',\n    description: 'Save custom views and share them with team members for better collaboration.',\n    bullet: 'Save and share custom views',\n  },\n}\nexport type PowerpackContextType = {\n  selectedPowerPack: null | PowerpackFeature\n  setPowerpackDialog: (open: PowerpackContextType['selectedPowerPack']) => void\n  powerpackDialog: PowerpackDialogType | null\n  powerLicense: boolean\n}\n\nconst PowerpackContext = createContext<PowerpackContextType | undefined>(undefined)\n\nexport const PowerpackProvider = ({\n  children,\n  debug,\n}: {\n  children: ReactNode\n  debug?: { powerLicense?: boolean }\n}) => {\n  const [selectedPowerPack, setPowerpackDialog] =\n    useState<PowerpackContextType['selectedPowerPack']>(null)\n\n  const resolvePowerPackDialog = (selected: PowerpackContextType['selectedPowerPack']) => {\n    if (!selected) return null\n    return powerpackFeatures[selected]\n  }\n\n  // check license state\n  const [powerLicense, setPowerLicense] = useState(false)\n\n  // Define the type for the license check function\n  type CheckPowerLicenseFunction = () => Promise<boolean>\n\n  // Fallback function that returns false when the module isn't loaded\n  const fallbackCheckLicense: CheckPowerLicenseFunction = async () => false\n\n  // Load the remote module\n  const [checkPowerLicense, { isLoaded, isLoading }] = useLoadModule<CheckPowerLicenseFunction>({\n    addon: 'powerpack',\n    remote: 'license',\n    module: 'checkPowerLicense',\n    fallback: fallbackCheckLicense,\n  })\n\n  useEffect(() => {\n    const checkLicense = async () => {\n      if (debug?.powerLicense !== undefined) {\n        console.warn('Using debug power license:', debug.powerLicense)\n        setPowerLicense(debug.powerLicense)\n      } else if (isLoaded) {\n        try {\n          const hasPowerLicense = await checkPowerLicense()\n          setPowerLicense(hasPowerLicense)\n        } catch (error) {\n          console.error('Error checking power license:', error)\n          setPowerLicense(false)\n        }\n      }\n    }\n\n    checkLicense()\n  }, [debug, isLoaded, checkPowerLicense])\n\n  const value = useMemo(\n    () => ({\n      powerLicense: powerLicense,\n      selectedPowerPack,\n      setPowerpackDialog,\n      powerpackDialog: resolvePowerPackDialog(selectedPowerPack),\n    }),\n    [powerLicense, selectedPowerPack, setPowerpackDialog],\n  )\n\n  return <PowerpackContext.Provider value={value}>{children}</PowerpackContext.Provider>\n}\n\nexport const usePowerpack = () => {\n  const context = useContext(PowerpackContext)\n  if (context === undefined) {\n    throw new Error('usePowerpack must be used within a PowerpackProvider')\n  }\n  return context\n}\n"],"names":["powerpackFeatures","PowerpackContext","createContext","PowerpackProvider","children","debug","selectedPowerPack","setPowerpackDialog","useState","resolvePowerPackDialog","selected","powerLicense","setPowerLicense","fallbackCheckLicense","checkPowerLicense","isLoaded","isLoading","useLoadModule","useEffect","hasPowerLicense","error","value","useMemo","jsx","usePowerpack","context","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAMA,IAET;AAAA,EACF,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,gBAAgB;AAAA,IACd,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,YAAY;AAAA,IACV,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EAAA;AAEZ,GAQMC,IAAmBC,EAAgD,MAAS,GAErEC,KAAoB,CAAC;AAAA,EAChC,UAAAC;AAAA,EACA,OAAAC;AACF,MAGM;AACJ,QAAM,CAACC,GAAmBC,CAAkB,IAC1CC,EAAoD,IAAI,GAEpDC,IAAyB,CAACC,MACzBA,IACEV,EAAkBU,CAAQ,IADX,MAKlB,CAACC,GAAcC,CAAe,IAAIJ,EAAS,EAAK,GAMhDK,IAAkD,YAAY,IAG9D,CAACC,GAAmB,EAAE,UAAAC,GAAU,WAAAC,EAAW,CAAA,IAAIC,EAAyC;AAAA,IAC5F,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAUJ;AAAA,EAAA,CACX;AAED,EAAAK,EAAU,MAAM;AAgBD,KAfQ,YAAY;AAC3B,WAAAb,KAAA,gBAAAA,EAAO,kBAAiB;AAClB,gBAAA,KAAK,8BAA8BA,EAAM,YAAY,GAC7DO,EAAgBP,EAAM,YAAY;AAAA,eACzBU;AACL,YAAA;AACI,gBAAAI,IAAkB,MAAML,EAAkB;AAChD,UAAAF,EAAgBO,CAAe;AAAA,iBACxBC,GAAO;AACN,kBAAA,MAAM,iCAAiCA,CAAK,GACpDR,EAAgB,EAAK;AAAA,QAAA;AAAA,IAG3B,GAEa;AAAA,EACZ,GAAA,CAACP,GAAOU,GAAUD,CAAiB,CAAC;AAEvC,QAAMO,IAAQC;AAAA,IACZ,OAAO;AAAA,MACL,cAAAX;AAAA,MACA,mBAAAL;AAAA,MACA,oBAAAC;AAAA,MACA,iBAAiBE,EAAuBH,CAAiB;AAAA,IAAA;AAAA,IAE3D,CAACK,GAAcL,GAAmBC,CAAkB;AAAA,EACtD;AAEA,SAAQgB,gBAAAA,EAAAA,IAAAtB,EAAiB,UAAjB,EAA0B,OAAAoB,GAAe,UAAAjB,EAAS,CAAA;AAC5D,GAEaoB,KAAe,MAAM;AAC1B,QAAAC,IAAUC,EAAWzB,CAAgB;AAC3C,MAAIwB,MAAY;AACR,UAAA,IAAI,MAAM,sDAAsD;AAEjE,SAAAA;AACT;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("../../../_virtual/jsx-runtime.cjs.js"),q=require("react"),x=require("../../../_virtual/runtime.cjs.js");require("../api/base/client.cjs.js");require("../api/generated/graphql.cjs.js");require("../api/generated/graphqlLinks.cjs.js");require("../api/generated/access.cjs.js");require("../api/generated/actions.cjs.js");require("../api/generated/activityFeed.cjs.js");require("../api/generated/addons.cjs.js");require("../api/generated/anatomy.cjs.js");require("../api/generated/attributes.cjs.js");require("../api/generated/authentication.cjs.js");require("../api/generated/bundles.cjs.js");require("../api/generated/configuration.cjs.js");require("../api/generated/desktop.cjs.js");require("../api/generated/entityLists.cjs.js");require("../api/generated/events.cjs.js");require("../api/generated/files.cjs.js");require("../api/generated/folders.cjs.js");require("../api/generated/inbox.cjs.js");require("../api/generated/links.cjs.js");require("../api/generated/market.cjs.js");require("../api/generated/onboarding.cjs.js");require("../api/generated/operations.cjs.js");require("../api/generated/products.cjs.js");require("../api/generated/projectDashboard.cjs.js");require("../api/generated/projects.cjs.js");require("../api/generated/reviewables.cjs.js");require("../api/generated/services.cjs.js");require("../api/generated/system.cjs.js");require("../api/generated/tasks.cjs.js");require("../api/generated/teams.cjs.js");require("../api/generated/thumbnails.cjs.js");require("../api/generated/uRIs.cjs.js");require("../api/generated/users.cjs.js");require("../api/generated/versions.cjs.js");require("../api/generated/workfiles.cjs.js");require("../api/generated/ynputCloud.cjs.js");require("../api/generated/grouping.cjs.js");require("../api/generated/views.cjs.js");require("../api/queries/actions/getActions.cjs.js");require("../api/queries/activities/getActivities.cjs.js");require("../api/queries/activities/updateActivities.cjs.js");require("../api/queries/activities/updateReaction.cjs.js");require("../api/queries/activities/getMentions.cjs.js");require("../api/queries/addons/getAddons.cjs.js");require("../api/queries/addons/updateAddons.cjs.js");require("../api/queries/attributes/getAttributes.cjs.js");require("../api/queries/attributes/updateAttributes.cjs.js");require("../api/queries/authentication/getAuthentication.cjs.js");require("../api/queries/cloud/cloud.cjs.js");require("../api/queries/entities/getEntity.cjs.js");require("../api/queries/entities/getEntityPanel.cjs.js");require("../api/queries/entities/updateEntity.cjs.js");require("../api/queries/entityLists/getLists.cjs.js");require("../api/queries/entityLists/updateLists.cjs.js");require("../api/queries/entityLists/getListsAttributes.cjs.js");require("../api/queries/entityLists/updateListsAttributes.cjs.js");require("../api/queries/folders/getFolders.cjs.js");require("../api/queries/grouping/getGrouping.cjs.js");require("../api/queries/links/updateLinks.cjs.js");require("../api/queries/links/getLinks.cjs.js");require("../api/queries/links/getEntityLinks.cjs.js");require("../api/queries/overview/getOverview.cjs.js");require("../api/queries/overview/updateOverview.cjs.js");require("../api/queries/permissions/getPermissions.cjs.js");require("../api/queries/products/createProduct.cjs.js");require("../api/queries/project/getProject.cjs.js");require("../api/queries/project/updateProject.cjs.js");require("../api/queries/review/getReview.cjs.js");require("../api/queries/review/updateReview.cjs.js");require("../api/queries/share/share.cjs.js");const c=require("../api/queries/system/getSystem.cjs.js");require("../api/queries/userDashboard/getUserDashboard.cjs.js");require("../api/queries/users/getUsers.cjs.js");require("../api/queries/users/updateUsers.cjs.js");require("../api/queries/versions/updateVersions.cjs.js");require("../api/queries/views/getViews.cjs.js");require("../api/queries/views/updateViews.cjs.js");require("../api/queries/watchers/getWatchers.cjs.js");const R=q.createContext({isLoading:!0,modules:[],remotesInitialized:!1}),y=({children:u,skip:a})=>{const{data:i=[],isLoading:s}=c.useListFrontendModulesQuery(void 0,{skip:a}),{data:e={},isLoading:l}=c.useGetSiteInfoQuery({full:!0},{skip:a}),[n,m]=q.useState(!1);return q.useEffect(()=>{if(s||l||n)return;if(!i.length){m(!0);return}const d=[];i.forEach(r=>{const{addonName:t,addonVersion:o,modules:f={}}=r;Object.entries(f).forEach(([g,v])=>{d.push({remote:g,addon:t,version:o,modules:v})})}),console.log("registerAddonRemotes",d),x.runtimeExports.registerRemotes(d.map(r=>{var t,o;return{name:r.remote,alias:r.remote,entry:`/addons/${r.addon||r.remote}/${r.version}/frontend/modules/${r.remote}/remoteEntry.js?server=${((t=e==null?void 0:e.releaseInfo)==null?void 0:t.version)||(e==null?void 0:e.releaseInfo)}-${(o=e==null?void 0:e.releaseInfo)==null?void 0:o.buildDate}-${new Date().getTime()}`,type:"module"}})),m(!0)},[i,s,l,n]),M.jsxRuntimeExports.jsx(R.Provider,{value:{isLoading:s,modules:i,remotesInitialized:n},children:u})},I=()=>{const u=q.useContext(R);if(u===void 0)throw new Error("useRemoteModules must be used within a RemoteModulesProvider");return u};exports.RemoteModulesProvider=y;exports.useRemoteModules=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("../../../_virtual/jsx-runtime.cjs.js"),q=require("react"),x=require("../../../_virtual/runtime.cjs.js");require("../api/base/client.cjs.js");require("../api/generated/graphql.cjs.js");require("../api/generated/graphqlLinks.cjs.js");require("../api/generated/access.cjs.js");require("../api/generated/actions.cjs.js");require("../api/generated/activityFeed.cjs.js");require("../api/generated/addons.cjs.js");require("../api/generated/anatomy.cjs.js");require("../api/generated/attributes.cjs.js");require("../api/generated/authentication.cjs.js");require("../api/generated/bundles.cjs.js");require("../api/generated/configuration.cjs.js");require("../api/generated/desktop.cjs.js");require("../api/generated/entityLists.cjs.js");require("../api/generated/events.cjs.js");require("../api/generated/files.cjs.js");require("../api/generated/folders.cjs.js");require("../api/generated/inbox.cjs.js");require("../api/generated/links.cjs.js");require("../api/generated/market.cjs.js");require("../api/generated/onboarding.cjs.js");require("../api/generated/operations.cjs.js");require("../api/generated/products.cjs.js");require("../api/generated/projectDashboard.cjs.js");require("../api/generated/projects.cjs.js");require("../api/generated/reviewables.cjs.js");require("../api/generated/services.cjs.js");require("../api/generated/system.cjs.js");require("../api/generated/tasks.cjs.js");require("../api/generated/teams.cjs.js");require("../api/generated/thumbnails.cjs.js");require("../api/generated/uRIs.cjs.js");require("../api/generated/users.cjs.js");require("../api/generated/versions.cjs.js");require("../api/generated/workfiles.cjs.js");require("../api/generated/ynputCloud.cjs.js");require("../api/generated/grouping.cjs.js");require("../api/generated/views.cjs.js");require("../api/queries/actions/getActions.cjs.js");require("../api/queries/activities/getActivities.cjs.js");require("../api/queries/activities/updateActivities.cjs.js");require("../api/queries/activities/updateReaction.cjs.js");require("../api/queries/activities/getMentions.cjs.js");require("../api/queries/addons/getAddons.cjs.js");require("../api/queries/addons/updateAddons.cjs.js");require("../api/queries/attributes/getAttributes.cjs.js");require("../api/queries/attributes/updateAttributes.cjs.js");require("../api/queries/authentication/getAuthentication.cjs.js");require("../api/queries/cloud/cloud.cjs.js");require("../api/queries/entities/getEntity.cjs.js");require("../api/queries/entities/getEntityPanel.cjs.js");require("../api/queries/entities/updateEntity.cjs.js");require("../api/queries/entityLists/getLists.cjs.js");require("../api/queries/entityLists/updateLists.cjs.js");require("../api/queries/entityLists/getListsAttributes.cjs.js");require("../api/queries/entityLists/updateListsAttributes.cjs.js");require("../api/queries/folders/getFolders.cjs.js");require("../api/queries/grouping/getGrouping.cjs.js");require("../api/queries/links/updateLinks.cjs.js");require("../api/queries/links/getLinks.cjs.js");require("../api/queries/links/getEntityLinks.cjs.js");require("../api/queries/overview/getOverview.cjs.js");require("../api/queries/overview/updateOverview.cjs.js");require("../api/queries/permissions/getPermissions.cjs.js");require("../api/queries/products/createProduct.cjs.js");require("../api/queries/project/getProject.cjs.js");require("../api/queries/project/updateProject.cjs.js");require("../api/queries/review/getReview.cjs.js");require("../api/queries/review/updateReview.cjs.js");require("../api/queries/share/share.cjs.js");const c=require("../api/queries/system/getSystem.cjs.js");require("../api/queries/userDashboard/getUserDashboard.cjs.js");require("../api/queries/users/getUsers.cjs.js");require("../api/queries/users/updateUsers.cjs.js");require("../api/queries/versions/updateVersions.cjs.js");require("../api/queries/views/getViews.cjs.js");require("../api/queries/views/updateViews.cjs.js");require("../api/queries/watchers/getWatchers.cjs.js");const R=q.createContext({isLoading:!0,modules:[],remotesInitialized:!1}),y=({children:u,skip:d})=>{const{data:i=[],isLoading:s}=c.useListFrontendModulesQuery(void 0,{skip:d}),{data:e={},isLoading:a}=c.useGetSiteInfoQuery({full:!0},{skip:d}),[n,m]=q.useState(!1);return q.useEffect(()=>{if(s||a||n)return;if(!i.length){m(!0);return}const l=[];i.forEach(r=>{const{addonName:t,addonVersion:o,modules:f={}}=r;Object.entries(f).forEach(([v,g])=>{l.push({remote:v,addon:t,version:o,modules:g})})}),x.runtimeExports.registerRemotes(l.map(r=>{var t,o;return{name:r.remote,alias:r.remote,entry:`/addons/${r.addon||r.remote}/${r.version}/frontend/modules/${r.remote}/remoteEntry.js?server=${((t=e==null?void 0:e.releaseInfo)==null?void 0:t.version)||(e==null?void 0:e.releaseInfo)}-${(o=e==null?void 0:e.releaseInfo)==null?void 0:o.buildDate}-${new Date().getTime()}`,type:"module"}})),m(!0)},[i,s,a,n]),M.jsxRuntimeExports.jsx(R.Provider,{value:{isLoading:s,modules:i,remotesInitialized:n},children:u})},I=()=>{const u=q.useContext(R);if(u===void 0)throw new Error("useRemoteModules must be used within a RemoteModulesProvider");return u};exports.RemoteModulesProvider=y;exports.useRemoteModules=I;
 //# sourceMappingURL=RemoteModulesContext.cjs.js.map

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    // waiting for loading or it has already been initialized\n    if (isLoading || isLoadingInfo || remotesInitialized) return\n\n    // no remotes found, nothing to do\n    if (!addonRemoteModules.length) {\n      setRemotesInitialized(true)\n      return\n    }\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":["RemoteModulesContext","createContext","RemoteModulesProvider","children","skip","addonRemoteModules","isLoading","useListFrontendModulesQuery","info","isLoadingInfo","useGetSiteInfoQuery","remotesInitialized","setRemotesInitialized","useState","useEffect","allRemotes","addon","addonName","addonVersion","modules","remote","registerRemotes","_a","_b","jsx","useRemoteModules","context","useContext"],"mappings":"k+HAqBA,MAAMA,EAAuBC,EAAAA,cAAwC,CACnE,UAAW,GACX,QAAS,CAAC,EACV,mBAAoB,EACtB,CAAC,EAOYC,EAAwB,CAAC,CAAE,SAAAC,EAAU,KAAAC,KAAkB,CAE5D,KAAA,CAAE,KAAMC,EAAqB,CAAA,EAAI,UAAAC,CAAU,EAAIC,8BAA4B,OAAW,CAC1F,KAAAH,CAAA,CACD,EAEK,CAAE,KAAMI,EAAO,CAAI,EAAA,UAAWC,GAAkBC,EAAA,oBACpD,CAAE,KAAM,EAAK,EACb,CAAE,KAAAN,CAAK,CACT,EAEM,CAACO,EAAoBC,CAAqB,EAAIC,EAAAA,SAAS,EAAK,EAElEC,OAAAA,EAAAA,UAAU,IAAM,CAEV,GAAAR,GAAaG,GAAiBE,EAAoB,OAGlD,GAAA,CAACN,EAAmB,OAAQ,CAC9BO,EAAsB,EAAI,EAC1B,MAAA,CAIF,MAAMG,EAAuB,CAAC,EAEXV,EAAA,QAASW,GAAU,CACpC,KAAM,CAAE,UAAAC,EAAW,aAAAC,EAAc,QAAAC,EAAU,CAAA,CAAO,EAAAH,EAE3C,OAAA,QAAQG,CAAO,EAAE,QAAQ,CAAC,CAACC,EAAQD,CAAO,IAAM,CACrDJ,EAAW,KAAK,CACd,OAAAK,EACA,MAAOH,EACP,QAASC,EACT,QAAAC,CAAA,CACD,CAAA,CACF,CAAA,CACF,EAEO,QAAA,IAAI,uBAAwBJ,CAAU,EAC9CM,EAAA,eAAA,gBACEN,EAAW,IAAK,GAAO,SAAA,OACrB,KAAM,EAAE,OACR,MAAO,EAAE,OACT,MAAO,WAAW,EAAE,OAAS,EAAE,MAAM,IAAI,EAAE,OAAO,qBAChD,EAAE,MACJ,4BAA0BO,EAAAd,GAAA,YAAAA,EAAM,cAAN,YAAAc,EAAmB,WAAWd,GAAA,YAAAA,EAAM,YAAW,KACvEe,EAAAf,GAAA,YAAAA,EAAM,cAAN,YAAAe,EAAmB,SACrB,IAAQ,IAAA,KAAA,EAAO,QAAS,CAAA,GACxB,KAAM,QAAA,EACN,CACJ,EAEAX,EAAsB,EAAI,GACzB,CAACP,EAAoBC,EAAWG,EAAeE,CAAkB,CAAC,EAGnEa,EAAA,kBAAA,IAACxB,EAAqB,SAArB,CACC,MAAO,CACL,UAAAM,EACA,QAASD,EACT,mBAAAM,CACF,EAEC,SAAAR,CAAA,CACH,CAEJ,EAEasB,EAAmB,IAAM,CAC9B,MAAAC,EAAUC,aAAW3B,CAAoB,EAE/C,GAAI0B,IAAY,OACR,MAAA,IAAI,MAAM,8DAA8D,EAGzE,OAAAA,CACT"}
+{"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    // waiting for loading or it has already been initialized\n    if (isLoading || isLoadingInfo || remotesInitialized) return\n\n    // no remotes found, nothing to do\n    if (!addonRemoteModules.length) {\n      setRemotesInitialized(true)\n      return\n    }\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    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":["RemoteModulesContext","createContext","RemoteModulesProvider","children","skip","addonRemoteModules","isLoading","useListFrontendModulesQuery","info","isLoadingInfo","useGetSiteInfoQuery","remotesInitialized","setRemotesInitialized","useState","useEffect","allRemotes","addon","addonName","addonVersion","modules","remote","registerRemotes","_a","_b","jsx","useRemoteModules","context","useContext"],"mappings":"k+HAqBA,MAAMA,EAAuBC,EAAAA,cAAwC,CACnE,UAAW,GACX,QAAS,CAAC,EACV,mBAAoB,EACtB,CAAC,EAOYC,EAAwB,CAAC,CAAE,SAAAC,EAAU,KAAAC,KAAkB,CAE5D,KAAA,CAAE,KAAMC,EAAqB,CAAA,EAAI,UAAAC,CAAU,EAAIC,8BAA4B,OAAW,CAC1F,KAAAH,CAAA,CACD,EAEK,CAAE,KAAMI,EAAO,CAAI,EAAA,UAAWC,GAAkBC,EAAA,oBACpD,CAAE,KAAM,EAAK,EACb,CAAE,KAAAN,CAAK,CACT,EAEM,CAACO,EAAoBC,CAAqB,EAAIC,EAAAA,SAAS,EAAK,EAElEC,OAAAA,EAAAA,UAAU,IAAM,CAEV,GAAAR,GAAaG,GAAiBE,EAAoB,OAGlD,GAAA,CAACN,EAAmB,OAAQ,CAC9BO,EAAsB,EAAI,EAC1B,MAAA,CAIF,MAAMG,EAAuB,CAAC,EAEXV,EAAA,QAASW,GAAU,CACpC,KAAM,CAAE,UAAAC,EAAW,aAAAC,EAAc,QAAAC,EAAU,CAAA,CAAO,EAAAH,EAE3C,OAAA,QAAQG,CAAO,EAAE,QAAQ,CAAC,CAACC,EAAQD,CAAO,IAAM,CACrDJ,EAAW,KAAK,CACd,OAAAK,EACA,MAAOH,EACP,QAASC,EACT,QAAAC,CAAA,CACD,CAAA,CACF,CAAA,CACF,EAEDE,EAAA,eAAA,gBACEN,EAAW,IAAK,GAAO,SAAA,OACrB,KAAM,EAAE,OACR,MAAO,EAAE,OACT,MAAO,WAAW,EAAE,OAAS,EAAE,MAAM,IAAI,EAAE,OAAO,qBAChD,EAAE,MACJ,4BAA0BO,EAAAd,GAAA,YAAAA,EAAM,cAAN,YAAAc,EAAmB,WAAWd,GAAA,YAAAA,EAAM,YAAW,KACvEe,EAAAf,GAAA,YAAAA,EAAM,cAAN,YAAAe,EAAmB,SACrB,IAAQ,IAAA,KAAA,EAAO,QAAS,CAAA,GACxB,KAAM,QAAA,EACN,CACJ,EAEAX,EAAsB,EAAI,GACzB,CAACP,EAAoBC,EAAWG,EAAeE,CAAkB,CAAC,EAGnEa,EAAA,kBAAA,IAACxB,EAAqB,SAArB,CACC,MAAO,CACL,UAAAM,EACA,QAASD,EACT,mBAAAM,CACF,EAEC,SAAAR,CAAA,CACH,CAEJ,EAEasB,EAAmB,IAAM,CAC9B,MAAAC,EAAUC,aAAW3B,CAAoB,EAE/C,GAAI0B,IAAY,OACR,MAAA,IAAI,MAAM,8DAA8D,EAGzE,OAAAA,CACT"}

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

@@ -1,5 +1,5 @@
-import { j as v } from "../../../_virtual/jsx-runtime.es.js";
-import { createContext as g, useState as x, useEffect as I, useContext as E } from "react";
+import { j as R } from "../../../_virtual/jsx-runtime.es.js";
+import { createContext as x, useState as I, useEffect as g, useContext as E } from "react";
 import { r as M } from "../../../_virtual/runtime.es.js";
 import "../api/base/client.es.js";
 import "../api/generated/graphql.es.js";
@@ -79,36 +79,36 @@ import "../api/queries/versions/updateVersions.es.js";
 import "../api/queries/views/getViews.es.js";
 import "../api/queries/views/updateViews.es.js";
 import "../api/queries/watchers/getWatchers.es.js";
-const l = g({
+const l = x({
   isLoading: !0,
   modules: [],
   remotesInitialized: !1
-}), _o = ({ children: r, skip: d }) => {
+}), _o = ({ children: r, skip: n }) => {
   const { data: e = [], isLoading: p } = h(void 0, {
-    skip: d
-  }), { data: o = {}, isLoading: a } = $(
+    skip: n
+  }), { data: o = {}, isLoading: d } = $(
     { full: !0 },
-    { skip: d }
-  ), [s, u] = x(!1);
-  return I(() => {
-    if (p || a || s) return;
+    { skip: n }
+  ), [s, a] = I(!1);
+  return g(() => {
+    if (p || d || s) return;
     if (!e.length) {
-      u(!0);
+      a(!0);
       return;
     }
-    const n = [];
+    const u = [];
     e.forEach((t) => {
       const { addonName: i, addonVersion: m, modules: c = {} } = t;
-      Object.entries(c).forEach(([f, R]) => {
-        n.push({
+      Object.entries(c).forEach(([f, v]) => {
+        u.push({
           remote: f,
           addon: i,
           version: m,
-          modules: R
+          modules: v
         });
       });
-    }), console.log("registerAddonRemotes", n), M.registerRemotes(
-      n.map((t) => {
+    }), M.registerRemotes(
+      u.map((t) => {
         var i, m;
         return {
           name: t.remote,
@@ -117,8 +117,8 @@ const l = g({
           type: "module"
         };
       })
-    ), u(!0);
-  }, [e, p, a, s]), /* @__PURE__ */ v.jsx(
+    ), a(!0);
+  }, [e, p, d, s]), /* @__PURE__ */ R.jsx(
     l.Provider,
     {
       value: {

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    // waiting for loading or it has already been initialized\n    if (isLoading || isLoadingInfo || remotesInitialized) return\n\n    // no remotes found, nothing to do\n    if (!addonRemoteModules.length) {\n      setRemotesInitialized(true)\n      return\n    }\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":["RemoteModulesContext","createContext","RemoteModulesProvider","children","skip","addonRemoteModules","isLoading","useListFrontendModulesQuery","info","isLoadingInfo","useGetSiteInfoQuery","remotesInitialized","setRemotesInitialized","useState","useEffect","allRemotes","addon","addonName","addonVersion","modules","remote","registerRemotes","r","_a","_b","jsx","useRemoteModules","context","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAMA,IAAuBC,EAAwC;AAAA,EACnE,WAAW;AAAA,EACX,SAAS,CAAC;AAAA,EACV,oBAAoB;AACtB,CAAC,GAOYC,KAAwB,CAAC,EAAE,UAAAC,GAAU,MAAAC,QAAkB;AAE5D,QAAA,EAAE,MAAMC,IAAqB,CAAA,GAAI,WAAAC,EAAU,IAAIC,EAA4B,QAAW;AAAA,IAC1F,MAAAH;AAAA,EAAA,CACD,GAEK,EAAE,MAAMI,IAAO,CAAI,GAAA,WAAWC,MAAkBC;AAAA,IACpD,EAAE,MAAM,GAAK;AAAA,IACb,EAAE,MAAAN,EAAK;AAAA,EACT,GAEM,CAACO,GAAoBC,CAAqB,IAAIC,EAAS,EAAK;AAElE,SAAAC,EAAU,MAAM;AAEV,QAAAR,KAAaG,KAAiBE,EAAoB;AAGlD,QAAA,CAACN,EAAmB,QAAQ;AAC9B,MAAAO,EAAsB,EAAI;AAC1B;AAAA,IAAA;AAIF,UAAMG,IAAuB,CAAC;AAEX,IAAAV,EAAA,QAAQ,CAACW,MAAU;AACpC,YAAM,EAAE,WAAAC,GAAW,cAAAC,GAAc,SAAAC,IAAU,CAAA,EAAO,IAAAH;AAE3C,aAAA,QAAQG,CAAO,EAAE,QAAQ,CAAC,CAACC,GAAQD,CAAO,MAAM;AACrD,QAAAJ,EAAW,KAAK;AAAA,UACd,QAAAK;AAAA,UACA,OAAOH;AAAA,UACP,SAASC;AAAA,UACT,SAAAC;AAAAA,QAAA,CACD;AAAA,MAAA,CACF;AAAA,IAAA,CACF,GAEO,QAAA,IAAI,wBAAwBJ,CAAU,GAC9CM,EAAA;AAAA,MACEN,EAAW,IAAI,CAACO,MAAO;;AAAA;AAAA,UACrB,MAAMA,EAAE;AAAA,UACR,OAAOA,EAAE;AAAA,UACT,OAAO,WAAWA,EAAE,SAASA,EAAE,MAAM,IAAIA,EAAE,OAAO,qBAChDA,EAAE,MACJ,4BAA0BC,IAAAf,KAAA,gBAAAA,EAAM,gBAAN,gBAAAe,EAAmB,aAAWf,KAAA,gBAAAA,EAAM,YAAW,KACvEgB,IAAAhB,KAAA,gBAAAA,EAAM,gBAAN,gBAAAgB,EAAmB,SACrB,KAAQ,oBAAA,KAAA,GAAO,QAAS,CAAA;AAAA,UACxB,MAAM;AAAA,QAAA;AAAA,OACN;AAAA,IACJ,GAEAZ,EAAsB,EAAI;AAAA,KACzB,CAACP,GAAoBC,GAAWG,GAAeE,CAAkB,CAAC,GAGnEc,gBAAAA,EAAA;AAAA,IAACzB,EAAqB;AAAA,IAArB;AAAA,MACC,OAAO;AAAA,QACL,WAAAM;AAAA,QACA,SAASD;AAAA,QACT,oBAAAM;AAAA,MACF;AAAA,MAEC,UAAAR;AAAA,IAAA;AAAA,EACH;AAEJ,GAEauB,KAAmB,MAAM;AAC9B,QAAAC,IAAUC,EAAW5B,CAAoB;AAE/C,MAAI2B,MAAY;AACR,UAAA,IAAI,MAAM,8DAA8D;AAGzE,SAAAA;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    // waiting for loading or it has already been initialized\n    if (isLoading || isLoadingInfo || remotesInitialized) return\n\n    // no remotes found, nothing to do\n    if (!addonRemoteModules.length) {\n      setRemotesInitialized(true)\n      return\n    }\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    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":["RemoteModulesContext","createContext","RemoteModulesProvider","children","skip","addonRemoteModules","isLoading","useListFrontendModulesQuery","info","isLoadingInfo","useGetSiteInfoQuery","remotesInitialized","setRemotesInitialized","useState","useEffect","allRemotes","addon","addonName","addonVersion","modules","remote","registerRemotes","r","_a","_b","jsx","useRemoteModules","context","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAMA,IAAuBC,EAAwC;AAAA,EACnE,WAAW;AAAA,EACX,SAAS,CAAC;AAAA,EACV,oBAAoB;AACtB,CAAC,GAOYC,KAAwB,CAAC,EAAE,UAAAC,GAAU,MAAAC,QAAkB;AAE5D,QAAA,EAAE,MAAMC,IAAqB,CAAA,GAAI,WAAAC,EAAU,IAAIC,EAA4B,QAAW;AAAA,IAC1F,MAAAH;AAAA,EAAA,CACD,GAEK,EAAE,MAAMI,IAAO,CAAI,GAAA,WAAWC,MAAkBC;AAAA,IACpD,EAAE,MAAM,GAAK;AAAA,IACb,EAAE,MAAAN,EAAK;AAAA,EACT,GAEM,CAACO,GAAoBC,CAAqB,IAAIC,EAAS,EAAK;AAElE,SAAAC,EAAU,MAAM;AAEV,QAAAR,KAAaG,KAAiBE,EAAoB;AAGlD,QAAA,CAACN,EAAmB,QAAQ;AAC9B,MAAAO,EAAsB,EAAI;AAC1B;AAAA,IAAA;AAIF,UAAMG,IAAuB,CAAC;AAEX,IAAAV,EAAA,QAAQ,CAACW,MAAU;AACpC,YAAM,EAAE,WAAAC,GAAW,cAAAC,GAAc,SAAAC,IAAU,CAAA,EAAO,IAAAH;AAE3C,aAAA,QAAQG,CAAO,EAAE,QAAQ,CAAC,CAACC,GAAQD,CAAO,MAAM;AACrD,QAAAJ,EAAW,KAAK;AAAA,UACd,QAAAK;AAAA,UACA,OAAOH;AAAA,UACP,SAASC;AAAA,UACT,SAAAC;AAAAA,QAAA,CACD;AAAA,MAAA,CACF;AAAA,IAAA,CACF,GAEDE,EAAA;AAAA,MACEN,EAAW,IAAI,CAACO,MAAO;;AAAA;AAAA,UACrB,MAAMA,EAAE;AAAA,UACR,OAAOA,EAAE;AAAA,UACT,OAAO,WAAWA,EAAE,SAASA,EAAE,MAAM,IAAIA,EAAE,OAAO,qBAChDA,EAAE,MACJ,4BAA0BC,IAAAf,KAAA,gBAAAA,EAAM,gBAAN,gBAAAe,EAAmB,aAAWf,KAAA,gBAAAA,EAAM,YAAW,KACvEgB,IAAAhB,KAAA,gBAAAA,EAAM,gBAAN,gBAAAgB,EAAmB,SACrB,KAAQ,oBAAA,KAAA,GAAO,QAAS,CAAA;AAAA,UACxB,MAAM;AAAA,QAAA;AAAA,OACN;AAAA,IACJ,GAEAZ,EAAsB,EAAI;AAAA,KACzB,CAACP,GAAoBC,GAAWG,GAAeE,CAAkB,CAAC,GAGnEc,gBAAAA,EAAA;AAAA,IAACzB,EAAqB;AAAA,IAArB;AAAA,MACC,OAAO;AAAA,QACL,WAAAM;AAAA,QACA,SAASD;AAAA,QACT,oBAAAM;AAAA,MACF;AAAA,MAEC,UAAAR;AAAA,IAAA;AAAA,EACH;AAEJ,GAEauB,KAAmB,MAAM;AAC9B,QAAAC,IAAUC,EAAW5B,CAAoB;AAE/C,MAAI2B,MAAY;AACR,UAAA,IAAI,MAAM,8DAA8D;AAGzE,SAAAA;AACT;"}

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'\nimport { usePowerpack } from '@shared/context'\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  skip?: boolean // skip loading if module is provided externally\n}\n\nexport const useLoadModule = <T>({\n  addon,\n  remote,\n  module,\n  fallback,\n  minVersion,\n  skip = false,\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<string | boolean>(false)\n  const [isOutdated, setIsOutdated] = useState(false)\n  const loadedRemote = useRef<T>(fallback)\n\n  useEffect(() => {\n    // skip loading if module is provided externally\n    if (skip) {\n      setIsLoading(false)\n      setIsLoaded(true)\n      return\n    }\n\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 === module) {\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(module)\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, skip])\n\n  return [\n    loadedRemote.current,\n    {\n      isLoaded: isLoaded === module,\n      isLoading,\n      outdated: isOutdated\n        ? {\n            current: modules.find((m) => m.addonName === addon)?.addonVersion || 'unknown',\n            required: minVersion?.replace('-dev', '') || 'unknown',\n          }\n        : undefined,\n    },\n  ]\n}\n"],"names":["useLoadModule","addon","remote","module","fallback","minVersion","skip","remotesInitialized","modules","useRemoteModules","isLoading","setIsLoading","useState","isLoaded","setIsLoaded","isOutdated","setIsOutdated","loadedRemote","useRef","useEffect","initializedRemote","m","semver","loadRemote","e","_a"],"mappings":"wPAgBaA,EAAgB,CAAI,CAC/B,MAAAC,EACA,OAAAC,EACA,OAAAC,EACA,SAAAC,EACA,WAAAC,EACA,KAAAC,EAAO,EACT,IAGK,OACH,KAAM,CAAE,mBAAAC,EAAoB,QAAAC,CAAQ,EAAIC,mBAAiB,EACnD,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAI,EACzC,CAACC,EAAUC,CAAW,EAAIF,EAAAA,SAA2B,EAAK,EAC1D,CAACG,EAAYC,CAAa,EAAIJ,EAAAA,SAAS,EAAK,EAC5CK,EAAeC,SAAUd,CAAQ,EAEvCe,OAAAA,EAAAA,UAAU,IAAM,CAEd,GAAIb,EAAM,CACRK,EAAa,EAAK,EAClBG,EAAY,EAAI,EAChB,MAAA,CAIF,GAAI,CAACP,GAAsB,CAACN,GAAS,CAACC,GAAU,CAACC,EAAQ,OAGzD,MAAMiB,EAAoBZ,EAAQ,KAAMa,GAAMA,EAAE,YAAcpB,CAAK,EAEnE,GAAI,CAACmB,EAAmB,CACtB,QAAQ,IAAI,mBAAoB,CAAE,MAAAnB,EAAO,OAAAC,EAAQ,OAAAC,EAAQ,EACzDQ,EAAa,EAAK,EAClB,MAAA,CAKA,GAAAN,GACA,CAACiB,EAAO,IAAIF,EAAkB,aAAcf,CAAU,GACtDA,EAAa,SAAWe,EAAkB,aAC1C,CACA,QAAQ,IAAI,mDAAoD,CAC9D,MAAAnB,EACA,OAAAC,EACA,OAAAC,EACA,QAASiB,EAAkB,aAC3B,SAAUf,CAAA,CACX,EAEDW,EAAc,EAAI,EAClBL,EAAa,EAAK,EAGlB,MAAA,CAOF,GAJAK,EAAc,EAAK,EAIf,CAFsBI,EAAkB,QAAQlB,CAAM,EAGxD,OAAAS,EAAa,EAAK,EACX,QAAQ,IAAI,mBAAoB,CAAE,MAAAV,EAAO,OAAAC,EAAQ,OAAAC,EAAQ,EAIlE,GAAIU,IAAaV,EAAQ,CACvBQ,EAAa,EAAK,EAClB,MAAA,CAEFY,EAAAA,eAAAA,WAA2B,GAAGrB,CAAM,IAAIC,CAAM,GAAI,CAChD,KAAM,SAAA,CACP,EACE,KAAMD,GAAW,CACR,QAAA,IAAI,gBAAiBC,CAAM,EACnCW,EAAYX,CAAM,EAClBQ,EAAa,EAAK,EACdT,IAAqBe,EAAA,QAAUf,EAAO,QAAA,CAC3C,EACA,MAAOsB,GAAM,CACZb,EAAa,EAAK,EAClB,QAAQ,MAAM,uBAAwBT,EAAQC,EAAQqB,CAAC,CAAA,CACxD,CAAA,EACF,CAACX,EAAUN,EAAoBC,EAASP,EAAOC,EAAQC,EAAQE,EAAYC,CAAI,CAAC,EAE5E,CACLW,EAAa,QACb,CACE,SAAUJ,IAAaV,EACvB,UAAAO,EACA,SAAUK,EACN,CACE,UAASU,EAAAjB,EAAQ,KAAMa,GAAMA,EAAE,YAAcpB,CAAK,IAAzC,YAAAwB,EAA4C,eAAgB,UACrE,UAAUpB,GAAA,YAAAA,EAAY,QAAQ,OAAQ,MAAO,SAAA,EAE/C,MAAA,CAER,CACF"}
+{"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'\nimport { usePowerpack } from '@shared/context'\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  skip?: boolean // skip loading if module is provided externally\n}\n\nexport const useLoadModule = <T>({\n  addon,\n  remote,\n  module,\n  fallback,\n  minVersion,\n  skip = false,\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<string | boolean>(false)\n  const [isOutdated, setIsOutdated] = useState(false)\n  const loadedRemote = useRef<T>(fallback)\n\n  useEffect(() => {\n    // skip loading if module is provided externally\n    if (skip) {\n      setIsLoading(false)\n      setIsLoaded(true)\n      return\n    }\n\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 === module) {\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(module)\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, skip])\n\n  return [\n    loadedRemote.current,\n    {\n      isLoaded: isLoaded === module,\n      isLoading,\n      outdated: isOutdated\n        ? {\n            current: modules.find((m) => m.addonName === addon)?.addonVersion || 'unknown',\n            required: minVersion?.replace('-dev', '') || 'unknown',\n          }\n        : undefined,\n    },\n  ]\n}"],"names":["useLoadModule","addon","remote","module","fallback","minVersion","skip","remotesInitialized","modules","useRemoteModules","isLoading","setIsLoading","useState","isLoaded","setIsLoaded","isOutdated","setIsOutdated","loadedRemote","useRef","useEffect","initializedRemote","m","semver","loadRemote","e","_a"],"mappings":"wPAgBaA,EAAgB,CAAI,CAC/B,MAAAC,EACA,OAAAC,EACA,OAAAC,EACA,SAAAC,EACA,WAAAC,EACA,KAAAC,EAAO,EACT,IAGK,OACH,KAAM,CAAE,mBAAAC,EAAoB,QAAAC,CAAQ,EAAIC,mBAAiB,EACnD,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAI,EACzC,CAACC,EAAUC,CAAW,EAAIF,EAAAA,SAA2B,EAAK,EAC1D,CAACG,EAAYC,CAAa,EAAIJ,EAAAA,SAAS,EAAK,EAC5CK,EAAeC,SAAUd,CAAQ,EAEvCe,OAAAA,EAAAA,UAAU,IAAM,CAEd,GAAIb,EAAM,CACRK,EAAa,EAAK,EAClBG,EAAY,EAAI,EAChB,MAAA,CAIF,GAAI,CAACP,GAAsB,CAACN,GAAS,CAACC,GAAU,CAACC,EAAQ,OAGzD,MAAMiB,EAAoBZ,EAAQ,KAAMa,GAAMA,EAAE,YAAcpB,CAAK,EAEnE,GAAI,CAACmB,EAAmB,CACtB,QAAQ,IAAI,mBAAoB,CAAE,MAAAnB,EAAO,OAAAC,EAAQ,OAAAC,EAAQ,EACzDQ,EAAa,EAAK,EAClB,MAAA,CAKA,GAAAN,GACA,CAACiB,EAAO,IAAIF,EAAkB,aAAcf,CAAU,GACtDA,EAAa,SAAWe,EAAkB,aAC1C,CACA,QAAQ,IAAI,mDAAoD,CAC9D,MAAAnB,EACA,OAAAC,EACA,OAAAC,EACA,QAASiB,EAAkB,aAC3B,SAAUf,CAAA,CACX,EAEDW,EAAc,EAAI,EAClBL,EAAa,EAAK,EAGlB,MAAA,CAOF,GAJAK,EAAc,EAAK,EAIf,CAFsBI,EAAkB,QAAQlB,CAAM,EAGxD,OAAAS,EAAa,EAAK,EACX,QAAQ,IAAI,mBAAoB,CAAE,MAAAV,EAAO,OAAAC,EAAQ,OAAAC,EAAQ,EAIlE,GAAIU,IAAaV,EAAQ,CACvBQ,EAAa,EAAK,EAClB,MAAA,CAEFY,EAAAA,eAAAA,WAA2B,GAAGrB,CAAM,IAAIC,CAAM,GAAI,CAChD,KAAM,SAAA,CACP,EACE,KAAMD,GAAW,CACR,QAAA,IAAI,gBAAiBC,CAAM,EACnCW,EAAYX,CAAM,EAClBQ,EAAa,EAAK,EACdT,IAAqBe,EAAA,QAAUf,EAAO,QAAA,CAC3C,EACA,MAAOsB,GAAM,CACZb,EAAa,EAAK,EAClB,QAAQ,MAAM,uBAAwBT,EAAQC,EAAQqB,CAAC,CAAA,CACxD,CAAA,EACF,CAACX,EAAUN,EAAoBC,EAASP,EAAOC,EAAQC,EAAQE,EAAYC,CAAI,CAAC,EAE5E,CACLW,EAAa,QACb,CACE,SAAUJ,IAAaV,EACvB,UAAAO,EACA,SAAUK,EACN,CACE,UAASU,EAAAjB,EAAQ,KAAMa,GAAMA,EAAE,YAAcpB,CAAK,IAAzC,YAAAwB,EAA4C,eAAgB,UACrE,UAAUpB,GAAA,YAAAA,EAAY,QAAQ,OAAQ,MAAO,SAAA,EAE/C,MAAA,CAER,CACF"}

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'\nimport { usePowerpack } from '@shared/context'\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  skip?: boolean // skip loading if module is provided externally\n}\n\nexport const useLoadModule = <T>({\n  addon,\n  remote,\n  module,\n  fallback,\n  minVersion,\n  skip = false,\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<string | boolean>(false)\n  const [isOutdated, setIsOutdated] = useState(false)\n  const loadedRemote = useRef<T>(fallback)\n\n  useEffect(() => {\n    // skip loading if module is provided externally\n    if (skip) {\n      setIsLoading(false)\n      setIsLoaded(true)\n      return\n    }\n\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 === module) {\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(module)\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, skip])\n\n  return [\n    loadedRemote.current,\n    {\n      isLoaded: isLoaded === module,\n      isLoading,\n      outdated: isOutdated\n        ? {\n            current: modules.find((m) => m.addonName === addon)?.addonVersion || 'unknown',\n            required: minVersion?.replace('-dev', '') || 'unknown',\n          }\n        : undefined,\n    },\n  ]\n}\n"],"names":["useLoadModule","addon","remote","module","fallback","minVersion","skip","remotesInitialized","modules","useRemoteModules","isLoading","setIsLoading","useState","isLoaded","setIsLoaded","isOutdated","setIsOutdated","loadedRemote","useRef","useEffect","initializedRemote","m","semver","loadRemote","e","_a"],"mappings":";;;;AAgBO,MAAMA,IAAgB,CAAI;AAAA,EAC/B,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC,IAAO;AACT,MAGK;;AACH,QAAM,EAAE,oBAAAC,GAAoB,SAAAC,EAAQ,IAAIC,EAAiB,GACnD,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAI,GACzC,CAACC,GAAUC,CAAW,IAAIF,EAA2B,EAAK,GAC1D,CAACG,GAAYC,CAAa,IAAIJ,EAAS,EAAK,GAC5CK,IAAeC,EAAUd,CAAQ;AAEvC,SAAAe,EAAU,MAAM;AAEd,QAAIb,GAAM;AACR,MAAAK,EAAa,EAAK,GAClBG,EAAY,EAAI;AAChB;AAAA,IAAA;AAIF,QAAI,CAACP,KAAsB,CAACN,KAAS,CAACC,KAAU,CAACC,EAAQ;AAGzD,UAAMiB,IAAoBZ,EAAQ,KAAK,CAACa,MAAMA,EAAE,cAAcpB,CAAK;AAEnE,QAAI,CAACmB,GAAmB;AACtB,cAAQ,IAAI,oBAAoB,EAAE,OAAAnB,GAAO,QAAAC,GAAQ,QAAAC,GAAQ,GACzDQ,EAAa,EAAK;AAClB;AAAA,IAAA;AAKA,QAAAN,KACA,CAACiB,EAAO,IAAIF,EAAkB,cAAcf,CAAU,KACtDA,IAAa,WAAWe,EAAkB,cAC1C;AACA,cAAQ,IAAI,oDAAoD;AAAA,QAC9D,OAAAnB;AAAA,QACA,QAAAC;AAAA,QACA,QAAAC;AAAA,QACA,SAASiB,EAAkB;AAAA,QAC3B,UAAUf;AAAA,MAAA,CACX,GAEDW,EAAc,EAAI,GAClBL,EAAa,EAAK;AAGlB;AAAA,IAAA;AAOF,QAJAK,EAAc,EAAK,GAIf,CAFsBI,EAAkB,QAAQlB,CAAM;AAGxD,aAAAS,EAAa,EAAK,GACX,QAAQ,IAAI,oBAAoB,EAAE,OAAAV,GAAO,QAAAC,GAAQ,QAAAC,GAAQ;AAIlE,QAAIU,MAAaV,GAAQ;AACvB,MAAAQ,EAAa,EAAK;AAClB;AAAA,IAAA;AAEFY,IAAAA,EAAAA,WAA2B,GAAGrB,CAAM,IAAIC,CAAM,IAAI;AAAA,MAChD,MAAM;AAAA,IAAA,CACP,EACE,KAAK,CAACD,MAAW;AACR,cAAA,IAAI,iBAAiBC,CAAM,GACnCW,EAAYX,CAAM,GAClBQ,EAAa,EAAK,GACdT,MAAqBe,EAAA,UAAUf,EAAO;AAAA,IAAA,CAC3C,EACA,MAAM,CAACsB,MAAM;AACZ,MAAAb,EAAa,EAAK,GAClB,QAAQ,MAAM,wBAAwBT,GAAQC,GAAQqB,CAAC;AAAA,IAAA,CACxD;AAAA,EAAA,GACF,CAACX,GAAUN,GAAoBC,GAASP,GAAOC,GAAQC,GAAQE,GAAYC,CAAI,CAAC,GAE5E;AAAA,IACLW,EAAa;AAAA,IACb;AAAA,MACE,UAAUJ,MAAaV;AAAA,MACvB,WAAAO;AAAA,MACA,UAAUK,IACN;AAAA,QACE,WAASU,IAAAjB,EAAQ,KAAK,CAACa,MAAMA,EAAE,cAAcpB,CAAK,MAAzC,gBAAAwB,EAA4C,iBAAgB;AAAA,QACrE,WAAUpB,KAAA,gBAAAA,EAAY,QAAQ,QAAQ,QAAO;AAAA,MAAA,IAE/C;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'\nimport { usePowerpack } from '@shared/context'\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  skip?: boolean // skip loading if module is provided externally\n}\n\nexport const useLoadModule = <T>({\n  addon,\n  remote,\n  module,\n  fallback,\n  minVersion,\n  skip = false,\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<string | boolean>(false)\n  const [isOutdated, setIsOutdated] = useState(false)\n  const loadedRemote = useRef<T>(fallback)\n\n  useEffect(() => {\n    // skip loading if module is provided externally\n    if (skip) {\n      setIsLoading(false)\n      setIsLoaded(true)\n      return\n    }\n\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 === module) {\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(module)\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, skip])\n\n  return [\n    loadedRemote.current,\n    {\n      isLoaded: isLoaded === module,\n      isLoading,\n      outdated: isOutdated\n        ? {\n            current: modules.find((m) => m.addonName === addon)?.addonVersion || 'unknown',\n            required: minVersion?.replace('-dev', '') || 'unknown',\n          }\n        : undefined,\n    },\n  ]\n}"],"names":["useLoadModule","addon","remote","module","fallback","minVersion","skip","remotesInitialized","modules","useRemoteModules","isLoading","setIsLoading","useState","isLoaded","setIsLoaded","isOutdated","setIsOutdated","loadedRemote","useRef","useEffect","initializedRemote","m","semver","loadRemote","e","_a"],"mappings":";;;;AAgBO,MAAMA,IAAgB,CAAI;AAAA,EAC/B,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC,IAAO;AACT,MAGK;;AACH,QAAM,EAAE,oBAAAC,GAAoB,SAAAC,EAAQ,IAAIC,EAAiB,GACnD,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAI,GACzC,CAACC,GAAUC,CAAW,IAAIF,EAA2B,EAAK,GAC1D,CAACG,GAAYC,CAAa,IAAIJ,EAAS,EAAK,GAC5CK,IAAeC,EAAUd,CAAQ;AAEvC,SAAAe,EAAU,MAAM;AAEd,QAAIb,GAAM;AACR,MAAAK,EAAa,EAAK,GAClBG,EAAY,EAAI;AAChB;AAAA,IAAA;AAIF,QAAI,CAACP,KAAsB,CAACN,KAAS,CAACC,KAAU,CAACC,EAAQ;AAGzD,UAAMiB,IAAoBZ,EAAQ,KAAK,CAACa,MAAMA,EAAE,cAAcpB,CAAK;AAEnE,QAAI,CAACmB,GAAmB;AACtB,cAAQ,IAAI,oBAAoB,EAAE,OAAAnB,GAAO,QAAAC,GAAQ,QAAAC,GAAQ,GACzDQ,EAAa,EAAK;AAClB;AAAA,IAAA;AAKA,QAAAN,KACA,CAACiB,EAAO,IAAIF,EAAkB,cAAcf,CAAU,KACtDA,IAAa,WAAWe,EAAkB,cAC1C;AACA,cAAQ,IAAI,oDAAoD;AAAA,QAC9D,OAAAnB;AAAA,QACA,QAAAC;AAAA,QACA,QAAAC;AAAA,QACA,SAASiB,EAAkB;AAAA,QAC3B,UAAUf;AAAA,MAAA,CACX,GAEDW,EAAc,EAAI,GAClBL,EAAa,EAAK;AAGlB;AAAA,IAAA;AAOF,QAJAK,EAAc,EAAK,GAIf,CAFsBI,EAAkB,QAAQlB,CAAM;AAGxD,aAAAS,EAAa,EAAK,GACX,QAAQ,IAAI,oBAAoB,EAAE,OAAAV,GAAO,QAAAC,GAAQ,QAAAC,GAAQ;AAIlE,QAAIU,MAAaV,GAAQ;AACvB,MAAAQ,EAAa,EAAK;AAClB;AAAA,IAAA;AAEFY,IAAAA,EAAAA,WAA2B,GAAGrB,CAAM,IAAIC,CAAM,IAAI;AAAA,MAChD,MAAM;AAAA,IAAA,CACP,EACE,KAAK,CAACD,MAAW;AACR,cAAA,IAAI,iBAAiBC,CAAM,GACnCW,EAAYX,CAAM,GAClBQ,EAAa,EAAK,GACdT,MAAqBe,EAAA,UAAUf,EAAO;AAAA,IAAA,CAC3C,EACA,MAAM,CAACsB,MAAM;AACZ,MAAAb,EAAa,EAAK,GAClB,QAAQ,MAAM,wBAAwBT,GAAQC,GAAQqB,CAAC;AAAA,IAAA,CACxD;AAAA,EAAA,GACF,CAACX,GAAUN,GAAoBC,GAASP,GAAOC,GAAQC,GAAQE,GAAYC,CAAI,CAAC,GAE5E;AAAA,IACLW,EAAa;AAAA,IACb;AAAA,MACE,UAAUJ,MAAaV;AAAA,MACvB,WAAAO;AAAA,MACA,UAAUK,IACN;AAAA,QACE,WAASU,IAAAjB,EAAQ,KAAK,CAACa,MAAMA,EAAE,cAAcpB,CAAK,MAAzC,gBAAAwB,EAA4C,iBAAgB;AAAA,QACrE,WAAUpB,KAAA,gBAAAA,EAAY,QAAQ,QAAQ,QAAO;AAAA,MAAA,IAE/C;AAAA,IAAA;AAAA,EAER;AACF;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.cjs.js","sources":["../../../../../../src/components/Menu/MenuComponents/Menu.jsx"],"sourcesContent":["import React, { useState } from 'react'\nimport * as Styled from './Menu.styled'\nimport MenuList from './MenuList'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\n\nconst Menu = ({ menu = [], onClose, header, footer = '' }) => {\n  const [subMenus, setSubMenus] = useState([])\n  //   When a menu item is clicked, the following happens:\n  const handleClick = (e, onClick, url, disableClose) => {\n    // this is handled by Link component inside the MenuItem\n    if (url) return onClose()\n\n    onClick && onClick(e)\n\n    !disableClose && onClose && onClose()\n  }\n\n  const onMenuEnter = (e, menu = {}) => {\n    // check to see if we need to open a submenu\n    if (menu.items.length) {\n      // yes, there is a submenu\n      // open it if it is not already open\n      if (!subMenus.find((m) => m.id === menu.id)) {\n        // also close any other submenus on the same level\n        setSubMenus([\n          ...subMenus.filter((m) => m.level < menu.level + 1),\n          { ...menu, id: menu.id, level: menu.level + 1, parentRef: e.target },\n        ])\n      }\n    } else {\n      // no items for this menu, so close all submenus on the higher levels\n      setSubMenus(subMenus.filter((m) => m.level <= menu.level))\n    }\n  }\n\n  const onMenuLeave = (e, menu = {}) => {\n    // target where we are going\n    const relatedTargetId = e.relatedTarget?.id\n    const relatedTargetSubMenu = subMenus.find((m) => m.id === relatedTargetId)\n\n    if (e.relatedTarget?.tagName === 'DIALOG') return setSubMenus([])\n\n    if (!relatedTargetSubMenu) {\n      setSubMenus(subMenus.filter((m) => m.level <= (menu.level || 0) + 1))\n    }\n    //   if (menu.items.length) {\n  }\n\n  const handleSubMenu = (e, menu = {}) => {\n    if (e.type === 'mouseenter' || e.type === 'keydown') onMenuEnter(e, menu)\n    else if (e.type === 'mouseleave') onMenuLeave(e, menu)\n  }\n\n  return (\n    <>\n      <Styled.Section>\n        {header && header}\n        <MenuList items={menu} handleClick={handleClick} onSubMenu={handleSubMenu} level={0} />\n        {footer && (\n          <Styled.Footer>\n            {footer}\n            <Button icon=\"content_copy\" variant=\"text\" onClick={() => copyToClipboard(footer)} />\n          </Styled.Footer>\n        )}\n      </Styled.Section>\n      {subMenus.map((menu, i) => (\n        <MenuList\n          key={i}\n          items={menu.items}\n          handleClick={handleClick}\n          {...menu}\n          subMenu\n          onSubMenu={handleSubMenu}\n          onClose={() => setSubMenus(subMenus.filter((m) => m.id !== menu.id))}\n          onChange={onMenuEnter}\n        />\n      ))}\n    </>\n  )\n}\n\nexport default Menu\n"],"names":["Menu","menu","onClose","header","footer","subMenus","setSubMenus","useState","handleClick","e","onClick","url","disableClose","onMenuEnter","m","onMenuLeave","relatedTargetId","_a","relatedTargetSubMenu","_b","handleSubMenu","jsxs","Fragment","Styled.Section","jsx","MenuList","Styled.Footer","Button","copyToClipboard","i"],"mappings":"mYAMMA,EAAO,CAAC,CAAE,KAAAC,EAAO,GAAI,QAAAC,EAAS,OAAAC,EAAQ,OAAAC,EAAS,MAAS,CAC5D,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,CAAA,CAAE,EAErCC,EAAc,CAACC,EAAGC,EAASC,EAAKC,IAAiB,CAEjD,GAAAD,SAAYT,EAAQ,EAExBQ,GAAWA,EAAQD,CAAC,EAEnB,CAAAG,GAAgBV,GAAWA,EAAQ,CACtC,EAEMW,EAAc,CAACJ,EAAGR,EAAO,CAAA,IAAO,CAEhCA,EAAK,MAAM,OAGRI,EAAS,KAAMS,GAAMA,EAAE,KAAOb,EAAK,EAAE,GAE5BK,EAAA,CACV,GAAGD,EAAS,OAAQS,GAAMA,EAAE,MAAQb,EAAK,MAAQ,CAAC,EAClD,CAAE,GAAGA,EAAM,GAAIA,EAAK,GAAI,MAAOA,EAAK,MAAQ,EAAG,UAAWQ,EAAE,MAAO,CAAA,CACpE,EAISH,EAAAD,EAAS,OAAQS,GAAMA,EAAE,OAASb,EAAK,KAAK,CAAC,CAE7D,EAEMc,EAAc,CAACN,EAAGR,EAAO,CAAA,IAAO,SAE9B,MAAAe,GAAkBC,EAAAR,EAAE,gBAAF,YAAAQ,EAAiB,GACnCC,EAAuBb,EAAS,KAAMS,GAAMA,EAAE,KAAOE,CAAe,EAE1E,KAAIG,EAAAV,EAAE,gBAAF,YAAAU,EAAiB,WAAY,SAAiB,OAAAb,EAAY,EAAE,EAE3DY,GACSZ,EAAAD,EAAS,OAAQS,GAAMA,EAAE,QAAUb,EAAK,OAAS,GAAK,CAAC,CAAC,CAGxE,EAEMmB,EAAgB,CAACX,EAAGR,EAAO,CAAA,IAAO,CAClCQ,EAAE,OAAS,cAAgBA,EAAE,OAAS,UAAWI,EAAYJ,EAAGR,CAAI,EAC/DQ,EAAE,OAAS,cAAcM,EAAYN,EAAGR,CAAI,CACvD,EAEA,OAEIoB,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAACD,yBAAAE,EAAAA,QAAA,CACE,SAAA,CAAUpB,GAAAA,EACXqB,wBAACC,GAAS,MAAOxB,EAAM,YAAAO,EAA0B,UAAWY,EAAe,MAAO,EAAG,EACpFhB,GACCiB,EAAA,kBAAA,KAACK,SAAA,CACE,SAAA,CAAAtB,EACDoB,EAAAA,kBAAAA,IAACG,EAAO,OAAA,CAAA,KAAK,eAAe,QAAQ,OAAO,QAAS,IAAMC,kBAAgBxB,CAAM,CAAG,CAAA,CAAA,CACrF,CAAA,CAAA,EAEJ,EACCC,EAAS,IAAI,CAACJ,EAAM4B,IACnBL,EAAA,kBAAA,IAACC,EAAA,CAEC,MAAOxB,EAAK,MACZ,YAAAO,EACC,GAAGP,EACJ,QAAO,GACP,UAAWmB,EACX,QAAS,IAAMd,EAAYD,EAAS,OAAQS,GAAMA,EAAE,KAAOb,EAAK,EAAE,CAAC,EACnE,SAAUY,CAAA,EAPLgB,CASR,CAAA,CAAA,EACH,CAEJ"}

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

@@ -0,0 +1,55 @@
+import { j as n } from "../../../../_virtual/jsx-runtime.es.js";
+import { useState as b } from "react";
+import { Section as j, Footer as S } from "./Menu.styled.es.js";
+import M from "./MenuList.es.js";
+import "lodash";
+import "react-toastify";
+import { copyToClipboard as h } from "../../../../shared/src/util/copyToClipboard.es.js";
+import "uuid";
+import "../../../../shared/src/util/pubsub.es.js";
+import { Button as y } from "@ynput/ayon-react-components";
+const B = ({ menu: x = [], onClose: l, header: p, footer: s = "" }) => {
+  const [r, o] = b([]), f = (t, e, i, a) => {
+    if (i) return l();
+    e && e(t), !a && l && l();
+  }, u = (t, e = {}) => {
+    e.items.length ? r.find((i) => i.id === e.id) || o([
+      ...r.filter((i) => i.level < e.level + 1),
+      { ...e, id: e.id, level: e.level + 1, parentRef: t.target }
+    ]) : o(r.filter((i) => i.level <= e.level));
+  }, g = (t, e = {}) => {
+    var m, v;
+    const i = (m = t.relatedTarget) == null ? void 0 : m.id, a = r.find((d) => d.id === i);
+    if (((v = t.relatedTarget) == null ? void 0 : v.tagName) === "DIALOG") return o([]);
+    a || o(r.filter((d) => d.level <= (e.level || 0) + 1));
+  }, c = (t, e = {}) => {
+    t.type === "mouseenter" || t.type === "keydown" ? u(t, e) : t.type === "mouseleave" && g(t, e);
+  };
+  return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    /* @__PURE__ */ n.jsxs(j, { children: [
+      p && p,
+      /* @__PURE__ */ n.jsx(M, { items: x, handleClick: f, onSubMenu: c, level: 0 }),
+      s && /* @__PURE__ */ n.jsxs(S, { children: [
+        s,
+        /* @__PURE__ */ n.jsx(y, { icon: "content_copy", variant: "text", onClick: () => h(s) })
+      ] })
+    ] }),
+    r.map((t, e) => /* @__PURE__ */ n.jsx(
+      M,
+      {
+        items: t.items,
+        handleClick: f,
+        ...t,
+        subMenu: !0,
+        onSubMenu: c,
+        onClose: () => o(r.filter((i) => i.id !== t.id)),
+        onChange: u
+      },
+      e
+    ))
+  ] });
+};
+export {
+  B as default
+};
+//# sourceMappingURL=Menu.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.es.js","sources":["../../../../../../src/components/Menu/MenuComponents/Menu.jsx"],"sourcesContent":["import React, { useState } from 'react'\nimport * as Styled from './Menu.styled'\nimport MenuList from './MenuList'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\n\nconst Menu = ({ menu = [], onClose, header, footer = '' }) => {\n  const [subMenus, setSubMenus] = useState([])\n  //   When a menu item is clicked, the following happens:\n  const handleClick = (e, onClick, url, disableClose) => {\n    // this is handled by Link component inside the MenuItem\n    if (url) return onClose()\n\n    onClick && onClick(e)\n\n    !disableClose && onClose && onClose()\n  }\n\n  const onMenuEnter = (e, menu = {}) => {\n    // check to see if we need to open a submenu\n    if (menu.items.length) {\n      // yes, there is a submenu\n      // open it if it is not already open\n      if (!subMenus.find((m) => m.id === menu.id)) {\n        // also close any other submenus on the same level\n        setSubMenus([\n          ...subMenus.filter((m) => m.level < menu.level + 1),\n          { ...menu, id: menu.id, level: menu.level + 1, parentRef: e.target },\n        ])\n      }\n    } else {\n      // no items for this menu, so close all submenus on the higher levels\n      setSubMenus(subMenus.filter((m) => m.level <= menu.level))\n    }\n  }\n\n  const onMenuLeave = (e, menu = {}) => {\n    // target where we are going\n    const relatedTargetId = e.relatedTarget?.id\n    const relatedTargetSubMenu = subMenus.find((m) => m.id === relatedTargetId)\n\n    if (e.relatedTarget?.tagName === 'DIALOG') return setSubMenus([])\n\n    if (!relatedTargetSubMenu) {\n      setSubMenus(subMenus.filter((m) => m.level <= (menu.level || 0) + 1))\n    }\n    //   if (menu.items.length) {\n  }\n\n  const handleSubMenu = (e, menu = {}) => {\n    if (e.type === 'mouseenter' || e.type === 'keydown') onMenuEnter(e, menu)\n    else if (e.type === 'mouseleave') onMenuLeave(e, menu)\n  }\n\n  return (\n    <>\n      <Styled.Section>\n        {header && header}\n        <MenuList items={menu} handleClick={handleClick} onSubMenu={handleSubMenu} level={0} />\n        {footer && (\n          <Styled.Footer>\n            {footer}\n            <Button icon=\"content_copy\" variant=\"text\" onClick={() => copyToClipboard(footer)} />\n          </Styled.Footer>\n        )}\n      </Styled.Section>\n      {subMenus.map((menu, i) => (\n        <MenuList\n          key={i}\n          items={menu.items}\n          handleClick={handleClick}\n          {...menu}\n          subMenu\n          onSubMenu={handleSubMenu}\n          onClose={() => setSubMenus(subMenus.filter((m) => m.id !== menu.id))}\n          onChange={onMenuEnter}\n        />\n      ))}\n    </>\n  )\n}\n\nexport default Menu\n"],"names":["Menu","menu","onClose","header","footer","subMenus","setSubMenus","useState","handleClick","e","onClick","url","disableClose","onMenuEnter","m","onMenuLeave","relatedTargetId","_a","relatedTargetSubMenu","_b","handleSubMenu","jsxs","Fragment","Styled.Section","jsx","MenuList","Styled.Footer","Button","copyToClipboard","i"],"mappings":";;;;;;;;;;AAMM,MAAAA,IAAO,CAAC,EAAE,MAAAC,IAAO,IAAI,SAAAC,GAAS,QAAAC,GAAQ,QAAAC,IAAS,SAAS;AAC5D,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,CAAA,CAAE,GAErCC,IAAc,CAACC,GAAGC,GAASC,GAAKC,MAAiB;AAEjD,QAAAD,UAAYT,EAAQ;AAExB,IAAAQ,KAAWA,EAAQD,CAAC,GAEnB,CAAAG,KAAgBV,KAAWA,EAAQ;AAAA,EACtC,GAEMW,IAAc,CAACJ,GAAGR,IAAO,CAAA,MAAO;AAEhCA,IAAAA,EAAK,MAAM,SAGRI,EAAS,KAAK,CAACS,MAAMA,EAAE,OAAOb,EAAK,EAAE,KAE5BK,EAAA;AAAA,MACV,GAAGD,EAAS,OAAO,CAACS,MAAMA,EAAE,QAAQb,EAAK,QAAQ,CAAC;AAAA,MAClD,EAAE,GAAGA,GAAM,IAAIA,EAAK,IAAI,OAAOA,EAAK,QAAQ,GAAG,WAAWQ,EAAE,OAAO;AAAA,IAAA,CACpE,IAISH,EAAAD,EAAS,OAAO,CAACS,MAAMA,EAAE,SAASb,EAAK,KAAK,CAAC;AAAA,EAE7D,GAEMc,IAAc,CAACN,GAAGR,IAAO,CAAA,MAAO;;AAE9B,UAAAe,KAAkBC,IAAAR,EAAE,kBAAF,gBAAAQ,EAAiB,IACnCC,IAAuBb,EAAS,KAAK,CAACS,MAAMA,EAAE,OAAOE,CAAe;AAE1E,UAAIG,IAAAV,EAAE,kBAAF,gBAAAU,EAAiB,aAAY,SAAiB,QAAAb,EAAY,EAAE;AAEhE,IAAKY,KACSZ,EAAAD,EAAS,OAAO,CAACS,MAAMA,EAAE,UAAUb,EAAK,SAAS,KAAK,CAAC,CAAC;AAAA,EAGxE,GAEMmB,IAAgB,CAACX,GAAGR,IAAO,CAAA,MAAO;AAClC,IAAAQ,EAAE,SAAS,gBAAgBA,EAAE,SAAS,YAAWI,EAAYJ,GAAGR,CAAI,IAC/DQ,EAAE,SAAS,gBAAcM,EAAYN,GAAGR,CAAI;AAAA,EACvD;AAEA,SAEIoB,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,IAACD,gBAAAA,OAAAE,GAAA,EACE,UAAA;AAAA,MAAUpB,KAAAA;AAAA,MACXqB,gBAAAA,MAACC,KAAS,OAAOxB,GAAM,aAAAO,GAA0B,WAAWY,GAAe,OAAO,GAAG;AAAA,MACpFhB,KACCiB,gBAAAA,EAAA,KAACK,GAAA,EACE,UAAA;AAAA,QAAAtB;AAAA,QACDoB,gBAAAA,EAAAA,IAACG,GAAO,EAAA,MAAK,gBAAe,SAAQ,QAAO,SAAS,MAAMC,EAAgBxB,CAAM,EAAG,CAAA;AAAA,MAAA,EACrF,CAAA;AAAA,IAAA,GAEJ;AAAA,IACCC,EAAS,IAAI,CAACJ,GAAM4B,MACnBL,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,OAAOxB,EAAK;AAAA,QACZ,aAAAO;AAAA,QACC,GAAGP;AAAAA,QACJ,SAAO;AAAA,QACP,WAAWmB;AAAA,QACX,SAAS,MAAMd,EAAYD,EAAS,OAAO,CAACS,MAAMA,EAAE,OAAOb,EAAK,EAAE,CAAC;AAAA,QACnE,UAAUY;AAAA,MAAA;AAAA,MAPLgB;AAAA,IASR,CAAA;AAAA,EAAA,GACH;AAEJ;"}