@xyo-network/react-map 7.6.2 → 8.0.0

package/dist/browser/Components/AnimatedHeatMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedHeatMap.d.ts","sourceRoot":"","sources":["../../../src/Components/AnimatedHeatMap.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AACzF,OAAO,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAC/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAmB,MAAM,OAAO,CAAA;AASvC,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,CAAA;IACnB,mBAAmB,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,EAAE,CAAA;IACzC,kBAAkB,CAAC,EAAE,UAAU,CAAA;IAC/B,iBAAiB,EAAE,yBAAyB,CAAA;IAC5C,gBAAgB,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,CAAA;CACrC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CAqC7E,CAAA"}
+{"version":3,"file":"AnimatedHeatMap.d.ts","sourceRoot":"","sources":["../../../src/Components/AnimatedHeatMap.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AACzF,OAAO,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAC/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAmB,MAAM,OAAO,CAAA;AASvC,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,CAAA;IACnB,mBAAmB,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,EAAE,CAAA;IACzC,kBAAkB,CAAC,EAAE,UAAU,CAAA;IAC/B,iBAAiB,EAAE,yBAAyB,CAAA;IAC5C,gBAAgB,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,CAAA;CACrC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CA6C7E,CAAA"}

package/dist/browser/Components/AnimatedHeatMapLoaded.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedHeatMapLoaded.d.ts","sourceRoot":"","sources":["../../../src/Components/AnimatedHeatMapLoaded.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AASzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,WAAW,0BAA2B,SAAQ,YAAY;IAC9D,WAAW,EAAE,MAAM,CAAA;IACnB,sBAAsB,EAAE,MAAM,CAAA;CAC/B;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAuCtE,CAAA"}
+{"version":3,"file":"AnimatedHeatMapLoaded.d.ts","sourceRoot":"","sources":["../../../src/Components/AnimatedHeatMapLoaded.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AASzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,WAAW,0BAA2B,SAAQ,YAAY;IAC9D,WAAW,EAAE,MAAM,CAAA;IACnB,sBAAsB,EAAE,MAAM,CAAA;CAC/B;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA0CtE,CAAA"}

package/dist/browser/Components/Legend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../../../src/Components/Legend.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAA;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA0B7D,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
+{"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../../../src/Components/Legend.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAA;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAgC7D,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/browser/Components/Legends/ColorGradient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorGradient.d.ts","sourceRoot":"","sources":["../../../../src/Components/Legends/ColorGradient.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAA;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA2B3D,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"ColorGradient.d.ts","sourceRoot":"","sources":["../../../../src/Components/Legends/ColorGradient.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAA;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAgD3D,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/browser/Components/MapBoxPoints.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapBoxPoints.d.ts","sourceRoot":"","sources":["../../../src/Components/MapBoxPoints.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE7C,OAAO,KAAoB,MAAM,OAAO,CAAA;AAGxC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAKzD,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAA;CAC5B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA6DlE,CAAA"}
+{"version":3,"file":"MapBoxPoints.d.ts","sourceRoot":"","sources":["../../../src/Components/MapBoxPoints.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE7C,OAAO,KAAoB,MAAM,OAAO,CAAA;AAGxC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAKzD,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAA;CAC5B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAiElE,CAAA"}

package/dist/browser/Components/MapSettingsComponents/SettingsBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsBox.d.ts","sourceRoot":"","sources":["../../../../src/Components/MapSettingsComponents/SettingsBox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAoBxD,CAAA"}
+{"version":3,"file":"SettingsBox.d.ts","sourceRoot":"","sources":["../../../../src/Components/MapSettingsComponents/SettingsBox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+BxD,CAAA"}

package/dist/browser/index.mjs

@@ -874,9 +874,28 @@ var MapSettingsBox = ({ developerMode, ...props }) => {
   const { mapSettings } = useMapSettings();
   const { developerMode: devModeFromContext } = useAppSettings();
   const resolveDeveloperMode = developerMode ?? devModeFromContext;
-  return mapSettings && resolveDeveloperMode ? /* @__PURE__ */ jsx6(FlexGrowRow, { bottom: 36, left: 10, position: "absolute", ...props, children: /* @__PURE__ */ jsx6(FlexRow, { paddingX: 2, children: /* @__PURE__ */ jsx6(Paper, { children: /* @__PURE__ */ jsx6(Stack, { direction: "row", spacing: 1, marginX: 1, children: Object.keys(mapSettings).map((key) => {
-    return /* @__PURE__ */ jsx6(MapSettingSwitch, { field: mapSettings[key].field, developerMode }, key);
-  }) }) }) }) }) : null;
+  return mapSettings && resolveDeveloperMode ? /* @__PURE__ */ jsx6(
+    FlexGrowRow,
+    {
+      ...props,
+      sx: [{
+        bottom: 36,
+        left: 10,
+        position: "absolute"
+      }, ...Array.isArray(props.sx) ? props.sx : [props.sx]],
+      children: /* @__PURE__ */ jsx6(FlexRow, { sx: { paddingX: 2 }, children: /* @__PURE__ */ jsx6(Paper, { children: /* @__PURE__ */ jsx6(
+        Stack,
+        {
+          direction: "row",
+          spacing: 1,
+          sx: { marginX: 1 },
+          children: Object.keys(mapSettings).map((key) => {
+            return /* @__PURE__ */ jsx6(MapSettingSwitch, { field: mapSettings[key].field, developerMode }, key);
+          })
+        }
+      ) }) })
+    }
+  ) : null;
 };
 
 // src/Components/MapBoxHeat.tsx
@@ -930,7 +949,16 @@ var AnimatedHeatMap = ({
       heatMapColorProps,
       children: /* @__PURE__ */ jsx8(MapboxHeatFlexBox, { accessToken, ...props })
     }
-  ) }) }) : /* @__PURE__ */ jsx8(FlexCol2, { minHeight: 160, minWidth: 160, busy: true });
+  ) }) }) : /* @__PURE__ */ jsx8(
+    FlexCol2,
+    {
+      busy: true,
+      sx: {
+        minHeight: 160,
+        minWidth: 160
+      }
+    }
+  );
 };
 
 // src/Components/AnimatedHeatMapLoaded.tsx
@@ -962,19 +990,52 @@ var ColorGradientLegend = ({
 }) => {
   const theme = useTheme2();
   return /* @__PURE__ */ jsxs2(FlexCol3, { ...props, children: [
-    /* @__PURE__ */ jsx9(Typography, { mb: theme.spacing(0.25), color: textColor, variant: "caption", textAlign: "center", children: heading }),
-    /* @__PURE__ */ jsx9(FlexCol3, { flexGrow: 1, alignItems: "stretch", paddingX: theme.spacing(1), mb: theme.spacing(0.25), children: /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx9(
+      Typography,
+      {
+        color: textColor,
+        variant: "caption",
+        sx: {
+          mb: theme.spacing(0.25),
+          textAlign: "center"
+        },
+        children: heading
+      }
+    ),
+    /* @__PURE__ */ jsx9(
       FlexCol3,
       {
-        height: theme.spacing(0.75),
-        border: `1px solid ${textColor}`,
-        sx: { backgroundImage: `linear-gradient(to right, ${startColor},${endColor})` }
+        sx: {
+          flexGrow: 1,
+          alignItems: "stretch",
+          paddingX: theme.spacing(1),
+          mb: theme.spacing(0.25)
+        },
+        children: /* @__PURE__ */ jsx9(
+          FlexCol3,
+          {
+            sx: {
+              height: theme.spacing(0.75),
+              border: `1px solid ${textColor}`,
+              backgroundImage: `linear-gradient(to right, ${startColor},${endColor})`
+            }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs2(
+      FlexRow2,
+      {
+        sx: {
+          flexGrow: 1,
+          justifyContent: "space-between"
+        },
+        children: [
+          /* @__PURE__ */ jsx9(Typography, { color: textColor, variant: "caption", children: startLabel }),
+          /* @__PURE__ */ jsx9(Typography, { color: textColor, variant: "caption", children: endLabel })
+        ]
       }
-    ) }),
-    /* @__PURE__ */ jsxs2(FlexRow2, { flexGrow: 1, justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsx9(Typography, { color: textColor, variant: "caption", children: startLabel }),
-      /* @__PURE__ */ jsx9(Typography, { color: textColor, variant: "caption", children: endLabel })
-    ] })
+    )
   ] });
 };
 
@@ -991,24 +1052,34 @@ var AnimatedHeatMapLegend = ({ ...legendProps }) => {
   } = legendProps;
   const theme = useTheme3();
   const isSmall = useMediaQuery(theme.breakpoints.down("sm"));
-  return /* @__PURE__ */ jsx10(FlexCol4, { position: "absolute", bottom: 0, right: 0, children: /* @__PURE__ */ jsx10(
-    ColorGradientLegend,
+  return /* @__PURE__ */ jsx10(
+    FlexCol4,
     {
-      startColor,
-      endColor,
-      startLabel,
-      endLabel,
-      heading,
-      textColor,
-      ...{
-        alignItems: "stretch",
-        marginBottom: theme.spacing(4),
-        marginLeft: isSmall ? theme.spacing(3) : 0,
-        marginRight: isSmall ? theme.spacing(2) : theme.spacing(3),
-        width: isSmall ? "40vw" : theme.spacing(18)
-      }
+      sx: {
+        position: "absolute",
+        bottom: 0,
+        right: 0
+      },
+      children: /* @__PURE__ */ jsx10(
+        ColorGradientLegend,
+        {
+          startColor,
+          endColor,
+          startLabel,
+          endLabel,
+          heading,
+          textColor,
+          ...{
+            alignItems: "stretch",
+            marginBottom: theme.spacing(4),
+            marginLeft: isSmall ? theme.spacing(3) : 0,
+            marginRight: isSmall ? theme.spacing(2) : theme.spacing(3),
+            width: isSmall ? "40vw" : theme.spacing(18)
+          }
+        }
+      )
     }
-  ) });
+  );
 };
 
 // src/Components/AnimatedHeatMapLoaded.tsx
@@ -1027,24 +1098,31 @@ var AnimatedHeatMapLoaded = ({
     flexGrow: 1,
     legend: legendProps ? /* @__PURE__ */ jsx11(AnimatedHeatMapLegend, { ...legendProps }) : null
   };
-  return /* @__PURE__ */ jsxs3(FlexCol5, { alignItems: "stretch", ...props, children: [
-    xyoError ? /* @__PURE__ */ jsxs3(Alert, { sx: { mt: 2 }, children: [
-      /* @__PURE__ */ jsx11(AlertTitle, { children: "Error Loading Map" }),
-      xyoError.message ? `Error: ${xyoError.message}` : null,
-      "You might try authenticating again."
-    ] }) : null,
-    hashes === void 0 ? /* @__PURE__ */ jsx11(Alert, { children: "Missing answer hash for heat map query" }) : /* @__PURE__ */ jsx11(
-      AnimatedHeatMap,
-      {
-        accessToken,
-        defaultMapSettings: AnimatedHeatMapSettings,
-        animatedFeatureSets: multipleFeatureSets.slice(1),
-        staticFeatureSet: multipleFeatureSets[0],
-        heatMapColorProps,
-        ...MapBoxHeatProps
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxs3(
+    FlexCol5,
+    {
+      ...props,
+      sx: [{ alignItems: "stretch" }, ...Array.isArray(props.sx) ? props.sx : [props.sx]],
+      children: [
+        xyoError ? /* @__PURE__ */ jsxs3(Alert, { sx: { mt: 2 }, children: [
+          /* @__PURE__ */ jsx11(AlertTitle, { children: "Error Loading Map" }),
+          xyoError.message ? `Error: ${xyoError.message}` : null,
+          "You might try authenticating again."
+        ] }) : null,
+        hashes === void 0 ? /* @__PURE__ */ jsx11(Alert, { children: "Missing answer hash for heat map query" }) : /* @__PURE__ */ jsx11(
+          AnimatedHeatMap,
+          {
+            accessToken,
+            defaultMapSettings: AnimatedHeatMapSettings,
+            animatedFeatureSets: multipleFeatureSets.slice(1),
+            staticFeatureSet: multipleFeatureSets[0],
+            heatMapColorProps,
+            ...MapBoxHeatProps
+          }
+        )
+      ]
+    }
+  );
 };
 
 // src/Components/HeatMapSettings.ts
@@ -1206,10 +1284,18 @@ var MapboxPointsFlexBox = ({
       }
     }
   }, [mapInitialized, mapSettings, map, fitToPointsPadding, zoom, features, layers]);
-  return /* @__PURE__ */ jsx13(FlexCol6, { alignItems: "stretch", id: "xyo-mapbox-wrap", ...props, children: features ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
-    /* @__PURE__ */ jsx13(MapBox, { accessToken, zoom }),
-    /* @__PURE__ */ jsx13(MapSettingsBox, {})
-  ] }) : /* @__PURE__ */ jsx13(Alert2, { severity: "error", children: "No data to show" }) });
+  return /* @__PURE__ */ jsx13(
+    FlexCol6,
+    {
+      id: "xyo-mapbox-wrap",
+      ...props,
+      sx: [{ alignItems: "stretch" }, ...Array.isArray(props.sx) ? props.sx : [props.sx]],
+      children: features ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
+        /* @__PURE__ */ jsx13(MapBox, { accessToken, zoom }),
+        /* @__PURE__ */ jsx13(MapSettingsBox, {})
+      ] }) : /* @__PURE__ */ jsx13(Alert2, { severity: "error", children: "No data to show" })
+    }
+  );
 };
 export {
   AnimatedHeatMap,

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Components/AnimatedHeatMap.tsx","../../src/Contexts/HeatMapInitializer/Provider.tsx","../../src/hooks/useDynamicMapResize.tsx","../../src/hooks/useDynamicPositioning.tsx","../../src/hooks/useQuadKeyPayloadsToFeatures.tsx","../../src/MapBoxClasses/MapBase.ts","../../src/MapBoxClasses/MapHeat.ts","../../src/MapBoxClasses/MapPoints.ts","../../src/MapBoxClasses/MapSettings.ts","../../src/Contexts/MapBoxInstance/Provider.tsx","../../src/Contexts/MapBoxInstance/Context.ts","../../src/Contexts/MapBoxInstance/useMapBoxInstance.tsx","../../src/Contexts/MapSettings/Provider.tsx","../../src/Contexts/MapSettings/Context.ts","../../src/Contexts/MapSettings/useMapSettings.tsx","../../src/Contexts/HeatMapInitializer/Context.ts","../../src/Contexts/HeatMapInitializer/useHeatMapInitializer.tsx","../../src/Layers/Configs/HeatMapFillLayerConfig.ts","../../src/Layers/Configs/HeatMapLineLayerConfig.ts","../../src/Layers/Configs/HeatMapSymbolLayerConfig.ts","../../src/Layers/Configs/LocationPointLayerConfig.ts","../../src/Layers/FillLayer.ts","../../src/Layers/LineLayer.ts","../../src/Layers/SymbolLayer.ts","../../src/Layers/Builders/LocationHeatMapLayerBuilder.ts","../../src/Layers/Builders/LocationHeatMapLayerBuilderAnimated.ts","../../src/Layers/CircleLayer.ts","../../src/Layers/Builders/LocationPointsMapLayerBuilder.ts","../../src/Components/MapBoxHeat.tsx","../../src/Components/MapBox.tsx","../../src/Components/MapSettingsComponents/Setting.tsx","../../src/Components/MapSettingsComponents/SettingsBox.tsx","../../src/Components/AnimatedHeatMapLoaded.tsx","../../src/Components/Legend.tsx","../../src/Components/Legends/ColorGradient.tsx","../../src/Components/HeatMapSettings.ts","../../src/Components/LayerAnimator.tsx","../../src/Components/MapBoxPoints.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { darkenCss } from '@xylabs/react-theme'\nimport type { AnimatedHeatMapColorProps, MapSetting } from '@xyo-network/react-map-model'\nimport type { Feature, Polygon } from 'geojson'\nimport type { PropsWithChildren } from 'react'\nimport React, { useState } from 'react'\n\nimport {\n  HeatMapInitializerProvider, MapBoxInstanceProvider, MapSettingsProvider,\n} from '../Contexts/index.ts'\nimport type { MapLayer } from '../Layers/index.ts'\nimport { LocationHeatMapLayerBuilderAnimated, MapHeatConstants } from '../Layers/index.ts'\nimport { MapboxHeatFlexBox } from './MapBoxHeat.tsx'\n\nexport interface AnimatedHeatMapProps {\n  accessToken: string\n  animatedFeatureSets: Feature<Polygon>[][]\n  defaultMapSettings?: MapSetting\n  heatMapColorProps: AnimatedHeatMapColorProps\n  staticFeatureSet: Feature<Polygon>[]\n}\n\nexport const AnimatedHeatMap: React.FC<PropsWithChildren<AnimatedHeatMapProps>> = ({\n  accessToken,\n  animatedFeatureSets,\n  defaultMapSettings,\n  heatMapColorProps,\n  staticFeatureSet,\n  ...props\n}) => {\n  const theme = useTheme()\n  const {\n    staticMapColor, lowUsageColor, highUsageColor,\n  } = heatMapColorProps || {}\n  const localStaticMapColor = staticMapColor ?? theme.vars.palette.primary.light\n\n  const [layers] = useState<MapLayer[]>(() => [\n    LocationHeatMapLayerBuilderAnimated(localStaticMapColor, 0, 'static'),\n    LocationHeatMapLayerBuilderAnimated(lowUsageColor || localStaticMapColor, 0, 'animated'),\n    LocationHeatMapLayerBuilderAnimated(highUsageColor || darkenCss(localStaticMapColor, 0.9), 1, 'animated'),\n  ])\n\n  return animatedFeatureSets?.length\n    ? (\n        <MapBoxInstanceProvider>\n          <MapSettingsProvider defaultMapSettings={defaultMapSettings} debugLayerName={MapHeatConstants.LocationDebugLayerId}>\n            <HeatMapInitializerProvider\n              features={staticFeatureSet}\n              layers={[layers[0]]}\n              featureSets={animatedFeatureSets}\n              featureSetsLayers={layers.slice(1, 3)}\n              heatMapColorProps={heatMapColorProps}\n            >\n              <MapboxHeatFlexBox accessToken={accessToken} {...props}></MapboxHeatFlexBox>\n            </HeatMapInitializerProvider>\n          </MapSettingsProvider>\n        </MapBoxInstanceProvider>\n      )\n    : <FlexCol minHeight={160} minWidth={160} busy />\n}\n","import { forget } from '@xylabs/sdk-js'\nimport type { AnimatedHeatMapColorProps, HeatMapColorProps } from '@xyo-network/react-map-model'\nimport type { Feature, Polygon } from 'geojson'\nimport type { PropsWithChildren } from 'react'\nimport React, { useEffect, useMemo } from 'react'\n\nimport { useDynamicPositioning } from '../../hooks/index.ts'\nimport type { MapLayer } from '../../Layers/index.ts'\nimport { MapHeat } from '../../MapBoxClasses/index.ts'\nimport { useMapBoxInstance } from '../MapBoxInstance/index.ts'\nimport { useMapSettings } from '../MapSettings/index.ts'\nimport { HeatMapInitializerContext } from './Context.ts'\nimport type { HeatMapInitializerState } from './State.ts'\n\nexport interface MapInitializerProviderProps {\n  featureSets?: Feature<Polygon>[][]\n  featureSetsLayers?: MapLayer[]\n  features?: Feature<Polygon>[]\n  fitToPadding?: number\n  heatMapColorProps: HeatMapColorProps | AnimatedHeatMapColorProps\n  layers?: MapLayer[]\n  zoom?: number\n}\n\nexport const HeatMapInitializerProvider: React.FC<PropsWithChildren<MapInitializerProviderProps>> = ({\n  children,\n  featureSets,\n  featureSetsLayers,\n  features,\n  fitToPadding,\n  heatMapColorProps,\n  layers,\n  zoom,\n}) => {\n  const { options } = useDynamicPositioning()\n  const { mapSettings } = useMapSettings()\n  const { map, mapInitialized } = useMapBoxInstance()\n\n  const mapHeat = useMemo(() => {\n    return (map && features?.length)\n      ? new MapHeat({\n          features, map, zoom,\n        })\n      : undefined\n  }, [map, features, zoom])\n\n  const value: HeatMapInitializerState = useMemo(() => ({\n    MapHeat: mapHeat,\n    heatMapColorProps,\n  }), [mapHeat, heatMapColorProps])\n\n  useEffect(() => {\n    if (mapInitialized && featureSets?.length && featureSets[0].length > 0 && map && featureSetsLayers?.length) {\n      const { lowUsageColor, highUsageColor } = heatMapColorProps as AnimatedHeatMapColorProps\n      forget(MapHeat.initializeAnimatedHeatMapSource(featureSetsLayers, featureSets, map, lowUsageColor, highUsageColor))\n    }\n\n    return () => {\n      MapHeat.animationStarted = false\n    }\n  }, [featureSets, featureSetsLayers, mapInitialized, map, heatMapColorProps])\n\n  useEffect(() => {\n    if (mapHeat && mapInitialized && features?.length && layers?.length) {\n      mapHeat.initializeHeatMapSource(layers)\n    }\n  }, [mapHeat, features?.length, layers, mapInitialized])\n\n  useEffect(() => {\n    if (mapInitialized) {\n      const { fitToPoints } = mapSettings || {}\n\n      if (map) {\n        if (fitToPoints?.value === true) {\n          MapHeat.initialMapPositioning(\n            {\n              padding: {\n                bottom: fitToPadding, left: fitToPadding, right: fitToPadding, top: fitToPadding,\n              },\n            },\n            map,\n            features,\n          )\n        } else if (options?.zoom && options.center) {\n          map.setZoom(options.zoom)\n          map.setCenter(options.center)\n        }\n      }\n    }\n  }, [mapHeat, map, mapSettings, fitToPadding, options, mapInitialized, features])\n\n  return <HeatMapInitializerContext value={value}>{children}</HeatMapInitializerContext>\n}\n","import type { Map } from 'mapbox-gl'\nimport type { RefObject } from 'react'\nimport { useEffect } from 'react'\n\n/**\n * Inspired by - https://bl.ocks.org/danswick/fc56f37c10d40be62e4feac5984250d2\n */\nexport const useDynamicMapResize = (\n  mapContainerRef: RefObject<HTMLDivElement | null>,\n  mapCanvasRef: RefObject<HTMLCanvasElement | null>,\n  mapInstance?: Map,\n  active = true,\n) => {\n  useEffect(() => {\n    if (active && mapInstance) {\n      const container = mapContainerRef.current\n      if (container) {\n        let timerId: ReturnType<typeof setTimeout> | undefined\n        const resizer = new ResizeObserver(() => {\n          const width = container.getBoundingClientRect().width\n          const canvas = mapCanvasRef.current\n          if (width && canvas) {\n            canvas.style.width = `${width}px`\n            timerId = setTimeout(() => mapInstance.resize())\n          }\n        })\n        resizer.observe(container)\n        return () => {\n          clearTimeout(timerId)\n          resizer.disconnect()\n        }\n      }\n    }\n  }, [active, mapCanvasRef, mapContainerRef, mapInstance])\n}\n","import { useWindowSize } from '@xylabs/react-shared'\nimport type { MapOptions } from 'mapbox-gl'\nimport { useMemo } from 'react'\n\n/**\n * Zoom level for the map\n *\n * Note: Changing zoom will require changes to Lat/Lng Ranges\n */\nconst defaultZoom = 1.6\n\n/**\n * Range of aspect ratio values (width / height = aspect ratio) to scale against degrees\n * On lower aspect ratios, the width is larger than the height and vice-versa for higher\n */\nconst defaultAspectRatioRange = [0.5, 2]\n\n/**\n * Lat/Lng ranges, the first index is the minimum and the second is the maximum\n * Index 0 is for portrait screens and centers on the Eastern Hemisphere\n * Index 1 is for wider screens near the Prime Meridian and north of the Equator\n *\n * Note: Values are based off the zoom level\n */\nconst latRange = [0.912_164_420_526_366_4, 1.717_850_315_594_39]\nconst lngRange = [-81.474_201_485_195_9, 12.788_958_675_506_933]\n\n/**\n * Function to interpolate an aspect ratio value across a range of degrees and aspect ratios\n *\n * Inspired by - https://stackoverflow.com/questions/14224535/scaling-between-two-number-ranges\n *\n * @param aspectRatio aspect ratio to scale\n * @param degreeRange A latitude or longitude range (i.e. [minLat, maxLat])\n * @param aspectRatioRange A range of aspect ratios to scale against degreeRange parameter\n * @returns number\n */\nconst linearInterpolate = (aspectRatio: number, degreeRange: number[], aspectRatioRange?: number[]): number => {\n  const [degreeMin, degreeMax] = degreeRange\n  const [aspectRatioMin, aspectRatioMax] = aspectRatioRange || defaultAspectRatioRange\n\n  const aspectRatioRangeSpan = aspectRatioMax - aspectRatioMin\n  const degreeRangeSpan = degreeMax - degreeMin\n\n  const percent = (aspectRatio - aspectRatioMin) / aspectRatioRangeSpan\n  const scaledDegree = percent * degreeRangeSpan + degreeMin\n\n  return scaledDegree\n}\n\nconst useDynamicPositioning = () => {\n  const { width, height } = useWindowSize()\n\n  const options = useMemo(() => {\n    if (width && height) {\n      const aspectRatio = width / height\n\n      return {\n        center: [linearInterpolate(aspectRatio, lngRange), linearInterpolate(aspectRatio, latRange)],\n        zoom: defaultZoom,\n      } as Partial<MapOptions>\n    }\n  }, [height, width])\n\n  return { options }\n}\n\nexport { useDynamicPositioning }\n","import { GeoJson } from '@xylabs/geo'\nimport { exists } from '@xylabs/sdk-js'\nimport type { NetworkLocationHeatmapQuadkeyAnswerPayload } from '@xyo-network/react-map-model'\nimport type { Feature, Geometry } from 'geojson'\nimport { useMemo } from 'react'\n\nconst quadKeyToFeature = ({ density, quadkey }: { density: number; quadkey: string }) => {\n  const polygonFeature = new GeoJson(quadkey).polygonFeature()\n  polygonFeature.properties = {\n    count: density,\n    density,\n  }\n  return polygonFeature\n}\n\nconst setDensity = (feature: Feature) => {\n  if (feature.properties) {\n    feature.properties.value = feature.properties.density / 5\n  }\n  return feature\n}\n\nconst useQuadKeyPayloadsToFeatures = (payloads?: NetworkLocationHeatmapQuadkeyAnswerPayload[] | NetworkLocationHeatmapQuadkeyAnswerPayload) => {\n  const {\n    multipleFeatureSets, features, error,\n  } = useMemo(() => {\n    let multipleFeatureSets: Feature<Geometry>[][] = [[]]\n    let features: Feature<Geometry>[] = []\n    let error: Error | undefined\n\n    // Convert Multiple Payloads from Quadkey to GeoJson\n    if (Array.isArray(payloads)) {\n      if ((payloads)?.filter(exists).length > 0) {\n        const mappedFeatures = payloads?.map(payload => payload?.result.map(quadKeyToFeature))\n        multipleFeatureSets = mappedFeatures.map(f => f?.map(setDensity) ?? [])\n      } else {\n        error = new Error('Cannot find payloads for provided hashes')\n      }\n    }\n\n    // Convert Single Payload from Quadkey to GeoJson\n    if (payloads && (payloads as NetworkLocationHeatmapQuadkeyAnswerPayload).result) {\n      const singlePayload = payloads as NetworkLocationHeatmapQuadkeyAnswerPayload\n      const mappedFeatures = singlePayload.result.map(quadKeyToFeature)\n      features = mappedFeatures.map(setDensity)\n    }\n\n    return {\n      multipleFeatureSets, features, error,\n    }\n  }, [payloads])\n\n  return {\n    error, features, multipleFeatureSets,\n  }\n}\n\nexport { useQuadKeyPayloadsToFeatures }\n","import { GeoJson } from '@xylabs/geo'\nimport { assertEx } from '@xylabs/sdk-js'\nimport type { Feature, Geometry } from 'geojson'\nimport type { GeoJSONSource, Map } from 'mapbox-gl'\n\nimport type { MapLayer } from '../Layers/index.ts'\n\nexport interface MapBaseConfig<T extends Geometry> {\n  features: Feature<T>[]\n  map: Map\n  requestLocation?: boolean\n  zoom?: number\n}\n\nexport abstract class MapBase<T extends Geometry> {\n  private _config: MapBaseConfig<T>\n\n  constructor(config: MapBaseConfig<T>) {\n    this._config = {\n      requestLocation: true, zoom: 2, ...config,\n    }\n  }\n\n  get isMapReady() {\n    return !!this._config.map\n  }\n\n  initializeMapSource(layer: MapLayer) {\n    const getSource = () => {\n      const featuresCollection = GeoJson.featureCollection(this._config.features)\n      return GeoJson.featuresSource(featuresCollection)\n    }\n\n    const existingSource = this._config.map.getSource(layer.source as string) as GeoJSONSource\n    const source = getSource()\n    if (existingSource) {\n      existingSource.setData(assertEx(source.data as GeoJSON.Feature<GeoJSON.Geometry> | GeoJSON.FeatureCollection<GeoJSON.Geometry>))\n    } else {\n      this._config.map.addSource(layer.source as string, source)\n    }\n    layer.update(this._config.map, true)\n\n    return this\n  }\n}\n","import { GeoJson } from '@xylabs/geo'\nimport {\n  assertEx, delay, forget,\n} from '@xylabs/sdk-js'\nimport type { Feature, Polygon } from 'geojson'\nimport type {\n  DataDrivenPropertyValueSpecification,\n  GeoJSONSource, GeoJSONSourceSpecification, Map, MapOptions,\n} from 'mapbox-gl'\nimport { LngLatBounds } from 'mapbox-gl'\n\nimport type { MapLayer } from '../Layers/index.ts'\nimport type { MapBaseConfig } from './MapBase.ts'\nimport { MapBase } from './MapBase.ts'\n\nexport class MapHeat extends MapBase<Polygon> {\n  static animationStarted = false\n\n  config: MapBaseConfig<Polygon>\n  constructor(config: MapBaseConfig<Polygon>) {\n    super(config)\n    this.config = config\n  }\n\n  static initialMapPositioning(options: MapOptions['fitBoundsOptions'], map: Map, features?: Feature<Polygon>[], initialBounds?: LngLatBounds) {\n    if (!features) {\n      return\n    }\n\n    let bounds: LngLatBounds\n\n    if (initialBounds) {\n      bounds = initialBounds\n    } else {\n      bounds = new LngLatBounds()\n\n      // eslint-disable-next-line unicorn/no-array-for-each\n      features.forEach((feature: Feature<Polygon>) => {\n        for (const coordinates of feature.geometry.coordinates) {\n          for (const position of coordinates) {\n            bounds.extend(position as [number, number])\n          }\n        }\n      })\n    }\n\n    map.setCenter(bounds.getCenter())\n    map.fitBounds(bounds, options)\n    return this\n  }\n\n  static async initializeAnimatedHeatMapSource(\n    layers: MapLayer[],\n    featureSet: Feature<Polygon>[][],\n    map: Map,\n    startColor?: string,\n    endColor?: string,\n  ) {\n    this.animationStarted = true\n    let layerTick = 0\n    let sourceTick = 0\n\n    const sources = featureSet.map((feature) => {\n      const featuresCollection = GeoJson.featureCollection(feature)\n      return GeoJson.featuresSource(featuresCollection)\n    })\n    this.updateLayer(map, layers[0], sources[0])\n    this.updateLayer(map, layers[1], sources[1])\n\n    for (const layer of layers) {\n      map.setPaintProperty(layer.id, 'fill-opacity', 0)\n    }\n\n    const frameLength = 3000\n    const initialPad = 0.5\n    const factor = 10\n    const steps = 30\n    const stepLength = frameLength / steps\n    const lowUsageColor = startColor ?? '#FFB3B3'\n    const highUsageColor = endColor ?? '#FF0000'\n\n    // Max density at i=0, min density at i=steps\n    const dynamicFillColor = (factor: number, initialPad: number, i: number): DataDrivenPropertyValueSpecification<string> => {\n      const sinFade = Math.sin(((i / steps) * Math.PI) / 2)\n      const cosFade = Math.cos(((i / steps) * Math.PI) / 2)\n      // we want the divisor to always be at least 1x the desired factor but will go up to\n      // 2x factor to account for combinative effect of the overlay of two layers at once\n      const divisor = factor + factor * sinFade\n      const offset = initialPad * cosFade\n      return [\n        'let',\n        'density',\n        ['+', ['/', ['number', ['get', 'value']], divisor], offset],\n        ['interpolate', ['linear'], ['var', 'density'], 0, lowUsageColor, 0.5, highUsageColor],\n      ]\n    }\n\n    const fadedIn: boolean[] = layers.map(_ => false)\n\n    const fadeIn = async (id: string, index: number) => {\n      for (let i = steps; i >= 1; i--) {\n        map.setPaintProperty(id, 'fill-color', dynamicFillColor(factor, initialPad, i * (180 / stepLength)))\n        await delay(stepLength)\n      }\n      fadedIn[index] = true\n    }\n\n    const fadeOut = async (id: string, index: number) => {\n      for (let i = 1; i <= steps; i++) {\n        map.setPaintProperty(id, 'fill-color', dynamicFillColor(factor, initialPad, i * (180 / stepLength)))\n        await delay(stepLength)\n      }\n      fadedIn[index] = false\n    }\n\n    let started = false\n    const startAnimation = async () => {\n      assertEx(!started, () => 'Animation Already Started')\n      started = true\n      while (this.animationStarted) {\n        const upLayer = layerTick % layers.length\n        const downLayer = (layerTick + 1) % layers.length\n\n        const incomingSource = sourceTick % featureSet.length\n        const outgoingSource = (sourceTick + 1) % featureSet.length\n\n        // console.log('incoming / outgoing source', incomingSource, outgoingSource)\n\n        // console.log(`animate: [${upLayer}, ${downLayer}]`)\n        if (fadedIn[upLayer]) {\n          this.updateLayer(map, layers[upLayer], sources[incomingSource])\n          forget(fadeOut(layers[upLayer].id, upLayer))\n        }\n        if (!fadedIn[downLayer]) {\n          this.updateLayer(map, layers[downLayer], sources[outgoingSource])\n          forget(fadeIn(layers[downLayer].id, downLayer))\n        }\n        while ((fadedIn[upLayer] || !fadedIn[downLayer]) && this.animationStarted) {\n          // console.log(`checking: [${fadedIn[upLayer]}, ${!fadedIn[downLayer]}]`)\n          await delay(1000)\n        }\n        layerTick++\n        sourceTick++\n\n        // console.log(`this.layerTick: ${layerTick}`)\n        // console.log(`this.sourceTick: ${sourceTick}`)\n      }\n    }\n\n    await startAnimation()\n  }\n\n  private static updateLayer(map: Map, layer: MapLayer, source: GeoJSONSourceSpecification) {\n    const existingSource = map.getSource(layer.source as string) as GeoJSONSource\n    if (existingSource && source.data) {\n      existingSource.setData(source.data as GeoJSON.Feature<GeoJSON.Geometry> | GeoJSON.FeatureCollection<GeoJSON.Geometry>)\n    } else if (source) {\n      map.addSource(layer.source as string, source)\n    }\n    layer.update(map, true)\n  }\n\n  // Build layers each with the same features\n  initializeHeatMapSource(layers: MapLayer[]) {\n    const getSource = (_: number) => {\n      const featuresCollection = GeoJson.featureCollection(this.config.features)\n      return GeoJson.featuresSource(featuresCollection)\n    }\n\n    for (const [index, layer] of layers.entries()) {\n      const existingSource = this.config.map.getSource(layer.source as string) as GeoJSONSource\n      const source = getSource(index)\n      if (existingSource) {\n        existingSource.setData(assertEx(source.data) as GeoJSON.Feature<GeoJSON.Geometry> | GeoJSON.FeatureCollection<GeoJSON.Geometry>)\n      } else {\n        this.config.map.addSource(layer.source as string, source)\n      }\n      layer.update(this.config.map, true)\n    }\n\n    return this\n  }\n}\n","import type { Feature, Point } from 'geojson'\nimport type { MapOptions } from 'mapbox-gl'\nimport { LngLatBounds } from 'mapbox-gl'\n\nimport type { MapBaseConfig } from './MapBase.ts'\nimport { MapBase } from './MapBase.ts'\n\nexport interface MapPointsConfig extends MapBaseConfig<Point> {\n  features: Feature<Point>[]\n}\n\nexport class MapPoints extends MapBase<Point> {\n  private config: MapPointsConfig\n\n  constructor(config: MapPointsConfig) {\n    super(config)\n    this.config = config\n  }\n\n  initialMapPositioning(options: MapOptions['fitBoundsOptions'], initialBounds?: LngLatBounds) {\n    let bounds: LngLatBounds\n\n    if (initialBounds) {\n      bounds = initialBounds\n    } else {\n      bounds = new LngLatBounds()\n\n      // eslint-disable-next-line unicorn/no-array-for-each\n      this.config.features.forEach((feature: Feature<Point>) => {\n        bounds.extend(feature.geometry.coordinates as [number, number])\n      })\n    }\n\n    this.config.map.setCenter(bounds.getCenter())\n    this.config.map.fitBounds(bounds, options)\n\n    return this.config.map\n  }\n}\n","import type { MapSetting } from '@xyo-network/react-map-model'\nimport type {\n  Map, MapEventOf, MapEventType,\n} from 'mapbox-gl'\nimport { GeolocateControl, NavigationControl } from 'mapbox-gl'\n\nexport interface MapSettingsConfig {\n  debugLayerName?: string\n  map: Map\n  requestLocation?: boolean\n  settings: MapSetting\n  zoom?: number\n}\n\n/**\n * Utility class to handle changes in settings\n *\n * Methods are pure functions dedicated to map manipulation\n */\nexport class MapSettings {\n  static geoLocateControl: GeolocateControl | undefined\n\n  static mapListeners = {\n    logData: (ev?: MapEventOf<MapEventType>, map?: Map) => {\n      const target = map || ev?.target\n      if (target) {\n        console.log('zoom', target.getZoom())\n        console.log('center', target.getCenter())\n      }\n    },\n  }\n\n  static navControl: NavigationControl | undefined\n\n  static requestLocation: boolean | undefined\n\n  static toggleControls(value: boolean | undefined, map: Map, zoom?: number, requestLocation?: boolean) {\n    if (value) {\n      MapSettings.addControls(map, zoom, requestLocation)\n    } else {\n      MapSettings.removeControls(map)\n    }\n\n    return this\n  }\n\n  static toggleDebugLayer(value: boolean | undefined, map: Map, layerName: string) {\n    const debugLayer = map.getLayer(layerName)\n    if (debugLayer) {\n      if (value) {\n        map.setLayoutProperty(layerName, 'visibility', 'visible')\n      } else {\n        map.setLayoutProperty(layerName, 'visibility', 'none')\n      }\n    }\n\n    return this\n  }\n\n  static toggleDebugLogging(value: boolean | undefined, map: Map) {\n    const debugEvents: MapEventType[] = ['resize', 'zoomend', 'dragend']\n    if (value) {\n      // initial values\n      this.mapListeners.logData(undefined, map)\n      for (const event of debugEvents) map.on(event, this.mapListeners.logData)\n    } else {\n      for (const event of debugEvents) map.off(event, this.mapListeners.logData)\n    }\n  }\n\n  static toggleScrollToZoom(value: boolean | undefined, map: Map) {\n    if (value) {\n      map.scrollZoom.enable()\n    } else {\n      map.scrollZoom.disable()\n    }\n\n    return this\n  }\n\n  static updateSettings(config: MapSettingsConfig) {\n    const {\n      settings, map, zoom, requestLocation, debugLayerName = '',\n    } = config\n    const {\n      scrollToZoom, enableControls, debugLayer, debugLogging,\n    } = settings\n\n    MapSettings.toggleControls(enableControls?.value, map, zoom, requestLocation)\n      .toggleScrollToZoom(scrollToZoom?.value, map)\n      .toggleDebugLayer(debugLayer?.value, map, debugLayerName)\n      .toggleDebugLogging(debugLogging.value, map)\n  }\n\n  // Needs to be static so we ensure controls are only instantiated once\n  private static addControls(map: Map, zoom?: number, requestLocation?: boolean) {\n    const geolocateControl = new GeolocateControl({\n      fitBoundsOptions: { zoom: zoom || 2 },\n      positionOptions: { enableHighAccuracy: true },\n      trackUserLocation: true,\n    })\n\n    const navControl = new NavigationControl({ showCompass: false })\n\n    this.geoLocateControl = this.geoLocateControl || geolocateControl\n    this.navControl = this.navControl || navControl\n\n    if (!map.hasControl(this.geoLocateControl) && requestLocation) {\n      map.addControl(this.geoLocateControl)\n    }\n\n    if (!map.hasControl(this.navControl)) {\n      map.addControl(this.navControl, 'top-left')\n    }\n\n    return this\n  }\n\n  private static removeControls(map: Map) {\n    if (this.geoLocateControl && map.hasControl(this.geoLocateControl) && this.requestLocation) {\n      map.removeControl(this.geoLocateControl)\n    }\n\n    if (this.navControl && map.hasControl(this.navControl)) {\n      map.removeControl(this.navControl)\n    }\n\n    return this\n  }\n}\n","import type { Map } from 'mapbox-gl'\nimport type { PropsWithChildren } from 'react'\nimport React, {\n  useEffect, useMemo, useState,\n} from 'react'\n\nimport { MapBoxInstanceContext } from './Context.ts'\n\nexport const MapBoxInstanceProvider: React.FC<PropsWithChildren> = ({ children }) => {\n  const [map, setMap] = useState<Map>()\n  const [mapInitialized, setMapInitialized] = useState(false)\n\n  const value = useMemo(() => ({\n    map, mapInitialized, setMapBoxInstance: setMap,\n  }), [map, mapInitialized])\n\n  useEffect(() => {\n    if (!mapInitialized && map) {\n      map?.on('load', () => {\n        setMapInitialized(true)\n      })\n    }\n  }, [map, mapInitialized, setMapInitialized])\n\n  return <MapBoxInstanceContext value={value}>{children}</MapBoxInstanceContext>\n}\n","import { createContext } from 'react'\n\nimport type { MapBoxInstanceState } from './State.ts'\n\nconst MapBoxInstanceContext = createContext<MapBoxInstanceState>({})\n\nexport { MapBoxInstanceContext }\n","import { assertEx } from '@xylabs/sdk-js'\nimport { use } from 'react'\n\nimport { MapBoxInstanceContext } from './Context.ts'\n\nconst useMapBoxInstance = () => {\n  const context = use(MapBoxInstanceContext)\n  assertEx('map' in context, () => 'useMapBoxInstance must be used within a MapBoxInstanceContext')\n\n  return context\n}\n\nexport { useMapBoxInstance }\n","import type { MapSetting } from '@xyo-network/react-map-model'\nimport type { PropsWithChildren } from 'react'\nimport React, {\n  useEffect, useMemo, useState,\n} from 'react'\n\nimport { MapSettings } from '../../MapBoxClasses/index.ts'\nimport { useMapBoxInstance } from '../MapBoxInstance/index.ts'\nimport { MapSettingsContext } from './Context.ts'\nimport type { MapSettingsState } from './State.ts'\n\nexport interface MapSettingsProviderProps {\n  debugLayerName?: string\n  defaultMapSettings?: MapSetting\n  requestLocation?: boolean\n  zoom?: number\n}\n\nexport const MapSettingsProvider: React.FC<PropsWithChildren<MapSettingsProviderProps>> = ({\n  children,\n  debugLayerName,\n  defaultMapSettings,\n  requestLocation,\n  zoom = 1,\n}) => {\n  const [mapSettings, setMapSettings] = useState<MapSetting>(defaultMapSettings || {})\n  const { map, mapInitialized } = useMapBoxInstance()\n\n  const value: MapSettingsState = useMemo(() => ({\n    mapSettings,\n    setMapSettings,\n  }), [mapSettings, setMapSettings])\n\n  useEffect(() => {\n    if (mapSettings && map && mapInitialized) {\n      MapSettings.updateSettings({\n        debugLayerName, map, requestLocation, settings: mapSettings, zoom,\n      })\n    }\n  }, [debugLayerName, map, mapInitialized, mapSettings, requestLocation, zoom])\n\n  return <MapSettingsContext value={value}>{children}</MapSettingsContext>\n}\n","import { createContext } from 'react'\n\nimport type { MapSettingsState } from './State.ts'\n\nconst MapSettingsContext = createContext<MapSettingsState>({})\n\nexport { MapSettingsContext }\n","import { use } from 'react'\n\nimport { MapSettingsContext } from './Context.ts'\n\nconst useMapSettings = () => {\n  const context = use(MapSettingsContext)\n\n  return context\n}\n\nexport { useMapSettings }\n","import { createContext } from 'react'\n\nimport type { HeatMapInitializerState } from './State.ts'\n\nconst HeatMapInitializerContext = createContext<HeatMapInitializerState>({})\n\nexport { HeatMapInitializerContext }\n","import { assertEx } from '@xylabs/sdk-js'\nimport { use } from 'react'\n\nimport { HeatMapInitializerContext } from './Context.ts'\n\nconst useHeatMapInitializer = () => {\n  const context = use(HeatMapInitializerContext)\n  assertEx('heatMapInitialized' in context, () => 'useHeatMapInitializer must be used within a HeatMapInitializerContext')\n\n  return context\n}\n\nexport { useHeatMapInitializer }\n","import type { FillLayerSpecification } from 'mapbox-gl'\n\nexport const HeatMapFillLayerConfig: (color: string) => Partial<FillLayerSpecification> = color => ({\n  paint: {\n    'fill-color': color,\n    'fill-opacity': [\n      'let',\n      'density',\n      ['+', ['/', ['number', ['get', 'value']], 4], 0.125],\n      ['interpolate', ['linear'], ['var', 'density'], 0.8, ['var', 'density'], 1, 0.85],\n    ],\n  },\n})\n","import type { LineLayerSpecification } from 'mapbox-gl'\n\nexport const HeatMapLineLayerConfig: (color: string) => Partial<LineLayerSpecification> = color => ({\n  layout: {\n    // Enable for debugging\n    visibility: 'none',\n  },\n  paint: {\n    'line-color': color,\n    'line-opacity': ['let', 'density', 0, ['interpolate', ['linear'], ['var', 'density'], 0.8, ['var', 'density'], 1, 0.85]],\n    'line-width': 0.5,\n  },\n})\n","import type { SymbolLayerSpecification } from 'mapbox-gl'\n\nexport const HeatMapSymbolLayerConfig: (color: string) => Partial<SymbolLayerSpecification> = color => ({\n  layout: {\n    'text-anchor': 'center',\n    'text-field': [\n      'concat',\n      'value: ',\n      ['to-string', ['+', ['/', ['number', ['get', 'value']], 2], 0.25]],\n      '\\n',\n      'count: ',\n      ['to-string', ['get', 'count']],\n    ],\n    'text-size': 10,\n    'visibility': 'none',\n  },\n  paint: { 'text-color': color },\n})\n","import type { CircleLayerSpecification } from 'mapbox-gl'\n\nexport const LocationPointLayerConfig: (color: string, circleRadius: number, circleOpacity: number) => Partial<CircleLayerSpecification> = (\n  color,\n  circleRadius,\n  circleOpacity,\n) => {\n  return {\n    paint: {\n      'circle-color': color,\n      'circle-opacity': circleOpacity,\n      'circle-radius': circleRadius,\n    },\n  }\n}\n","import { LayerBase } from '@xylabs/geo'\nimport type { FillLayerSpecification } from 'mapbox-gl'\n\nexport class FillLayerBuilder extends LayerBase<FillLayerSpecification> {\n  FillLayerOptions: Partial<FillLayerSpecification>\n\n  // ensures this class passes for `AnyLayer` type in MapBox\n  type: 'fill' = 'fill' as const\n\n  constructor(id: string, source: string, FillLayerOptions?: Partial<FillLayerSpecification>) {\n    super(id, source)\n    this.FillLayerOptions = FillLayerOptions || { id: this.id, source: this.source }\n  }\n\n  buildLayer(): FillLayerSpecification {\n    return {\n      ...this.FillLayerOptions,\n      id: this.id,\n      source: this.source,\n      type: this.type,\n    }\n  }\n}\n","import { LayerBase } from '@xylabs/geo'\nimport type { LineLayerSpecification } from 'mapbox-gl'\n\nexport class LineLayerBuilder extends LayerBase<LineLayerSpecification> {\n  LineLayerOptions: Partial<LineLayerSpecification>\n\n  // ensures this class passes for `AnyLayer` type in MapBox\n  type: 'line' = 'line' as const\n\n  constructor(id: string, source: string, LineLayerOptions?: Partial<LineLayerSpecification>) {\n    super(id, source)\n    this.LineLayerOptions = LineLayerOptions || { id: this.id, source: this.source }\n  }\n\n  buildLayer(): LineLayerSpecification {\n    return {\n      ...this.LineLayerOptions,\n      id: this.id,\n      layout: {},\n      source: this.source,\n      type: this.type,\n    }\n  }\n}\n","import { LayerBase } from '@xylabs/geo'\nimport type { SymbolLayerSpecification } from 'mapbox-gl'\n\nexport class SymbolLayerBuilder extends LayerBase<SymbolLayerSpecification> {\n  SymbolLayerOptions: Partial<SymbolLayerSpecification>\n\n  // ensures this class passes for `AnyLayer` type in MapBox\n  type: 'symbol' = 'symbol' as const\n\n  constructor(id: string, source: string, SymbolLayerOptions?: Partial<SymbolLayerSpecification>) {\n    super(id, source)\n    this.SymbolLayerOptions = SymbolLayerOptions || { id: this.id, source: this.source }\n  }\n\n  buildLayer(): SymbolLayerSpecification {\n    return {\n      ...this.SymbolLayerOptions,\n      id: this.id,\n      source: this.source,\n      type: this.type,\n    }\n  }\n}\n","import {\n  HeatMapFillLayerConfig, HeatMapLineLayerConfig, HeatMapSymbolLayerConfig,\n} from '../Configs/index.ts'\nimport { FillLayerBuilder } from '../FillLayer.ts'\nimport { LineLayerBuilder } from '../LineLayer.ts'\nimport { SymbolLayerBuilder } from '../SymbolLayer.ts'\n\nexport const MapHeatConstants = {\n  LocationDebugLayerId: 'location-debug-id',\n  LocationDebugLayerSource: 'location-debug-source',\n  LocationFillLayerId: 'location-fill-id',\n  LocationFillLayerSource: 'location-fill-source',\n  LocationLineLayerId: 'location-line-id',\n  LocationLineLayerSource: 'location-line-source',\n}\n\nexport const LocationHeatMapLayerBuilder = (color: string, alternateColor = '#000') => {\n  const {\n    LocationFillLayerId,\n    LocationFillLayerSource,\n    LocationLineLayerId,\n    LocationLineLayerSource,\n    LocationDebugLayerId,\n    LocationDebugLayerSource,\n  } = MapHeatConstants\n\n  const fillLayerConfig = HeatMapFillLayerConfig(color)\n  const lineLayerConfig = HeatMapLineLayerConfig(color)\n  const debugLayerConfig = HeatMapSymbolLayerConfig(alternateColor)\n\n  const fillLayer = new FillLayerBuilder(LocationFillLayerId, LocationFillLayerSource, fillLayerConfig)\n  const lineLayer = new LineLayerBuilder(LocationLineLayerId, LocationLineLayerSource, lineLayerConfig)\n  const debugLayer = new SymbolLayerBuilder(LocationDebugLayerId, LocationDebugLayerSource, debugLayerConfig)\n\n  return [fillLayer, lineLayer, debugLayer]\n}\n","import { HeatMapFillLayerConfig } from '../Configs/index.ts'\nimport { FillLayerBuilder } from '../FillLayer.ts'\n\nconst MapHeatConstants = (index: number, type: string) => ({\n  LocationDebugLayerId: `location-${type}-debug-id-${index}`,\n  LocationDebugLayerSource: `location-${type}-debug-source-${index}`,\n  LocationFillLayerId: `location-${type}-fill-id-${index}`,\n  LocationFillLayerSource: `location-${type}-fill-source-${index}`,\n  LocationLineLayerId: `location-${type}-line-id-${index}`,\n  LocationLineLayerSource: `location-${type}-line-source-${index}`,\n})\n\nexport const LocationHeatMapLayerBuilderAnimated = (color: string, index: number, type = '') => {\n  const { LocationFillLayerId, LocationFillLayerSource } = MapHeatConstants(index, type)\n\n  const fillLayerConfig = HeatMapFillLayerConfig(color)\n\n  const fillLayer = new FillLayerBuilder(LocationFillLayerId, LocationFillLayerSource, fillLayerConfig)\n\n  return fillLayer\n}\n","import { LayerBase } from '@xylabs/geo'\nimport type { CircleLayerSpecification } from 'mapbox-gl'\n\nexport class CircleLayerBuilder extends LayerBase<CircleLayerSpecification> {\n  CircleLayerOptions: Partial<CircleLayerSpecification>\n\n  // ensures this class passes for `AnyLayer` type in MapBox\n  type: 'circle' = 'circle' as const\n\n  constructor(id: string, source: string, CircleLayerOptions?: Partial<CircleLayerSpecification>) {\n    super(id, source)\n    this.CircleLayerOptions = CircleLayerOptions || {\n      id: this.id, source: this.source, type: 'circle',\n    }\n  }\n\n  buildLayer(): CircleLayerSpecification {\n    return {\n      filter: ['==', '$type', 'Point'],\n      layout: {},\n      paint: {\n        'circle-color': '#ff0000',\n        'circle-radius': 6,\n      },\n      type: this.type,\n      ...this.CircleLayerOptions,\n      id: this.id,\n      source: this.source,\n    }\n  }\n}\n","import { CircleLayerBuilder } from '../CircleLayer.ts'\nimport { LocationPointLayerConfig } from '../Configs/index.ts'\n\nexport const MapPointsConstants = {\n  LocationDotsLayerId: 'location-dots',\n  LocationDotsLayerSource: 'location-dots-source',\n}\n\nexport const LocationPointsMapLayerBuilder = (color: string, circleRadius = 6, circleOpacity = 0.8) => {\n  const { LocationDotsLayerId, LocationDotsLayerSource } = MapPointsConstants\n\n  const dotLayerConfig = LocationPointLayerConfig(color, circleRadius, circleOpacity)\n\n  const dotLayer = new CircleLayerBuilder(LocationDotsLayerId, LocationDotsLayerSource, dotLayerConfig)\n\n  return [dotLayer]\n}\n","import { FlexCol } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport type { MapboxFlexBoxProps } from '../lib/index.ts'\nimport { MapBox } from './MapBox.tsx'\nimport { MapSettingsBox } from './MapSettingsComponents/index.ts'\n\nexport const MapboxHeatFlexBox: React.FC<MapboxFlexBoxProps> = ({\n  accessToken, children, mapBoxOptions, zoom, legend, developerMode, ...props\n}) => {\n  return (\n    <FlexCol {...props}>\n      <MapBox accessToken={accessToken} options={mapBoxOptions} zoom={zoom} />\n      <MapSettingsBox developerMode={developerMode} />\n      {legend}\n      {children}\n    </FlexCol>\n  )\n}\n","// eslint-disable-next-line import-x/no-internal-modules\nimport 'mapbox-gl/dist/mapbox-gl.css'\n\nimport { MapStyle } from '@xyo-network/react-map-model'\nimport type { MapOptions } from 'mapbox-gl'\nimport { Map } from 'mapbox-gl'\nimport React, { useEffect, useRef } from 'react'\n\nimport { useMapBoxInstance, useMapSettings } from '../Contexts/index.ts'\nimport { useDynamicMapResize } from '../hooks/index.ts'\n\nexport interface MapBoxProps {\n  accessToken: string\n  darkMode?: boolean\n  options?: Partial<MapOptions>\n  zoom?: number\n}\n\nexport const MapBox: React.FC<MapBoxProps> = ({\n  accessToken, darkMode = false, options, zoom = 2, ...props\n}) => {\n  const mapRef = useRef<Map>(undefined)\n  const mapContainerRef = useRef<HTMLDivElement>(null)\n  const mapCanvasRef = useRef<HTMLCanvasElement>(null)\n  const { setMapBoxInstance, map: mapInstance } = useMapBoxInstance()\n  const { mapSettings } = useMapSettings()\n\n  const activeResize = mapSettings?.dynamicMapResize.value\n  useDynamicMapResize(mapContainerRef, mapCanvasRef, mapInstance, activeResize)\n\n  useEffect(() => {\n    if (mapSettings?.preferDark?.value === true) {\n      mapRef.current?.setStyle(`mapbox://styles/${MapStyle.Dark}`)\n    } else {\n      mapRef.current?.setStyle(`mapbox://styles/${darkMode ? MapStyle.Dark : MapStyle.Light}`)\n    }\n  }, [darkMode, mapSettings])\n\n  useEffect(() => {\n    const map = new Map({\n      accessToken,\n      center: [0, 0],\n      container: mapContainerRef.current ?? '',\n      style: `mapbox://styles/${MapStyle.Light}`,\n      zoom,\n      ...options,\n    })\n\n    // Allow external components to control the map\n    mapRef.current = map\n    setMapBoxInstance?.(map)\n\n    // save the map canvas ref to help with resizing\n    mapCanvasRef.current = document.querySelector('.mapboxgl-canvas') as HTMLCanvasElement | null\n\n    console.log('Created Map')\n\n    return () => {\n      console.log('Removing Map')\n      map.remove()\n    }\n  }, [mapContainerRef, options, zoom, setMapBoxInstance, accessToken])\n\n  return (\n    <div\n      ref={(el) => { mapContainerRef.current = el }}\n      style={{\n        bottom: 0,\n        left: 0,\n        position: 'absolute',\n        right: 0,\n        top: 0,\n        ...props,\n      }}\n    />\n  )\n}\n","import type { SwitchProps } from '@mui/material'\nimport { FormControlLabel, Switch } from '@mui/material'\nimport React from 'react'\n\nimport { useMapSettings } from '../../Contexts/index.ts'\n\nexport interface MapSettingSwitchProps extends SwitchProps {\n  developerMode?: boolean\n  field: string\n}\n\nexport const MapSettingSwitch: React.FC<MapSettingSwitchProps> = ({\n  developerMode, field, ...props\n}) => {\n  const { mapSettings, setMapSettings } = useMapSettings()\n  const setting = mapSettings?.[field]\n\n  const onLocalChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (setting) {\n      setMapSettings?.((previous) => {\n        previous[setting.field].value = event.target.checked\n        return { ...previous }\n      })\n    }\n  }\n\n  if (setting?.devMode && developerMode === false) {\n    return null\n  }\n\n  return setting?.hidden\n    ? null\n    : (\n        <FormControlLabel label={setting?.label} control={<Switch checked={setting?.value} onChange={onLocalChange} {...props} />} />\n      )\n}\n","import { Paper, Stack } from '@mui/material'\nimport { useAppSettings } from '@xylabs/react-app-settings'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexGrowRow, FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { useMapSettings } from '../../Contexts/index.ts'\nimport { MapSettingSwitch } from './Setting.tsx'\n\nexport interface MapSettingsBoxProps extends FlexBoxProps {\n  developerMode?: boolean\n}\n\nexport const MapSettingsBox: React.FC<MapSettingsBoxProps> = ({ developerMode, ...props }) => {\n  const { mapSettings } = useMapSettings()\n  const { developerMode: devModeFromContext } = useAppSettings()\n  const resolveDeveloperMode = developerMode ?? devModeFromContext\n\n  return mapSettings && resolveDeveloperMode\n    ? (\n        <FlexGrowRow bottom={36} left={10} position=\"absolute\" {...props}>\n          <FlexRow paddingX={2}>\n            <Paper>\n              <Stack direction=\"row\" spacing={1} marginX={1}>\n                {Object.keys(mapSettings).map((key) => {\n                  return <MapSettingSwitch key={key} field={mapSettings[key].field} developerMode={developerMode} />\n                })}\n              </Stack>\n            </Paper>\n          </FlexRow>\n        </FlexGrowRow>\n      )\n    : null\n}\n","import { Alert, AlertTitle } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { useWeakArchivistFromNode, useWeakArchivistGet } from '@xyo-network/react-archivist'\nimport type { NetworkLocationHeatmapQuadkeyAnswerPayload } from '@xyo-network/react-map-model'\nimport {\n  AnimatedHeatMapSettings,\n  useFindHashes, useHeatMapColors,\n} from '@xyo-network/react-map-model'\nimport type { Feature, Polygon } from 'geojson'\nimport React from 'react'\n\nimport { useQuadKeyPayloadsToFeatures } from '../hooks/index.ts'\nimport { AnimatedHeatMap } from './AnimatedHeatMap.tsx'\nimport { AnimatedHeatMapLegend } from './Legend.tsx'\n\nexport interface AnimatedHeatMapLoadedProps extends FlexBoxProps {\n  accessToken: string\n  archivistNameOrAddress: string\n}\n\nexport const AnimatedHeatMapLoaded: React.FC<AnimatedHeatMapLoadedProps> = ({\n  accessToken, archivistNameOrAddress, ...props\n}) => {\n  const hashes = useFindHashes()\n  const [archivist] = useWeakArchivistFromNode(archivistNameOrAddress)\n  const [payloads, xyoError] = useWeakArchivistGet<NetworkLocationHeatmapQuadkeyAnswerPayload>(archivist, hashes)\n  const { multipleFeatureSets } = useQuadKeyPayloadsToFeatures(payloads)\n  const { heatMapColorProps, legendProps } = useHeatMapColors()\n\n  const MapBoxHeatProps = {\n    flexGrow: 1,\n    legend: legendProps ? <AnimatedHeatMapLegend {...legendProps} /> : null,\n  }\n\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      {xyoError\n        ? (\n            <Alert sx={{ mt: 2 }}>\n              <AlertTitle>Error Loading Map</AlertTitle>\n              {xyoError.message ? `Error: ${xyoError.message}` : null}\n              You might try authenticating again.\n            </Alert>\n          )\n        : null}\n      {hashes === undefined\n        ? <Alert>Missing answer hash for heat map query</Alert>\n        : (\n            <AnimatedHeatMap\n              accessToken={accessToken}\n              defaultMapSettings={AnimatedHeatMapSettings}\n              animatedFeatureSets={multipleFeatureSets.slice(1) as Feature<Polygon>[][]}\n              staticFeatureSet={multipleFeatureSets[0] as Feature<Polygon>[]}\n              heatMapColorProps={heatMapColorProps}\n              {...MapBoxHeatProps}\n            />\n          )}\n    </FlexCol>\n  )\n}\n","import { useMediaQuery, useTheme } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport type { ColorGradientLegendProps } from '@xyo-network/react-map-model'\nimport React from 'react'\n\nimport { ColorGradientLegend } from './Legends/index.ts'\n\nconst AnimatedHeatMapLegend: React.FC<ColorGradientLegendProps> = ({ ...legendProps }) => {\n  const {\n    startColor, endColor, startLabel, endLabel, heading, textColor,\n  } = legendProps\n  const theme = useTheme()\n  const isSmall = useMediaQuery(theme.breakpoints.down('sm'))\n\n  return (\n    <FlexCol position=\"absolute\" bottom={0} right={0}>\n      <ColorGradientLegend\n        startColor={startColor}\n        endColor={endColor}\n        startLabel={startLabel}\n        endLabel={endLabel}\n        heading={heading}\n        textColor={textColor}\n        {...{\n          alignItems: 'stretch',\n          marginBottom: theme.spacing(4),\n          marginLeft: isSmall ? theme.spacing(3) : 0,\n          marginRight: isSmall ? theme.spacing(2) : theme.spacing(3),\n          width: isSmall ? '40vw' : theme.spacing(18),\n        }}\n      />\n    </FlexCol>\n  )\n}\n\nexport { AnimatedHeatMapLegend }\n","import { Typography, useTheme } from '@mui/material'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport type { ColorGradientLegendProps } from '@xyo-network/react-map-model'\nimport React from 'react'\n\nconst ColorGradientLegend: React.FC<ColorGradientLegendProps> = ({\n  startColor, endColor, startLabel, endLabel, heading, textColor, ...props\n}) => {\n  const theme = useTheme()\n\n  return (\n    <FlexCol {...props}>\n      <Typography mb={theme.spacing(0.25)} color={textColor} variant=\"caption\" textAlign=\"center\">\n        {heading}\n      </Typography>\n      <FlexCol flexGrow={1} alignItems=\"stretch\" paddingX={theme.spacing(1)} mb={theme.spacing(0.25)}>\n        <FlexCol\n          height={theme.spacing(0.75)}\n          border={`1px solid ${textColor}`}\n          sx={{ backgroundImage: `linear-gradient(to right, ${startColor},${endColor})` }}\n        />\n      </FlexCol>\n      <FlexRow flexGrow={1} justifyContent=\"space-between\">\n        <Typography color={textColor} variant=\"caption\">\n          {startLabel}\n        </Typography>\n        <Typography color={textColor} variant=\"caption\">\n          {endLabel}\n        </Typography>\n      </FlexRow>\n    </FlexCol>\n  )\n}\n\nexport { ColorGradientLegend }\n","import { DefaultMapSettings } from '@xyo-network/react-map-model'\n\nconst HeatMapSettings = DefaultMapSettings()\nconst {\n  debugLayer, scrollToZoom, fitToPoints,\n} = HeatMapSettings\ndebugLayer.hidden = false\nscrollToZoom.value = true\nfitToPoints.value = true\n\nexport { HeatMapSettings }\n","import { useInterval } from '@xylabs/react-shared'\nimport type { Map } from 'mapbox-gl'\nimport type { PropsWithChildren } from 'react'\nimport React, {\n  useCallback, useEffect, useMemo, useRef,\n} from 'react'\n\nimport type { MapLayer } from '../Layers/index.ts'\nimport type { MapboxFlexBoxProps } from '../lib/index.ts'\n\nexport interface LayerAnimatorProps {\n  animateLayers?: boolean\n  layers: MapboxFlexBoxProps['layers']\n  layersInitialized: boolean\n  map: Map | undefined\n}\n\nconst timeIncrement = 2000\nconst animatedLayerCount = 3\n\nexport const LayerAnimator: React.FC<PropsWithChildren<LayerAnimatorProps>> = ({\n  animateLayers, children, layers, layersInitialized, map,\n}) => {\n  const layerIndexQueueRef = useRef<number[]>([])\n\n  const fillLayers: MapLayer[] = useMemo(() => {\n    if (layers?.length && map && layersInitialized) {\n      return layers.filter((layer) => {\n        const fillLayer = layer.id.startsWith('location-fill')\n        if (fillLayer) {\n          map.setPaintProperty(layer.id, 'fill-opacity-transition', { delay: 0, duration: 4000 })\n        }\n        return fillLayer\n      })\n    }\n    return []\n  }, [layers, layersInitialized, map])\n\n  const incrementQueue = useCallback(\n    (index: number) => {\n      if (fillLayers[index]) {\n        layerIndexQueueRef.current.push(index)\n      } else {\n        layerIndexQueueRef.current.push(0)\n      }\n      return layerIndexQueueRef.current.at(-1)\n    },\n    [fillLayers],\n  )\n\n  const lastQueuedIndex = useCallback(() => {\n    const last = layerIndexQueueRef.current.at(-1)\n    if (last === undefined) {\n      incrementQueue(0)\n      return 0\n    } else {\n      return last\n    }\n  }, [incrementQueue])\n\n  const unshiftQueue = useCallback(() => {\n    layerIndexQueueRef.current.shift()\n  }, [])\n\n  const getNextLayer = useCallback(() => {\n    const nextLayer = fillLayers[lastQueuedIndex()]\n    incrementQueue(lastQueuedIndex() + 1)\n    return nextLayer\n  }, [fillLayers, incrementQueue, lastQueuedIndex])\n\n  const layerAnimateWorker = useCallback(\n    (layer: MapLayer) => {\n      if (layer) {\n        map?.setPaintProperty(layer.id, 'fill-opacity', 0.85)\n        setTimeout(() => {\n          map?.setPaintProperty(layer.id, 'fill-opacity', 0)\n          unshiftQueue()\n        }, timeIncrement * 2)\n      } else {\n        console.warn('tried to queue an empty layer')\n      }\n    },\n    [map, unshiftQueue],\n  )\n\n  //\n  const queueLayerAnimation = useCallback(() => {\n    const animatedLayers: MapLayer[] = []\n\n    for (let i = 0; i < animatedLayerCount; i++) {\n      animatedLayers.push(getNextLayer())\n    }\n\n    for (const [index, layer] of animatedLayers.entries()) {\n      if (index === 0) {\n        layerAnimateWorker(layer)\n      } else {\n        setTimeout(() => {\n          layerAnimateWorker(layer)\n        }, timeIncrement * index)\n      }\n    }\n  }, [getNextLayer, layerAnimateWorker])\n\n  // Run a single layer animation before the interval kicks in\n  useEffect(() => {\n    if (animateLayers && layersInitialized && map && fillLayers.length > 0) {\n      queueLayerAnimation()\n    }\n  }, [animateLayers, fillLayers.length, layersInitialized, map, queueLayerAnimation])\n\n  useInterval(() => {\n    if (animateLayers && layersInitialized && map && fillLayers.length > 0) {\n      queueLayerAnimation()\n    }\n  }, timeIncrement * animatedLayerCount)\n\n  return <>{children}</>\n}\n","import { Alert } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport type { Feature, Point } from 'geojson'\nimport type { MapOptions } from 'mapbox-gl'\nimport React, { useEffect } from 'react'\n\nimport { useMapBoxInstance, useMapSettings } from '../Contexts/index.ts'\nimport type { MapboxFlexBoxProps } from '../lib/index.ts'\nimport { MapPoints } from '../MapBoxClasses/index.ts'\nimport { MapBox } from './MapBox.tsx'\nimport { MapSettingsBox } from './MapSettingsComponents/index.ts'\n\nexport interface MapboxPointsFlexBoxProps extends MapboxFlexBoxProps {\n  accessToken: string\n  features?: Feature<Point>[]\n}\n\nexport const MapboxPointsFlexBox: React.FC<MapboxPointsFlexBoxProps> = ({\n  accessToken,\n  features,\n  fitToPointsPadding = 20,\n  layers,\n  zoom,\n  ...props\n}) => {\n  const { mapSettings } = useMapSettings()\n  const { map, mapInitialized } = useMapBoxInstance()\n\n  /**\n   * Needed because of a bug in mapbox taking undefined values for the config options of fitToBounds\n   * see - https://github.com/mapbox/mapbox-gl-js/issues/10013\n   */\n  const customFitToBoundsOptions = (zoom?: number): MapOptions['fitBoundsOptions'] => {\n    if (zoom !== undefined) {\n      return { maxZoom: zoom }\n    }\n    return {}\n  }\n\n  useEffect(() => {\n    if (mapInitialized) {\n      const mapPoints = (map && features?.length)\n        ? new MapPoints({\n            features, map, zoom,\n          })\n        : undefined\n\n      const { fitToPoints } = mapSettings || {}\n      const padding = {\n        bottom: fitToPointsPadding, left: fitToPointsPadding, right: fitToPointsPadding, top: fitToPointsPadding,\n      }\n\n      if (mapPoints && map && fitToPoints?.value === true) {\n        mapPoints.initialMapPositioning({ padding, ...customFitToBoundsOptions(zoom) })\n      }\n\n      mapPoints?.initialMapPositioning({ padding, ...customFitToBoundsOptions(zoom) })\n\n      if (mapPoints?.isMapReady && features?.length && layers) {\n        for (const layer of layers) {\n          mapPoints.initializeMapSource(layer)\n        }\n      }\n    }\n  }, [mapInitialized, mapSettings, map, fitToPointsPadding, zoom, features, layers])\n\n  return (\n    <FlexCol alignItems=\"stretch\" id=\"xyo-mapbox-wrap\" {...props}>\n      {features\n        ? (\n            <>\n              <MapBox accessToken={accessToken} zoom={zoom} />\n              <MapSettingsBox />\n            </>\n          )\n        : <Alert severity=\"error\">No data to show</Alert>}\n    </FlexCol>\n  )\n}\n"],"mappings":"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","names":["FlexCol","useState","forget","useEffect","useMemo","useMemo","multipleFeatureSets","features","error","GeoJson","GeoJson","assertEx","GeoJson","factor","initialPad","assertEx","LngLatBounds","LngLatBounds","debugLayer","scrollToZoom","useEffect","useMemo","useMemo","useEffect","assertEx","assertEx","useEffect","useMemo","useState","createContext","jsx","useState","useMemo","useEffect","use","use","createContext","jsx","useMemo","useEffect","forget","fitToPoints","assertEx","use","use","assertEx","LayerBase","LayerBase","debugLayer","MapHeatConstants","LayerBase","useEffect","jsx","useEffect","jsx","jsx","jsx","jsx","useState","FlexCol","FlexCol","useTheme","FlexCol","useTheme","FlexCol","FlexRow","jsx","jsxs","jsx","useTheme","FlexCol","jsx","jsxs","FlexCol","useEffect","useMemo","useRef","jsx","Alert","FlexCol","useEffect","Fragment","jsx","jsxs","zoom","useEffect","fitToPoints","FlexCol","Alert"]}
+{"version":3,"sources":["../../src/Components/AnimatedHeatMap.tsx","../../src/Contexts/HeatMapInitializer/Provider.tsx","../../src/hooks/useDynamicMapResize.tsx","../../src/hooks/useDynamicPositioning.tsx","../../src/hooks/useQuadKeyPayloadsToFeatures.tsx","../../src/MapBoxClasses/MapBase.ts","../../src/MapBoxClasses/MapHeat.ts","../../src/MapBoxClasses/MapPoints.ts","../../src/MapBoxClasses/MapSettings.ts","../../src/Contexts/MapBoxInstance/Provider.tsx","../../src/Contexts/MapBoxInstance/Context.ts","../../src/Contexts/MapBoxInstance/useMapBoxInstance.tsx","../../src/Contexts/MapSettings/Provider.tsx","../../src/Contexts/MapSettings/Context.ts","../../src/Contexts/MapSettings/useMapSettings.tsx","../../src/Contexts/HeatMapInitializer/Context.ts","../../src/Contexts/HeatMapInitializer/useHeatMapInitializer.tsx","../../src/Layers/Configs/HeatMapFillLayerConfig.ts","../../src/Layers/Configs/HeatMapLineLayerConfig.ts","../../src/Layers/Configs/HeatMapSymbolLayerConfig.ts","../../src/Layers/Configs/LocationPointLayerConfig.ts","../../src/Layers/FillLayer.ts","../../src/Layers/LineLayer.ts","../../src/Layers/SymbolLayer.ts","../../src/Layers/Builders/LocationHeatMapLayerBuilder.ts","../../src/Layers/Builders/LocationHeatMapLayerBuilderAnimated.ts","../../src/Layers/CircleLayer.ts","../../src/Layers/Builders/LocationPointsMapLayerBuilder.ts","../../src/Components/MapBoxHeat.tsx","../../src/Components/MapBox.tsx","../../src/Components/MapSettingsComponents/Setting.tsx","../../src/Components/MapSettingsComponents/SettingsBox.tsx","../../src/Components/AnimatedHeatMapLoaded.tsx","../../src/Components/Legend.tsx","../../src/Components/Legends/ColorGradient.tsx","../../src/Components/HeatMapSettings.ts","../../src/Components/LayerAnimator.tsx","../../src/Components/MapBoxPoints.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { darkenCss } from '@xylabs/react-theme'\nimport type { AnimatedHeatMapColorProps, MapSetting } from '@xyo-network/react-map-model'\nimport type { Feature, Polygon } from 'geojson'\nimport type { PropsWithChildren } from 'react'\nimport React, { useState } from 'react'\n\nimport {\n  HeatMapInitializerProvider, MapBoxInstanceProvider, MapSettingsProvider,\n} from '../Contexts/index.ts'\nimport type { MapLayer } from '../Layers/index.ts'\nimport { LocationHeatMapLayerBuilderAnimated, MapHeatConstants } from '../Layers/index.ts'\nimport { MapboxHeatFlexBox } from './MapBoxHeat.tsx'\n\nexport interface AnimatedHeatMapProps {\n  accessToken: string\n  animatedFeatureSets: Feature<Polygon>[][]\n  defaultMapSettings?: MapSetting\n  heatMapColorProps: AnimatedHeatMapColorProps\n  staticFeatureSet: Feature<Polygon>[]\n}\n\nexport const AnimatedHeatMap: React.FC<PropsWithChildren<AnimatedHeatMapProps>> = ({\n  accessToken,\n  animatedFeatureSets,\n  defaultMapSettings,\n  heatMapColorProps,\n  staticFeatureSet,\n  ...props\n}) => {\n  const theme = useTheme()\n  const {\n    staticMapColor, lowUsageColor, highUsageColor,\n  } = heatMapColorProps || {}\n  const localStaticMapColor = staticMapColor ?? theme.vars.palette.primary.light\n\n  const [layers] = useState<MapLayer[]>(() => [\n    LocationHeatMapLayerBuilderAnimated(localStaticMapColor, 0, 'static'),\n    LocationHeatMapLayerBuilderAnimated(lowUsageColor || localStaticMapColor, 0, 'animated'),\n    LocationHeatMapLayerBuilderAnimated(highUsageColor || darkenCss(localStaticMapColor, 0.9), 1, 'animated'),\n  ])\n\n  return animatedFeatureSets?.length\n    ? (\n        <MapBoxInstanceProvider>\n          <MapSettingsProvider defaultMapSettings={defaultMapSettings} debugLayerName={MapHeatConstants.LocationDebugLayerId}>\n            <HeatMapInitializerProvider\n              features={staticFeatureSet}\n              layers={[layers[0]]}\n              featureSets={animatedFeatureSets}\n              featureSetsLayers={layers.slice(1, 3)}\n              heatMapColorProps={heatMapColorProps}\n            >\n              <MapboxHeatFlexBox accessToken={accessToken} {...props}></MapboxHeatFlexBox>\n            </HeatMapInitializerProvider>\n          </MapSettingsProvider>\n        </MapBoxInstanceProvider>\n      )\n    : (\n        <FlexCol\n          busy\n          sx={{\n            minHeight: 160,\n            minWidth: 160,\n          }}\n        />\n      )\n}\n","import { forget } from '@xylabs/sdk-js'\nimport type { AnimatedHeatMapColorProps, HeatMapColorProps } from '@xyo-network/react-map-model'\nimport type { Feature, Polygon } from 'geojson'\nimport type { PropsWithChildren } from 'react'\nimport React, { useEffect, useMemo } from 'react'\n\nimport { useDynamicPositioning } from '../../hooks/index.ts'\nimport type { MapLayer } from '../../Layers/index.ts'\nimport { MapHeat } from '../../MapBoxClasses/index.ts'\nimport { useMapBoxInstance } from '../MapBoxInstance/index.ts'\nimport { useMapSettings } from '../MapSettings/index.ts'\nimport { HeatMapInitializerContext } from './Context.ts'\nimport type { HeatMapInitializerState } from './State.ts'\n\nexport interface MapInitializerProviderProps {\n  featureSets?: Feature<Polygon>[][]\n  featureSetsLayers?: MapLayer[]\n  features?: Feature<Polygon>[]\n  fitToPadding?: number\n  heatMapColorProps: HeatMapColorProps | AnimatedHeatMapColorProps\n  layers?: MapLayer[]\n  zoom?: number\n}\n\nexport const HeatMapInitializerProvider: React.FC<PropsWithChildren<MapInitializerProviderProps>> = ({\n  children,\n  featureSets,\n  featureSetsLayers,\n  features,\n  fitToPadding,\n  heatMapColorProps,\n  layers,\n  zoom,\n}) => {\n  const { options } = useDynamicPositioning()\n  const { mapSettings } = useMapSettings()\n  const { map, mapInitialized } = useMapBoxInstance()\n\n  const mapHeat = useMemo(() => {\n    return (map && features?.length)\n      ? new MapHeat({\n          features, map, zoom,\n        })\n      : undefined\n  }, [map, features, zoom])\n\n  const value: HeatMapInitializerState = useMemo(() => ({\n    MapHeat: mapHeat,\n    heatMapColorProps,\n  }), [mapHeat, heatMapColorProps])\n\n  useEffect(() => {\n    if (mapInitialized && featureSets?.length && featureSets[0].length > 0 && map && featureSetsLayers?.length) {\n      const { lowUsageColor, highUsageColor } = heatMapColorProps as AnimatedHeatMapColorProps\n      forget(MapHeat.initializeAnimatedHeatMapSource(featureSetsLayers, featureSets, map, lowUsageColor, highUsageColor))\n    }\n\n    return () => {\n      MapHeat.animationStarted = false\n    }\n  }, [featureSets, featureSetsLayers, mapInitialized, map, heatMapColorProps])\n\n  useEffect(() => {\n    if (mapHeat && mapInitialized && features?.length && layers?.length) {\n      mapHeat.initializeHeatMapSource(layers)\n    }\n  }, [mapHeat, features?.length, layers, mapInitialized])\n\n  useEffect(() => {\n    if (mapInitialized) {\n      const { fitToPoints } = mapSettings || {}\n\n      if (map) {\n        if (fitToPoints?.value === true) {\n          MapHeat.initialMapPositioning(\n            {\n              padding: {\n                bottom: fitToPadding, left: fitToPadding, right: fitToPadding, top: fitToPadding,\n              },\n            },\n            map,\n            features,\n          )\n        } else if (options?.zoom && options.center) {\n          map.setZoom(options.zoom)\n          map.setCenter(options.center)\n        }\n      }\n    }\n  }, [mapHeat, map, mapSettings, fitToPadding, options, mapInitialized, features])\n\n  return <HeatMapInitializerContext value={value}>{children}</HeatMapInitializerContext>\n}\n","import type { Map } from 'mapbox-gl'\nimport type { RefObject } from 'react'\nimport { useEffect } from 'react'\n\n/**\n * Inspired by - https://bl.ocks.org/danswick/fc56f37c10d40be62e4feac5984250d2\n */\nexport const useDynamicMapResize = (\n  mapContainerRef: RefObject<HTMLDivElement | null>,\n  mapCanvasRef: RefObject<HTMLCanvasElement | null>,\n  mapInstance?: Map,\n  active = true,\n) => {\n  useEffect(() => {\n    if (active && mapInstance) {\n      const container = mapContainerRef.current\n      if (container) {\n        let timerId: ReturnType<typeof setTimeout> | undefined\n        const resizer = new ResizeObserver(() => {\n          const width = container.getBoundingClientRect().width\n          const canvas = mapCanvasRef.current\n          if (width && canvas) {\n            canvas.style.width = `${width}px`\n            timerId = setTimeout(() => mapInstance.resize())\n          }\n        })\n        resizer.observe(container)\n        return () => {\n          clearTimeout(timerId)\n          resizer.disconnect()\n        }\n      }\n    }\n  }, [active, mapCanvasRef, mapContainerRef, mapInstance])\n}\n","import { useWindowSize } from '@xylabs/react-shared'\nimport type { MapOptions } from 'mapbox-gl'\nimport { useMemo } from 'react'\n\n/**\n * Zoom level for the map\n *\n * Note: Changing zoom will require changes to Lat/Lng Ranges\n */\nconst defaultZoom = 1.6\n\n/**\n * Range of aspect ratio values (width / height = aspect ratio) to scale against degrees\n * On lower aspect ratios, the width is larger than the height and vice-versa for higher\n */\nconst defaultAspectRatioRange = [0.5, 2]\n\n/**\n * Lat/Lng ranges, the first index is the minimum and the second is the maximum\n * Index 0 is for portrait screens and centers on the Eastern Hemisphere\n * Index 1 is for wider screens near the Prime Meridian and north of the Equator\n *\n * Note: Values are based off the zoom level\n */\nconst latRange = [0.912_164_420_526_366_4, 1.717_850_315_594_39]\nconst lngRange = [-81.474_201_485_195_9, 12.788_958_675_506_933]\n\n/**\n * Function to interpolate an aspect ratio value across a range of degrees and aspect ratios\n *\n * Inspired by - https://stackoverflow.com/questions/14224535/scaling-between-two-number-ranges\n *\n * @param aspectRatio aspect ratio to scale\n * @param degreeRange A latitude or longitude range (i.e. [minLat, maxLat])\n * @param aspectRatioRange A range of aspect ratios to scale against degreeRange parameter\n * @returns number\n */\nconst linearInterpolate = (aspectRatio: number, degreeRange: number[], aspectRatioRange?: number[]): number => {\n  const [degreeMin, degreeMax] = degreeRange\n  const [aspectRatioMin, aspectRatioMax] = aspectRatioRange || defaultAspectRatioRange\n\n  const aspectRatioRangeSpan = aspectRatioMax - aspectRatioMin\n  const degreeRangeSpan = degreeMax - degreeMin\n\n  const percent = (aspectRatio - aspectRatioMin) / aspectRatioRangeSpan\n  const scaledDegree = percent * degreeRangeSpan + degreeMin\n\n  return scaledDegree\n}\n\nconst useDynamicPositioning = () => {\n  const { width, height } = useWindowSize()\n\n  const options = useMemo(() => {\n    if (width && height) {\n      const aspectRatio = width / height\n\n      return {\n        center: [linearInterpolate(aspectRatio, lngRange), linearInterpolate(aspectRatio, latRange)],\n        zoom: defaultZoom,\n      } as Partial<MapOptions>\n    }\n  }, [height, width])\n\n  return { options }\n}\n\nexport { useDynamicPositioning }\n","import { GeoJson } from '@xylabs/geo'\nimport { exists } from '@xylabs/sdk-js'\nimport type { NetworkLocationHeatmapQuadkeyAnswerPayload } from '@xyo-network/react-map-model'\nimport type { Feature, Geometry } from 'geojson'\nimport { useMemo } from 'react'\n\nconst quadKeyToFeature = ({ density, quadkey }: { density: number; quadkey: string }) => {\n  const polygonFeature = new GeoJson(quadkey).polygonFeature()\n  polygonFeature.properties = {\n    count: density,\n    density,\n  }\n  return polygonFeature\n}\n\nconst setDensity = (feature: Feature) => {\n  if (feature.properties) {\n    feature.properties.value = feature.properties.density / 5\n  }\n  return feature\n}\n\nconst useQuadKeyPayloadsToFeatures = (payloads?: NetworkLocationHeatmapQuadkeyAnswerPayload[] | NetworkLocationHeatmapQuadkeyAnswerPayload) => {\n  const {\n    multipleFeatureSets, features, error,\n  } = useMemo(() => {\n    let multipleFeatureSets: Feature<Geometry>[][] = [[]]\n    let features: Feature<Geometry>[] = []\n    let error: Error | undefined\n\n    // Convert Multiple Payloads from Quadkey to GeoJson\n    if (Array.isArray(payloads)) {\n      if ((payloads)?.filter(exists).length > 0) {\n        const mappedFeatures = payloads?.map(payload => payload?.result.map(quadKeyToFeature))\n        multipleFeatureSets = mappedFeatures.map(f => f?.map(setDensity) ?? [])\n      } else {\n        error = new Error('Cannot find payloads for provided hashes')\n      }\n    }\n\n    // Convert Single Payload from Quadkey to GeoJson\n    if (payloads && (payloads as NetworkLocationHeatmapQuadkeyAnswerPayload).result) {\n      const singlePayload = payloads as NetworkLocationHeatmapQuadkeyAnswerPayload\n      const mappedFeatures = singlePayload.result.map(quadKeyToFeature)\n      features = mappedFeatures.map(setDensity)\n    }\n\n    return {\n      multipleFeatureSets, features, error,\n    }\n  }, [payloads])\n\n  return {\n    error, features, multipleFeatureSets,\n  }\n}\n\nexport { useQuadKeyPayloadsToFeatures }\n","import { GeoJson } from '@xylabs/geo'\nimport { assertEx } from '@xylabs/sdk-js'\nimport type { Feature, Geometry } from 'geojson'\nimport type { GeoJSONSource, Map } from 'mapbox-gl'\n\nimport type { MapLayer } from '../Layers/index.ts'\n\nexport interface MapBaseConfig<T extends Geometry> {\n  features: Feature<T>[]\n  map: Map\n  requestLocation?: boolean\n  zoom?: number\n}\n\nexport abstract class MapBase<T extends Geometry> {\n  private _config: MapBaseConfig<T>\n\n  constructor(config: MapBaseConfig<T>) {\n    this._config = {\n      requestLocation: true, zoom: 2, ...config,\n    }\n  }\n\n  get isMapReady() {\n    return !!this._config.map\n  }\n\n  initializeMapSource(layer: MapLayer) {\n    const getSource = () => {\n      const featuresCollection = GeoJson.featureCollection(this._config.features)\n      return GeoJson.featuresSource(featuresCollection)\n    }\n\n    const existingSource = this._config.map.getSource(layer.source as string) as GeoJSONSource\n    const source = getSource()\n    if (existingSource) {\n      existingSource.setData(assertEx(source.data as GeoJSON.Feature<GeoJSON.Geometry> | GeoJSON.FeatureCollection<GeoJSON.Geometry>))\n    } else {\n      this._config.map.addSource(layer.source as string, source)\n    }\n    layer.update(this._config.map, true)\n\n    return this\n  }\n}\n","import { GeoJson } from '@xylabs/geo'\nimport {\n  assertEx, delay, forget,\n} from '@xylabs/sdk-js'\nimport type { Feature, Polygon } from 'geojson'\nimport type {\n  DataDrivenPropertyValueSpecification,\n  GeoJSONSource, GeoJSONSourceSpecification, Map, MapOptions,\n} from 'mapbox-gl'\nimport { LngLatBounds } from 'mapbox-gl'\n\nimport type { MapLayer } from '../Layers/index.ts'\nimport type { MapBaseConfig } from './MapBase.ts'\nimport { MapBase } from './MapBase.ts'\n\nexport class MapHeat extends MapBase<Polygon> {\n  static animationStarted = false\n\n  config: MapBaseConfig<Polygon>\n  constructor(config: MapBaseConfig<Polygon>) {\n    super(config)\n    this.config = config\n  }\n\n  static initialMapPositioning(options: MapOptions['fitBoundsOptions'], map: Map, features?: Feature<Polygon>[], initialBounds?: LngLatBounds) {\n    if (!features) {\n      return\n    }\n\n    let bounds: LngLatBounds\n\n    if (initialBounds) {\n      bounds = initialBounds\n    } else {\n      bounds = new LngLatBounds()\n\n      // eslint-disable-next-line unicorn/no-array-for-each\n      features.forEach((feature: Feature<Polygon>) => {\n        for (const coordinates of feature.geometry.coordinates) {\n          for (const position of coordinates) {\n            bounds.extend(position as [number, number])\n          }\n        }\n      })\n    }\n\n    map.setCenter(bounds.getCenter())\n    map.fitBounds(bounds, options)\n    return this\n  }\n\n  static async initializeAnimatedHeatMapSource(\n    layers: MapLayer[],\n    featureSet: Feature<Polygon>[][],\n    map: Map,\n    startColor?: string,\n    endColor?: string,\n  ) {\n    this.animationStarted = true\n    let layerTick = 0\n    let sourceTick = 0\n\n    const sources = featureSet.map((feature) => {\n      const featuresCollection = GeoJson.featureCollection(feature)\n      return GeoJson.featuresSource(featuresCollection)\n    })\n    this.updateLayer(map, layers[0], sources[0])\n    this.updateLayer(map, layers[1], sources[1])\n\n    for (const layer of layers) {\n      map.setPaintProperty(layer.id, 'fill-opacity', 0)\n    }\n\n    const frameLength = 3000\n    const initialPad = 0.5\n    const factor = 10\n    const steps = 30\n    const stepLength = frameLength / steps\n    const lowUsageColor = startColor ?? '#FFB3B3'\n    const highUsageColor = endColor ?? '#FF0000'\n\n    // Max density at i=0, min density at i=steps\n    const dynamicFillColor = (factor: number, initialPad: number, i: number): DataDrivenPropertyValueSpecification<string> => {\n      const sinFade = Math.sin(((i / steps) * Math.PI) / 2)\n      const cosFade = Math.cos(((i / steps) * Math.PI) / 2)\n      // we want the divisor to always be at least 1x the desired factor but will go up to\n      // 2x factor to account for combinative effect of the overlay of two layers at once\n      const divisor = factor + factor * sinFade\n      const offset = initialPad * cosFade\n      return [\n        'let',\n        'density',\n        ['+', ['/', ['number', ['get', 'value']], divisor], offset],\n        ['interpolate', ['linear'], ['var', 'density'], 0, lowUsageColor, 0.5, highUsageColor],\n      ]\n    }\n\n    const fadedIn: boolean[] = layers.map(_ => false)\n\n    const fadeIn = async (id: string, index: number) => {\n      for (let i = steps; i >= 1; i--) {\n        map.setPaintProperty(id, 'fill-color', dynamicFillColor(factor, initialPad, i * (180 / stepLength)))\n        await delay(stepLength)\n      }\n      fadedIn[index] = true\n    }\n\n    const fadeOut = async (id: string, index: number) => {\n      for (let i = 1; i <= steps; i++) {\n        map.setPaintProperty(id, 'fill-color', dynamicFillColor(factor, initialPad, i * (180 / stepLength)))\n        await delay(stepLength)\n      }\n      fadedIn[index] = false\n    }\n\n    let started = false\n    const startAnimation = async () => {\n      assertEx(!started, () => 'Animation Already Started')\n      started = true\n      while (this.animationStarted) {\n        const upLayer = layerTick % layers.length\n        const downLayer = (layerTick + 1) % layers.length\n\n        const incomingSource = sourceTick % featureSet.length\n        const outgoingSource = (sourceTick + 1) % featureSet.length\n\n        // console.log('incoming / outgoing source', incomingSource, outgoingSource)\n\n        // console.log(`animate: [${upLayer}, ${downLayer}]`)\n        if (fadedIn[upLayer]) {\n          this.updateLayer(map, layers[upLayer], sources[incomingSource])\n          forget(fadeOut(layers[upLayer].id, upLayer))\n        }\n        if (!fadedIn[downLayer]) {\n          this.updateLayer(map, layers[downLayer], sources[outgoingSource])\n          forget(fadeIn(layers[downLayer].id, downLayer))\n        }\n        while ((fadedIn[upLayer] || !fadedIn[downLayer]) && this.animationStarted) {\n          // console.log(`checking: [${fadedIn[upLayer]}, ${!fadedIn[downLayer]}]`)\n          await delay(1000)\n        }\n        layerTick++\n        sourceTick++\n\n        // console.log(`this.layerTick: ${layerTick}`)\n        // console.log(`this.sourceTick: ${sourceTick}`)\n      }\n    }\n\n    await startAnimation()\n  }\n\n  private static updateLayer(map: Map, layer: MapLayer, source: GeoJSONSourceSpecification) {\n    const existingSource = map.getSource(layer.source as string) as GeoJSONSource\n    if (existingSource && source.data) {\n      existingSource.setData(source.data as GeoJSON.Feature<GeoJSON.Geometry> | GeoJSON.FeatureCollection<GeoJSON.Geometry>)\n    } else if (source) {\n      map.addSource(layer.source as string, source)\n    }\n    layer.update(map, true)\n  }\n\n  // Build layers each with the same features\n  initializeHeatMapSource(layers: MapLayer[]) {\n    const getSource = (_: number) => {\n      const featuresCollection = GeoJson.featureCollection(this.config.features)\n      return GeoJson.featuresSource(featuresCollection)\n    }\n\n    for (const [index, layer] of layers.entries()) {\n      const existingSource = this.config.map.getSource(layer.source as string) as GeoJSONSource\n      const source = getSource(index)\n      if (existingSource) {\n        existingSource.setData(assertEx(source.data) as GeoJSON.Feature<GeoJSON.Geometry> | GeoJSON.FeatureCollection<GeoJSON.Geometry>)\n      } else {\n        this.config.map.addSource(layer.source as string, source)\n      }\n      layer.update(this.config.map, true)\n    }\n\n    return this\n  }\n}\n","import type { Feature, Point } from 'geojson'\nimport type { MapOptions } from 'mapbox-gl'\nimport { LngLatBounds } from 'mapbox-gl'\n\nimport type { MapBaseConfig } from './MapBase.ts'\nimport { MapBase } from './MapBase.ts'\n\nexport interface MapPointsConfig extends MapBaseConfig<Point> {\n  features: Feature<Point>[]\n}\n\nexport class MapPoints extends MapBase<Point> {\n  private config: MapPointsConfig\n\n  constructor(config: MapPointsConfig) {\n    super(config)\n    this.config = config\n  }\n\n  initialMapPositioning(options: MapOptions['fitBoundsOptions'], initialBounds?: LngLatBounds) {\n    let bounds: LngLatBounds\n\n    if (initialBounds) {\n      bounds = initialBounds\n    } else {\n      bounds = new LngLatBounds()\n\n      // eslint-disable-next-line unicorn/no-array-for-each\n      this.config.features.forEach((feature: Feature<Point>) => {\n        bounds.extend(feature.geometry.coordinates as [number, number])\n      })\n    }\n\n    this.config.map.setCenter(bounds.getCenter())\n    this.config.map.fitBounds(bounds, options)\n\n    return this.config.map\n  }\n}\n","import type { MapSetting } from '@xyo-network/react-map-model'\nimport type {\n  Map, MapEventOf, MapEventType,\n} from 'mapbox-gl'\nimport { GeolocateControl, NavigationControl } from 'mapbox-gl'\n\nexport interface MapSettingsConfig {\n  debugLayerName?: string\n  map: Map\n  requestLocation?: boolean\n  settings: MapSetting\n  zoom?: number\n}\n\n/**\n * Utility class to handle changes in settings\n *\n * Methods are pure functions dedicated to map manipulation\n */\nexport class MapSettings {\n  static geoLocateControl: GeolocateControl | undefined\n\n  static mapListeners = {\n    logData: (ev?: MapEventOf<MapEventType>, map?: Map) => {\n      const target = map || ev?.target\n      if (target) {\n        console.log('zoom', target.getZoom())\n        console.log('center', target.getCenter())\n      }\n    },\n  }\n\n  static navControl: NavigationControl | undefined\n\n  static requestLocation: boolean | undefined\n\n  static toggleControls(value: boolean | undefined, map: Map, zoom?: number, requestLocation?: boolean) {\n    if (value) {\n      MapSettings.addControls(map, zoom, requestLocation)\n    } else {\n      MapSettings.removeControls(map)\n    }\n\n    return this\n  }\n\n  static toggleDebugLayer(value: boolean | undefined, map: Map, layerName: string) {\n    const debugLayer = map.getLayer(layerName)\n    if (debugLayer) {\n      if (value) {\n        map.setLayoutProperty(layerName, 'visibility', 'visible')\n      } else {\n        map.setLayoutProperty(layerName, 'visibility', 'none')\n      }\n    }\n\n    return this\n  }\n\n  static toggleDebugLogging(value: boolean | undefined, map: Map) {\n    const debugEvents: MapEventType[] = ['resize', 'zoomend', 'dragend']\n    if (value) {\n      // initial values\n      this.mapListeners.logData(undefined, map)\n      for (const event of debugEvents) map.on(event, this.mapListeners.logData)\n    } else {\n      for (const event of debugEvents) map.off(event, this.mapListeners.logData)\n    }\n  }\n\n  static toggleScrollToZoom(value: boolean | undefined, map: Map) {\n    if (value) {\n      map.scrollZoom.enable()\n    } else {\n      map.scrollZoom.disable()\n    }\n\n    return this\n  }\n\n  static updateSettings(config: MapSettingsConfig) {\n    const {\n      settings, map, zoom, requestLocation, debugLayerName = '',\n    } = config\n    const {\n      scrollToZoom, enableControls, debugLayer, debugLogging,\n    } = settings\n\n    MapSettings.toggleControls(enableControls?.value, map, zoom, requestLocation)\n      .toggleScrollToZoom(scrollToZoom?.value, map)\n      .toggleDebugLayer(debugLayer?.value, map, debugLayerName)\n      .toggleDebugLogging(debugLogging.value, map)\n  }\n\n  // Needs to be static so we ensure controls are only instantiated once\n  private static addControls(map: Map, zoom?: number, requestLocation?: boolean) {\n    const geolocateControl = new GeolocateControl({\n      fitBoundsOptions: { zoom: zoom || 2 },\n      positionOptions: { enableHighAccuracy: true },\n      trackUserLocation: true,\n    })\n\n    const navControl = new NavigationControl({ showCompass: false })\n\n    this.geoLocateControl = this.geoLocateControl || geolocateControl\n    this.navControl = this.navControl || navControl\n\n    if (!map.hasControl(this.geoLocateControl) && requestLocation) {\n      map.addControl(this.geoLocateControl)\n    }\n\n    if (!map.hasControl(this.navControl)) {\n      map.addControl(this.navControl, 'top-left')\n    }\n\n    return this\n  }\n\n  private static removeControls(map: Map) {\n    if (this.geoLocateControl && map.hasControl(this.geoLocateControl) && this.requestLocation) {\n      map.removeControl(this.geoLocateControl)\n    }\n\n    if (this.navControl && map.hasControl(this.navControl)) {\n      map.removeControl(this.navControl)\n    }\n\n    return this\n  }\n}\n","import type { Map } from 'mapbox-gl'\nimport type { PropsWithChildren } from 'react'\nimport React, {\n  useEffect, useMemo, useState,\n} from 'react'\n\nimport { MapBoxInstanceContext } from './Context.ts'\n\nexport const MapBoxInstanceProvider: React.FC<PropsWithChildren> = ({ children }) => {\n  const [map, setMap] = useState<Map>()\n  const [mapInitialized, setMapInitialized] = useState(false)\n\n  const value = useMemo(() => ({\n    map, mapInitialized, setMapBoxInstance: setMap,\n  }), [map, mapInitialized])\n\n  useEffect(() => {\n    if (!mapInitialized && map) {\n      map?.on('load', () => {\n        setMapInitialized(true)\n      })\n    }\n  }, [map, mapInitialized, setMapInitialized])\n\n  return <MapBoxInstanceContext value={value}>{children}</MapBoxInstanceContext>\n}\n","import { createContext } from 'react'\n\nimport type { MapBoxInstanceState } from './State.ts'\n\nconst MapBoxInstanceContext = createContext<MapBoxInstanceState>({})\n\nexport { MapBoxInstanceContext }\n","import { assertEx } from '@xylabs/sdk-js'\nimport { use } from 'react'\n\nimport { MapBoxInstanceContext } from './Context.ts'\n\nconst useMapBoxInstance = () => {\n  const context = use(MapBoxInstanceContext)\n  assertEx('map' in context, () => 'useMapBoxInstance must be used within a MapBoxInstanceContext')\n\n  return context\n}\n\nexport { useMapBoxInstance }\n","import type { MapSetting } from '@xyo-network/react-map-model'\nimport type { PropsWithChildren } from 'react'\nimport React, {\n  useEffect, useMemo, useState,\n} from 'react'\n\nimport { MapSettings } from '../../MapBoxClasses/index.ts'\nimport { useMapBoxInstance } from '../MapBoxInstance/index.ts'\nimport { MapSettingsContext } from './Context.ts'\nimport type { MapSettingsState } from './State.ts'\n\nexport interface MapSettingsProviderProps {\n  debugLayerName?: string\n  defaultMapSettings?: MapSetting\n  requestLocation?: boolean\n  zoom?: number\n}\n\nexport const MapSettingsProvider: React.FC<PropsWithChildren<MapSettingsProviderProps>> = ({\n  children,\n  debugLayerName,\n  defaultMapSettings,\n  requestLocation,\n  zoom = 1,\n}) => {\n  const [mapSettings, setMapSettings] = useState<MapSetting>(defaultMapSettings || {})\n  const { map, mapInitialized } = useMapBoxInstance()\n\n  const value: MapSettingsState = useMemo(() => ({\n    mapSettings,\n    setMapSettings,\n  }), [mapSettings, setMapSettings])\n\n  useEffect(() => {\n    if (mapSettings && map && mapInitialized) {\n      MapSettings.updateSettings({\n        debugLayerName, map, requestLocation, settings: mapSettings, zoom,\n      })\n    }\n  }, [debugLayerName, map, mapInitialized, mapSettings, requestLocation, zoom])\n\n  return <MapSettingsContext value={value}>{children}</MapSettingsContext>\n}\n","import { createContext } from 'react'\n\nimport type { MapSettingsState } from './State.ts'\n\nconst MapSettingsContext = createContext<MapSettingsState>({})\n\nexport { MapSettingsContext }\n","import { use } from 'react'\n\nimport { MapSettingsContext } from './Context.ts'\n\nconst useMapSettings = () => {\n  const context = use(MapSettingsContext)\n\n  return context\n}\n\nexport { useMapSettings }\n","import { createContext } from 'react'\n\nimport type { HeatMapInitializerState } from './State.ts'\n\nconst HeatMapInitializerContext = createContext<HeatMapInitializerState>({})\n\nexport { HeatMapInitializerContext }\n","import { assertEx } from '@xylabs/sdk-js'\nimport { use } from 'react'\n\nimport { HeatMapInitializerContext } from './Context.ts'\n\nconst useHeatMapInitializer = () => {\n  const context = use(HeatMapInitializerContext)\n  assertEx('heatMapInitialized' in context, () => 'useHeatMapInitializer must be used within a HeatMapInitializerContext')\n\n  return context\n}\n\nexport { useHeatMapInitializer }\n","import type { FillLayerSpecification } from 'mapbox-gl'\n\nexport const HeatMapFillLayerConfig: (color: string) => Partial<FillLayerSpecification> = color => ({\n  paint: {\n    'fill-color': color,\n    'fill-opacity': [\n      'let',\n      'density',\n      ['+', ['/', ['number', ['get', 'value']], 4], 0.125],\n      ['interpolate', ['linear'], ['var', 'density'], 0.8, ['var', 'density'], 1, 0.85],\n    ],\n  },\n})\n","import type { LineLayerSpecification } from 'mapbox-gl'\n\nexport const HeatMapLineLayerConfig: (color: string) => Partial<LineLayerSpecification> = color => ({\n  layout: {\n    // Enable for debugging\n    visibility: 'none',\n  },\n  paint: {\n    'line-color': color,\n    'line-opacity': ['let', 'density', 0, ['interpolate', ['linear'], ['var', 'density'], 0.8, ['var', 'density'], 1, 0.85]],\n    'line-width': 0.5,\n  },\n})\n","import type { SymbolLayerSpecification } from 'mapbox-gl'\n\nexport const HeatMapSymbolLayerConfig: (color: string) => Partial<SymbolLayerSpecification> = color => ({\n  layout: {\n    'text-anchor': 'center',\n    'text-field': [\n      'concat',\n      'value: ',\n      ['to-string', ['+', ['/', ['number', ['get', 'value']], 2], 0.25]],\n      '\\n',\n      'count: ',\n      ['to-string', ['get', 'count']],\n    ],\n    'text-size': 10,\n    'visibility': 'none',\n  },\n  paint: { 'text-color': color },\n})\n","import type { CircleLayerSpecification } from 'mapbox-gl'\n\nexport const LocationPointLayerConfig: (color: string, circleRadius: number, circleOpacity: number) => Partial<CircleLayerSpecification> = (\n  color,\n  circleRadius,\n  circleOpacity,\n) => {\n  return {\n    paint: {\n      'circle-color': color,\n      'circle-opacity': circleOpacity,\n      'circle-radius': circleRadius,\n    },\n  }\n}\n","import { LayerBase } from '@xylabs/geo'\nimport type { FillLayerSpecification } from 'mapbox-gl'\n\nexport class FillLayerBuilder extends LayerBase<FillLayerSpecification> {\n  FillLayerOptions: Partial<FillLayerSpecification>\n\n  // ensures this class passes for `AnyLayer` type in MapBox\n  type: 'fill' = 'fill' as const\n\n  constructor(id: string, source: string, FillLayerOptions?: Partial<FillLayerSpecification>) {\n    super(id, source)\n    this.FillLayerOptions = FillLayerOptions || { id: this.id, source: this.source }\n  }\n\n  buildLayer(): FillLayerSpecification {\n    return {\n      ...this.FillLayerOptions,\n      id: this.id,\n      source: this.source,\n      type: this.type,\n    }\n  }\n}\n","import { LayerBase } from '@xylabs/geo'\nimport type { LineLayerSpecification } from 'mapbox-gl'\n\nexport class LineLayerBuilder extends LayerBase<LineLayerSpecification> {\n  LineLayerOptions: Partial<LineLayerSpecification>\n\n  // ensures this class passes for `AnyLayer` type in MapBox\n  type: 'line' = 'line' as const\n\n  constructor(id: string, source: string, LineLayerOptions?: Partial<LineLayerSpecification>) {\n    super(id, source)\n    this.LineLayerOptions = LineLayerOptions || { id: this.id, source: this.source }\n  }\n\n  buildLayer(): LineLayerSpecification {\n    return {\n      ...this.LineLayerOptions,\n      id: this.id,\n      layout: {},\n      source: this.source,\n      type: this.type,\n    }\n  }\n}\n","import { LayerBase } from '@xylabs/geo'\nimport type { SymbolLayerSpecification } from 'mapbox-gl'\n\nexport class SymbolLayerBuilder extends LayerBase<SymbolLayerSpecification> {\n  SymbolLayerOptions: Partial<SymbolLayerSpecification>\n\n  // ensures this class passes for `AnyLayer` type in MapBox\n  type: 'symbol' = 'symbol' as const\n\n  constructor(id: string, source: string, SymbolLayerOptions?: Partial<SymbolLayerSpecification>) {\n    super(id, source)\n    this.SymbolLayerOptions = SymbolLayerOptions || { id: this.id, source: this.source }\n  }\n\n  buildLayer(): SymbolLayerSpecification {\n    return {\n      ...this.SymbolLayerOptions,\n      id: this.id,\n      source: this.source,\n      type: this.type,\n    }\n  }\n}\n","import {\n  HeatMapFillLayerConfig, HeatMapLineLayerConfig, HeatMapSymbolLayerConfig,\n} from '../Configs/index.ts'\nimport { FillLayerBuilder } from '../FillLayer.ts'\nimport { LineLayerBuilder } from '../LineLayer.ts'\nimport { SymbolLayerBuilder } from '../SymbolLayer.ts'\n\nexport const MapHeatConstants = {\n  LocationDebugLayerId: 'location-debug-id',\n  LocationDebugLayerSource: 'location-debug-source',\n  LocationFillLayerId: 'location-fill-id',\n  LocationFillLayerSource: 'location-fill-source',\n  LocationLineLayerId: 'location-line-id',\n  LocationLineLayerSource: 'location-line-source',\n}\n\nexport const LocationHeatMapLayerBuilder = (color: string, alternateColor = '#000') => {\n  const {\n    LocationFillLayerId,\n    LocationFillLayerSource,\n    LocationLineLayerId,\n    LocationLineLayerSource,\n    LocationDebugLayerId,\n    LocationDebugLayerSource,\n  } = MapHeatConstants\n\n  const fillLayerConfig = HeatMapFillLayerConfig(color)\n  const lineLayerConfig = HeatMapLineLayerConfig(color)\n  const debugLayerConfig = HeatMapSymbolLayerConfig(alternateColor)\n\n  const fillLayer = new FillLayerBuilder(LocationFillLayerId, LocationFillLayerSource, fillLayerConfig)\n  const lineLayer = new LineLayerBuilder(LocationLineLayerId, LocationLineLayerSource, lineLayerConfig)\n  const debugLayer = new SymbolLayerBuilder(LocationDebugLayerId, LocationDebugLayerSource, debugLayerConfig)\n\n  return [fillLayer, lineLayer, debugLayer]\n}\n","import { HeatMapFillLayerConfig } from '../Configs/index.ts'\nimport { FillLayerBuilder } from '../FillLayer.ts'\n\nconst MapHeatConstants = (index: number, type: string) => ({\n  LocationDebugLayerId: `location-${type}-debug-id-${index}`,\n  LocationDebugLayerSource: `location-${type}-debug-source-${index}`,\n  LocationFillLayerId: `location-${type}-fill-id-${index}`,\n  LocationFillLayerSource: `location-${type}-fill-source-${index}`,\n  LocationLineLayerId: `location-${type}-line-id-${index}`,\n  LocationLineLayerSource: `location-${type}-line-source-${index}`,\n})\n\nexport const LocationHeatMapLayerBuilderAnimated = (color: string, index: number, type = '') => {\n  const { LocationFillLayerId, LocationFillLayerSource } = MapHeatConstants(index, type)\n\n  const fillLayerConfig = HeatMapFillLayerConfig(color)\n\n  const fillLayer = new FillLayerBuilder(LocationFillLayerId, LocationFillLayerSource, fillLayerConfig)\n\n  return fillLayer\n}\n","import { LayerBase } from '@xylabs/geo'\nimport type { CircleLayerSpecification } from 'mapbox-gl'\n\nexport class CircleLayerBuilder extends LayerBase<CircleLayerSpecification> {\n  CircleLayerOptions: Partial<CircleLayerSpecification>\n\n  // ensures this class passes for `AnyLayer` type in MapBox\n  type: 'circle' = 'circle' as const\n\n  constructor(id: string, source: string, CircleLayerOptions?: Partial<CircleLayerSpecification>) {\n    super(id, source)\n    this.CircleLayerOptions = CircleLayerOptions || {\n      id: this.id, source: this.source, type: 'circle',\n    }\n  }\n\n  buildLayer(): CircleLayerSpecification {\n    return {\n      filter: ['==', '$type', 'Point'],\n      layout: {},\n      paint: {\n        'circle-color': '#ff0000',\n        'circle-radius': 6,\n      },\n      type: this.type,\n      ...this.CircleLayerOptions,\n      id: this.id,\n      source: this.source,\n    }\n  }\n}\n","import { CircleLayerBuilder } from '../CircleLayer.ts'\nimport { LocationPointLayerConfig } from '../Configs/index.ts'\n\nexport const MapPointsConstants = {\n  LocationDotsLayerId: 'location-dots',\n  LocationDotsLayerSource: 'location-dots-source',\n}\n\nexport const LocationPointsMapLayerBuilder = (color: string, circleRadius = 6, circleOpacity = 0.8) => {\n  const { LocationDotsLayerId, LocationDotsLayerSource } = MapPointsConstants\n\n  const dotLayerConfig = LocationPointLayerConfig(color, circleRadius, circleOpacity)\n\n  const dotLayer = new CircleLayerBuilder(LocationDotsLayerId, LocationDotsLayerSource, dotLayerConfig)\n\n  return [dotLayer]\n}\n","import { FlexCol } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport type { MapboxFlexBoxProps } from '../lib/index.ts'\nimport { MapBox } from './MapBox.tsx'\nimport { MapSettingsBox } from './MapSettingsComponents/index.ts'\n\nexport const MapboxHeatFlexBox: React.FC<MapboxFlexBoxProps> = ({\n  accessToken, children, mapBoxOptions, zoom, legend, developerMode, ...props\n}) => {\n  return (\n    <FlexCol {...props}>\n      <MapBox accessToken={accessToken} options={mapBoxOptions} zoom={zoom} />\n      <MapSettingsBox developerMode={developerMode} />\n      {legend}\n      {children}\n    </FlexCol>\n  )\n}\n","// eslint-disable-next-line import-x/no-internal-modules\nimport 'mapbox-gl/dist/mapbox-gl.css'\n\nimport { MapStyle } from '@xyo-network/react-map-model'\nimport type { MapOptions } from 'mapbox-gl'\nimport { Map } from 'mapbox-gl'\nimport React, { useEffect, useRef } from 'react'\n\nimport { useMapBoxInstance, useMapSettings } from '../Contexts/index.ts'\nimport { useDynamicMapResize } from '../hooks/index.ts'\n\nexport interface MapBoxProps {\n  accessToken: string\n  darkMode?: boolean\n  options?: Partial<MapOptions>\n  zoom?: number\n}\n\nexport const MapBox: React.FC<MapBoxProps> = ({\n  accessToken, darkMode = false, options, zoom = 2, ...props\n}) => {\n  const mapRef = useRef<Map>(undefined)\n  const mapContainerRef = useRef<HTMLDivElement>(null)\n  const mapCanvasRef = useRef<HTMLCanvasElement>(null)\n  const { setMapBoxInstance, map: mapInstance } = useMapBoxInstance()\n  const { mapSettings } = useMapSettings()\n\n  const activeResize = mapSettings?.dynamicMapResize.value\n  useDynamicMapResize(mapContainerRef, mapCanvasRef, mapInstance, activeResize)\n\n  useEffect(() => {\n    if (mapSettings?.preferDark?.value === true) {\n      mapRef.current?.setStyle(`mapbox://styles/${MapStyle.Dark}`)\n    } else {\n      mapRef.current?.setStyle(`mapbox://styles/${darkMode ? MapStyle.Dark : MapStyle.Light}`)\n    }\n  }, [darkMode, mapSettings])\n\n  useEffect(() => {\n    const map = new Map({\n      accessToken,\n      center: [0, 0],\n      container: mapContainerRef.current ?? '',\n      style: `mapbox://styles/${MapStyle.Light}`,\n      zoom,\n      ...options,\n    })\n\n    // Allow external components to control the map\n    mapRef.current = map\n    setMapBoxInstance?.(map)\n\n    // save the map canvas ref to help with resizing\n    mapCanvasRef.current = document.querySelector('.mapboxgl-canvas') as HTMLCanvasElement | null\n\n    console.log('Created Map')\n\n    return () => {\n      console.log('Removing Map')\n      map.remove()\n    }\n  }, [mapContainerRef, options, zoom, setMapBoxInstance, accessToken])\n\n  return (\n    <div\n      ref={(el) => { mapContainerRef.current = el }}\n      style={{\n        bottom: 0,\n        left: 0,\n        position: 'absolute',\n        right: 0,\n        top: 0,\n        ...props,\n      }}\n    />\n  )\n}\n","import type { SwitchProps } from '@mui/material'\nimport { FormControlLabel, Switch } from '@mui/material'\nimport React from 'react'\n\nimport { useMapSettings } from '../../Contexts/index.ts'\n\nexport interface MapSettingSwitchProps extends SwitchProps {\n  developerMode?: boolean\n  field: string\n}\n\nexport const MapSettingSwitch: React.FC<MapSettingSwitchProps> = ({\n  developerMode, field, ...props\n}) => {\n  const { mapSettings, setMapSettings } = useMapSettings()\n  const setting = mapSettings?.[field]\n\n  const onLocalChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (setting) {\n      setMapSettings?.((previous) => {\n        previous[setting.field].value = event.target.checked\n        return { ...previous }\n      })\n    }\n  }\n\n  if (setting?.devMode && developerMode === false) {\n    return null\n  }\n\n  return setting?.hidden\n    ? null\n    : (\n        <FormControlLabel label={setting?.label} control={<Switch checked={setting?.value} onChange={onLocalChange} {...props} />} />\n      )\n}\n","import { Paper, Stack } from '@mui/material'\nimport { useAppSettings } from '@xylabs/react-app-settings'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexGrowRow, FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { useMapSettings } from '../../Contexts/index.ts'\nimport { MapSettingSwitch } from './Setting.tsx'\n\nexport interface MapSettingsBoxProps extends FlexBoxProps {\n  developerMode?: boolean\n}\n\nexport const MapSettingsBox: React.FC<MapSettingsBoxProps> = ({ developerMode, ...props }) => {\n  const { mapSettings } = useMapSettings()\n  const { developerMode: devModeFromContext } = useAppSettings()\n  const resolveDeveloperMode = developerMode ?? devModeFromContext\n\n  return mapSettings && resolveDeveloperMode\n    ? (\n        <FlexGrowRow\n          {...props}\n          sx={[{\n            bottom: 36,\n            left: 10,\n            position: 'absolute',\n          }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n        >\n          <FlexRow sx={{ paddingX: 2 }}>\n            <Paper>\n              <Stack\n                direction=\"row\"\n                spacing={1}\n                sx={{ marginX: 1 }}\n              >\n                {Object.keys(mapSettings).map((key) => {\n                  return <MapSettingSwitch key={key} field={mapSettings[key].field} developerMode={developerMode} />\n                })}\n              </Stack>\n            </Paper>\n          </FlexRow>\n        </FlexGrowRow>\n      )\n    : null\n}\n","import { Alert, AlertTitle } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { useWeakArchivistFromNode, useWeakArchivistGet } from '@xyo-network/react-archivist'\nimport type { NetworkLocationHeatmapQuadkeyAnswerPayload } from '@xyo-network/react-map-model'\nimport {\n  AnimatedHeatMapSettings,\n  useFindHashes, useHeatMapColors,\n} from '@xyo-network/react-map-model'\nimport type { Feature, Polygon } from 'geojson'\nimport React from 'react'\n\nimport { useQuadKeyPayloadsToFeatures } from '../hooks/index.ts'\nimport { AnimatedHeatMap } from './AnimatedHeatMap.tsx'\nimport { AnimatedHeatMapLegend } from './Legend.tsx'\n\nexport interface AnimatedHeatMapLoadedProps extends FlexBoxProps {\n  accessToken: string\n  archivistNameOrAddress: string\n}\n\nexport const AnimatedHeatMapLoaded: React.FC<AnimatedHeatMapLoadedProps> = ({\n  accessToken, archivistNameOrAddress, ...props\n}) => {\n  const hashes = useFindHashes()\n  const [archivist] = useWeakArchivistFromNode(archivistNameOrAddress)\n  const [payloads, xyoError] = useWeakArchivistGet<NetworkLocationHeatmapQuadkeyAnswerPayload>(archivist, hashes)\n  const { multipleFeatureSets } = useQuadKeyPayloadsToFeatures(payloads)\n  const { heatMapColorProps, legendProps } = useHeatMapColors()\n\n  const MapBoxHeatProps = {\n    flexGrow: 1,\n    legend: legendProps ? <AnimatedHeatMapLegend {...legendProps} /> : null,\n  }\n\n  return (\n    <FlexCol\n      {...props}\n      sx={[{ alignItems: 'stretch' }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n    >\n      {xyoError\n        ? (\n            <Alert sx={{ mt: 2 }}>\n              <AlertTitle>Error Loading Map</AlertTitle>\n              {xyoError.message ? `Error: ${xyoError.message}` : null}\n              You might try authenticating again.\n            </Alert>\n          )\n        : null}\n      {hashes === undefined\n        ? <Alert>Missing answer hash for heat map query</Alert>\n        : (\n            <AnimatedHeatMap\n              accessToken={accessToken}\n              defaultMapSettings={AnimatedHeatMapSettings}\n              animatedFeatureSets={multipleFeatureSets.slice(1) as Feature<Polygon>[][]}\n              staticFeatureSet={multipleFeatureSets[0] as Feature<Polygon>[]}\n              heatMapColorProps={heatMapColorProps}\n              {...MapBoxHeatProps}\n            />\n          )}\n    </FlexCol>\n  )\n}\n","import { useMediaQuery, useTheme } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport type { ColorGradientLegendProps } from '@xyo-network/react-map-model'\nimport React from 'react'\n\nimport { ColorGradientLegend } from './Legends/index.ts'\n\nconst AnimatedHeatMapLegend: React.FC<ColorGradientLegendProps> = ({ ...legendProps }) => {\n  const {\n    startColor, endColor, startLabel, endLabel, heading, textColor,\n  } = legendProps\n  const theme = useTheme()\n  const isSmall = useMediaQuery(theme.breakpoints.down('sm'))\n\n  return (\n    <FlexCol\n      sx={{\n        position: 'absolute',\n        bottom: 0,\n        right: 0,\n      }}\n    >\n      <ColorGradientLegend\n        startColor={startColor}\n        endColor={endColor}\n        startLabel={startLabel}\n        endLabel={endLabel}\n        heading={heading}\n        textColor={textColor}\n        {...{\n          alignItems: 'stretch',\n          marginBottom: theme.spacing(4),\n          marginLeft: isSmall ? theme.spacing(3) : 0,\n          marginRight: isSmall ? theme.spacing(2) : theme.spacing(3),\n          width: isSmall ? '40vw' : theme.spacing(18),\n        }}\n      />\n    </FlexCol>\n  )\n}\n\nexport { AnimatedHeatMapLegend }\n","import { Typography, useTheme } from '@mui/material'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport type { ColorGradientLegendProps } from '@xyo-network/react-map-model'\nimport React from 'react'\n\nconst ColorGradientLegend: React.FC<ColorGradientLegendProps> = ({\n  startColor, endColor, startLabel, endLabel, heading, textColor, ...props\n}) => {\n  const theme = useTheme()\n\n  return (\n    <FlexCol {...props}>\n      <Typography\n        color={textColor}\n        variant=\"caption\"\n        sx={{\n          mb: theme.spacing(0.25),\n          textAlign: 'center',\n        }}\n      >\n        {heading}\n      </Typography>\n      <FlexCol\n        sx={{\n          flexGrow: 1,\n          alignItems: 'stretch',\n          paddingX: theme.spacing(1),\n          mb: theme.spacing(0.25),\n        }}\n      >\n        <FlexCol\n          sx={{\n            height: theme.spacing(0.75),\n            border: `1px solid ${textColor}`,\n            backgroundImage: `linear-gradient(to right, ${startColor},${endColor})`,\n          }}\n        />\n      </FlexCol>\n      <FlexRow\n        sx={{\n          flexGrow: 1,\n          justifyContent: 'space-between',\n        }}\n      >\n        <Typography color={textColor} variant=\"caption\">\n          {startLabel}\n        </Typography>\n        <Typography color={textColor} variant=\"caption\">\n          {endLabel}\n        </Typography>\n      </FlexRow>\n    </FlexCol>\n  )\n}\n\nexport { ColorGradientLegend }\n","import { DefaultMapSettings } from '@xyo-network/react-map-model'\n\nconst HeatMapSettings = DefaultMapSettings()\nconst {\n  debugLayer, scrollToZoom, fitToPoints,\n} = HeatMapSettings\ndebugLayer.hidden = false\nscrollToZoom.value = true\nfitToPoints.value = true\n\nexport { HeatMapSettings }\n","import { useInterval } from '@xylabs/react-shared'\nimport type { Map } from 'mapbox-gl'\nimport type { PropsWithChildren } from 'react'\nimport React, {\n  useCallback, useEffect, useMemo, useRef,\n} from 'react'\n\nimport type { MapLayer } from '../Layers/index.ts'\nimport type { MapboxFlexBoxProps } from '../lib/index.ts'\n\nexport interface LayerAnimatorProps {\n  animateLayers?: boolean\n  layers: MapboxFlexBoxProps['layers']\n  layersInitialized: boolean\n  map: Map | undefined\n}\n\nconst timeIncrement = 2000\nconst animatedLayerCount = 3\n\nexport const LayerAnimator: React.FC<PropsWithChildren<LayerAnimatorProps>> = ({\n  animateLayers, children, layers, layersInitialized, map,\n}) => {\n  const layerIndexQueueRef = useRef<number[]>([])\n\n  const fillLayers: MapLayer[] = useMemo(() => {\n    if (layers?.length && map && layersInitialized) {\n      return layers.filter((layer) => {\n        const fillLayer = layer.id.startsWith('location-fill')\n        if (fillLayer) {\n          map.setPaintProperty(layer.id, 'fill-opacity-transition', { delay: 0, duration: 4000 })\n        }\n        return fillLayer\n      })\n    }\n    return []\n  }, [layers, layersInitialized, map])\n\n  const incrementQueue = useCallback(\n    (index: number) => {\n      if (fillLayers[index]) {\n        layerIndexQueueRef.current.push(index)\n      } else {\n        layerIndexQueueRef.current.push(0)\n      }\n      return layerIndexQueueRef.current.at(-1)\n    },\n    [fillLayers],\n  )\n\n  const lastQueuedIndex = useCallback(() => {\n    const last = layerIndexQueueRef.current.at(-1)\n    if (last === undefined) {\n      incrementQueue(0)\n      return 0\n    } else {\n      return last\n    }\n  }, [incrementQueue])\n\n  const unshiftQueue = useCallback(() => {\n    layerIndexQueueRef.current.shift()\n  }, [])\n\n  const getNextLayer = useCallback(() => {\n    const nextLayer = fillLayers[lastQueuedIndex()]\n    incrementQueue(lastQueuedIndex() + 1)\n    return nextLayer\n  }, [fillLayers, incrementQueue, lastQueuedIndex])\n\n  const layerAnimateWorker = useCallback(\n    (layer: MapLayer) => {\n      if (layer) {\n        map?.setPaintProperty(layer.id, 'fill-opacity', 0.85)\n        setTimeout(() => {\n          map?.setPaintProperty(layer.id, 'fill-opacity', 0)\n          unshiftQueue()\n        }, timeIncrement * 2)\n      } else {\n        console.warn('tried to queue an empty layer')\n      }\n    },\n    [map, unshiftQueue],\n  )\n\n  //\n  const queueLayerAnimation = useCallback(() => {\n    const animatedLayers: MapLayer[] = []\n\n    for (let i = 0; i < animatedLayerCount; i++) {\n      animatedLayers.push(getNextLayer())\n    }\n\n    for (const [index, layer] of animatedLayers.entries()) {\n      if (index === 0) {\n        layerAnimateWorker(layer)\n      } else {\n        setTimeout(() => {\n          layerAnimateWorker(layer)\n        }, timeIncrement * index)\n      }\n    }\n  }, [getNextLayer, layerAnimateWorker])\n\n  // Run a single layer animation before the interval kicks in\n  useEffect(() => {\n    if (animateLayers && layersInitialized && map && fillLayers.length > 0) {\n      queueLayerAnimation()\n    }\n  }, [animateLayers, fillLayers.length, layersInitialized, map, queueLayerAnimation])\n\n  useInterval(() => {\n    if (animateLayers && layersInitialized && map && fillLayers.length > 0) {\n      queueLayerAnimation()\n    }\n  }, timeIncrement * animatedLayerCount)\n\n  return <>{children}</>\n}\n","import { Alert } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport type { Feature, Point } from 'geojson'\nimport type { MapOptions } from 'mapbox-gl'\nimport React, { useEffect } from 'react'\n\nimport { useMapBoxInstance, useMapSettings } from '../Contexts/index.ts'\nimport type { MapboxFlexBoxProps } from '../lib/index.ts'\nimport { MapPoints } from '../MapBoxClasses/index.ts'\nimport { MapBox } from './MapBox.tsx'\nimport { MapSettingsBox } from './MapSettingsComponents/index.ts'\n\nexport interface MapboxPointsFlexBoxProps extends MapboxFlexBoxProps {\n  accessToken: string\n  features?: Feature<Point>[]\n}\n\nexport const MapboxPointsFlexBox: React.FC<MapboxPointsFlexBoxProps> = ({\n  accessToken,\n  features,\n  fitToPointsPadding = 20,\n  layers,\n  zoom,\n  ...props\n}) => {\n  const { mapSettings } = useMapSettings()\n  const { map, mapInitialized } = useMapBoxInstance()\n\n  /**\n   * Needed because of a bug in mapbox taking undefined values for the config options of fitToBounds\n   * see - https://github.com/mapbox/mapbox-gl-js/issues/10013\n   */\n  const customFitToBoundsOptions = (zoom?: number): MapOptions['fitBoundsOptions'] => {\n    if (zoom !== undefined) {\n      return { maxZoom: zoom }\n    }\n    return {}\n  }\n\n  useEffect(() => {\n    if (mapInitialized) {\n      const mapPoints = (map && features?.length)\n        ? new MapPoints({\n            features, map, zoom,\n          })\n        : undefined\n\n      const { fitToPoints } = mapSettings || {}\n      const padding = {\n        bottom: fitToPointsPadding, left: fitToPointsPadding, right: fitToPointsPadding, top: fitToPointsPadding,\n      }\n\n      if (mapPoints && map && fitToPoints?.value === true) {\n        mapPoints.initialMapPositioning({ padding, ...customFitToBoundsOptions(zoom) })\n      }\n\n      mapPoints?.initialMapPositioning({ padding, ...customFitToBoundsOptions(zoom) })\n\n      if (mapPoints?.isMapReady && features?.length && layers) {\n        for (const layer of layers) {\n          mapPoints.initializeMapSource(layer)\n        }\n      }\n    }\n  }, [mapInitialized, mapSettings, map, fitToPointsPadding, zoom, features, layers])\n\n  return (\n    <FlexCol\n      id=\"xyo-mapbox-wrap\"\n      {...props}\n      sx={[{ alignItems: 'stretch' }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n    >\n      {features\n        ? (\n            <>\n              <MapBox accessToken={accessToken} zoom={zoom} />\n              <MapSettingsBox />\n            </>\n          )\n        : <Alert severity=\"error\">No data to show</Alert>}\n    </FlexCol>\n  )\n}\n"],"mappings":"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","names":["FlexCol","useState","forget","useEffect","useMemo","useMemo","multipleFeatureSets","features","error","GeoJson","GeoJson","assertEx","GeoJson","factor","initialPad","assertEx","LngLatBounds","LngLatBounds","debugLayer","scrollToZoom","useEffect","useMemo","useMemo","useEffect","assertEx","assertEx","useEffect","useMemo","useState","createContext","jsx","useState","useMemo","useEffect","use","use","createContext","jsx","useMemo","useEffect","forget","fitToPoints","assertEx","use","use","assertEx","LayerBase","LayerBase","debugLayer","MapHeatConstants","LayerBase","useEffect","jsx","useEffect","jsx","jsx","jsx","jsx","useState","FlexCol","FlexCol","useTheme","FlexCol","useTheme","FlexCol","FlexRow","jsx","jsxs","jsx","useTheme","FlexCol","jsx","jsxs","FlexCol","useEffect","useMemo","useRef","jsx","Alert","FlexCol","useEffect","Fragment","jsx","jsxs","zoom","useEffect","fitToPoints","FlexCol","Alert"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-map",
-  "version": "7.6.2",
+  "version": "8.0.0",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -41,15 +41,15 @@
     "README.md"
   ],
   "dependencies": {
-    "@xyo-network/react-map-model": "~7.6.2",
-    "@xyo-network/react-archivist": "~7.6.2"
+    "@xyo-network/react-archivist": "~8.0.0",
+    "@xyo-network/react-map-model": "~8.0.0"
   },
   "devDependencies": {
     "@bitauth/libauth": "~3.0.0",
-    "@mui/icons-material": "^7.3.10",
-    "@mui/material": "^7.3.10",
-    "@mui/system": "^7.3.10",
-    "@mui/x-tree-view": "~8.27.2",
+    "@mui/icons-material": "~9.0",
+    "@mui/material": "~9.0",
+    "@mui/system": "~9.0",
+    "@mui/x-tree-view": "~9.1",
     "@opentelemetry/api": "^1.9.1",
     "@opentelemetry/sdk-trace-base": "^2.7.1",
     "@react-spring/web": "~10.0.3",
@@ -58,50 +58,49 @@
     "@storybook/react-vite": "~10.3.6",
     "@types/geojson": "~7946.0.16",
     "@types/react": "^19.2.14",
-    "@xylabs/geo": "^5.1.1",
-    "@xylabs/pixel": "~5.1.1",
-    "@xylabs/react-app-settings": "~7.2.3",
-    "@xylabs/react-async-effect": "~7.2.3",
-    "@xylabs/react-button": "~7.2.3",
-    "@xylabs/react-crypto": "~7.2.3",
-    "@xylabs/react-flexbox": "~7.2.3",
-    "@xylabs/react-hooks": "~7.2.3",
-    "@xylabs/react-identicon": "~7.2.3",
-    "@xylabs/react-link": "~7.2.3",
-    "@xylabs/react-number-status": "~7.2.3",
-    "@xylabs/react-promise": "~7.2.3",
-    "@xylabs/react-select": "~7.2.3",
-    "@xylabs/react-shared": "~7.2.3",
-    "@xylabs/react-theme": "~7.2.3",
-    "@xylabs/sdk-js": "^5.1.1",
-    "@xylabs/threads": "~5.1.1",
-    "@xylabs/toolchain": "~7.13.7",
-    "@xylabs/tsconfig": "^7.13.7",
-    "@xylabs/tsconfig-dom": "^7.13.7",
-    "@xylabs/tsconfig-react": "~7.13.7",
-    "@xyo-network/account": "~5.6.1",
-    "@xyo-network/account-model": "^5.6.2",
-    "@xyo-network/archivist-memory": "~5.6.3",
-    "@xyo-network/archivist-model": "^5.6.3",
-    "@xyo-network/boundwitness-builder": "^5.6.1",
-    "@xyo-network/boundwitness-model": "^5.6.2",
-    "@xyo-network/boundwitness-validator": "^5.6.1",
-    "@xyo-network/boundwitness-wrapper": "~5.6.1",
-    "@xyo-network/config-payload-plugin": "~5.6.2",
-    "@xyo-network/diviner-model": "^5.6.3",
-    "@xyo-network/manifest-model": "~5.6.2",
-    "@xyo-network/module-abstract": "^5.6.3",
-    "@xyo-network/module-model": "^5.6.3",
-    "@xyo-network/module-wrapper": "~5.6.3",
-    "@xyo-network/network": "~5.6.2",
-    "@xyo-network/node-memory": "~5.6.3",
-    "@xyo-network/node-model": "^5.6.3",
-    "@xyo-network/payload-builder": "^5.6.1",
-    "@xyo-network/payload-model": "^5.6.2",
-    "@xyo-network/query-payload-plugin": "~5.6.2",
+    "@xylabs/geo": "^5.1.2",
+    "@xylabs/pixel": "~5.1.2",
+    "@xylabs/react-app-settings": "~8.0",
+    "@xylabs/react-async-effect": "~8.0",
+    "@xylabs/react-button": "~8.0",
+    "@xylabs/react-crypto": "~8.0",
+    "@xylabs/react-flexbox": "~8.0",
+    "@xylabs/react-hooks": "~8.0",
+    "@xylabs/react-identicon": "~8.0",
+    "@xylabs/react-link": "~8.0",
+    "@xylabs/react-number-status": "~8.0",
+    "@xylabs/react-promise": "~8.0",
+    "@xylabs/react-select": "~8.0",
+    "@xylabs/react-shared": "~8.0",
+    "@xylabs/react-theme": "~8.0",
+    "@xylabs/sdk-js": "^5.1.2",
+    "@xylabs/threads": "~5.1.2",
+    "@xylabs/toolchain": "~7.13.22",
+    "@xylabs/tsconfig": "^7.13.22",
+    "@xylabs/tsconfig-dom": "^7.13.22",
+    "@xylabs/tsconfig-react": "~7.13.22",
+    "@xyo-network/account": "~5.6.2",
+    "@xyo-network/account-model": "^5.6.3",
+    "@xyo-network/archivist-memory": "~5.6.4",
+    "@xyo-network/archivist-model": "^5.6.4",
+    "@xyo-network/boundwitness-builder": "^5.6.2",
+    "@xyo-network/boundwitness-model": "^5.6.3",
+    "@xyo-network/boundwitness-validator": "^5.6.2",
+    "@xyo-network/boundwitness-wrapper": "~5.6.2",
+    "@xyo-network/config-payload-plugin": "~5.6.3",
+    "@xyo-network/diviner-model": "^5.6.4",
+    "@xyo-network/manifest-model": "~5.6.3",
+    "@xyo-network/module-model": "^5.6.4",
+    "@xyo-network/module-wrapper": "~5.6.4",
+    "@xyo-network/network": "~5.6.3",
+    "@xyo-network/node-memory": "~5.6.4",
+    "@xyo-network/node-model": "^5.6.4",
+    "@xyo-network/payload-builder": "^5.6.2",
+    "@xyo-network/payload-model": "^5.6.3",
+    "@xyo-network/query-payload-plugin": "~5.6.3",
     "@xyo-network/sdk-geo": "~3.0.3",
-    "@xyo-network/wallet": "~5.6.1",
-    "@xyo-network/wallet-model": "^5.6.2",
+    "@xyo-network/wallet": "~5.6.2",
+    "@xyo-network/wallet-model": "^5.6.3",
     "async-mutex": "^0.5.0",
     "bn.js": "^5.2.3",
     "bowser": "^2.14.1",
@@ -122,99 +121,99 @@
     "observable-fns": "~0.6.1",
     "pako": "^2.1.0",
     "query-string": "~9.3.1",
-    "react": "^19.2.5",
-    "react-dom": "^19.2.5",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
     "react-icons": "~5.6.0",
-    "react-is": "^19.2.5",
+    "react-is": "^19.2.6",
     "react-router-dom": "^7.15.0",
     "recharts": "~3.8.1",
     "spark-md5": "~3.0.2",
     "storybook": "^10.3.6",
     "typescript": "^5.9.3",
-    "viem": "~2.48.8",
-    "vite": "^8.0.10",
+    "viem": "~2.48.11",
+    "vite": "^8.0.11",
     "wasm-feature-detect": "~1.8.0",
     "zod": "^4.4.3"
   },
   "peerDependencies": {
-    "@bitauth/libauth": ">=3.0.0 <3.1",
-    "@mui/icons-material": ">=7.3.10 <8",
-    "@mui/material": ">=7.3.10 <8",
-    "@mui/system": ">=7.3.10 <8",
-    "@mui/x-tree-view": ">=8.27.2 <8.28",
-    "@opentelemetry/api": ">=1.9.1 <2",
-    "@opentelemetry/sdk-trace-base": ">=2.7.1 <3",
-    "@react-spring/web": ">=10.0.3 <10.1",
-    "@scure/base": ">=2.2.0 <2.3",
-    "@scure/bip39": ">=2.2.0 <2.3",
-    "@xylabs/geo": ">=5.1.1 <6",
-    "@xylabs/pixel": ">=5.1.1 <5.2",
-    "@xylabs/react-app-settings": ">=7.2.3 <7.3",
-    "@xylabs/react-async-effect": ">=7.2.3 <7.3",
-    "@xylabs/react-button": ">=7.2.3 <7.3",
-    "@xylabs/react-crypto": ">=7.2.3 <7.3",
-    "@xylabs/react-flexbox": ">=7.2.3 <7.3",
-    "@xylabs/react-hooks": ">=7.2.3 <7.3",
-    "@xylabs/react-identicon": ">=7.2.3 <7.3",
-    "@xylabs/react-link": ">=7.2.3 <7.3",
-    "@xylabs/react-number-status": ">=7.2.3 <7.3",
-    "@xylabs/react-promise": ">=7.2.3 <7.3",
-    "@xylabs/react-select": ">=7.2.3 <7.3",
-    "@xylabs/react-shared": ">=7.2.3 <7.3",
-    "@xylabs/react-theme": ">=7.2.3 <7.3",
-    "@xylabs/sdk-js": ">=5.1.1 <6",
-    "@xylabs/threads": ">=5.1.1 <5.2",
-    "@xyo-network/account": ">=5.6.1 <5.7",
-    "@xyo-network/account-model": ">=5.6.2 <6",
-    "@xyo-network/archivist-memory": ">=5.6.3 <5.7",
-    "@xyo-network/archivist-model": ">=5.6.3 <6",
-    "@xyo-network/boundwitness-builder": ">=5.6.1 <6",
-    "@xyo-network/boundwitness-model": ">=5.6.2 <6",
-    "@xyo-network/boundwitness-validator": ">=5.6.1 <6",
-    "@xyo-network/boundwitness-wrapper": ">=5.6.1 <5.7",
-    "@xyo-network/config-payload-plugin": ">=5.6.2 <5.7",
-    "@xyo-network/diviner-model": ">=5.6.3 <6",
-    "@xyo-network/manifest-model": ">=5.6.2 <5.7",
-    "@xyo-network/module-abstract": ">=5.6.3 <6",
-    "@xyo-network/module-model": ">=5.6.3 <6",
-    "@xyo-network/module-wrapper": ">=5.6.3 <5.7",
-    "@xyo-network/network": ">=5.6.2 <5.7",
-    "@xyo-network/node-memory": ">=5.6.3 <5.7",
-    "@xyo-network/node-model": ">=5.6.3 <6",
-    "@xyo-network/payload-builder": ">=5.6.1 <6",
-    "@xyo-network/payload-model": ">=5.6.2 <6",
-    "@xyo-network/query-payload-plugin": ">=5.6.2 <5.7",
-    "@xyo-network/sdk-geo": ">=3.0.3 <3.1",
-    "@xyo-network/wallet": ">=5.6.1 <5.7",
-    "@xyo-network/wallet-model": ">=5.6.2 <6",
-    "async-mutex": ">=0.5.0 <1",
-    "bn.js": ">=5.2.3 <6",
-    "bowser": ">=2.14.1 <3",
-    "buffer": ">=6.0.3 <7",
-    "chalk": ">=5.6.2 <6",
-    "debug": ">=4.4.3 <4.5",
-    "ethers": ">=6.16.0 <7",
-    "fast-deep-equal": ">=3.1.3 <3.2",
-    "hash-wasm": ">=4.12.0 <4.13",
-    "js-cookie": ">=3.0.5 <3.1",
-    "lru-cache": ">=11.3.6 <12",
-    "mapbox-gl": ">=3.23.1 <4",
-    "md5": ">=2.3.0 <2.4",
-    "mixpanel-browser": ">=2.78.0 <2.79",
-    "numeral": ">=2.0.6 <2.1",
-    "observable-fns": ">=0.6.1 <0.7",
-    "pako": ">=2.1.0 <3",
-    "query-string": ">=9.3.1 <9.4",
-    "react": ">=19.2.5 <20",
-    "react-dom": ">=19.2.5 <20",
-    "react-icons": ">=5.6.0 <5.7",
-    "react-is": ">=19.2.5 <20",
-    "react-router-dom": ">=7.15.0 <8",
-    "recharts": ">=3.8.1 <3.9",
-    "spark-md5": ">=3.0.2 <3.1",
-    "viem": ">=2.48.8 <2.49",
-    "wasm-feature-detect": ">=1.8.0 <1.9",
-    "zod": ">=4.4.3 <5"
+    "@bitauth/libauth": "~3.0",
+    "@mui/icons-material": "~9.0",
+    "@mui/material": "~9.0",
+    "@mui/system": "~9.0",
+    "@mui/x-tree-view": "~9.1",
+    "@opentelemetry/api": "^1.9",
+    "@opentelemetry/sdk-trace-base": "^2.7",
+    "@react-spring/web": "~10.0",
+    "@scure/base": "~2.2",
+    "@scure/bip39": "~2.2",
+    "@xylabs/geo": "^5.1",
+    "@xylabs/pixel": "~5.1",
+    "@xylabs/react-app-settings": "~8.0",
+    "@xylabs/react-async-effect": "~8.0",
+    "@xylabs/react-button": "~8.0",
+    "@xylabs/react-crypto": "~8.0",
+    "@xylabs/react-flexbox": "~8.0",
+    "@xylabs/react-hooks": "~8.0",
+    "@xylabs/react-identicon": "~8.0",
+    "@xylabs/react-link": "~8.0",
+    "@xylabs/react-number-status": "~8.0",
+    "@xylabs/react-promise": "~8.0",
+    "@xylabs/react-select": "~8.0",
+    "@xylabs/react-shared": "~8.0",
+    "@xylabs/react-theme": "~8.0",
+    "@xylabs/sdk-js": "^5.1",
+    "@xylabs/threads": "~5.1",
+    "@xyo-network/account": "~5.6",
+    "@xyo-network/account-model": "^5.6",
+    "@xyo-network/archivist-memory": "~5.6",
+    "@xyo-network/archivist-model": "^5.6",
+    "@xyo-network/boundwitness-builder": "^5.6",
+    "@xyo-network/boundwitness-model": "^5.6",
+    "@xyo-network/boundwitness-validator": "^5.6",
+    "@xyo-network/boundwitness-wrapper": "~5.6",
+    "@xyo-network/config-payload-plugin": "~5.6",
+    "@xyo-network/diviner-model": "^5.6",
+    "@xyo-network/manifest-model": "~5.6",
+    "@xyo-network/module-model": "^5.6",
+    "@xyo-network/module-wrapper": "~5.6",
+    "@xyo-network/network": "~5.6",
+    "@xyo-network/node-memory": "~5.6",
+    "@xyo-network/node-model": "^5.6",
+    "@xyo-network/payload-builder": "^5.6",
+    "@xyo-network/payload-model": "^5.6",
+    "@xyo-network/query-payload-plugin": "~5.6",
+    "@xyo-network/sdk-geo": "~3.0",
+    "@xyo-network/wallet": "~5.6",
+    "@xyo-network/wallet-model": "^5.6",
+    "async-mutex": "^0.5",
+    "bn.js": "^5.2",
+    "bowser": "^2.14",
+    "buffer": "^6.0",
+    "chalk": "^5.6",
+    "debug": "~4.4",
+    "ethers": "^6.16",
+    "fast-deep-equal": "~3.1",
+    "hash-wasm": "~4.12",
+    "js-cookie": "~3.0",
+    "lru-cache": "^11.3",
+    "mapbox-gl": "^3.23",
+    "md5": "~2.3",
+    "mixpanel-browser": "~2.78",
+    "numeral": "~2.0",
+    "observable-fns": "~0.6",
+    "pako": "^2.1",
+    "query-string": "~9.3",
+    "react": "^19.2",
+    "react-dom": "^19.2",
+    "react-icons": "~5.6",
+    "react-is": "^19.2",
+    "react-router-dom": "^7.15",
+    "recharts": "~3.8",
+    "spark-md5": "~3.0",
+    "typescript": "^5.9",
+    "viem": "~2.48",
+    "wasm-feature-detect": "~1.8",
+    "zod": "^4.4"
   },
   "publishConfig": {
     "access": "public"