@xyo-network/react-map 4.1.20 → 4.2.1

package/dist/browser/index.mjs

@@ -1,75 +1,14 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
-// src/Settings/DefaultMapSettings.ts
-var DefaultMapSettings = /* @__PURE__ */ __name(() => ({
-  debugLayer: {
-    devMode: true,
-    field: "debugLayer",
-    hidden: true,
-    label: "Debug Layer",
-    value: false
-  },
-  debugLogging: {
-    devMode: true,
-    field: "debugLogging",
-    hidden: true,
-    label: "Debug Logging",
-    value: false
-  },
-  dynamicMapResize: {
-    devMode: true,
-    field: "dynamicMapResize",
-    hidden: true,
-    label: "Auto Map Resize",
-    value: true
-  },
-  enableControls: {
-    devMode: true,
-    field: "enableControls",
-    hidden: true,
-    label: "Map Controls",
-    value: false
-  },
-  fitToPoints: {
-    devMode: true,
-    field: "fitToPoints",
-    hidden: true,
-    label: "Fit To Points",
-    value: false
-  },
-  preferDark: {
-    devMode: false,
-    field: "preferDark",
-    hidden: true,
-    label: "Prefer dark",
-    value: false
-  },
-  scrollToZoom: {
-    devMode: true,
-    field: "scrollToZoom",
-    hidden: true,
-    label: "Scroll To Zoom",
-    value: false
-  }
-}), "DefaultMapSettings");
-
-// src/AnimatedHeatMapSettings.ts
-var AnimatedHeatMapSettings = DefaultMapSettings();
-var { debugLayer, scrollToZoom, fitToPoints, preferDark } = AnimatedHeatMapSettings;
-debugLayer.hidden = false;
-scrollToZoom.value = true;
-fitToPoints.value = false;
-preferDark.value = true;
-
 // src/Components/AnimatedHeatMap.tsx
-import { darken, useTheme as useTheme2 } from "@mui/material";
+import { darken, useTheme } from "@mui/material";
 import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
-import React9, { useState as useState6 } from "react";
+import React8, { useState as useState4 } from "react";
 
 // src/Contexts/HeatMapInitializer/Provider.tsx
 import { forget as forget2 } from "@xylabs/forget";
-import React3, { useEffect as useEffect4, useMemo as useMemo7 } from "react";
+import React3, { useEffect as useEffect4, useMemo as useMemo5 } from "react";
 
 // src/hooks/useDynamicMapResize.tsx
 import { useEffect, useMemo } from "react";
@@ -159,114 +98,9 @@ var useDynamicPositioning = /* @__PURE__ */ __name(() => {
   };
 }, "useDynamicPositioning");
 
-// src/hooks/useFindHashes.tsx
-import { useNetwork } from "@xyo-network/react-network";
-import { useMemo as useMemo3 } from "react";
-var animatedAnswerHashesConst = [
-  "79af071f451fc7af10d009dc63236ef9a9b211732c1ee0c06f028fcecf2336c5",
-  "531bfba6d8dfefd3bcc888aca54cdbbd4574ed2b3ec551b230845a1f9a608898",
-  "c874412b4faa4947de81372fd1ba12fdd6f43f5e408622b7f357cb2bcb3f17cb",
-  "29d3f8b882c61a82a1a1675782a27e797ea7196f45a23b4409680ab8b8d5f14e",
-  "cfd20f80ac073fd9518f4ef3f43d2a1f5e4e56e40c2677f38d6f6fecd05df60c",
-  "1354fa73497519a39aed19fc99bdbae78a880a1eafb2f7898d607e07db36528d",
-  "1043b0d25eacfc5013ae9dba780305a6fbf01a43543bd871d7c00537fca142a9",
-  "973dfc5df142851ced258d52d0ac2784e814000ac22e35776f772256b0d4dde9",
-  "463808eb74d3d87e6563970e0301a493577f8cd1b501e6e0ffa5e027ad2cea95",
-  "15b21acea2e3fd9d1ace3768a72636ee7bdf67a6f8e0807bfa2273dea2207555",
-  "32d377bfe7ebe382598c54dd13f8af7510e0a1e2fd2e913311fdd58e517e5e2e,"
-];
-var staticAnswerHashConst = "c7bbf61f61cfd4a1b2def160c28136fc1d100d39fbdb67b227a2c6e558d9d3a5";
-var useFindHashes = /* @__PURE__ */ __name(() => {
-  const { network } = useNetwork();
-  const exploreMapHashes = network?.nodes?.find((node) => node.type === "archivist")?.explorerMapHashes;
-  const animatedAnswerHashes = exploreMapHashes?.animatedAnswerHashes || animatedAnswerHashesConst;
-  const staticAnswerHash = exploreMapHashes?.staticAnswerHash || staticAnswerHashConst;
-  const foundHashes = useMemo3(() => [
-    staticAnswerHash,
-    ...animatedAnswerHashes
-  ], [
-    animatedAnswerHashes,
-    staticAnswerHash
-  ]);
-  return foundHashes;
-}, "useFindHashes");
-
-// src/hooks/useHeatMapColors.tsx
-import { useTheme } from "@mui/material";
-var useHeatMapColors = /* @__PURE__ */ __name(() => {
-  const theme = useTheme();
-  const staticMapColor = "#FFFF75";
-  const highUsageColor = "#FF0000";
-  const heatMapColorProps = {
-    highUsageColor,
-    lowUsageColor: "#FFB3B3",
-    staticMapColor
-  };
-  const legendProps = {
-    endColor: highUsageColor,
-    endLabel: "High",
-    heading: "Network Usage",
-    startColor: staticMapColor,
-    startLabel: "Low",
-    textColor: theme.palette.common.white
-  };
-  return {
-    heatMapColorProps,
-    legendProps
-  };
-}, "useHeatMapColors");
-
-// src/hooks/useQuadKeyPayloadsToFeatures.tsx
-import { exists } from "@xylabs/exists";
-import { GeoJson } from "@xyo-network/sdk-geo";
-import { useMemo as useMemo4, useState } from "react";
-var quadKeyToFeature = /* @__PURE__ */ __name(({ density, quadkey }) => {
-  const polygonFeature = new GeoJson(quadkey).polygonFeature();
-  polygonFeature.properties = {
-    count: density,
-    density
-  };
-  return polygonFeature;
-}, "quadKeyToFeature");
-var setDensity = /* @__PURE__ */ __name((feature) => {
-  if (feature.properties) {
-    feature.properties.value = feature.properties.density / 5;
-  }
-  return feature;
-}, "setDensity");
-var useQuadKeyPayloadsToFeatures = /* @__PURE__ */ __name((payloads) => {
-  const [multipleFeatureSets, setMultipleFeatureSets] = useState([
-    []
-  ]);
-  const [features, setFeatures] = useState([]);
-  const [error, setError] = useState();
-  useMemo4(() => {
-    if (Array.isArray(payloads)) {
-      if (payloads?.filter(exists).length > 0) {
-        const mappedFeatures = payloads?.map((payload) => payload?.result.map(quadKeyToFeature));
-        setMultipleFeatureSets(mappedFeatures.map((features2) => features2?.map(setDensity) ?? []));
-      } else {
-        setError(new Error("Cannot find payloads for provided hashes"));
-      }
-    }
-    if (payloads && payloads.result) {
-      const singlePayload = payloads;
-      const mappedFeatures = singlePayload.result.map(quadKeyToFeature);
-      setFeatures(mappedFeatures.map(setDensity));
-    }
-  }, [
-    payloads
-  ]);
-  return {
-    error,
-    features,
-    multipleFeatureSets
-  };
-}, "useQuadKeyPayloadsToFeatures");
-
 // src/MapBoxClasses/MapBase.ts
 import { assertEx } from "@xylabs/assert";
-import { GeoJson as GeoJson2 } from "@xyo-network/sdk-geo";
+import { GeoJson } from "@xyo-network/sdk-geo";
 var MapBase = class {
   static {
     __name(this, "MapBase");
@@ -284,8 +118,8 @@ var MapBase = class {
   }
   initializeMapSource(layer) {
     const getSource = /* @__PURE__ */ __name(() => {
-      const featuresCollection = GeoJson2.featureCollection(this._config.features);
-      return GeoJson2.featuresSource(featuresCollection);
+      const featuresCollection = GeoJson.featureCollection(this._config.features);
+      return GeoJson.featuresSource(featuresCollection);
     }, "getSource");
     const existingSource = this._config.map.getSource(layer.source);
     const source = getSource();
@@ -303,7 +137,7 @@ var MapBase = class {
 import { assertEx as assertEx2 } from "@xylabs/assert";
 import { delay } from "@xylabs/delay";
 import { forget } from "@xylabs/forget";
-import { GeoJson as GeoJson3 } from "@xyo-network/sdk-geo";
+import { GeoJson as GeoJson2 } from "@xyo-network/sdk-geo";
 import { LngLatBounds } from "mapbox-gl";
 var MapHeat = class extends MapBase {
   static {
@@ -341,8 +175,8 @@ var MapHeat = class extends MapBase {
     let layerTick = 0;
     let sourceTick = 0;
     const sources = featureSet.map((feature) => {
-      const featuresCollection = GeoJson3.featureCollection(feature);
-      return GeoJson3.featuresSource(featuresCollection);
+      const featuresCollection = GeoJson2.featureCollection(feature);
+      return GeoJson2.featuresSource(featuresCollection);
     });
     this.updateLayer(map, layers[0], sources[0]);
     this.updateLayer(map, layers[1], sources[1]);
@@ -448,8 +282,8 @@ var MapHeat = class extends MapBase {
   // Build layers each with the same features
   initializeHeatMapSource(layers) {
     const getSource = /* @__PURE__ */ __name((_) => {
-      const featuresCollection = GeoJson3.featureCollection(this.config.features);
-      return GeoJson3.featuresSource(featuresCollection);
+      const featuresCollection = GeoJson2.featureCollection(this.config.features);
+      return GeoJson2.featuresSource(featuresCollection);
     }, "getSource");
     for (const [index, layer] of layers.entries()) {
       const existingSource = this.config.map.getSource(layer.source);
@@ -519,8 +353,8 @@ var MapSettings = class _MapSettings {
     return this;
   }
   static toggleDebugLayer(value, map, layerName) {
-    const debugLayer3 = map.getLayer(layerName);
-    if (debugLayer3) {
+    const debugLayer2 = map.getLayer(layerName);
+    if (debugLayer2) {
       if (value) {
         map.setLayoutProperty(layerName, "visibility", "visible");
       } else {
@@ -552,8 +386,8 @@ var MapSettings = class _MapSettings {
   }
   static updateSettings(config) {
     const { settings, map, zoom, requestLocation, debugLayerName = "" } = config;
-    const { scrollToZoom: scrollToZoom3, enableControls, debugLayer: debugLayer3, debugLogging } = settings;
-    _MapSettings.toggleControls(enableControls?.value, map, zoom, requestLocation).toggleScrollToZoom(scrollToZoom3?.value, map).toggleDebugLayer(debugLayer3?.value, map, debugLayerName).toggleDebugLogging(debugLogging.value, map);
+    const { scrollToZoom: scrollToZoom2, enableControls, debugLayer: debugLayer2, debugLogging } = settings;
+    _MapSettings.toggleControls(enableControls?.value, map, zoom, requestLocation).toggleScrollToZoom(scrollToZoom2?.value, map).toggleDebugLayer(debugLayer2?.value, map, debugLayerName).toggleDebugLogging(debugLogging.value, map);
   }
   // Needs to be static so we ensure controls are only instantiated once
   static addControls(map, zoom, requestLocation) {
@@ -591,7 +425,7 @@ var MapSettings = class _MapSettings {
 };
 
 // src/Contexts/MapBoxInstance/Provider.tsx
-import React, { useEffect as useEffect2, useMemo as useMemo5, useState as useState2 } from "react";
+import React, { useEffect as useEffect2, useMemo as useMemo3, useState } from "react";
 
 // src/Contexts/MapBoxInstance/Context.ts
 import { createContext } from "react";
@@ -599,9 +433,9 @@ var MapBoxInstanceContext = createContext({});
 
 // src/Contexts/MapBoxInstance/Provider.tsx
 var MapBoxInstanceProvider = /* @__PURE__ */ __name(({ children }) => {
-  const [map, setMapBoxInstance] = useState2();
-  const [mapInitialized, setMapInitialized] = useState2(false);
-  const value = useMemo5(() => ({
+  const [map, setMapBoxInstance] = useState();
+  const [mapInitialized, setMapInitialized] = useState(false);
+  const value = useMemo3(() => ({
     map,
     mapInitialized,
     setMapBoxInstance
@@ -636,7 +470,7 @@ var useMapBoxInstance = /* @__PURE__ */ __name(() => {
 }, "useMapBoxInstance");
 
 // src/Contexts/MapSettings/Provider.tsx
-import React2, { useEffect as useEffect3, useMemo as useMemo6, useState as useState3 } from "react";
+import React2, { useEffect as useEffect3, useMemo as useMemo4, useState as useState2 } from "react";
 
 // src/Contexts/MapSettings/Context.ts
 import { createContext as createContext2 } from "react";
@@ -644,9 +478,9 @@ var MapSettingsContext = createContext2({});
 
 // src/Contexts/MapSettings/Provider.tsx
 var MapSettingsProvider = /* @__PURE__ */ __name(({ children, debugLayerName, defaultMapSettings, requestLocation, zoom = 1 }) => {
-  const [mapSettings, setMapSettings] = useState3(defaultMapSettings || {});
+  const [mapSettings, setMapSettings] = useState2(defaultMapSettings || {});
   const { map, mapInitialized } = useMapBoxInstance();
-  const value = useMemo6(() => ({
+  const value = useMemo4(() => ({
     mapSettings,
     setMapSettings
   }), [
@@ -692,7 +526,7 @@ var HeatMapInitializerProvider = /* @__PURE__ */ __name(({ children, featureSets
   const { options } = useDynamicPositioning();
   const { mapSettings } = useMapSettings();
   const { map, mapInitialized } = useMapBoxInstance();
-  const mapHeat = useMemo7(() => {
+  const mapHeat = useMemo5(() => {
     return map && features?.length ? new MapHeat({
       features,
       map,
@@ -703,7 +537,7 @@ var HeatMapInitializerProvider = /* @__PURE__ */ __name(({ children, featureSets
     features,
     zoom
   ]);
-  const value = useMemo7(() => ({
+  const value = useMemo5(() => ({
     MapHeat: mapHeat,
     heatMapColorProps
   }), [
@@ -737,9 +571,9 @@ var HeatMapInitializerProvider = /* @__PURE__ */ __name(({ children, featureSets
   ]);
   useEffect4(() => {
     if (mapInitialized) {
-      const { fitToPoints: fitToPoints3 } = mapSettings || {};
+      const { fitToPoints: fitToPoints2 } = mapSettings || {};
       if (map) {
-        if (fitToPoints3?.value === true) {
+        if (fitToPoints2?.value === true) {
           MapHeat.initialMapPositioning({
             padding: {
               bottom: fitToPadding,
@@ -777,35 +611,6 @@ var useHeatMapInitializer = /* @__PURE__ */ __name(() => {
   return context;
 }, "useHeatMapInitializer");
 
-// src/Contexts/MapboxAccessToken/Context.ts
-import { createContextEx } from "@xyo-network/react-shared";
-var MapboxAccessTokenContext = createContextEx();
-
-// src/Contexts/MapboxAccessToken/Provider.tsx
-import React4, { useMemo as useMemo8, useState as useState4 } from "react";
-var MapboxAccessTokenProvider = /* @__PURE__ */ __name(({ defaultAccessToken, ...props }) => {
-  const [accessToken, setAccessToken] = useState4();
-  const value = useMemo8(() => ({
-    accessToken: accessToken ?? defaultAccessToken,
-    provided: true,
-    setAccessToken
-  }), [
-    accessToken,
-    defaultAccessToken,
-    setAccessToken
-  ]);
-  return /* @__PURE__ */ React4.createElement(MapboxAccessTokenContext.Provider, {
-    value,
-    ...props
-  });
-}, "MapboxAccessTokenProvider");
-
-// src/Contexts/MapboxAccessToken/use.ts
-import { useContextEx } from "@xyo-network/react-shared";
-var useMapboxAccessToken = /* @__PURE__ */ __name((required = false) => {
-  return useContextEx(MapboxAccessTokenContext, "MapboxAccessToken", required);
-}, "useMapboxAccessToken");
-
 // src/Layers/Configs/HeatMapFillLayerConfig.ts
 var HeatMapFillLayerConfig = /* @__PURE__ */ __name((color) => ({
   paint: {
@@ -1032,11 +837,11 @@ var LocationHeatMapLayerBuilder = /* @__PURE__ */ __name((color, alternateColor
   const debugLayerConfig = HeatMapSymbolLayerConfig(alternateColor);
   const fillLayer = new FillLayerBuilder(LocationFillLayerId, LocationFillLayerSource, fillLayerConfig);
   const lineLayer = new LineLayerBuilder(LocationLineLayerId, LocationLineLayerSource, lineLayerConfig);
-  const debugLayer3 = new SymbolLayerBuilder(LocationDebugLayerId, LocationDebugLayerSource, debugLayerConfig);
+  const debugLayer2 = new SymbolLayerBuilder(LocationDebugLayerId, LocationDebugLayerSource, debugLayerConfig);
   return [
     fillLayer,
     lineLayer,
-    debugLayer3
+    debugLayer2
   ];
 }, "LocationHeatMapLayerBuilder");
 
@@ -1109,27 +914,15 @@ var LocationPointsMapLayerBuilder = /* @__PURE__ */ __name((color, circleRadius
 
 // src/Components/MapBoxHeat.tsx
 import { FlexCol } from "@xylabs/react-flexbox";
-import React8 from "react";
+import React7 from "react";
 
 // src/Components/MapBox.tsx
 import "mapbox-gl/dist/mapbox-gl.css";
+import { MapStyle } from "@xyo-network/react-map-model";
 import { Map } from "mapbox-gl";
-import React5, { useEffect as useEffect5, useRef, useState as useState5 } from "react";
-
-// src/lib/MapStyle.ts
-var MapStyle = /* @__PURE__ */ function(MapStyle2) {
-  MapStyle2["Dark"] = "mapbox/dark-v10";
-  MapStyle2["Light"] = "mapbox/light-v10";
-  MapStyle2["Outdoors"] = "mapbox/outdoors-v11";
-  MapStyle2["Satellite"] = "mapbox/satellite-v9";
-  MapStyle2["SatelliteStreets"] = "mapbox/satellite-streets-v11";
-  MapStyle2["Streets"] = "mapbox/streets-v11";
-  return MapStyle2;
-}({});
-
-// src/Components/MapBox.tsx
+import React4, { useEffect as useEffect5, useRef, useState as useState3 } from "react";
 var MapBox = /* @__PURE__ */ __name(({ accessToken, darkMode = false, options, zoom = 2, ...props }) => {
-  const [map, setMap] = useState5();
+  const [map, setMap] = useState3();
   const mapContainerRef = useRef(null);
   const mapCanvasRef = useRef(null);
   const { setMapBoxInstance, map: mapInstance } = useMapBoxInstance();
@@ -1175,7 +968,7 @@ var MapBox = /* @__PURE__ */ __name(({ accessToken, darkMode = false, options, z
     setMapBoxInstance,
     accessToken
   ]);
-  return /* @__PURE__ */ React5.createElement("div", {
+  return /* @__PURE__ */ React4.createElement("div", {
     ref: /* @__PURE__ */ __name((el) => mapContainerRef.current = el, "ref"),
     style: {
       bottom: 0,
@@ -1190,7 +983,7 @@ var MapBox = /* @__PURE__ */ __name(({ accessToken, darkMode = false, options, z
 
 // src/Components/MapSettingsComponents/Setting.tsx
 import { FormControlLabel, Switch } from "@mui/material";
-import React6 from "react";
+import React5 from "react";
 var MapSettingSwitch = /* @__PURE__ */ __name(({ developerMode, field, ...props }) => {
   const { mapSettings, setMapSettings } = useMapSettings();
   const setting = mapSettings?.[field];
@@ -1207,9 +1000,9 @@ var MapSettingSwitch = /* @__PURE__ */ __name(({ developerMode, field, ...props
   if (setting?.devMode && developerMode === false) {
     return null;
   }
-  return setting?.hidden ? null : /* @__PURE__ */ React6.createElement(FormControlLabel, {
+  return setting?.hidden ? null : /* @__PURE__ */ React5.createElement(FormControlLabel, {
     label: setting?.label,
-    control: /* @__PURE__ */ React6.createElement(Switch, {
+    control: /* @__PURE__ */ React5.createElement(Switch, {
       checked: setting?.value,
       onChange: onLocalChange,
       ...props
@@ -1221,24 +1014,24 @@ var MapSettingSwitch = /* @__PURE__ */ __name(({ developerMode, field, ...props
 import { Paper, Stack } from "@mui/material";
 import { useAppSettings } from "@xylabs/react-app-settings";
 import { FlexGrowRow, FlexRow } from "@xylabs/react-flexbox";
-import React7 from "react";
+import React6 from "react";
 var MapSettingsBox = /* @__PURE__ */ __name(({ developerMode, ...props }) => {
   const { mapSettings } = useMapSettings();
   const { developerMode: devModeFromContext } = useAppSettings();
   const resolveDeveloperMode = developerMode ?? devModeFromContext;
-  return mapSettings && resolveDeveloperMode ? /* @__PURE__ */ React7.createElement(FlexGrowRow, {
+  return mapSettings && resolveDeveloperMode ? /* @__PURE__ */ React6.createElement(FlexGrowRow, {
     bottom: 36,
     left: 10,
     position: "absolute",
     ...props
-  }, /* @__PURE__ */ React7.createElement(FlexRow, {
+  }, /* @__PURE__ */ React6.createElement(FlexRow, {
     paddingX: 2
-  }, /* @__PURE__ */ React7.createElement(Paper, null, /* @__PURE__ */ React7.createElement(Stack, {
+  }, /* @__PURE__ */ React6.createElement(Paper, null, /* @__PURE__ */ React6.createElement(Stack, {
     direction: "row",
     spacing: 1,
     marginX: 1
   }, Object.keys(mapSettings).map((key, index) => {
-    return /* @__PURE__ */ React7.createElement(MapSettingSwitch, {
+    return /* @__PURE__ */ React6.createElement(MapSettingSwitch, {
       key: index,
       field: mapSettings[key].field,
       developerMode
@@ -1248,29 +1041,29 @@ var MapSettingsBox = /* @__PURE__ */ __name(({ developerMode, ...props }) => {
 
 // src/Components/MapBoxHeat.tsx
 var MapboxHeatFlexBox = /* @__PURE__ */ __name(({ accessToken, children, mapBoxOptions, zoom, legend, developerMode, ...props }) => {
-  return /* @__PURE__ */ React8.createElement(FlexCol, props, /* @__PURE__ */ React8.createElement(MapBox, {
+  return /* @__PURE__ */ React7.createElement(FlexCol, props, /* @__PURE__ */ React7.createElement(MapBox, {
     accessToken,
     options: mapBoxOptions,
     zoom
-  }), /* @__PURE__ */ React8.createElement(MapSettingsBox, {
+  }), /* @__PURE__ */ React7.createElement(MapSettingsBox, {
     developerMode
   }), legend, children);
 }, "MapboxHeatFlexBox");
 
 // src/Components/AnimatedHeatMap.tsx
 var AnimatedHeatMap = /* @__PURE__ */ __name(({ accessToken, animatedFeatureSets, defaultMapSettings, heatMapColorProps, staticFeatureSet, ...props }) => {
-  const theme = useTheme2();
+  const theme = useTheme();
   const { staticMapColor, lowUsageColor, highUsageColor } = heatMapColorProps || {};
   const localStaticMapColor = staticMapColor ?? theme.palette.primary.light;
-  const [layers] = useState6(() => [
+  const [layers] = useState4(() => [
     LocationHeatMapLayerBuilderAnimated(localStaticMapColor, 0, "static"),
     LocationHeatMapLayerBuilderAnimated(lowUsageColor || localStaticMapColor, 0, "animated"),
     LocationHeatMapLayerBuilderAnimated(highUsageColor || darken(localStaticMapColor, 0.9), 1, "animated")
   ]);
-  return animatedFeatureSets?.length ? /* @__PURE__ */ React9.createElement(MapBoxInstanceProvider, null, /* @__PURE__ */ React9.createElement(MapSettingsProvider, {
+  return animatedFeatureSets?.length ? /* @__PURE__ */ React8.createElement(MapBoxInstanceProvider, null, /* @__PURE__ */ React8.createElement(MapSettingsProvider, {
     defaultMapSettings,
     debugLayerName: MapHeatConstants.LocationDebugLayerId
-  }, /* @__PURE__ */ React9.createElement(HeatMapInitializerProvider, {
+  }, /* @__PURE__ */ React8.createElement(HeatMapInitializerProvider, {
     features: staticFeatureSet,
     layers: [
       layers[0]
@@ -1278,10 +1071,10 @@ var AnimatedHeatMap = /* @__PURE__ */ __name(({ accessToken, animatedFeatureSets
     featureSets: animatedFeatureSets,
     featureSetsLayers: layers.slice(1, 3),
     heatMapColorProps
-  }, /* @__PURE__ */ React9.createElement(MapboxHeatFlexBox, {
+  }, /* @__PURE__ */ React8.createElement(MapboxHeatFlexBox, {
     accessToken,
     ...props
-  })))) : /* @__PURE__ */ React9.createElement(FlexCol2, {
+  })))) : /* @__PURE__ */ React8.createElement(FlexCol2, {
     minHeight: 160,
     minWidth: 160,
     busy: true
@@ -1292,42 +1085,43 @@ var AnimatedHeatMap = /* @__PURE__ */ __name(({ accessToken, animatedFeatureSets
 import { Alert, AlertTitle } from "@mui/material";
 import { FlexCol as FlexCol5 } from "@xylabs/react-flexbox";
 import { useWeakArchivistFromNode, useWeakArchivistGet } from "@xyo-network/react-archivist";
-import React12 from "react";
+import { AnimatedHeatMapSettings, useFindHashes, useHeatMapColors, useQuadKeyPayloadsToFeatures } from "@xyo-network/react-map-model";
+import React11 from "react";
 
 // src/Components/Legend.tsx
-import { useMediaQuery, useTheme as useTheme4 } from "@mui/material";
+import { useMediaQuery, useTheme as useTheme3 } from "@mui/material";
 import { FlexCol as FlexCol4 } from "@xylabs/react-flexbox";
-import React11 from "react";
+import React10 from "react";
 
 // src/Components/Legends/ColorGradient.tsx
-import { Typography, useTheme as useTheme3 } from "@mui/material";
+import { Typography, useTheme as useTheme2 } from "@mui/material";
 import { FlexCol as FlexCol3, FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
-import React10 from "react";
+import React9 from "react";
 var ColorGradientLegend = /* @__PURE__ */ __name(({ startColor, endColor, startLabel, endLabel, heading, textColor, ...props }) => {
-  const theme = useTheme3();
-  return /* @__PURE__ */ React10.createElement(FlexCol3, props, /* @__PURE__ */ React10.createElement(Typography, {
+  const theme = useTheme2();
+  return /* @__PURE__ */ React9.createElement(FlexCol3, props, /* @__PURE__ */ React9.createElement(Typography, {
     mb: theme.spacing(0.25),
     color: textColor,
     variant: "caption",
     textAlign: "center"
-  }, heading), /* @__PURE__ */ React10.createElement(FlexCol3, {
+  }, heading), /* @__PURE__ */ React9.createElement(FlexCol3, {
     flexGrow: 1,
     alignItems: "stretch",
     paddingX: theme.spacing(1),
     mb: theme.spacing(0.25)
-  }, /* @__PURE__ */ React10.createElement(FlexCol3, {
+  }, /* @__PURE__ */ React9.createElement(FlexCol3, {
     height: theme.spacing(0.75),
     border: `1px solid ${textColor}`,
     sx: {
       backgroundImage: `linear-gradient(to right, ${startColor},${endColor})`
     }
-  })), /* @__PURE__ */ React10.createElement(FlexRow2, {
+  })), /* @__PURE__ */ React9.createElement(FlexRow2, {
     flexGrow: 1,
     justifyContent: "space-between"
-  }, /* @__PURE__ */ React10.createElement(Typography, {
+  }, /* @__PURE__ */ React9.createElement(Typography, {
     color: textColor,
     variant: "caption"
-  }, startLabel), /* @__PURE__ */ React10.createElement(Typography, {
+  }, startLabel), /* @__PURE__ */ React9.createElement(Typography, {
     color: textColor,
     variant: "caption"
   }, endLabel)));
@@ -1336,13 +1130,13 @@ var ColorGradientLegend = /* @__PURE__ */ __name(({ startColor, endColor, startL
 // src/Components/Legend.tsx
 var AnimatedHeatMapLegend = /* @__PURE__ */ __name(({ ...legendProps }) => {
   const { startColor, endColor, startLabel, endLabel, heading, textColor } = legendProps;
-  const theme = useTheme4();
+  const theme = useTheme3();
   const isSmall = useMediaQuery(theme.breakpoints.down("sm"));
-  return /* @__PURE__ */ React11.createElement(FlexCol4, {
+  return /* @__PURE__ */ React10.createElement(FlexCol4, {
     position: "absolute",
     bottom: 0,
     right: 0
-  }, /* @__PURE__ */ React11.createElement(ColorGradientLegend, {
+  }, /* @__PURE__ */ React10.createElement(ColorGradientLegend, {
     startColor,
     endColor,
     startLabel,
@@ -1366,16 +1160,16 @@ var AnimatedHeatMapLoaded = /* @__PURE__ */ __name(({ accessToken, archivistName
   const { heatMapColorProps, legendProps } = useHeatMapColors();
   const MapBoxHeatProps = {
     flexGrow: 1,
-    legend: legendProps ? /* @__PURE__ */ React12.createElement(AnimatedHeatMapLegend, legendProps) : null
+    legend: legendProps ? /* @__PURE__ */ React11.createElement(AnimatedHeatMapLegend, legendProps) : null
   };
-  return /* @__PURE__ */ React12.createElement(FlexCol5, {
+  return /* @__PURE__ */ React11.createElement(FlexCol5, {
     alignItems: "stretch",
     ...props
-  }, xyoError ? /* @__PURE__ */ React12.createElement(Alert, {
+  }, xyoError ? /* @__PURE__ */ React11.createElement(Alert, {
     sx: {
       mt: 2
     }
-  }, /* @__PURE__ */ React12.createElement(AlertTitle, null, "Error Loading Map"), xyoError.message ? `Error: ${xyoError.message}` : null, "You might try authenticating again.") : null, hashes === void 0 ? /* @__PURE__ */ React12.createElement(Alert, null, "Missing answer hash for heat map query") : /* @__PURE__ */ React12.createElement(AnimatedHeatMap, {
+  }, /* @__PURE__ */ React11.createElement(AlertTitle, null, "Error Loading Map"), xyoError.message ? `Error: ${xyoError.message}` : null, "You might try authenticating again.") : null, hashes === void 0 ? /* @__PURE__ */ React11.createElement(Alert, null, "Missing answer hash for heat map query") : /* @__PURE__ */ React11.createElement(AnimatedHeatMap, {
     accessToken,
     defaultMapSettings: AnimatedHeatMapSettings,
     animatedFeatureSets: multipleFeatureSets.slice(1),
@@ -1386,20 +1180,21 @@ var AnimatedHeatMapLoaded = /* @__PURE__ */ __name(({ accessToken, archivistName
 }, "AnimatedHeatMapLoaded");
 
 // src/Components/HeatMapSettings.ts
+import { DefaultMapSettings } from "@xyo-network/react-map-model";
 var HeatMapSettings = DefaultMapSettings();
-var { debugLayer: debugLayer2, scrollToZoom: scrollToZoom2, fitToPoints: fitToPoints2 } = HeatMapSettings;
-debugLayer2.hidden = false;
-scrollToZoom2.value = true;
-fitToPoints2.value = true;
+var { debugLayer, scrollToZoom, fitToPoints } = HeatMapSettings;
+debugLayer.hidden = false;
+scrollToZoom.value = true;
+fitToPoints.value = true;
 
 // src/Components/LayerAnimator.tsx
 import { useInterval } from "@xylabs/react-shared";
-import React13, { useCallback, useEffect as useEffect6, useMemo as useMemo9, useRef as useRef2 } from "react";
+import React12, { useCallback, useEffect as useEffect6, useMemo as useMemo6, useRef as useRef2 } from "react";
 var timeIncrement = 2e3;
 var animatedLayerCount = 3;
 var LayerAnimator = /* @__PURE__ */ __name(({ animateLayers, children, layers, layersInitialized, map }) => {
   const layerIndexQueue = useRef2([]);
-  const fillLayers = useMemo9(() => {
+  const fillLayers = useMemo6(() => {
     if (layers?.length && map && layersInitialized) {
       return layers.filter((layer) => {
         const fillLayer = layer.id.startsWith("location-fill");
@@ -1499,13 +1294,13 @@ var LayerAnimator = /* @__PURE__ */ __name(({ animateLayers, children, layers, l
       queueLayerAnimation();
     }
   }, timeIncrement * animatedLayerCount);
-  return /* @__PURE__ */ React13.createElement(React13.Fragment, null, children);
+  return /* @__PURE__ */ React12.createElement(React12.Fragment, null, children);
 }, "LayerAnimator");
 
 // src/Components/MapBoxPoints.tsx
 import { Alert as Alert2 } from "@mui/material";
 import { FlexCol as FlexCol6 } from "@xylabs/react-flexbox";
-import React14, { useCallback as useCallback2, useEffect as useEffect7, useMemo as useMemo10 } from "react";
+import React13, { useCallback as useCallback2, useEffect as useEffect7, useMemo as useMemo7 } from "react";
 var MapboxPointsFlexBox = /* @__PURE__ */ __name(({ accessToken, features, fitToPointsPadding = 20, layers, zoom, ...props }) => {
   const { mapSettings } = useMapSettings();
   const { map, mapInitialized } = useMapBoxInstance();
@@ -1517,7 +1312,7 @@ var MapboxPointsFlexBox = /* @__PURE__ */ __name(({ accessToken, features, fitTo
     }
     return {};
   }, "customFitToBoundsOptions");
-  const mapPoints = useMemo10(() => {
+  const mapPoints = useMemo7(() => {
     return map && features?.length ? new MapPoints({
       features,
       map,
@@ -1538,8 +1333,8 @@ var MapboxPointsFlexBox = /* @__PURE__ */ __name(({ accessToken, features, fitTo
     layers
   ]);
   const updateMapSetup = useCallback2(() => {
-    const { fitToPoints: fitToPoints3 } = mapSettings || {};
-    if (mapPoints && map && fitToPoints3?.value === true) {
+    const { fitToPoints: fitToPoints2 } = mapSettings || {};
+    if (mapPoints && map && fitToPoints2?.value === true) {
       mapPoints.initialMapPositioning({
         padding: {
           bottom: fitToPointsPadding,
@@ -1584,34 +1379,23 @@ var MapboxPointsFlexBox = /* @__PURE__ */ __name(({ accessToken, features, fitTo
     reInitializeMap,
     updateMapSetup
   ]);
-  return /* @__PURE__ */ React14.createElement(FlexCol6, {
+  return /* @__PURE__ */ React13.createElement(FlexCol6, {
     alignItems: "stretch",
     id: "xyo-mapbox-wrap",
     ...props
-  }, features ? /* @__PURE__ */ React14.createElement(React14.Fragment, null, /* @__PURE__ */ React14.createElement(MapBox, {
+  }, features ? /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(MapBox, {
     accessToken,
     zoom
-  }), /* @__PURE__ */ React14.createElement(MapSettingsBox, null)) : /* @__PURE__ */ React14.createElement(Alert2, {
+  }), /* @__PURE__ */ React13.createElement(MapSettingsBox, null)) : /* @__PURE__ */ React13.createElement(Alert2, {
     severity: "error"
   }, "No data to show"));
 }, "MapboxPointsFlexBox");
-
-// src/types/NetworkLocationAnswerBase.ts
-import { isPayloadOfSchemaType } from "@xyo-network/payload-model";
-var NetworkLocationAnswerSchema = "network.xyo.location.range.answer";
-var isNetworkLocationAnswer = isPayloadOfSchemaType(NetworkLocationAnswerSchema);
-var NetworkLocationHeatmapAnswerSchema = "network.xyo.location.heatmap.answer";
-var isNetworkLocationHeatmapAnswer = isPayloadOfSchemaType(NetworkLocationHeatmapAnswerSchema);
-var NetworkLocationHeatmapQuadkeyAnswerSchema = "network.xyo.location.heatmap.quadkey.answer";
-var isNetworkLocationHeatmapQuadkeyAnswer = isPayloadOfSchemaType(NetworkLocationHeatmapQuadkeyAnswerSchema);
 export {
   AnimatedHeatMap,
   AnimatedHeatMapLegend,
   AnimatedHeatMapLoaded,
-  AnimatedHeatMapSettings,
   CircleLayerBuilder,
   ColorGradientLegend,
-  DefaultMapSettings,
   FillLayerBuilder,
   HeatMapFillLayerConfig,
   HeatMapInitializerProvider,
@@ -1635,26 +1419,13 @@ export {
   MapSettings,
   MapSettingsBox,
   MapSettingsProvider,
-  MapStyle,
-  MapboxAccessTokenContext,
-  MapboxAccessTokenProvider,
   MapboxHeatFlexBox,
   MapboxPointsFlexBox,
-  NetworkLocationAnswerSchema,
-  NetworkLocationHeatmapAnswerSchema,
-  NetworkLocationHeatmapQuadkeyAnswerSchema,
   SymbolLayerBuilder,
-  isNetworkLocationAnswer,
-  isNetworkLocationHeatmapAnswer,
-  isNetworkLocationHeatmapQuadkeyAnswer,
   useDynamicMapResize,
   useDynamicPositioning,
-  useFindHashes,
-  useHeatMapColors,
   useHeatMapInitializer,
   useMapBoxInstance,
-  useMapSettings,
-  useMapboxAccessToken,
-  useQuadKeyPayloadsToFeatures
+  useMapSettings
 };
 //# sourceMappingURL=index.mjs.map