@geowiki/map 0.15.1-dev.0 → 0.16.0-dev.1

package/dist/index.js

@@ -2958,7 +2958,7 @@ var SelectedPoint = () => {
 };
 
 // src/Components/LayerStoreList.tsx
-var import_core6 = require("@geowiki/core");
+var import_core7 = require("@geowiki/core");
 
 // src/store/mapLayers.ts
 var import_zustand3 = require("zustand");
@@ -3681,7 +3681,7 @@ var BiodiversityObservationPopup = ({
 
 // src/Components/Ifbn/IfbnSitePopup.tsx
 var import_react6 = require("react");
-var import_react7 = require("next-auth/react");
+var import_core6 = require("@geowiki/core");
 var import_ui5 = require("@geowiki/ui");
 var import_image2 = __toESM(require("next/image"));
 var import_jsx_runtime10 = require("react/jsx-runtime");
@@ -3861,7 +3861,7 @@ var IfbnSitePopup = ({ properties }) => {
   const [siteData, setSiteData] = (0, import_react6.useState)(null);
   const [isLoading, setIsLoading] = (0, import_react6.useState)(false);
   const [imageError, setImageError] = (0, import_react6.useState)(false);
-  const { status: sessionStatus, data: session } = (0, import_react7.useSession)();
+  const { status: sessionStatus, data: session } = (0, import_core6.useSession)();
   if (!properties)
     return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: "No properties found" });
   const plotId = properties["Plot_ID"];
@@ -3949,15 +3949,15 @@ var IfbnSitePopup = ({ properties }) => {
 };
 
 // src/Components/Ifbn/IfbnPlotPopup.tsx
-var import_react8 = require("react");
+var import_react7 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var IfbnPlotPopup = ({ properties }) => {
   console.log(properties);
-  const [apiData, setApiData] = (0, import_react8.useState)(null);
-  const [isLoading, setIsLoading] = (0, import_react8.useState)(false);
-  const [error, setError] = (0, import_react8.useState)(null);
+  const [apiData, setApiData] = (0, import_react7.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react7.useState)(false);
+  const [error, setError] = (0, import_react7.useState)(null);
   const API_URL = process.env.NEXT_PUBLIC_GEO_TREE_API_URL;
-  (0, import_react8.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     const fetchApiData = () => __async(void 0, null, function* () {
       if (!(properties == null ? void 0 : properties.id))
         return;
@@ -4110,7 +4110,7 @@ var GeoJsonLayerPopup_default = GeoJsonLayerPopup;
 // src/Components/GeoJsonLayer.tsx
 var import_server2 = require("react-dom/server");
 var import_MapPinIcon = __toESM(require("@heroicons/react/24/solid/MapPinIcon"));
-var import_react9 = require("react");
+var import_react8 = require("react");
 var turf2 = __toESM(require("@turf/turf"));
 var import_ui7 = require("@geowiki/ui");
 var import_jsx_runtime13 = require("react/jsx-runtime");
@@ -4168,7 +4168,7 @@ var createClusterIcon = (color) => {
     });
   };
 };
-var GeoJsonLayer = (0, import_react9.memo)(
+var GeoJsonLayer = (0, import_react8.memo)(
   ({ layer }) => {
     const { isLoading, error, data } = (0, import_react_query.useQuery)({
       queryKey: ["geoJson", layer.id],
@@ -4177,20 +4177,20 @@ var GeoJsonLayer = (0, import_react9.memo)(
         return yield res.json();
       })
     });
-    const ref = (0, import_react9.useRef)(null);
-    const [forceUpdate, setForceUpdate] = (0, import_react9.useState)(0);
-    (0, import_react9.useEffect)(() => {
+    const ref = (0, import_react8.useRef)(null);
+    const [forceUpdate, setForceUpdate] = (0, import_react8.useState)(0);
+    (0, import_react8.useEffect)(() => {
       setForceUpdate((prev) => prev + 1);
     }, [layer.id]);
-    const layerIcon = (0, import_react9.useMemo)(
+    const layerIcon = (0, import_react8.useMemo)(
       () => createIcon(layer.color, layer.title),
       [layer.color, layer.title]
     );
-    const clusterIconFunction = (0, import_react9.useMemo)(
+    const clusterIconFunction = (0, import_react8.useMemo)(
       () => createClusterIcon(layer.color),
       [layer.color]
     );
-    const onEachFeature = (0, import_react9.useCallback)(
+    const onEachFeature = (0, import_react8.useCallback)(
       (feature, layerInfo, layerItem) => {
         const popupContent = ReactDOMServer.renderToString(
           /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(GeoJsonLayerPopup_default, { feature, layerItem })
@@ -4221,7 +4221,7 @@ var GeoJsonLayer = (0, import_react9.memo)(
       },
       [layerIcon]
     );
-    const processedData = (0, import_react9.useMemo)(() => {
+    const processedData = (0, import_react8.useMemo)(() => {
       if (!(data == null ? void 0 : data.features))
         return data;
       const processed = __spreadValues({}, data);
@@ -4239,7 +4239,7 @@ var GeoJsonLayer = (0, import_react9.memo)(
       });
       return processed;
     }, [data]);
-    const eventHandlers = (0, import_react9.useMemo)(
+    const eventHandlers = (0, import_react8.useMemo)(
       () => ({
         add: (e) => {
           if (e.target._container) {
@@ -4275,12 +4275,12 @@ var GeoJsonLayer = (0, import_react9.memo)(
 GeoJsonLayer.displayName = "GeoJsonLayer";
 
 // src/Components/LayerStoreList.tsx
-var import_react13 = require("react");
+var import_react12 = require("react");
 
 // src/Components/Ifbn/IfbnPlotLayer.tsx
 var import_ui8 = require("@geowiki/ui");
 var import_react_query2 = require("@tanstack/react-query");
-var import_react10 = require("react");
+var import_react9 = require("react");
 var import_react_leaflet7 = require("react-leaflet");
 var turf3 = __toESM(require("@turf/turf"));
 var import_leaflet7 = __toESM(require("leaflet"));
@@ -4361,12 +4361,12 @@ var IfbnPlotLayer = ({
   options = {}
 }) => {
   const { hideMarkersAboveZoom = 15 } = options;
-  const [selectedFeature, setSelectedFeature] = (0, import_react10.useState)(null);
-  const [currentZoom, setCurrentZoom] = (0, import_react10.useState)(0);
-  const [forceUpdate, setForceUpdate] = (0, import_react10.useState)(0);
-  const markerClusterGroupRef = (0, import_react10.useRef)(null);
-  const markersRef = (0, import_react10.useRef)([]);
-  (0, import_react10.useEffect)(() => {
+  const [selectedFeature, setSelectedFeature] = (0, import_react9.useState)(null);
+  const [currentZoom, setCurrentZoom] = (0, import_react9.useState)(0);
+  const [forceUpdate, setForceUpdate] = (0, import_react9.useState)(0);
+  const markerClusterGroupRef = (0, import_react9.useRef)(null);
+  const markersRef = (0, import_react9.useRef)([]);
+  (0, import_react9.useEffect)(() => {
     setForceUpdate((prev) => prev + 1);
   }, [layer.id]);
   const map = (0, import_react_leaflet7.useMapEvents)({
@@ -4387,7 +4387,7 @@ var IfbnPlotLayer = ({
   const shouldShowMarkers = () => {
     return currentZoom <= hideMarkersAboveZoom;
   };
-  (0, import_react10.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!markerClusterGroupRef.current)
       return;
     if (shouldShowMarkers()) {
@@ -4412,7 +4412,7 @@ var IfbnPlotLayer = ({
     }
     return zoom >= 16 ? 0 : 80;
   };
-  (0, import_react10.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     markerClusterGroupRef.current = import_leaflet7.default.markerClusterGroup({
       maxClusterRadius: (zoom) => getClusterRadius(zoom),
       disableClusteringAtZoom: 16,
@@ -4424,7 +4424,7 @@ var IfbnPlotLayer = ({
       markerClusterGroupRef.current = null;
     };
   }, [hideMarkersAboveZoom]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const currentRef = ref.current;
     if (currentRef && markerClusterGroupRef.current) {
       currentRef.addLayer(markerClusterGroupRef.current);
@@ -4476,7 +4476,7 @@ var IfbnPlotLayer = ({
   const handleFeatureClick = (feature, latlng) => {
     setSelectedFeature({ feature, latlng });
   };
-  const ref = (0, import_react10.useRef)(null);
+  const ref = (0, import_react9.useRef)(null);
   if (error)
     return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { children: "error" });
   if (isLoading)
@@ -4529,7 +4529,7 @@ var IfbnPlotLayer = ({
 };
 
 // src/Components/CustomLayerRenderer.tsx
-var import_react12 = require("react");
+var import_react11 = require("react");
 var import_react_leaflet9 = require("react-leaflet");
 
 // src/store/customLayers.ts
@@ -4841,7 +4841,7 @@ var import_react_leaflet8 = require("react-leaflet");
 var import_leaflet8 = __toESM(require("leaflet"));
 var ReactDOMServer2 = __toESM(require("react-dom/server"));
 var import_ui9 = require("@geowiki/ui");
-var import_react11 = require("react");
+var import_react10 = require("react");
 var turf4 = __toESM(require("@turf/turf"));
 
 // src/utils/GoogleSheetsUtils.ts
@@ -5994,12 +5994,12 @@ var GoogleSheetsLayer = ({
   layer
 }) => {
   var _a;
-  const ref = (0, import_react11.useRef)(null);
+  const ref = (0, import_react10.useRef)(null);
   const markerClusterGroup = import_leaflet8.default.markerClusterGroup();
   const { updateLayer } = mapLayers_default();
-  const legendConfigUpdated = (0, import_react11.useRef)(false);
-  const [forceUpdate, setForceUpdate] = (0, import_react11.useState)(0);
-  const sheetConfig = (0, import_react11.useMemo)(() => {
+  const legendConfigUpdated = (0, import_react10.useRef)(false);
+  const [forceUpdate, setForceUpdate] = (0, import_react10.useState)(0);
+  const sheetConfig = (0, import_react10.useMemo)(() => {
     if (!layer.url) {
       return null;
     }
@@ -6036,11 +6036,11 @@ var GoogleSheetsLayer = ({
     refetchOnMount: true,
     refetchOnReconnect: true
   });
-  (0, import_react11.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (data && !isLoading) {
     }
   }, [data, isLoading, isCached, layer.id, cacheStats]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     const currentRef = ref.current;
     if (currentRef) {
       currentRef.addLayer(markerClusterGroup);
@@ -6085,7 +6085,7 @@ var GoogleSheetsLayer = ({
       markerClusterGroup.addLayer(marker2);
     }
   };
-  const processedData = (0, import_react11.useMemo)(() => {
+  const processedData = (0, import_react10.useMemo)(() => {
     var _a2;
     if (!data)
       return null;
@@ -6105,7 +6105,7 @@ var GoogleSheetsLayer = ({
       })
     });
   }, [data]);
-  const legendConfig = (0, import_react11.useMemo)(() => {
+  const legendConfig = (0, import_react10.useMemo)(() => {
     if (!processedData || !processedData.features || processedData.features.length === 0) {
       console.log(
         "GoogleSheetsLayer: No processed data available for legend generation"
@@ -6177,7 +6177,7 @@ var GoogleSheetsLayer = ({
     }
     return null;
   }, [processedData, layer.title, layer.id]);
-  const updateLayerWithLegend = (0, import_react11.useCallback)(() => {
+  const updateLayerWithLegend = (0, import_react10.useCallback)(() => {
     if (legendConfig && layer.id && !legendConfigUpdated.current) {
       if (JSON.stringify(layer.legendConfig) !== JSON.stringify(legendConfig)) {
         console.log("GoogleSheetsLayer: Updating layer with legend config");
@@ -6199,10 +6199,10 @@ var GoogleSheetsLayer = ({
       });
     }
   }, [legendConfig, layer, updateLayer]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     updateLayerWithLegend();
   }, [updateLayerWithLegend]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     legendConfigUpdated.current = false;
   }, [processedData]);
   if (error) {
@@ -6361,10 +6361,10 @@ var createPopupContent = (feature, layer) => {
   }
   return null;
 };
-var GeoJSONRenderer = (0, import_react12.memo)(
+var GeoJSONRenderer = (0, import_react11.memo)(
   ({ layer }) => {
     const { layerData, styleConfig, opacity } = layer;
-    const style = (0, import_react12.useMemo)(
+    const style = (0, import_react11.useMemo)(
       () => ({
         fillColor: (styleConfig == null ? void 0 : styleConfig.fillColor) || "#3388ff",
         weight: (styleConfig == null ? void 0 : styleConfig.strokeWidth) || 2,
@@ -6374,7 +6374,7 @@ var GeoJSONRenderer = (0, import_react12.memo)(
       }),
       [styleConfig, opacity]
     );
-    const onEachFeature = (0, import_react12.useCallback)((feature, leafletLayer) => {
+    const onEachFeature = (0, import_react11.useCallback)((feature, leafletLayer) => {
       if (feature.properties) {
         const popupContent = Object.entries(feature.properties).map(([key, value]) => `<strong>${key}:</strong> ${value}`).join("<br/>");
         leafletLayer.bindPopup(popupContent);
@@ -6396,11 +6396,11 @@ var GeoJSONRenderer = (0, import_react12.memo)(
   }
 );
 GeoJSONRenderer.displayName = "GeoJSONRenderer";
-var MarkerRenderer = (0, import_react12.memo)(
+var MarkerRenderer = (0, import_react11.memo)(
   ({ layer }) => {
     var _a;
     const { layerData, opacity } = layer;
-    const pointFeatures = (0, import_react12.useMemo)(
+    const pointFeatures = (0, import_react11.useMemo)(
       () => {
         var _a2;
         return ((_a2 = layerData == null ? void 0 : layerData.features) == null ? void 0 : _a2.filter(
@@ -6409,7 +6409,7 @@ var MarkerRenderer = (0, import_react12.memo)(
       },
       [layerData == null ? void 0 : layerData.features]
     );
-    const popupOptions = (0, import_react12.useMemo)(
+    const popupOptions = (0, import_react11.useMemo)(
       () => {
         var _a2;
         return ((_a2 = layer.popupConfig) == null ? void 0 : _a2.popupOptions) || {
@@ -6459,15 +6459,15 @@ var MarkerRenderer = (0, import_react12.memo)(
   }
 );
 MarkerRenderer.displayName = "MarkerRenderer";
-var MarkerClusterRenderer = (0, import_react12.memo)(
+var MarkerClusterRenderer = (0, import_react11.memo)(
   ({ layer }) => {
     var _a;
     const { layerData, opacity } = layer;
-    const [forceUpdate, setForceUpdate] = (0, import_react12.useState)(0);
-    (0, import_react12.useEffect)(() => {
+    const [forceUpdate, setForceUpdate] = (0, import_react11.useState)(0);
+    (0, import_react11.useEffect)(() => {
       setForceUpdate((prev) => prev + 1);
     }, [layer.id]);
-    const pointFeatures = (0, import_react12.useMemo)(
+    const pointFeatures = (0, import_react11.useMemo)(
       () => {
         var _a2;
         return ((_a2 = layerData == null ? void 0 : layerData.features) == null ? void 0 : _a2.filter(
@@ -6476,7 +6476,7 @@ var MarkerClusterRenderer = (0, import_react12.memo)(
       },
       [layerData == null ? void 0 : layerData.features]
     );
-    const popupOptions = (0, import_react12.useMemo)(
+    const popupOptions = (0, import_react11.useMemo)(
       () => {
         var _a2;
         return ((_a2 = layer.popupConfig) == null ? void 0 : _a2.popupOptions) || {
@@ -6541,7 +6541,7 @@ var MarkerClusterRenderer = (0, import_react12.memo)(
   }
 );
 MarkerClusterRenderer.displayName = "MarkerClusterRenderer";
-var WMSRenderer = (0, import_react12.memo)(({ layer }) => {
+var WMSRenderer = (0, import_react11.memo)(({ layer }) => {
   const { url, layerName, opacity } = layer;
   if (!url || !layerName) {
     console.warn("WMS layer missing url or layerName:", layer.title);
@@ -6560,7 +6560,7 @@ var WMSRenderer = (0, import_react12.memo)(({ layer }) => {
   );
 });
 WMSRenderer.displayName = "WMSRenderer";
-var TileRenderer = (0, import_react12.memo)(({ layer }) => {
+var TileRenderer = (0, import_react11.memo)(({ layer }) => {
   const { url, opacity } = layer;
   if (!url) {
     console.warn("Tile layer missing url:", layer.title);
@@ -6569,9 +6569,9 @@ var TileRenderer = (0, import_react12.memo)(({ layer }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_leaflet9.TileLayer, { url, opacity: opacity / 100 }, layer.id);
 });
 TileRenderer.displayName = "TileRenderer";
-var GoogleSheetsRenderer = (0, import_react12.memo)(
+var GoogleSheetsRenderer = (0, import_react11.memo)(
   ({ layer }) => {
-    const mapLayer = (0, import_react12.useMemo)(
+    const mapLayer = (0, import_react11.useMemo)(
       () => {
         var _a;
         return __spreadProps(__spreadValues({}, layer), {
@@ -6587,9 +6587,9 @@ var GoogleSheetsRenderer = (0, import_react12.memo)(
   }
 );
 GoogleSheetsRenderer.displayName = "GoogleSheetsRenderer";
-var CustomLayerRenderer = (0, import_react12.memo)(
+var CustomLayerRenderer = (0, import_react11.memo)(
   ({ layer }) => {
-    const renderers = (0, import_react12.useMemo)(
+    const renderers = (0, import_react11.useMemo)(
       () => ({
         geojson: GeoJSONRenderer,
         GeoJson: GeoJSONRenderer,
@@ -6619,9 +6619,9 @@ var CustomLayerRenderer = (0, import_react12.memo)(
   }
 );
 CustomLayerRenderer.displayName = "CustomLayerRenderer";
-var CustomLayerList = (0, import_react12.memo)(() => {
+var CustomLayerList = (0, import_react11.memo)(() => {
   const { customLayers } = useCustomLayerStore();
-  const sortedLayers = (0, import_react12.useMemo)(() => {
+  const sortedLayers = (0, import_react11.useMemo)(() => {
     return [...customLayers].sort((a, b) => {
       var _a, _b, _c, _d;
       const orderA = (_b = (_a = a.order) != null ? _a : a.index) != null ? _b : 0;
@@ -6638,10 +6638,10 @@ var import_jsx_runtime21 = require("react/jsx-runtime");
 var LayerStoreList = () => {
   const layerStore = useMapLayerStore();
   const mapStore = map_default();
-  const { data: mapMenuItems, isLoading } = (0, import_core6.useMapMenuItems)();
+  const { data: mapMenuItems, isLoading } = (0, import_core7.useMapMenuItems)();
   const parsedMenuItems = parseMapMenuItems(mapMenuItems);
   const layerItems = parsedMenuItems == null ? void 0 : parsedMenuItems.map((menu) => menu.subMenus);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     layerItems == null ? void 0 : layerItems.forEach((layers) => {
       layers == null ? void 0 : layers.forEach((layer) => {
         var _a;
@@ -6713,7 +6713,7 @@ var LayerStoreList = () => {
 
 // src/Components/MapEvents.tsx
 var import_react_leaflet10 = require("react-leaflet");
-var import_react14 = require("react");
+var import_react13 = require("react");
 var MapEvents = () => {
   const mapStore = map_default();
   var map = (0, import_react_leaflet10.useMap)();
@@ -6728,7 +6728,7 @@ var MapEvents = () => {
       mapStore.onMapMove(center4);
     }
   });
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     mapStore.setMapRef(map);
     if (map) {
       setTimeout(() => {
@@ -6781,11 +6781,11 @@ var LabelButtonView = ({}) => {
 };
 
 // src/Components/MapSidebar.tsx
-var import_core7 = require("@geowiki/core");
+var import_core8 = require("@geowiki/core");
 
 // src/Components/MiniMapElement.tsx
 var import_react_leaflet11 = require("react-leaflet");
-var import_react15 = require("react");
+var import_react14 = require("react");
 var import_server4 = require("react-dom/server");
 var import_solid2 = require("@heroicons/react/20/solid");
 var L12 = __toESM(require("leaflet"));
@@ -6795,14 +6795,14 @@ function getIcon3(Icon3) {
 }
 var MiniMapElement = ({ layerName }) => {
   const mapStore = map_default();
-  const ref = (0, import_react15.useRef)(null);
-  (0, import_react15.useEffect)(() => {
+  const ref = (0, import_react14.useRef)(null);
+  (0, import_react14.useEffect)(() => {
     const map = ref.current;
     if (map != null) {
       map.setView(mapStore.center, mapStore.zoom, { animate: true });
     }
   }, [mapStore.center, mapStore.zoom]);
-  const miniMap = (0, import_react15.useMemo)(() => {
+  const miniMap = (0, import_react14.useMemo)(() => {
     return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
       import_react_leaflet11.MapContainer,
       {
@@ -6844,12 +6844,12 @@ var MiniMapElement = ({ layerName }) => {
   }, [layerName, mapStore.center, mapStore.zoom]);
   return miniMap;
 };
-var MiniMapElement_default = (0, import_react15.memo)(MiniMapElement);
+var MiniMapElement_default = (0, import_react14.memo)(MiniMapElement);
 
 // src/Components/MapSidebar.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var MapSidebar = ({}) => {
-  const { data: wmsLayerNames } = (0, import_core7.useEvolandWmsLayers)();
+  const { data: wmsLayerNames } = (0, import_core8.useEvolandWmsLayers)();
   const layerStore = useMapLayerStore();
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "grid gap-1 p-2 grid-cols-1 overflow-y-scroll 3xl:grid-cols-2 h-[92.5vh] driver-left-panel", children: wmsLayerNames == null ? void 0 : wmsLayerNames.layers.map((layer) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "px-2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h3", { className: "w-60 lx:w-80 line-clamp-1", children: layer.layerDescription }),
@@ -6860,8 +6860,8 @@ var MapSidebar = ({}) => {
 // src/Components/Evoland/RasterPreview.tsx
 var import_evoland_api_proxy3 = require("@geowiki/evoland-api-proxy");
 var import_navigation = require("next/navigation");
-var import_react16 = require("react");
-var import_core8 = require("@geowiki/core");
+var import_react15 = require("react");
+var import_core9 = require("@geowiki/core");
 var import_ui10 = require("@geowiki/ui");
 var import_react_hotkeys_hook = require("react-hotkeys-hook");
 var import_jsx_runtime26 = require("react/jsx-runtime");
@@ -6871,22 +6871,22 @@ var RasterPreview = (_props) => {
   const router = (0, import_navigation.useRouter)();
   const searchParams = (0, import_navigation.useSearchParams)();
   const layerStore = useMapLayerStore();
-  const [noNextLocation, setNoNextLocation] = (0, import_react16.useState)(false);
-  const [status, setStatus] = (0, import_react16.useState)();
-  const [submitNotification, setSubmitNotification] = (0, import_react16.useState)(false);
-  const [goToNextTask, setGoToNextTask] = (0, import_react16.useState)(false);
-  const [submitNotificationMessage, setSubmitNotificationMessage] = (0, import_react16.useState)("");
-  const [disableSubmit, setDisableSubmit] = (0, import_react16.useState)(false);
+  const [noNextLocation, setNoNextLocation] = (0, import_react15.useState)(false);
+  const [status, setStatus] = (0, import_react15.useState)();
+  const [submitNotification, setSubmitNotification] = (0, import_react15.useState)(false);
+  const [goToNextTask, setGoToNextTask] = (0, import_react15.useState)(false);
+  const [submitNotificationMessage, setSubmitNotificationMessage] = (0, import_react15.useState)("");
+  const [disableSubmit, setDisableSubmit] = (0, import_react15.useState)(false);
   var projectId = searchParams.get("projectId");
   var locationId = searchParams.get("locationId");
-  const { data: tasks } = (0, import_core8.useRandomTasksPerLocation)({
+  const { data: tasks } = (0, import_core9.useRandomTasksPerLocation)({
     taskForReview: evolandStore.task_for_review,
     pageIdx: 0,
     pageSize: 1,
     locationProjectId: parseInt(projectId),
     groupName: !localStorage.getItem("searchGroup") ? null : localStorage.getItem("searchGroup"),
     search: null,
-    statusIn: !localStorage.getItem("searchStatus") ? import_core8.TaskStatus.SUBMITTED : localStorage.getItem("searchStatus"),
+    statusIn: !localStorage.getItem("searchStatus") ? import_core9.TaskStatus.SUBMITTED : localStorage.getItem("searchStatus"),
     dateGte: localStorage.getItem("fromDate") !== null ? localStorage.getItem("fromDate") : void 0,
     dateLte: !localStorage.getItem("toDate") ? void 0 : localStorage.getItem("toDate"),
     userUserAlias: !localStorage.getItem("searchUser") ? null : localStorage.getItem("searchUser"),
@@ -6915,20 +6915,20 @@ var RasterPreview = (_props) => {
     var { data: savedAnnotationBuffer, indexArr: savedAnnotationIndexArr } = evolandStore.savedAnnotations && evolandStore.isAnnualAnnotation ? { data: evolandStore.savedAnnotations.buffer, indexArr: 0 } : evolandStore.savedAnnotations ? flatten(evolandStore.savedAnnotations.buffer) : { data: void 0, indexArr: 0 };
     var { data: annotationBuffer, indexArr: annotationBufferIndexArr } = evolandStore.annotatedRasterAsset && evolandStore.isAnnualAnnotation ? { data: evolandStore.annotatedRasterAsset.buffer, indexArr: 0 } : evolandStore.annotatedRasterAsset ? flatten(evolandStore.annotatedRasterAsset.buffer) : { data: void 0, indexArr: 0 };
     setStatus(taskStatus[0]);
-    bufferData = taskStatus[1] === import_core8.AnnotationRequired.NOT_REQUIRED ? void 0 : taskStatus[1] === import_core8.AnnotationRequired.OPTIONAL && ((_b2 = (_a2 = evolandStore.annotationUndoRedo) == null ? void 0 : _a2.past) == null ? void 0 : _b2.length) == 0 && !evolandStore.savedAnnotations ? void 0 : taskStatus[1] === import_core8.AnnotationRequired.OPTIONAL && ((_d2 = (_c2 = evolandStore.annotationUndoRedo) == null ? void 0 : _c2.past) == null ? void 0 : _d2.length) == 0 && evolandStore.savedAnnotations ? Buffer.from(savedAnnotationBuffer == null ? void 0 : savedAnnotationBuffer.buffer).toString("base64") : Buffer.from(annotationBuffer == null ? void 0 : annotationBuffer.buffer).toString("base64");
-    var annotation_dates = evolandStore.isAnnualAnnotation ? void 0 : taskStatus[1] === import_core8.AnnotationRequired.NOT_REQUIRED ? void 0 : taskStatus[1] === import_core8.AnnotationRequired.OPTIONAL && ((_f2 = (_e2 = evolandStore.annotationUndoRedo) == null ? void 0 : _e2.past) == null ? void 0 : _f2.length) == 0 && !evolandStore.savedAnnotations ? void 0 : taskStatus[1] === import_core8.AnnotationRequired.OPTIONAL && ((_h2 = (_g2 = evolandStore.annotationUndoRedo) == null ? void 0 : _g2.past) == null ? void 0 : _h2.length) == 0 && evolandStore.savedAnnotations ? savedAnnotationIndexArr.map(
+    bufferData = taskStatus[1] === import_core9.AnnotationRequired.NOT_REQUIRED ? void 0 : taskStatus[1] === import_core9.AnnotationRequired.OPTIONAL && ((_b2 = (_a2 = evolandStore.annotationUndoRedo) == null ? void 0 : _a2.past) == null ? void 0 : _b2.length) == 0 && !evolandStore.savedAnnotations ? void 0 : taskStatus[1] === import_core9.AnnotationRequired.OPTIONAL && ((_d2 = (_c2 = evolandStore.annotationUndoRedo) == null ? void 0 : _c2.past) == null ? void 0 : _d2.length) == 0 && evolandStore.savedAnnotations ? Buffer.from(savedAnnotationBuffer == null ? void 0 : savedAnnotationBuffer.buffer).toString("base64") : Buffer.from(annotationBuffer == null ? void 0 : annotationBuffer.buffer).toString("base64");
+    var annotation_dates = evolandStore.isAnnualAnnotation ? void 0 : taskStatus[1] === import_core9.AnnotationRequired.NOT_REQUIRED ? void 0 : taskStatus[1] === import_core9.AnnotationRequired.OPTIONAL && ((_f2 = (_e2 = evolandStore.annotationUndoRedo) == null ? void 0 : _e2.past) == null ? void 0 : _f2.length) == 0 && !evolandStore.savedAnnotations ? void 0 : taskStatus[1] === import_core9.AnnotationRequired.OPTIONAL && ((_h2 = (_g2 = evolandStore.annotationUndoRedo) == null ? void 0 : _g2.past) == null ? void 0 : _h2.length) == 0 && evolandStore.savedAnnotations ? savedAnnotationIndexArr.map(
       (item) => evolandStore.reference_dates[item]
     ) : annotationBufferIndexArr.map(
       (item) => evolandStore.reference_dates[item]
     );
-    if (!evolandStore.isAnnualAnnotation && annotation_dates && annotation_dates.length < ((_i2 = evolandStore.projectDetail) == null ? void 0 : _i2.minimum_annotation) && taskStatus[1] === import_core8.AnnotationRequired.REQUIRED) {
+    if (!evolandStore.isAnnualAnnotation && annotation_dates && annotation_dates.length < ((_i2 = evolandStore.projectDetail) == null ? void 0 : _i2.minimum_annotation) && taskStatus[1] === import_core9.AnnotationRequired.REQUIRED) {
       alert(
         "Task should have minimum " + ((_j2 = evolandStore.projectDetail) == null ? void 0 : _j2.minimum_annotation) + " annotations"
       );
       return;
     }
     if (evolandStore.annotatedRasterAsset && evolandStore.currentTask) {
-      if (taskStatus[1] === import_core8.AnnotationRequired.REQUIRED) {
+      if (taskStatus[1] === import_core9.AnnotationRequired.REQUIRED) {
         if (evolandStore.isAnnualAnnotation && isBase64Zeros(bufferData)) {
           alert("Please provide annotation");
           return;
@@ -6940,16 +6940,16 @@ var RasterPreview = (_props) => {
         task_type: ((_k2 = evolandStore.projectDetail) == null ? void 0 : _k2.meta_data.ANNOTATION) ? [import_evoland_api_proxy3.TaskType.ANNOTATION] : [],
         target_status: taskStatus[0],
         base64_array: bufferData,
-        array_height: taskStatus[1] === import_core8.AnnotationRequired.NOT_REQUIRED ? void 0 : taskStatus[1] === import_core8.AnnotationRequired.OPTIONAL && ((_m2 = (_l2 = evolandStore.annotationUndoRedo) == null ? void 0 : _l2.past) == null ? void 0 : _m2.length) == 0 && !evolandStore.savedAnnotations ? void 0 : taskStatus[1] === import_core8.AnnotationRequired.OPTIONAL && ((_o2 = (_n2 = evolandStore.annotationUndoRedo) == null ? void 0 : _n2.past) == null ? void 0 : _o2.length) == 0 && evolandStore.savedAnnotations ? evolandStore.savedAnnotations.height : evolandStore.annotatedRasterAsset.height,
-        array_width: taskStatus[1] === import_core8.AnnotationRequired.NOT_REQUIRED ? void 0 : taskStatus[1] === import_core8.AnnotationRequired.OPTIONAL && ((_q2 = (_p2 = evolandStore.annotationUndoRedo) == null ? void 0 : _p2.past) == null ? void 0 : _q2.length) == 0 && !evolandStore.savedAnnotations ? void 0 : taskStatus[1] === import_core8.AnnotationRequired.OPTIONAL && ((_s2 = (_r2 = evolandStore.annotationUndoRedo) == null ? void 0 : _r2.past) == null ? void 0 : _s2.length) == 0 && evolandStore.savedAnnotations ? evolandStore.savedAnnotations.width : evolandStore.annotatedRasterAsset.width,
-        annotation_time: taskStatus[1] === (import_core8.AnnotationRequired.NOT_REQUIRED || import_core8.AnnotationRequired.OPTIONAL) ? void 0 : evolandStore.annotationTime,
+        array_height: taskStatus[1] === import_core9.AnnotationRequired.NOT_REQUIRED ? void 0 : taskStatus[1] === import_core9.AnnotationRequired.OPTIONAL && ((_m2 = (_l2 = evolandStore.annotationUndoRedo) == null ? void 0 : _l2.past) == null ? void 0 : _m2.length) == 0 && !evolandStore.savedAnnotations ? void 0 : taskStatus[1] === import_core9.AnnotationRequired.OPTIONAL && ((_o2 = (_n2 = evolandStore.annotationUndoRedo) == null ? void 0 : _n2.past) == null ? void 0 : _o2.length) == 0 && evolandStore.savedAnnotations ? evolandStore.savedAnnotations.height : evolandStore.annotatedRasterAsset.height,
+        array_width: taskStatus[1] === import_core9.AnnotationRequired.NOT_REQUIRED ? void 0 : taskStatus[1] === import_core9.AnnotationRequired.OPTIONAL && ((_q2 = (_p2 = evolandStore.annotationUndoRedo) == null ? void 0 : _p2.past) == null ? void 0 : _q2.length) == 0 && !evolandStore.savedAnnotations ? void 0 : taskStatus[1] === import_core9.AnnotationRequired.OPTIONAL && ((_s2 = (_r2 = evolandStore.annotationUndoRedo) == null ? void 0 : _r2.past) == null ? void 0 : _s2.length) == 0 && evolandStore.savedAnnotations ? evolandStore.savedAnnotations.width : evolandStore.annotatedRasterAsset.width,
+        annotation_time: taskStatus[1] === (import_core9.AnnotationRequired.NOT_REQUIRED || import_core9.AnnotationRequired.OPTIONAL) ? void 0 : evolandStore.annotationTime,
         annotation_dates: !evolandStore.isAnnualAnnotation && (annotation_dates == null ? void 0 : annotation_dates.length) > 0 ? annotation_dates : null,
         comment: evolandStore.comment === "" ? void 0 : evolandStore.comment
       };
       try {
         var response = yield import_evoland_api_proxy3.TaskService.updateTaskUpdatetaskPost(submitReq);
         if (response !== void 0) {
-          response ? taskStatus[1] == import_core8.AnnotationRequired.REQUIRED || taskStatus[1] === import_core8.AnnotationRequired.OPTIONAL && ((_u2 = (_t2 = evolandStore.annotationUndoRedo) == null ? void 0 : _t2.past) == null ? void 0 : _u2.pop()) !== void 0 ? setSubmitNotificationMessage(
+          response ? taskStatus[1] == import_core9.AnnotationRequired.REQUIRED || taskStatus[1] === import_core9.AnnotationRequired.OPTIONAL && ((_u2 = (_t2 = evolandStore.annotationUndoRedo) == null ? void 0 : _t2.past) == null ? void 0 : _u2.pop()) !== void 0 ? setSubmitNotificationMessage(
             "Annotation has been moved to " + taskStatus[0].toUpperCase() + " state successfully with a new annotation. Moving to next location, please wait."
           ) : setSubmitNotificationMessage(
             "Annotation has been moved to " + taskStatus[0].toUpperCase() + " successfully. Moving to next location, please wait."
@@ -7148,7 +7148,7 @@ var RasterPreview = (_props) => {
   if (layerStore.layerOpacity == 0)
     layerStore.setLayerOpacity(0.4);
   if (!goToNextTask && evolandStore.location !== null && evolandStore.location.locationId !== searchParams.get("locationId")) {
-    if (status == import_core8.TaskStatus.ACCEPTED || status == import_core8.TaskStatus.DISCARDED || status == import_core8.TaskStatus.TO_FIX) {
+    if (status == import_core9.TaskStatus.ACCEPTED || status == import_core9.TaskStatus.DISCARDED || status == import_core9.TaskStatus.TO_FIX) {
       setGoToNextTask(true);
       if (_props.userRole === "admin")
         if (tasks == null ? void 0 : tasks.task)
@@ -7214,7 +7214,7 @@ var RasterPreview = (_props) => {
       }
     ) }),
     evolandStore.currentTask !== null && ((_h = (_g = evolandStore.currentTask) == null ? void 0 : _g.transition_states) == null ? void 0 : _h.length) > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-center", children: [
-      ((_i = evolandStore.currentTask) == null ? void 0 : _i.status) !== import_core8.TaskStatus.SUBMITTED && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      ((_i = evolandStore.currentTask) == null ? void 0 : _i.status) !== import_core9.TaskStatus.SUBMITTED && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         import_ui10.Button,
         {
           className: "mb-2 mt-2 mr-2 text-xs -flex-col",
@@ -7270,13 +7270,13 @@ var RasterPreview = (_props) => {
                 {
                   disabled: disableSubmit,
                   style: {
-                    backgroundColor: import_core8.TaskStatusColor[x[0]]
+                    backgroundColor: import_core9.TaskStatusColor[x[0]]
                   },
                   className: "h-6 text-xs p-1 m-1 text-forground-black -px-4 -py-2 w-full",
                   onClick: () => {
                     onSubmit(x);
                   },
-                  children: import_core8.TaskState[x[0]]
+                  children: import_core9.TaskState[x[0]]
                 }
               ) });
             }
@@ -7405,7 +7405,7 @@ var RasterPreview = (_props) => {
               );
             },
             alt: "annotation",
-            className: (0, import_core8.classNames)(
+            className: (0, import_core9.classNames)(
               "text-xs w-48 border-y border-x border-gray-100 hover:border-gray-400",
               ((_q = evolandStore.selectedRasterAsset) == null ? void 0 : _q.id) === ((_r = evolandStore.annotatedRasterAsset) == null ? void 0 : _r.id) && " border-2 border-red-600 ",
               evolandStore.selectedRasterAsset === null || ((_s = evolandStore.selectedRasterAsset) == null ? void 0 : _s.id) !== ((_t = evolandStore.annotatedRasterAsset) == null ? void 0 : _t.id) && " border-gray-50"
@@ -7467,7 +7467,7 @@ var RasterPreview = (_props) => {
 
 // src/Components/Evoland/Annotation.tsx
 var import_ui11 = require("@geowiki/ui");
-var import_react17 = require("react");
+var import_react16 = require("react");
 var import_link = __toESM(require("next/link"));
 var import_router2 = require("next/router");
 var import_evoland_api_proxy4 = require("@geowiki/evoland-api-proxy");
@@ -7478,26 +7478,26 @@ var Annotation = (props) => {
   const router = (0, import_router2.useRouter)();
   var projectId = router.query.projectId;
   var locationId = router.query.locationId;
-  const [activeLearningLoading, setActiveLearningLoading] = (0, import_react17.useState)(false);
+  const [activeLearningLoading, setActiveLearningLoading] = (0, import_react16.useState)(false);
   const labels = (_a = evolandStore.labels) == null ? void 0 : _a.filter(
     (x) => !x.labelName.includes("/")
   );
-  const [primaryLabelItem, setPrimaryLabelItem] = (0, import_react17.useState)({
+  const [primaryLabelItem, setPrimaryLabelItem] = (0, import_react16.useState)({
     labelColor: [],
     labelName: "Primary",
     labelId: 0
   });
-  const [secondaryLabelItem, setSecondaryLabelItem] = (0, import_react17.useState)({
+  const [secondaryLabelItem, setSecondaryLabelItem] = (0, import_react16.useState)({
     labelColor: [],
     labelName: "Secondary",
     labelId: 0
   });
-  const [tertiaryLabelItem, setTertiaryLabelItem] = (0, import_react17.useState)({
+  const [tertiaryLabelItem, setTertiaryLabelItem] = (0, import_react16.useState)({
     labelColor: [],
     labelName: "Tertiary",
     labelId: 0
   });
-  const [currentLabelItem, setCurrentLabelItem] = (0, import_react17.useState)();
+  const [currentLabelItem, setCurrentLabelItem] = (0, import_react16.useState)();
   const OnSubmitActiveLearning = () => __async(void 0, null, function* () {
     var _a2, _b2;
     setActiveLearningLoading(true);
@@ -8083,8 +8083,8 @@ var Annotation = (props) => {
 
 // src/Components/Evoland/EvolandLeftSideBar.tsx
 var import_router3 = require("next/router");
-var import_core13 = require("@geowiki/core");
-var import_react21 = require("react");
+var import_core14 = require("@geowiki/core");
+var import_react20 = require("react");
 var import_ui15 = require("@geowiki/ui");
 var import_react_hotkeys_hook2 = require("react-hotkeys-hook");
 var import_link2 = __toESM(require("next/link"));
@@ -8092,11 +8092,11 @@ var import_link2 = __toESM(require("next/link"));
 // src/Components/Evoland/GeoWikiTools.tsx
 var turf5 = __toESM(require("@turf/turf"));
 var import_geojson_to_kml = __toESM(require("geojson-to-kml"));
-var import_react18 = require("react");
+var import_react17 = require("react");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var GeoWikiTools = () => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-  const [esriDate, setEsriDate] = (0, import_react18.useState)(void 0);
+  const [esriDate, setEsriDate] = (0, import_react17.useState)(void 0);
   const scale = 16;
   const evolandStore = evoland_default();
   const centroid3 = getCentroid(
@@ -8520,11 +8520,11 @@ var AssetOpacity = (props) => {
 };
 
 // src/Components/ViewAssets.tsx
-var import_react19 = require("react");
-var import_core10 = require("@geowiki/core");
+var import_react18 = require("react");
+var import_core11 = require("@geowiki/core");
 
 // src/Components/Evoland/RasterImage.tsx
-var import_core9 = require("@geowiki/core");
+var import_core10 = require("@geowiki/core");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var RasterImageWithColorMap = (props) => {
   var _a, _b, _c, _d, _e;
@@ -8533,7 +8533,7 @@ var RasterImageWithColorMap = (props) => {
     imgUri && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
       "div",
       {
-        className: (0, import_core9.classNames)(
+        className: (0, import_core10.classNames)(
           "relative text-xs border-y border-x hover:border-gray-600",
           ((_a = props.selectedItem) == null ? void 0 : _a.id) === ((_b = props.rasterAssetItem) == null ? void 0 : _b.id) && " border-blue-600 bg-primary",
           props.selectedItem === null || ((_c = props.selectedItem) == null ? void 0 : _c.id) !== ((_d = props.rasterAssetItem) == null ? void 0 : _d.id) && "border-gray-300"
@@ -8577,46 +8577,46 @@ var assetsByYear = (assets) => assets == null ? void 0 : assets.reduce((acc, ite
 var ViewAssets = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const evolandStore = evoland_default();
-  const [submittedAnnotations, setSubmittedAnnotations] = (0, import_react19.useState)(
+  const [submittedAnnotations, setSubmittedAnnotations] = (0, import_react18.useState)(
     evolandStore.submittedAnnotations !== null ? evolandStore.submittedAnnotations : []
   );
-  const [savedAnnotations, setSavedAnnotations] = (0, import_react19.useState)(
+  const [savedAnnotations, setSavedAnnotations] = (0, import_react18.useState)(
     evolandStore.savedAnnotations !== null ? evolandStore.savedAnnotations : null
   );
-  const [maskTab, setMaskTab] = (0, import_react19.useState)(
+  const [maskTab, setMaskTab] = (0, import_react18.useState)(
     props.defaultAssetView == "SEGMENTATION_MASK" /* SegmentationMask */ ? true : false
   );
-  const [changeMaskTab, setChangeMaskTab] = (0, import_react19.useState)(
+  const [changeMaskTab, setChangeMaskTab] = (0, import_react18.useState)(
     props.defaultAssetView == "CHANGE_SEGMENTATION_MASK" /* ChangeSegmentationMask */ ? true : false
   );
-  const [annotationTab, setAnnotationTab] = (0, import_react19.useState)(false);
-  const [compositesTab, setCompositesTab] = (0, import_react19.useState)(
+  const [annotationTab, setAnnotationTab] = (0, import_react18.useState)(false);
+  const [compositesTab, setCompositesTab] = (0, import_react18.useState)(
     props.defaultAssetView == "COMPOSITE" /* Composite */ ? true : false
   );
-  const [masks, setMasks] = (0, import_react19.useState)(
+  const [masks, setMasks] = (0, import_react18.useState)(
     evolandStore.maskAsset !== null ? evolandStore.maskAsset : []
   );
-  const [changeMasks, setChangeMasks] = (0, import_react19.useState)(
+  const [changeMasks, setChangeMasks] = (0, import_react18.useState)(
     evolandStore.changeMaskAsset !== null ? evolandStore.changeMaskAsset : []
   );
-  const [annotations, setAnnotations] = (0, import_react19.useState)(
+  const [annotations, setAnnotations] = (0, import_react18.useState)(
     evolandStore.annotatedRasterAsset !== null ? [evolandStore.annotatedRasterAsset] : []
   );
-  const [composites, setComposites] = (0, import_react19.useState)(
+  const [composites, setComposites] = (0, import_react18.useState)(
     evolandStore.compositeAsset !== null ? assetsByYear(evolandStore.compositeAsset) : []
   );
-  const [fetchAnnotationRaster, setFetchAnnotationRaster] = (0, import_react19.useState)(false);
+  const [fetchAnnotationRaster, setFetchAnnotationRaster] = (0, import_react18.useState)(false);
   const {
     data: taskAnnotation,
     isLoading: IsTaskAnnotationLoading,
     error
-  } = (0, import_core10.useTaskMultipleAnnotations)(
+  } = (0, import_core11.useTaskMultipleAnnotations)(
     props.taskId !== void 0 && props.taskId !== 0 && submittedAnnotations.length == 0 ? props.taskId : submittedAnnotations.length == 0 && evolandStore.currentTask != null && ((_a = evolandStore.currentTask) == null ? void 0 : _a.task_id) !== void 0 ? evolandStore.currentTask.task_id : null
   );
-  const { data: taskSavedAnnotation } = (0, import_core10.useTaskSavedAnnotations)(
+  const { data: taskSavedAnnotation } = (0, import_core11.useTaskSavedAnnotations)(
     props.taskId !== void 0 && props.taskId !== 0 && savedAnnotations == null ? props.taskId : savedAnnotations == null && evolandStore.currentTask != null && ((_b = evolandStore.currentTask) == null ? void 0 : _b.task_id) !== void 0 && evolandStore.currentTask.saved_annotation !== null ? evolandStore.currentTask.task_id : null
   );
-  const { data: latestTaskOnLocation } = (0, import_core10.useLatestTaskOnLocation)(
+  const { data: latestTaskOnLocation } = (0, import_core11.useLatestTaskOnLocation)(
     props.locationId,
     props.projectId,
     evolandStore.referenceDate
@@ -8763,7 +8763,7 @@ var ViewAssets = (props) => {
           (masks == null ? void 0 : masks.length) > 0 && evolandStore.maskAsset && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "button",
             {
-              className: (0, import_core10.classNames)(
+              className: (0, import_core11.classNames)(
                 "border-r border-t border-gray-300",
                 !maskTab && "bg-primary"
               ),
@@ -8780,7 +8780,7 @@ var ViewAssets = (props) => {
           ((_d = evolandStore.changeMaskAsset) == null ? void 0 : _d.length) > 0 && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "button",
             {
-              className: (0, import_core10.classNames)(
+              className: (0, import_core11.classNames)(
                 "border-r border-t border-gray-300",
                 !changeMaskTab && "bg-primary"
               ),
@@ -8797,7 +8797,7 @@ var ViewAssets = (props) => {
           showAnnotationTab && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "button",
             {
-              className: (0, import_core10.classNames)(
+              className: (0, import_core11.classNames)(
                 "border-r border-t border-gray-300 px-1",
                 !annotationTab && "bg-primary"
               ),
@@ -8814,7 +8814,7 @@ var ViewAssets = (props) => {
           /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "button",
             {
-              className: (0, import_core10.classNames)(
+              className: (0, import_core11.classNames)(
                 "border-r border-t border-gray-300 px-1",
                 !compositesTab && "bg-primary"
               ),
@@ -9115,40 +9115,40 @@ var ViewAssets = (props) => {
 };
 
 // src/Components/Evoland/SearchAnnotation.tsx
-var import_react20 = require("react");
-var import_core11 = require("@geowiki/core");
+var import_react19 = require("react");
+var import_core12 = require("@geowiki/core");
 var import_ui14 = require("@geowiki/ui");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var SearchAnnotation = (props) => {
-  const { data: users, isLoading: IsUsersLoading } = (0, import_core11.useProjectUsers)(
+  const { data: users, isLoading: IsUsersLoading } = (0, import_core12.useProjectUsers)(
     props.projectId
   );
-  const { data: taskStatusList, isLoading: IsTaskStatusLoading } = (0, import_core11.useTaskStatusList)();
-  const { data: groups, isLoading: IsGroupsLoading } = (0, import_core11.useGroupsInProject)(
+  const { data: taskStatusList, isLoading: IsTaskStatusLoading } = (0, import_core12.useTaskStatusList)();
+  const { data: groups, isLoading: IsGroupsLoading } = (0, import_core12.useGroupsInProject)(
     props.projectId
   );
-  const [searchUser, setSearchUser] = (0, import_react20.useState)(
+  const [searchUser, setSearchUser] = (0, import_react19.useState)(
     !localStorage.getItem("searchUser") ? "" : localStorage.getItem("searchUser")
   );
-  const [searchGroup, setsearchGroup] = (0, import_react20.useState)(
+  const [searchGroup, setsearchGroup] = (0, import_react19.useState)(
     !localStorage.getItem("searchGroup") ? "" : localStorage.getItem("searchGroup")
   );
-  const [searchStatus, setSearchStatus] = (0, import_react20.useState)(
-    !localStorage.getItem("searchStatus") ? import_core11.TaskStatus.SUBMITTED : localStorage.getItem("searchStatus")
+  const [searchStatus, setSearchStatus] = (0, import_react19.useState)(
+    !localStorage.getItem("searchStatus") ? import_core12.TaskStatus.SUBMITTED : localStorage.getItem("searchStatus")
   );
-  const [fromDate, setFromDate] = (0, import_react20.useState)(
+  const [fromDate, setFromDate] = (0, import_react19.useState)(
     localStorage.getItem("fromDate") !== null ? localStorage.getItem("fromDate") : ""
   );
-  const [toDate, setToDate] = (0, import_react20.useState)(
+  const [toDate, setToDate] = (0, import_react19.useState)(
     !localStorage.getItem("toDate") ? "" : localStorage.getItem("toDate")
   );
-  const { data: tasks } = (0, import_core11.useRandomTasksPerLocation)({
+  const { data: tasks } = (0, import_core12.useRandomTasksPerLocation)({
     taskForReview: props.taskForReview,
     pageIdx: 0,
     pageSize: searchUser == void 0 && searchGroup == void 0 ? 1 : 10,
     locationProjectId: props.projectId,
     groupName: searchGroup || null,
-    statusIn: searchUser == void 0 && searchStatus == void 0 ? import_core11.TaskStatus.SUBMITTED : searchStatus,
+    statusIn: searchUser == void 0 && searchStatus == void 0 ? import_core12.TaskStatus.SUBMITTED : searchStatus,
     dateGte: fromDate,
     dateLte: toDate,
     userUserAlias: searchUser || null
@@ -9249,7 +9249,7 @@ var SearchAnnotation = (props) => {
               "option",
               {
                 value: x,
-                selected: searchStatus === void 0 ? x === import_core11.TaskStatus.SUBMITTED : searchStatus == x,
+                selected: searchStatus === void 0 ? x === import_core12.TaskStatus.SUBMITTED : searchStatus == x,
                 children: x
               },
               index
@@ -9337,12 +9337,12 @@ var SearchAnnotation = (props) => {
         onClick: () => {
           setSearchUser("");
           setsearchGroup("");
-          setSearchStatus(import_core11.TaskStatus.SUBMITTED);
+          setSearchStatus(import_core12.TaskStatus.SUBMITTED);
           setFromDate("");
           setToDate("");
           localStorage.removeItem("searchUser");
           localStorage.removeItem("searchGroup");
-          localStorage.setItem("searchStatus", import_core11.TaskStatus.SUBMITTED);
+          localStorage.setItem("searchStatus", import_core12.TaskStatus.SUBMITTED);
           localStorage.removeItem("fromDate");
           localStorage.removeItem("toDate");
         },
@@ -9363,7 +9363,7 @@ var SearchAnnotation = (props) => {
 };
 
 // src/Components/Evoland/TaskEventLog.tsx
-var import_core12 = require("@geowiki/core");
+var import_core13 = require("@geowiki/core");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var TaskEventLog = (props) => {
   return Object.entries(props.taskEventsGrouped).map(
@@ -9371,12 +9371,12 @@ var TaskEventLog = (props) => {
       var _a, _b, _c, _d;
       let tempAnnotationId = "";
       let tempComment = "";
-      if (x[1][0].event_type == import_core12.TaskEventType.NEW_ANNOTATION)
+      if (x[1][0].event_type == import_core13.TaskEventType.NEW_ANNOTATION)
         tempAnnotationId = x[1][0].content;
-      if (x[1][0].event_type == import_core12.TaskEventType.COMMENT)
+      if (x[1][0].event_type == import_core13.TaskEventType.COMMENT)
         tempComment = x[1][0].content;
       return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
-        x[1].length == 1 && (x[1][0].event_type == import_core12.TaskEventType.CREATED ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
+        x[1].length == 1 && (x[1][0].event_type == import_core13.TaskEventType.CREATED ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
           /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-primary leading-5", children: [
             "System - ",
             (_a = x[1][0]) == null ? void 0 : _a.event_time
@@ -9387,13 +9387,13 @@ var TaskEventLog = (props) => {
             /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("i", { children: (_b = x[1][0]) == null ? void 0 : _b.actor_alias })
           ] })
         ] }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-white", children: [
-          x[1][0].event_type !== import_core12.TaskEventType.NEW_ANNOTATION && x[1][0].event_type !== import_core12.TaskEventType.COMMENT && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-primary leading-5 mt-2", children: [
+          x[1][0].event_type !== import_core13.TaskEventType.NEW_ANNOTATION && x[1][0].event_type !== import_core13.TaskEventType.COMMENT && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-primary leading-5 mt-2", children: [
             (_c = x[1][0]) == null ? void 0 : _c.actor_alias,
             " - ",
             (_d = x[1][0]) == null ? void 0 : _d.event_time
           ] }),
-          x[1][0].event_type == import_core12.TaskEventType.REVIEW && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "text-black text-xs leading-5", children: x[1][0].content }),
-          (x[1][0].event_type == import_core12.TaskEventType.STATUS_UPDATED || x[1][0].event_type == import_core12.TaskEventType.COMMENT) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-black text-xs leading-5", children: [
+          x[1][0].event_type == import_core13.TaskEventType.REVIEW && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "text-black text-xs leading-5", children: x[1][0].content }),
+          (x[1][0].event_type == import_core13.TaskEventType.STATUS_UPDATED || x[1][0].event_type == import_core13.TaskEventType.COMMENT) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-black text-xs leading-5", children: [
             tempAnnotationId !== "" && tempComment == "" && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
               " ",
               "Status changed to : ",
@@ -9431,17 +9431,17 @@ var TaskEventLog = (props) => {
           ] })
         ] }, index)),
         x[1].length > 1 && x[1].map((y, yIndex) => {
-          if (y.event_type == import_core12.TaskEventType.NEW_ANNOTATION)
+          if (y.event_type == import_core13.TaskEventType.NEW_ANNOTATION)
             tempAnnotationId = y.content;
-          if (y.event_type == import_core12.TaskEventType.COMMENT)
+          if (y.event_type == import_core13.TaskEventType.COMMENT)
             tempComment = y.content;
           return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-white", children: [
-            y.event_type !== import_core12.TaskEventType.NEW_ANNOTATION && y.event_type !== import_core12.TaskEventType.COMMENT && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-primary leading-5 mt-2", children: [
+            y.event_type !== import_core13.TaskEventType.NEW_ANNOTATION && y.event_type !== import_core13.TaskEventType.COMMENT && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-primary leading-5 mt-2", children: [
               y == null ? void 0 : y.actor_alias,
               " - ",
               y == null ? void 0 : y.event_time
             ] }),
-            (y.event_type == import_core12.TaskEventType.STATUS_UPDATED || y.event_type == import_core12.TaskEventType.COMMENT || y.event_type == import_core12.TaskEventType.QUESTIONNAIRE || y.event_type == import_core12.TaskEventType.REVIEW) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-black text-xs leading-5", children: [
+            (y.event_type == import_core13.TaskEventType.STATUS_UPDATED || y.event_type == import_core13.TaskEventType.COMMENT || y.event_type == import_core13.TaskEventType.QUESTIONNAIRE || y.event_type == import_core13.TaskEventType.REVIEW) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-black text-xs leading-5", children: [
               tempAnnotationId !== "" && tempComment == "" && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
                 " ",
                 "Status changed to : ",
@@ -9449,12 +9449,12 @@ var TaskEventLog = (props) => {
                 " with new Annotation :",
                 tempAnnotationId
               ] }),
-              tempAnnotationId == "" && tempComment == "" && y.event_type !== import_core12.TaskEventType.QUESTIONNAIRE && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
+              tempAnnotationId == "" && tempComment == "" && y.event_type !== import_core13.TaskEventType.QUESTIONNAIRE && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
                 " ",
                 "Status changed to : ",
                 /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("i", { children: y.content })
               ] }),
-              tempAnnotationId == "" && tempComment == "" && y.event_type == import_core12.TaskEventType.QUESTIONNAIRE && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { children: "Questionnaire filled" }),
+              tempAnnotationId == "" && tempComment == "" && y.event_type == import_core13.TaskEventType.QUESTIONNAIRE && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { children: "Questionnaire filled" }),
               tempComment !== "" && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                   "svg",
@@ -9493,7 +9493,7 @@ var EvolandLeftSideBar = (props) => {
   var locationId = router.query.locationId;
   const projectId = parseInt(router.query.projectId);
   const review = router.query.review;
-  const [checkLocation, setCheckLocation] = (0, import_react21.useState)(false);
+  const [checkLocation, setCheckLocation] = (0, import_react20.useState)(false);
   const evolandStore = evoland_default();
   if (review && !evolandStore.task_for_review)
     evolandStore.setTaskForReview(true);
@@ -9501,46 +9501,46 @@ var EvolandLeftSideBar = (props) => {
     setCheckLocation(true);
     alert("Invalid location or project");
   }
-  const [masks, setMasks] = (0, import_react21.useState)([]);
-  const [changemasks, setChangeMasks] = (0, import_react21.useState)([]);
-  const [annotations, setAnnotations] = (0, import_react21.useState)([]);
-  const [fetchMasks, setFetchMasks] = (0, import_react21.useState)(false);
-  const [fetchChangeMasks, setFetchChangeMasks] = (0, import_react21.useState)(false);
-  const { data: latestTaskOnLocation } = (0, import_core13.useLatestTaskOnLocation)(
+  const [masks, setMasks] = (0, import_react20.useState)([]);
+  const [changemasks, setChangeMasks] = (0, import_react20.useState)([]);
+  const [annotations, setAnnotations] = (0, import_react20.useState)([]);
+  const [fetchMasks, setFetchMasks] = (0, import_react20.useState)(false);
+  const [fetchChangeMasks, setFetchChangeMasks] = (0, import_react20.useState)(false);
+  const { data: latestTaskOnLocation } = (0, import_core14.useLatestTaskOnLocation)(
     locationId,
     projectId,
     evolandStore.referenceDate
   );
-  const [savedAnnotations] = (0, import_react21.useState)(
+  const [savedAnnotations] = (0, import_react20.useState)(
     evolandStore.savedAnnotations !== null ? evolandStore.savedAnnotations : null
   );
-  const [composites, setComposites] = (0, import_react21.useState)([]);
-  const [isFetchUserTask, setIsFetchUserTask] = (0, import_react21.useState)(false);
-  const [adminTasks, setAdminTasks] = (0, import_react21.useState)();
-  const [deleteTask, setDeleteTask] = (0, import_react21.useState)(false);
+  const [composites, setComposites] = (0, import_react20.useState)([]);
+  const [isFetchUserTask, setIsFetchUserTask] = (0, import_react20.useState)(false);
+  const [adminTasks, setAdminTasks] = (0, import_react20.useState)();
+  const [deleteTask, setDeleteTask] = (0, import_react20.useState)(false);
   var taskId = router.query.taskId == void 0 ? (_a = evolandStore.currentTask) == null ? void 0 : _a.task_id : router.query.taskId;
-  const { data: taskSavedAnnotation } = (0, import_core13.useTaskSavedAnnotations)(
+  const { data: taskSavedAnnotation } = (0, import_core14.useTaskSavedAnnotations)(
     taskId !== void 0 && parseInt(taskId) !== 0 && savedAnnotations == null ? parseInt(taskId) : savedAnnotations == null && evolandStore.currentTask != null && ((_b = evolandStore.currentTask) == null ? void 0 : _b.task_id) !== void 0 && evolandStore.currentTask.saved_annotation !== null ? evolandStore.currentTask.task_id : !evolandStore.currentTask && latestTaskOnLocation && latestTaskOnLocation.exists ? latestTaskOnLocation.task_id : null
   );
-  const { data: TaskDeleted, isLoading: IsTaskDeletedLoading } = (0, import_core13.useTaskDelete)(
+  const { data: TaskDeleted, isLoading: IsTaskDeletedLoading } = (0, import_core14.useTaskDelete)(
     taskId !== void 0 && parseInt(taskId) !== 0 ? parseInt(taskId) : (_c = evolandStore.currentTask) == null ? void 0 : _c.task_id,
     projectId,
     deleteTask
   );
-  const { data: tasks } = (0, import_core13.useRandomTasksPerLocation)({
+  const { data: tasks } = (0, import_core14.useRandomTasksPerLocation)({
     taskForReview: evolandStore.task_for_review,
     pageIdx: 0,
     pageSize: 1,
     locationProjectId: projectId,
     groupName: !localStorage.getItem("searchGroup") ? null : localStorage.getItem("searchGroup"),
     search: null,
-    statusIn: !localStorage.getItem("searchStatus") ? import_core13.TaskStatus.SUBMITTED : localStorage.getItem("searchStatus"),
+    statusIn: !localStorage.getItem("searchStatus") ? import_core14.TaskStatus.SUBMITTED : localStorage.getItem("searchStatus"),
     dateGte: localStorage.getItem("fromDate") !== null ? localStorage.getItem("fromDate") : void 0,
     dateLte: !localStorage.getItem("toDate") ? void 0 : localStorage.getItem("toDate"),
     userUserAlias: !localStorage.getItem("searchUser") ? null : localStorage.getItem("searchUser"),
     locationLocationId: null
   });
-  const [savedAnnotationTime, setSavedAnnotationTime] = (0, import_react21.useState)(
+  const [savedAnnotationTime, setSavedAnnotationTime] = (0, import_react20.useState)(
     null
   );
   const showAnnotationTab = showAnnotation(
@@ -9681,10 +9681,10 @@ var EvolandLeftSideBar = (props) => {
             "div",
             {
               style: {
-                backgroundColor: ((_p = evolandStore.currentTask) == null ? void 0 : _p.status) !== null && ((_q = evolandStore.currentTask) == null ? void 0 : _q.status) !== void 0 ? import_core13.TaskStatusColor[(_r = evolandStore.currentTask) == null ? void 0 : _r.status] : !evolandStore.currentTask && latestTaskOnLocation && latestTaskOnLocation.exists ? import_core13.TaskStatusColor[latestTaskOnLocation.task_status] : !evolandStore.currentTask && !(latestTaskOnLocation == null ? void 0 : latestTaskOnLocation.exists) ? "bg-primary text-primary-foreground" : "white"
+                backgroundColor: ((_p = evolandStore.currentTask) == null ? void 0 : _p.status) !== null && ((_q = evolandStore.currentTask) == null ? void 0 : _q.status) !== void 0 ? import_core14.TaskStatusColor[(_r = evolandStore.currentTask) == null ? void 0 : _r.status] : !evolandStore.currentTask && latestTaskOnLocation && latestTaskOnLocation.exists ? import_core14.TaskStatusColor[latestTaskOnLocation.task_status] : !evolandStore.currentTask && !(latestTaskOnLocation == null ? void 0 : latestTaskOnLocation.exists) ? "bg-primary text-primary-foreground" : "white"
               },
-              className: "pl-2 pr-2 flex rounded-lg text-center " + (((_s = evolandStore.currentTask) == null ? void 0 : _s.status) !== null && ((_t = evolandStore.currentTask) == null ? void 0 : _t.status) !== void 0 ? "bg-" + import_core13.TaskStatusColor[(_u = evolandStore.currentTask) == null ? void 0 : _u.status] + "-500" : !evolandStore.currentTask && latestTaskOnLocation && latestTaskOnLocation.exists ? "bg-" + import_core13.TaskStatusColor[latestTaskOnLocation.task_status] + "-500" : !evolandStore.currentTask && !(latestTaskOnLocation == null ? void 0 : latestTaskOnLocation.exists) ? "bg-primary text-primary-foreground" : "bg-white-500"),
-              children: ((_v = evolandStore.currentTask) == null ? void 0 : _v.status) !== null && ((_w = evolandStore.currentTask) == null ? void 0 : _w.status) !== void 0 ? import_core13.TaskStatus[(_x = evolandStore.currentTask) == null ? void 0 : _x.status] : !evolandStore.currentTask && latestTaskOnLocation && latestTaskOnLocation.exists ? import_core13.TaskStatus[latestTaskOnLocation.task_status] : !evolandStore.currentTask && !(latestTaskOnLocation == null ? void 0 : latestTaskOnLocation.task_id) ? "Not started" : ""
+              className: "pl-2 pr-2 flex rounded-lg text-center " + (((_s = evolandStore.currentTask) == null ? void 0 : _s.status) !== null && ((_t = evolandStore.currentTask) == null ? void 0 : _t.status) !== void 0 ? "bg-" + import_core14.TaskStatusColor[(_u = evolandStore.currentTask) == null ? void 0 : _u.status] + "-500" : !evolandStore.currentTask && latestTaskOnLocation && latestTaskOnLocation.exists ? "bg-" + import_core14.TaskStatusColor[latestTaskOnLocation.task_status] + "-500" : !evolandStore.currentTask && !(latestTaskOnLocation == null ? void 0 : latestTaskOnLocation.exists) ? "bg-primary text-primary-foreground" : "bg-white-500"),
+              children: ((_v = evolandStore.currentTask) == null ? void 0 : _v.status) !== null && ((_w = evolandStore.currentTask) == null ? void 0 : _w.status) !== void 0 ? import_core14.TaskStatus[(_x = evolandStore.currentTask) == null ? void 0 : _x.status] : !evolandStore.currentTask && latestTaskOnLocation && latestTaskOnLocation.exists ? import_core14.TaskStatus[latestTaskOnLocation.task_status] : !evolandStore.currentTask && !(latestTaskOnLocation == null ? void 0 : latestTaskOnLocation.task_id) ? "Not started" : ""
             }
           ) }),
           locationId && projectId && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_ui15.Popover, { children: [
@@ -9855,10 +9855,10 @@ var EvolandLeftSideBar = (props) => {
                     "div",
                     {
                       style: {
-                        backgroundColor: import_core13.TaskStatusColor[x.status]
+                        backgroundColor: import_core14.TaskStatusColor[x.status]
                       },
                       className: "pl-2 pr-2 flex rounded-lg text-center",
-                      children: import_core13.TaskStatus[x.status]
+                      children: import_core14.TaskStatus[x.status]
                     }
                   )
                 ] }, index)) })
@@ -9933,8 +9933,8 @@ var EvolandLeftSideBar = (props) => {
 // src/Components/Evoland/Questions.tsx
 var import_ui16 = require("@geowiki/ui");
 var import_router4 = require("next/router");
-var import_core14 = require("@geowiki/core");
-var import_react22 = require("react");
+var import_core15 = require("@geowiki/core");
+var import_react21 = require("react");
 var import_evoland_api_proxy5 = require("@geowiki/evoland-api-proxy");
 var import_navigation2 = require("next/navigation");
 var import_jsx_runtime35 = require("react/jsx-runtime");
@@ -9945,23 +9945,23 @@ var Questions = (props) => {
   const searchParams = (0, import_navigation2.useSearchParams)();
   const projectId = searchParams.get("projectId");
   const taskId = searchParams.get("taskId");
-  const { data: labels } = (0, import_core14.useEvolandLabels)(parseInt(projectId));
-  const [taskChangeDetail, setTaskChangeDetail] = (0, import_react22.useState)(null);
-  var { data: questionnaire, isLoading: IsQuestionnaireLoading } = (0, import_core14.useQuestionnaire)(parseInt(projectId));
-  const [context, setContext] = (0, import_react22.useState)();
-  const [singleChoice, setSingleChoice] = (0, import_react22.useState)();
-  const [status, setStatus] = (0, import_react22.useState)();
-  const [submitNotification, setSubmitNotification] = (0, import_react22.useState)(false);
-  const [noNextLocation, setNoNextLocation] = (0, import_react22.useState)(false);
-  const [goToNextTask, setGoToNextTask] = (0, import_react22.useState)(false);
-  const [submitNotificationMessage, setSubmitNotificationMessage] = (0, import_react22.useState)("");
-  const [disableSubmit, setDisableSubmit] = (0, import_react22.useState)(false);
-  const [userAnswers, setUserAnswers] = (0, import_react22.useState)([]);
+  const { data: labels } = (0, import_core15.useEvolandLabels)(parseInt(projectId));
+  const [taskChangeDetail, setTaskChangeDetail] = (0, import_react21.useState)(null);
+  var { data: questionnaire, isLoading: IsQuestionnaireLoading } = (0, import_core15.useQuestionnaire)(parseInt(projectId));
+  const [context, setContext] = (0, import_react21.useState)();
+  const [singleChoice, setSingleChoice] = (0, import_react21.useState)();
+  const [status, setStatus] = (0, import_react21.useState)();
+  const [submitNotification, setSubmitNotification] = (0, import_react21.useState)(false);
+  const [noNextLocation, setNoNextLocation] = (0, import_react21.useState)(false);
+  const [goToNextTask, setGoToNextTask] = (0, import_react21.useState)(false);
+  const [submitNotificationMessage, setSubmitNotificationMessage] = (0, import_react21.useState)("");
+  const [disableSubmit, setDisableSubmit] = (0, import_react21.useState)(false);
+  const [userAnswers, setUserAnswers] = (0, import_react21.useState)([]);
   let requiredUserAnswers = 0;
-  const { data: taskAnswers, isLoading: IsTaskAnswerLoading } = (0, import_core14.useTaskAnswers)(
+  const { data: taskAnswers, isLoading: IsTaskAnswerLoading } = (0, import_core15.useTaskAnswers)(
     taskId ? parseInt(taskId) : ((_a = evolandStore.currentTask) == null ? void 0 : _a.task_id) ? (_b = evolandStore.currentTask) == null ? void 0 : _b.task_id : 0
   );
-  (0, import_react22.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     var _a2, _b2;
     if (evolandStore.currentTask) {
       if (((_a2 = evolandStore.currentTask) == null ? void 0 : _a2.change_id) && !taskChangeDetail)
@@ -10012,14 +10012,14 @@ var Questions = (props) => {
       });
     }
   };
-  const { data: tasks } = (0, import_core14.useRandomTasksPerLocation)({
+  const { data: tasks } = (0, import_core15.useRandomTasksPerLocation)({
     taskForReview: evolandStore.task_for_review,
     pageIdx: 0,
     pageSize: 1,
     locationProjectId: parseInt(projectId),
     groupName: !localStorage.getItem("searchGroup") ? null : localStorage.getItem("searchGroup"),
     search: null,
-    statusIn: !localStorage.getItem("searchStatus") ? import_core14.TaskStatus.SUBMITTED : localStorage.getItem("searchStatus"),
+    statusIn: !localStorage.getItem("searchStatus") ? import_core15.TaskStatus.SUBMITTED : localStorage.getItem("searchStatus"),
     dateGte: localStorage.getItem("fromDate") !== null ? localStorage.getItem("fromDate") : void 0,
     dateLte: !localStorage.getItem("toDate") ? void 0 : localStorage.getItem("toDate"),
     userUserAlias: !localStorage.getItem("searchUser") ? null : localStorage.getItem("searchUser"),
@@ -10037,7 +10037,7 @@ var Questions = (props) => {
         project_id: parseInt(projectId),
         target_status: taskStatus[0],
         task_type: ((_a2 = evolandStore.projectDetail) == null ? void 0 : _a2.meta_data.QUESTIONNAIRE) ? [import_evoland_api_proxy5.TaskType.QUESTIONNAIRE] : [],
-        annotation_time: taskStatus[1] === (import_core14.AnnotationRequired.NOT_REQUIRED || import_core14.AnnotationRequired.OPTIONAL) ? void 0 : evolandStore.annotationTime,
+        annotation_time: taskStatus[1] === (import_core15.AnnotationRequired.NOT_REQUIRED || import_core15.AnnotationRequired.OPTIONAL) ? void 0 : evolandStore.annotationTime,
         questionnaire: userAnswers.map((item) => [
           item.question_id,
           item.answer_text
@@ -10047,7 +10047,7 @@ var Questions = (props) => {
       try {
         var response = yield import_evoland_api_proxy5.TaskService.updateTaskUpdatetaskPost(submitReq);
         if (response !== void 0) {
-          response ? taskStatus[1] == import_core14.AnnotationRequired.REQUIRED || taskStatus[1] === import_core14.AnnotationRequired.OPTIONAL && ((_c2 = (_b2 = evolandStore.annotationUndoRedo) == null ? void 0 : _b2.past) == null ? void 0 : _c2.pop()) !== void 0 ? setSubmitNotificationMessage(
+          response ? taskStatus[1] == import_core15.AnnotationRequired.REQUIRED || taskStatus[1] === import_core15.AnnotationRequired.OPTIONAL && ((_c2 = (_b2 = evolandStore.annotationUndoRedo) == null ? void 0 : _b2.past) == null ? void 0 : _c2.pop()) !== void 0 ? setSubmitNotificationMessage(
             "Task has been moved to " + taskStatus[0].toUpperCase() + " state successfully with selected answers. Moving to next location, please wait."
           ) : setSubmitNotificationMessage(
             "Task has been moved to " + taskStatus[0].toUpperCase() + " successfully. Moving to next location, please wait."
@@ -10119,11 +10119,11 @@ var Questions = (props) => {
   });
   if (questionnaire && !context)
     setContext(
-      questionnaire.filter((x) => x.type == import_core14.QuestionnaireType.CONTEXT).sort((x, y) => x.order_id - y.order_id)
+      questionnaire.filter((x) => x.type == import_core15.QuestionnaireType.CONTEXT).sort((x, y) => x.order_id - y.order_id)
     );
   if (questionnaire && !singleChoice)
     setSingleChoice(
-      questionnaire.filter((x) => x.type == import_core14.QuestionnaireType.SINGLE_CHOICE).sort((x, y) => x.order_id - y.order_id)
+      questionnaire.filter((x) => x.type == import_core15.QuestionnaireType.SINGLE_CHOICE).sort((x, y) => x.order_id - y.order_id)
     );
   if (context && taskChangeDetail) {
     context.filter((x) => x.has_dynamic_answers).map((y) => {
@@ -10179,7 +10179,7 @@ var Questions = (props) => {
     });
   }
   if (!goToNextTask && evolandStore.location !== null && evolandStore.location.locationId !== searchParams.get("locationId")) {
-    if (status == import_core14.TaskStatus.ACCEPTED || status == import_core14.TaskStatus.DISCARDED || status == import_core14.TaskStatus.TO_FIX) {
+    if (status == import_core15.TaskStatus.ACCEPTED || status == import_core15.TaskStatus.DISCARDED || status == import_core15.TaskStatus.TO_FIX) {
       setGoToNextTask(true);
       if (props.userRole === "admin")
         if (tasks == null ? void 0 : tasks.task)
@@ -10272,7 +10272,7 @@ var Questions = (props) => {
       }
     ),
     evolandStore.currentTask !== null && ((_k = (_j = evolandStore.currentTask) == null ? void 0 : _j.transition_states) == null ? void 0 : _k.length) > 0 && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center justify-center", children: [
-      ((_l = evolandStore.currentTask) == null ? void 0 : _l.status) !== import_core14.TaskStatus.SUBMITTED && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      ((_l = evolandStore.currentTask) == null ? void 0 : _l.status) !== import_core15.TaskStatus.SUBMITTED && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         import_ui16.Button,
         {
           className: "mb-2 mt-2 mr-2 text-xs -flex-col",
@@ -10328,16 +10328,16 @@ var Questions = (props) => {
                 {
                   disabled: disableSubmit,
                   style: {
-                    backgroundColor: import_core14.TaskStatusColor[x[0]]
+                    backgroundColor: import_core15.TaskStatusColor[x[0]]
                   },
                   className: "h-6 text-xs p-1 m-1 text-forground-black -px-4 -py-2 w-full",
                   onClick: () => {
-                    if (import_core14.TaskState[x[0]] !== import_core14.TaskState.SKIPPED && import_core14.TaskState[x[0]] !== import_core14.TaskState.DISCARDED && import_core14.TaskState[x[0]] !== import_core14.TaskState.USER_DISCARDED && userAnswers.length !== requiredUserAnswers)
+                    if (import_core15.TaskState[x[0]] !== import_core15.TaskState.SKIPPED && import_core15.TaskState[x[0]] !== import_core15.TaskState.DISCARDED && import_core15.TaskState[x[0]] !== import_core15.TaskState.USER_DISCARDED && userAnswers.length !== requiredUserAnswers)
                       alert("Please provide all answers");
                     else
                       onSubmit(x);
                   },
-                  children: import_core14.TaskState[x[0]]
+                  children: import_core15.TaskState[x[0]]
                 }
               ) });
             }
@@ -10364,14 +10364,14 @@ var Questions = (props) => {
 };
 
 // src/Components/TimeSeries.tsx
-var import_react23 = require("react");
+var import_react22 = require("react");
 var turf6 = __toESM(require("@turf/turf"));
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var TimeSeries = () => {
   const evolandStore = useEvolandStore();
-  const [detailedImgUrls, setDetailedImgUrls] = (0, import_react23.useState)([]);
-  const [taskChangeYears, setTaskChangeYears] = (0, import_react23.useState)([]);
-  const [currentTab, setCurrentTab] = (0, import_react23.useState)(0);
+  const [detailedImgUrls, setDetailedImgUrls] = (0, import_react22.useState)([]);
+  const [taskChangeYears, setTaskChangeYears] = (0, import_react22.useState)([]);
+  const [currentTab, setCurrentTab] = (0, import_react22.useState)(0);
   const minDate = evolandStore.referenceDate + "-01-01";
   const maxDate = evolandStore.referenceDate + "-12-31";
   function fetchImages(layerName, changeYears = null) {
@@ -10425,7 +10425,7 @@ var TimeSeries = () => {
       }
     });
   }
-  (0, import_react23.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     var _a, _b, _c, _d;
     setDetailedImgUrls([]);
     if ((_a = evolandStore.currentTask) == null ? void 0 : _a.change_id)
@@ -10615,13 +10615,13 @@ var TimeSeries = () => {
 };
 
 // src/Components/OverlayLayer.tsx
-var import_core15 = require("@geowiki/core");
-var import_react24 = require("react");
+var import_core16 = require("@geowiki/core");
+var import_react23 = require("react");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var OverlayLayer = () => {
   const layerStore = useMapLayerStore();
-  const { data: wmsLayerNames } = (0, import_core15.useEvolandWmsLayers)();
-  const [showLayerOpacity, setShowLayerOpacity] = (0, import_react24.useState)(false);
+  const { data: wmsLayerNames } = (0, import_core16.useEvolandWmsLayers)();
+  const [showLayerOpacity, setShowLayerOpacity] = (0, import_react23.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "w-full items-center mt-2 justify-center text-xs", children: [
     showLayerOpacity && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "mt-2", children: [
       "Overlay Layer's opacity",
@@ -10679,12 +10679,12 @@ var OverlayLayer = () => {
 
 // src/Components/Map/BasicMap.tsx
 var import_leaflet10 = require("leaflet/dist/leaflet.css");
-var import_react37 = require("react");
+var import_react36 = require("react");
 var import_react_leaflet15 = require("react-leaflet");
-var import_core21 = require("@geowiki/core");
+var import_core22 = require("@geowiki/core");
 
 // src/Components/Map/LayerList.tsx
-var import_react25 = require("react");
+var import_react24 = require("react");
 
 // src/store/baseLayerStore.ts
 var import_zustand5 = require("zustand");
@@ -10697,7 +10697,7 @@ var useBaseLayerStore = (0, import_zustand5.create)((set) => ({
 var import_react_leaflet12 = require("react-leaflet");
 
 // src/utils/BingLayer.ts
-var import_core16 = require("@react-leaflet/core");
+var import_core17 = require("@react-leaflet/core");
 
 // src/utils/LeafletBing.ts
 var L13 = __toESM(require("leaflet"));
@@ -10824,7 +10824,7 @@ var BingLayer = class extends L13.TileLayer {
 };
 
 // src/utils/BingLayer.ts
-var BingLeafletLayer = (0, import_core16.createLayerComponent)(function createBingLayer(_a, context) {
+var BingLeafletLayer = (0, import_core17.createLayerComponent)(function createBingLayer(_a, context) {
   var _b = _a, { apiKey } = _b, options = __objRest(_b, ["apiKey"]);
   const instance = new BingLayer(apiKey, options);
   return {
@@ -10917,7 +10917,7 @@ var BaseLayer = ({ layerName }) => {
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var LayerList = ({ selectedLayer }) => {
   const storeSelectedLayer = useBaseLayerStore((state) => state.selectedLayer);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (selectedLayer) {
       useBaseLayerStore.setState({ selectedLayer });
     }
@@ -10979,10 +10979,10 @@ var useMapControlActions = () => useMapControlStore(
 );
 
 // src/Components/Map/BasicMapControlList.tsx
-var import_react32 = require("react");
+var import_react31 = require("react");
 
 // src/Components/Controls/Legend.tsx
-var import_react26 = require("react");
+var import_react25 = require("react");
 var import_ui18 = require("@geowiki/ui");
 
 // src/Components/Basf/GeoServerLegend.tsx
@@ -11315,7 +11315,7 @@ var CustomLegend = ({ layer }) => {
 };
 
 // src/Components/Controls/Legend.tsx
-var import_core17 = require("@dnd-kit/core");
+var import_core18 = require("@dnd-kit/core");
 var import_sortable2 = require("@dnd-kit/sortable");
 var import_utilities = require("@dnd-kit/utilities");
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
@@ -11324,7 +11324,7 @@ var import_ui20 = require("@geowiki/ui");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var OpacityControl = ({ layer, onClose }) => {
   const { updateOpacity } = mapLayers_default();
-  const [opacity, setOpacity] = (0, import_react26.useState)(layer.opacity || 100);
+  const [opacity, setOpacity] = (0, import_react25.useState)(layer.opacity || 100);
   const handleOpacityChange = (e) => {
     const newOpacity = parseFloat(e.target.value);
     setOpacity(newOpacity);
@@ -11427,7 +11427,7 @@ var SortableLayerItem = ({ layer, id, isOneLegend }) => {
     disabled: isOneLegend || !(layer == null ? void 0 : layer.layerName)
   });
   const { remove } = mapLayers_default();
-  const [popoverOpen, setPopoverOpen] = (0, import_react26.useState)(false);
+  const [popoverOpen, setPopoverOpen] = (0, import_react25.useState)(false);
   const style = {
     transform: import_utilities.CSS.Transform.toString(transform),
     transition
@@ -11528,26 +11528,26 @@ var SortableLayerItem = ({ layer, id, isOneLegend }) => {
 };
 var Legend = () => {
   const { layers, reorderLayers } = mapLayers_default();
-  const [isLoading, setIsLoading] = (0, import_react26.useState)(true);
-  const [isOneLegend, setIsOneLegend] = (0, import_react26.useState)(false);
-  const sensors = (0, import_core17.useSensors)(
-    (0, import_core17.useSensor)(import_core17.PointerSensor),
-    (0, import_core17.useSensor)(import_core17.KeyboardSensor, {
+  const [isLoading, setIsLoading] = (0, import_react25.useState)(true);
+  const [isOneLegend, setIsOneLegend] = (0, import_react25.useState)(false);
+  const sensors = (0, import_core18.useSensors)(
+    (0, import_core18.useSensor)(import_core18.PointerSensor),
+    (0, import_core18.useSensor)(import_core18.KeyboardSensor, {
       coordinateGetter: import_sortable2.sortableKeyboardCoordinates
     }),
-    (0, import_core17.useSensor)(import_core17.TouchSensor, {
+    (0, import_core18.useSensor)(import_core18.TouchSensor, {
       activationConstraint: {
         delay: 250,
         tolerance: 10
       }
     })
   );
-  (0, import_react26.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (Array.isArray(layers)) {
       setIsLoading(false);
     }
   }, [layers]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (layers.length === 1) {
       setIsOneLegend(true);
     } else {
@@ -11576,10 +11576,10 @@ var Legend = () => {
     return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: " text-base font-medium leading-[120%] max-w-[280px]", children: "There are currently no active layers." });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "max-h-[60vh] overflow-y-auto space-y-3", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-    import_core17.DndContext,
+    import_core18.DndContext,
     {
       sensors,
-      collisionDetection: import_core17.closestCenter,
+      collisionDetection: import_core18.closestCenter,
       onDragEnd: isOneLegend ? void 0 : handleDragEnd,
       children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         import_sortable2.SortableContext,
@@ -11602,9 +11602,9 @@ var Legend = () => {
 };
 
 // src/Components/Controls/CustomBaseLayerControl.tsx
-var import_react27 = require("react");
+var import_react26 = require("react");
 var import_image3 = __toESM(require("next/image"));
-var import_core18 = require("@geowiki/core");
+var import_core19 = require("@geowiki/core");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 var BASE_LAYERS = [
   {
@@ -11658,11 +11658,11 @@ var LayerButton = ({
 );
 var CustomBaseLayerControl = () => {
   const { selectedLayer, setSelectedLayer } = useBaseLayerStore();
-  const [showAll, setShowAll] = (0, import_react27.useState)(false);
+  const [showAll, setShowAll] = (0, import_react26.useState)(false);
   const visibleLayers = showAll ? BASE_LAYERS : BASE_LAYERS.slice(0, 3);
   const handleLayerChange = (layerName) => {
     setSelectedLayer(layerName);
-    import_core18.trackMapEvent.baseLayerChange(layerName);
+    import_core19.trackMapEvent.baseLayerChange(layerName);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { children: [
     /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "hidden lg:grid lg:grid-cols-4 lg:gap-x-1 lg:gap-y-2", children: [
@@ -11720,17 +11720,17 @@ var CustomBaseLayerControl = () => {
 };
 
 // src/Components/Controls/LayerSwitcher.tsx
-var import_react28 = require("react");
-var import_core19 = require("@geowiki/core");
+var import_react27 = require("react");
+var import_core20 = require("@geowiki/core");
 var import_ui21 = require("@geowiki/ui");
-var import_react29 = require("@headlessui/react");
-var import_react30 = require("react");
+var import_react28 = require("@headlessui/react");
+var import_react29 = require("react");
 var import_outline = require("@heroicons/react/24/outline");
-var import_react31 = require("@headlessui/react");
+var import_react30 = require("@headlessui/react");
 var import_lucide_react3 = require("lucide-react");
 var import_uuid2 = require("uuid");
 var import_jsx_runtime46 = require("react/jsx-runtime");
-var LayerInfoIcon = (0, import_react28.memo)(({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+var LayerInfoIcon = (0, import_react27.memo)(({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
   "svg",
   {
     width: "20",
@@ -11755,7 +11755,7 @@ var LayerInfoIcon = (0, import_react28.memo)(({ onClick }) => /* @__PURE__ */ (0
   }
 ));
 LayerInfoIcon.displayName = "LayerInfoIcon";
-var LayerItemInfo = (0, import_react28.memo)(({ layer, open, setOpen }) => {
+var LayerItemInfo = (0, import_react27.memo)(({ layer, open, setOpen }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
   const isCustomLayer = "isCustom" in layer && layer.isCustom;
   const mapDetails = [
@@ -11794,11 +11794,11 @@ var LayerItemInfo = (0, import_react28.memo)(({ layer, open, setOpen }) => {
       { label: "Custom Layer", value: "Yes" }
     ] : []
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react29.Transition.Root, { show: open, as: import_react30.Fragment, "data-component": "ResourceView", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react29.Dialog, { as: "div", className: "relative z-20", onClose: setOpen, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react28.Transition.Root, { show: open, as: import_react29.Fragment, "data-component": "ResourceView", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react28.Dialog, { as: "div", className: "relative z-20", onClose: setOpen, children: [
     /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-      import_react29.Transition.Child,
+      import_react28.Transition.Child,
       {
-        as: import_react30.Fragment,
+        as: import_react29.Fragment,
         enter: "ease-out duration-300",
         enterFrom: "opacity-0",
         enterTo: "opacity-100",
@@ -11809,16 +11809,16 @@ var LayerItemInfo = (0, import_react28.memo)(({ layer, open, setOpen }) => {
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "fixed z-10 inset-0 overflow-y-auto text-black", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex items-end sm:items-center justify-center min-h-full text-center lg:p-4", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-      import_react29.Transition.Child,
+      import_react28.Transition.Child,
       {
-        as: import_react30.Fragment,
+        as: import_react29.Fragment,
         enter: "ease-out duration-300",
         enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
         enterTo: "opacity-100 translate-y-0 sm:scale-100",
         leave: "ease-in duration-200",
         leaveFrom: "opacity-100 translate-y-0 sm:scale-100",
         leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
-        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react29.Dialog.Panel, { className: "w-screen relative bg-white rounded-t-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all lg:rounded-lg sm:my-8 sm:w-[740px] sm:p-10", children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react28.Dialog.Panel, { className: "w-screen relative bg-white rounded-t-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all lg:rounded-lg sm:my-8 sm:w-[740px] sm:p-10", children: [
           /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "absolute top-0 right-0 pt-3 pr-3 lg:pt-10 lg:pr-10", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
             "button",
             {
@@ -11856,7 +11856,7 @@ var LayerItemInfo = (0, import_react28.memo)(({ layer, open, setOpen }) => {
   ] }) });
 });
 LayerItemInfo.displayName = "LayerItemInfo";
-var LayerItem = (0, import_react28.memo)(
+var LayerItem = (0, import_react27.memo)(
   ({
     layer,
     isActive,
@@ -11865,7 +11865,7 @@ var LayerItem = (0, import_react28.memo)(
     onInfoClick
   }) => {
     var _a;
-    const [open, setOpen] = (0, import_react28.useState)(false);
+    const [open, setOpen] = (0, import_react27.useState)(false);
     return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("li", { className: "bg-white rounded-xl p-4 lg:w-[310px] lg:p-0", children: [
       /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-row justify-between items-center", children: [
         /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-row justify-start items-center space-x-2", children: [
@@ -11915,19 +11915,19 @@ var LayerItem = (0, import_react28.memo)(
   }
 );
 LayerItem.displayName = "LayerItem";
-var LayerSwitcher = (0, import_react28.memo)(() => {
-  const { data: mapMenuItems, error, isLoading } = (0, import_core19.useMapMenuItems)();
+var LayerSwitcher = (0, import_react27.memo)(() => {
+  const { data: mapMenuItems, error, isLoading } = (0, import_core20.useMapMenuItems)();
   const store = mapLayers_default();
   const { customLayers } = useCustomLayerStore();
   console.log("customLayers from layerSwitcher", customLayers);
-  const [openHoverCardId, setOpenHoverCardId] = (0, import_react28.useState)(null);
-  const handleToggle = (0, import_react28.useCallback)(
+  const [openHoverCardId, setOpenHoverCardId] = (0, import_react27.useState)(null);
+  const handleToggle = (0, import_react27.useCallback)(
     (layer) => {
       store.layers.findIndex((l) => l.id === layer.id) !== -1 ? store.remove(layer) : store.add(layer);
     },
     [store]
   );
-  const handleInfoClick = (0, import_react28.useCallback)(
+  const handleInfoClick = (0, import_react27.useCallback)(
     (id) => {
       setOpenHoverCardId(openHoverCardId === id ? null : id);
     },
@@ -11948,14 +11948,14 @@ var LayerSwitcher = (0, import_react28.memo)(() => {
     return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "hidden lg:block", children: [
         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-          import_react31.Disclosure,
+          import_react30.Disclosure,
           {
             "data-component": menu.title,
             defaultOpen: mapMenus.length === 1,
             children: ({ open }) => {
               var _a2;
               return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react31.Disclosure.Button, { className: "w-[310px] flex-row flex justify-between items-center gap-2 border-zinc-300 ", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react30.Disclosure.Button, { className: "w-[310px] flex-row flex justify-between items-center gap-2 border-zinc-300 ", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm font-normal uppercase text-grey leading-[130%]", children: menu.title }),
                   /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                     import_lucide_react3.ChevronDown,
@@ -11965,7 +11965,7 @@ var LayerSwitcher = (0, import_react28.memo)(() => {
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react31.Disclosure.Panel, { className: "space-y-2", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("ul", { className: "pt-2 space-y-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react30.Disclosure.Panel, { className: "space-y-2", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("ul", { className: "pt-2 space-y-2", children: [
                   index === 0 && hasCustomLayers && customLayers.map((layer) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                     LayerItem,
                     {
@@ -12038,7 +12038,7 @@ var import_jsx_runtime47 = require("react/jsx-runtime");
 var BasicMapControlList = () => {
   const setControls = useMapControlStore((state) => state.setControls);
   const map = (0, import_react_leaflet14.useMap)();
-  (0, import_react32.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     setControls([
       {
         id: "basemap",
@@ -12093,13 +12093,13 @@ var BasicMapControlList = () => {
 };
 
 // src/Components/Controls/MapControlContainer.tsx
-var import_react36 = __toESM(require("react"));
+var import_react35 = __toESM(require("react"));
 var Popover5 = __toESM(require("@radix-ui/react-popover"));
 
 // src/Components/Controls/ControlComponents.tsx
-var import_react33 = __toESM(require("react"));
+var import_react32 = __toESM(require("react"));
 var Popover4 = __toESM(require("@radix-ui/react-popover"));
-var import_core20 = require("@geowiki/core");
+var import_core21 = require("@geowiki/core");
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var ControlPanel = ({
   title,
@@ -12123,7 +12123,7 @@ var ControlPanel = ({
     }
   ) });
 };
-var SimpleControlButton = import_react33.default.forwardRef(
+var SimpleControlButton = import_react32.default.forwardRef(
   ({
     icon: Icon3,
     isActive = false,
@@ -12131,7 +12131,7 @@ var SimpleControlButton = import_react33.default.forwardRef(
     buttonName = "unknown_simple_button"
   }, ref) => {
     const handleClick = (event) => {
-      import_core20.trackUserEvent.mapControlClick(
+      import_core21.trackUserEvent.mapControlClick(
         buttonName,
         isActive ? "active" : "inactive"
       );
@@ -12153,8 +12153,8 @@ var SimpleControlButton = import_react33.default.forwardRef(
 SimpleControlButton.displayName = "SimpleControlButton";
 
 // src/Components/Controls/MobileControlPanel.tsx
-var import_react34 = require("react");
-var import_react35 = require("@headlessui/react");
+var import_react33 = require("react");
+var import_react34 = require("@headlessui/react");
 var import_ui23 = require("@geowiki/ui");
 var import_jsx_runtime49 = require("react/jsx-runtime");
 var MobileControlPanel = ({
@@ -12165,16 +12165,16 @@ var MobileControlPanel = ({
   isFilter
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-    import_react35.Transition.Root,
+    import_react34.Transition.Root,
     {
       show,
-      as: import_react34.Fragment,
+      as: import_react33.Fragment,
       "data-component": "PreviewClusterNews",
-      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_react35.Dialog, { as: "div", className: "relative z-10", onClose, children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_react34.Dialog, { as: "div", className: "relative z-10", onClose, children: [
         /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-          import_react35.Transition.Child,
+          import_react34.Transition.Child,
           {
-            as: import_react34.Fragment,
+            as: import_react33.Fragment,
             enter: "ease-out duration-300",
             enterFrom: "opacity-0",
             enterTo: "opacity-100",
@@ -12185,9 +12185,9 @@ var MobileControlPanel = ({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "fixed z-10 inset-0 overflow-y-auto text-black", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex items-end sm:items-center justify-center min-h-full p-4 text-center sm:p-0", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-          import_react35.Transition.Child,
+          import_react34.Transition.Child,
           {
-            as: import_react34.Fragment,
+            as: import_react33.Fragment,
             enter: "ease-out duration-300",
             enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
             enterTo: "opacity-100 translate-y-0 sm:scale-100",
@@ -12195,7 +12195,7 @@ var MobileControlPanel = ({
             leaveFrom: "opacity-100 translate-y-0 sm:scale-100",
             leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
             children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-              import_react35.Dialog.Panel,
+              import_react34.Dialog.Panel,
               {
                 className: `lg:hidden w-screen absolute bottom-0 pt-5 pb-4 bg-white text-left overflow-hidden shadow-xl transform transition-all ${isFilter ? " bg-grey-lightest max-h-max" : "p-4 rounded-t-lg "} `,
                 children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: " overflow-y-auto max-h-[calc(100dvh-2rem)]", children: [
@@ -12278,9 +12278,9 @@ var POSITION_CLASSES2 = {
   topleft: "leaflet-top leaflet-left",
   topright: "leaflet-top leaflet-right"
 };
-var ControlItem = (0, import_react36.memo)(({ control, position }) => {
+var ControlItem = (0, import_react35.memo)(({ control, position }) => {
   const { toggleControlOpen } = useMapControlActions();
-  const handleToggleControl = (0, import_react36.useCallback)(() => {
+  const handleToggleControl = (0, import_react35.useCallback)(() => {
     toggleControlOpen(control.id);
   }, [toggleControlOpen, control.id]);
   if (control.isDisplayOnly) {
@@ -12385,7 +12385,7 @@ var ControlItem = (0, import_react36.memo)(({ control, position }) => {
   ] });
 });
 ControlItem.displayName = "ControlItem";
-var PositionGroup = (0, import_react36.memo)(({ position, className, controls }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "leaflet-control m-4", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex flex-col space-y-2", children: controls.map((control) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { id: `${control.id}`, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+var PositionGroup = (0, import_react35.memo)(({ position, className, controls }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "leaflet-control m-4", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex flex-col space-y-2", children: controls.map((control) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { id: `${control.id}`, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
   ControlItem,
   {
     control,
@@ -12393,9 +12393,9 @@ var PositionGroup = (0, import_react36.memo)(({ position, className, controls })
   }
 ) }, control.id)) }) }) }));
 PositionGroup.displayName = "PositionGroup";
-var MapControlContainer = (0, import_react36.memo)(() => {
+var MapControlContainer = (0, import_react35.memo)(() => {
   const controls = useMapControls();
-  const controlsByPosition = import_react36.default.useMemo(() => {
+  const controlsByPosition = import_react35.default.useMemo(() => {
     const grouped = {};
     controls.forEach((control) => {
       if (!grouped[control.position]) {
@@ -12428,13 +12428,13 @@ var import_jsx_runtime51 = require("react/jsx-runtime");
 var BasicMap = () => {
   var _a, _b, _c, _d, _e, _f;
   const { data: mapSettings, isLoading: isSettingsLoading } = (0, import_useMapSettings.default)();
-  const mapRef = (0, import_react37.useRef)(null);
+  const mapRef = (0, import_react36.useRef)(null);
   var zoom = ((_b = (_a = mapSettings == null ? void 0 : mapSettings.LocationPart) == null ? void 0 : _a.Zoom) == null ? void 0 : _b.Value) || 12;
   var center4 = [
     ((_d = (_c = mapSettings == null ? void 0 : mapSettings.LocationPart) == null ? void 0 : _c.Latitude) == null ? void 0 : _d.Text) || 48.2082,
     ((_f = (_e = mapSettings == null ? void 0 : mapSettings.LocationPart) == null ? void 0 : _e.Longitude) == null ? void 0 : _f.Text) || 16.3738
   ];
-  (0, import_core21.useRenderInfo)("BasicMap");
+  (0, import_core22.useRenderInfo)("BasicMap");
   if (isSettingsLoading)
     return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_ui25.LoaderFull, {});
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
@@ -12466,26 +12466,26 @@ var BasicMap = () => {
 
 // src/Components/Map/BasfMap.tsx
 var import_leaflet14 = require("leaflet/dist/leaflet.css");
-var import_react47 = require("react");
+var import_react46 = require("react");
 var import_react_leaflet19 = require("react-leaflet");
 var import_useMapSettings2 = __toESM(require("@geowiki/core/src/hooks/useMapSettings"));
 var import_ui33 = require("@geowiki/ui");
 
 // src/Components/Basf/BasfLayerList.tsx
-var import_core23 = require("@geowiki/core");
+var import_core24 = require("@geowiki/core");
 
 // src/utils/WmsWithFilter.ts
-var import_core22 = require("@react-leaflet/core");
-var WMSWithFilterTileLayer = (0, import_core22.createTileLayerComponent)(
+var import_core23 = require("@react-leaflet/core");
+var WMSWithFilterTileLayer = (0, import_core23.createTileLayerComponent)(
   function createWMSTileLayer2(_a, context) {
     var _b = _a, { eventHandlers: _eh, params = {}, url } = _b, props = __objRest(_b, ["eventHandlers", "params", "url"]);
     const layer = new BetterWMS(url, __spreadValues(__spreadProps(__spreadValues({}, params), {
       url
     }), props));
-    return (0, import_core22.createElementObject)(layer, context);
+    return (0, import_core23.createElementObject)(layer, context);
   },
   function updateWMSTileLayer2(layer, props, prevProps) {
-    (0, import_core22.updateGridLayer)(layer, props, prevProps);
+    (0, import_core23.updateGridLayer)(layer, props, prevProps);
     if (props.params && props.params !== prevProps.params) {
       layer.setParams(props.params);
     }
@@ -12493,7 +12493,7 @@ var WMSWithFilterTileLayer = (0, import_core22.createTileLayerComponent)(
 );
 
 // src/Components/Basf/BasfMapLayer.tsx
-var import_react38 = require("react");
+var import_react37 = require("react");
 
 // src/store/selectedPixel.ts
 var import_zustand7 = __toESM(require("zustand"));
@@ -12535,14 +12535,14 @@ var BasfMapLayer = (layerInfo) => {
   var geoServerUrl = "https://geoserver.iiasa.ac.at/geoserver/basf/wms?tiled=true";
   var layerName = "basf:BASFwithAreas";
   var cqlFilter = `ITEM='${layerInfo.item}' AND PRODUCT='${layerInfo.product}' AND PRICE='${layerInfo.price}' AND SCENARIO='${layerInfo.scenario}' AND Type='${layerInfo.formType}'`;
-  const allowedProperties = (0, import_react38.useMemo)(() => {
+  const allowedProperties = (0, import_react37.useMemo)(() => {
     const properties = [];
     const selectedYear = "Year_" + layerInfo.year;
     properties.push(selectedYear);
     return properties;
   }, [layerInfo.year]);
   const setData = useSelectedPixelStore.getState().setData;
-  const memoedMapLayer = (0, import_react38.useMemo)(() => {
+  const memoedMapLayer = (0, import_react37.useMemo)(() => {
     return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       WMSWithFilterTileLayer,
       {
@@ -12580,22 +12580,22 @@ var BasfMapLayer = (layerInfo) => {
 // src/Components/Basf/BasfLayerList.tsx
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var BasfLayerList = () => {
-  const basfStore = (0, import_core23.useBasfStore)();
+  const basfStore = (0, import_core24.useBasfStore)();
   return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { children: basfStore.selectedItems.map((mapItem) => {
     return mapItem.enabled ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(BasfMapLayer, __spreadValues({}, mapItem), mapItem.id) : null;
   }) });
 };
 
 // src/Components/Basf/SelectedPixelsLayer.tsx
-var import_react39 = require("react");
+var import_react38 = require("react");
 var import_react_leaflet16 = require("react-leaflet");
 var import_leaflet11 = __toESM(require("leaflet"));
 var SelectedPixelsLayer = () => {
   const { data } = useSelectedPixelStore();
-  const layerRef = (0, import_react39.useRef)(null);
+  const layerRef = (0, import_react38.useRef)(null);
   const map = (0, import_react_leaflet16.useMap)();
-  const prevDataRef = (0, import_react39.useRef)(data);
-  (0, import_react39.useEffect)(() => {
+  const prevDataRef = (0, import_react38.useRef)(data);
+  (0, import_react38.useEffect)(() => {
     if (!layerRef.current) {
       layerRef.current = import_leaflet11.default.layerGroup().addTo(map);
     }
@@ -12622,14 +12622,14 @@ var SelectedPixelsLayer = () => {
 // src/Components/Map/BasfControlList.tsx
 var import_react_leaflet18 = require("react-leaflet");
 var import_lucide_react4 = require("lucide-react");
-var import_react46 = require("react");
+var import_react45 = require("react");
 
 // src/Components/Basf/BasfLegend.tsx
-var import_core24 = require("@geowiki/core");
+var import_core25 = require("@geowiki/core");
 
 // src/Components/Basf/BasfItemCard.tsx
 var import_ui26 = require("@geowiki/ui");
-var import_react40 = require("react");
+var import_react39 = require("react");
 var import_jsx_runtime54 = require("react/jsx-runtime");
 var BasfItemCard = ({
   item,
@@ -12639,12 +12639,12 @@ var BasfItemCard = ({
   formatDisplayValue: formatDisplayValue2
 }) => {
   const { data, latesData, clearData } = useSelectedPixelStore();
-  const [sumValues, setSumValues] = (0, import_react40.useState)(0);
-  const [value, setValue] = (0, import_react40.useState)(null);
-  const [area, setArea] = (0, import_react40.useState)(null);
-  const [sumAreas, setSumAreas] = (0, import_react40.useState)(0);
+  const [sumValues, setSumValues] = (0, import_react39.useState)(0);
+  const [value, setValue] = (0, import_react39.useState)(null);
+  const [area, setArea] = (0, import_react39.useState)(null);
+  const [sumAreas, setSumAreas] = (0, import_react39.useState)(0);
   const coefficient = 1e3;
-  (0, import_react40.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     const total = data.reduce((acc, geoJson) => {
       var _a;
       const properties = (_a = geoJson.features[0]) == null ? void 0 : _a.properties;
@@ -12670,7 +12670,7 @@ var BasfItemCard = ({
     }, 0);
     setSumAreas(totalArea);
   }, [data]);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     var _a;
     if (latesData) {
       const properties = (_a = latesData.features[0]) == null ? void 0 : _a.properties;
@@ -12786,10 +12786,10 @@ var formatDisplayValue = (value) => value.replace(/[_-]/g, " ").replace(
   (txt) => txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase()
 );
 var BasfLegend = () => {
-  const removeItem = (0, import_core24.useBasfStore)((state) => state.removeItem);
-  const updateItemOpacity = (0, import_core24.useBasfStore)((state) => state.updateItemOpacity);
-  const updateItemEnabled = (0, import_core24.useBasfStore)((state) => state.updateItemEnabled);
-  const selectedItems = (0, import_core24.useBasfStore)((state) => state.selectedItems);
+  const removeItem = (0, import_core25.useBasfStore)((state) => state.removeItem);
+  const updateItemOpacity = (0, import_core25.useBasfStore)((state) => state.updateItemOpacity);
+  const updateItemEnabled = (0, import_core25.useBasfStore)((state) => state.updateItemEnabled);
+  const selectedItems = (0, import_core25.useBasfStore)((state) => state.selectedItems);
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "div",
     {
@@ -12812,27 +12812,27 @@ var BasfLegend = () => {
 var BasfLegend_default = BasfLegend;
 
 // src/Components/Basf/BasfSelect.tsx
-var import_react44 = require("react");
+var import_react43 = require("react");
 var import_ui30 = require("@geowiki/ui");
 var import_react_hook_form3 = require("react-hook-form");
 var z = __toESM(require("zod"));
 var import_uuid3 = require("uuid");
 var import_zod = require("@hookform/resolvers/zod");
-var import_core25 = require("@geowiki/core");
+var import_core26 = require("@geowiki/core");
 
 // src/Components/Basf/basf-form.tsx
-var import_react43 = require("react");
+var import_react42 = require("react");
 var import_ui29 = require("@geowiki/ui");
 var import_react_hook_form2 = require("react-hook-form");
 
 // src/Components/Basf/form-select.tsx
-var import_react41 = require("react");
+var import_react40 = require("react");
 var import_ui27 = require("@geowiki/ui");
 var import_react_hook_form = require("react-hook-form");
 var import_jsx_runtime56 = require("react/jsx-runtime");
-var ForwardedSelect = (0, import_react41.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_ui27.Select, __spreadProps(__spreadValues({}, props), { ref })));
+var ForwardedSelect = (0, import_react40.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_ui27.Select, __spreadProps(__spreadValues({}, props), { ref })));
 ForwardedSelect.displayName = "ForwardedSelect";
-var FormSelect = (0, import_react41.memo)(
+var FormSelect = (0, import_react40.memo)(
   ({ name, control, label, options, placeholder, errors }) => {
     var _a;
     return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-2", children: [
@@ -12864,14 +12864,14 @@ FormSelect.displayName = "FormSelect";
 var form_select_default = FormSelect;
 
 // src/Components/Basf/price-slider.tsx
-var import_react42 = require("react");
+var import_react41 = require("react");
 var import_ui28 = require("@geowiki/ui");
 var import_jsx_runtime57 = require("react/jsx-runtime");
-var PriceSlider = (0, import_react42.memo)(({ value, onChange, errors }) => {
+var PriceSlider = (0, import_react41.memo)(({ value, onChange, errors }) => {
   var _a;
-  const steps = (0, import_react42.useMemo)(() => [20, 50, 100], []);
+  const steps = (0, import_react41.useMemo)(() => [20, 50, 100], []);
   const valueIndex = steps.indexOf(Number(value));
-  const handleValueChange = (0, import_react42.useCallback)(
+  const handleValueChange = (0, import_react41.useCallback)(
     (val) => {
       const newValue = steps[val[0]].toString();
       onChange(newValue);
@@ -12923,7 +12923,7 @@ var BIOMASS_ITEMS = [
   { value: "economic_potential", label: "Economic potential" },
   { value: "un-used_economic_potential", label: "Un-used economic potential" }
 ];
-var BasfForm = (0, import_react43.memo)(
+var BasfForm = (0, import_react42.memo)(
   ({
     onSubmit,
     control,
@@ -13115,15 +13115,15 @@ var formSchema = z.object({
     }
   ).default("2020")
 });
-var ForwardedSelect2 = (0, import_react44.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_ui30.Select, __spreadProps(__spreadValues({}, props), { ref })));
+var ForwardedSelect2 = (0, import_react43.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_ui30.Select, __spreadProps(__spreadValues({}, props), { ref })));
 ForwardedSelect2.displayName = "ForwardedSelect";
 var BasfSelect = () => {
-  const [isSubmitting, setIsSubmitting] = (0, import_react44.useState)(false);
+  const [isSubmitting, setIsSubmitting] = (0, import_react43.useState)(false);
   const { clearData } = useSelectedPixelStore();
-  const [isReset, setIsReset] = (0, import_react44.useState)(false);
-  const addItem = (0, import_core25.useBasfStore)((0, import_react44.useCallback)((state) => state.addItem, []));
-  const selectedItems = (0, import_core25.useBasfStore)(
-    (0, import_react44.useCallback)((state) => state.selectedItems, [])
+  const [isReset, setIsReset] = (0, import_react43.useState)(false);
+  const addItem = (0, import_core26.useBasfStore)((0, import_react43.useCallback)((state) => state.addItem, []));
+  const selectedItems = (0, import_core26.useBasfStore)(
+    (0, import_react43.useCallback)((state) => state.selectedItems, [])
   );
   const {
     control,
@@ -13156,7 +13156,7 @@ var BasfSelect = () => {
     { key: "selectedItem", value: item },
     { key: "selectedYear", value: year }
   ];
-  const checkIfItemExists = (0, import_react44.useCallback)(
+  const checkIfItemExists = (0, import_react43.useCallback)(
     (data) => {
       return selectedItems.some(
         (item2) => item2.formType === data.formType && item2.scenario === data.scenario && item2.price === data.price && item2.product === data.product && item2.item === data.item && item2.year === data.year
@@ -13164,7 +13164,7 @@ var BasfSelect = () => {
     },
     [selectedItems]
   );
-  const onSubmit = (0, import_react44.useCallback)(
+  const onSubmit = (0, import_react43.useCallback)(
     (data) => __async(void 0, null, function* () {
       setIsSubmitting(true);
       try {
@@ -13188,7 +13188,7 @@ var BasfSelect = () => {
     }),
     [checkIfItemExists, addItem]
   );
-  (0, import_react44.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (!isReset) {
       if (formType === "CropProduction") {
         reset({
@@ -13212,14 +13212,14 @@ var BasfSelect = () => {
     }
     setIsReset(false);
   }, [formType]);
-  (0, import_react44.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     formDataKeys.forEach(({ key, value }) => {
       if (value) {
         localStorage.setItem(key, value);
       }
     });
   }, [formType, product, scenario, price, item, year]);
-  (0, import_react44.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     const formData = formDataKeys.reduce(
       (acc, { key }) => {
         acc[key] = localStorage.getItem(key) === null ? void 0 : localStorage.getItem(key);
@@ -13257,24 +13257,24 @@ var BasfSelect = () => {
     }
   ) });
 };
-var BasfSelect_default = (0, import_react44.memo)(BasfSelect);
+var BasfSelect_default = (0, import_react43.memo)(BasfSelect);
 
 // src/Components/Map/BasfControlList.tsx
 var import_ui32 = require("@geowiki/ui");
 
 // src/Components/Controls/MeasureControl.tsx
-var import_react45 = require("react");
+var import_react44 = require("react");
 var import_react_leaflet17 = require("react-leaflet");
 var import_leaflet12 = __toESM(require("leaflet"));
 var import_leaflet13 = require("leaflet.polylinemeasure");
 var import_ui31 = require("@geowiki/ui");
-var import_core26 = require("@geowiki/core");
+var import_core27 = require("@geowiki/core");
 var import_jsx_runtime60 = require("react/jsx-runtime");
 function PolylineMeasureControl() {
   const map = (0, import_react_leaflet17.useMap)();
-  const controlRef = (0, import_react45.useRef)(null);
-  const [active, setActive] = (0, import_react45.useState)(false);
-  (0, import_react45.useEffect)(() => {
+  const controlRef = (0, import_react44.useRef)(null);
+  const [active, setActive] = (0, import_react44.useState)(false);
+  (0, import_react44.useEffect)(() => {
     if (!map)
       return;
     controlRef.current = import_leaflet12.default.control.polylineMeasure({
@@ -13306,18 +13306,18 @@ function PolylineMeasureControl() {
     if (active) {
       controlRef.current._toggleMeasure();
       setActive(false);
-      import_core26.trackMapEvent.measurementTool("stop");
+      import_core27.trackMapEvent.measurementTool("stop");
     } else {
       controlRef.current._toggleMeasure();
       setActive(true);
-      import_core26.trackMapEvent.measurementTool("start");
+      import_core27.trackMapEvent.measurementTool("start");
     }
   };
   const clearMeasurements = () => {
     if (!controlRef.current)
       return;
     controlRef.current._clearAllMeasurements();
-    import_core26.trackMapEvent.measurementTool("clear");
+    import_core27.trackMapEvent.measurementTool("clear");
   };
   return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex gap-2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_ui31.Button, { onClick: togglePolylineMeasure, children: active ? "Stop" : "Start" }),
@@ -13344,7 +13344,7 @@ var BasfControlList = ({ steps }) => {
       }
     }
   };
-  (0, import_react46.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     setControls([
       {
         id: "startTour",
@@ -13416,7 +13416,7 @@ var BasfMapComponent = (_a) => {
   ]);
   var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const { data: mapSettings, isLoading: isSettingsLoading } = (0, import_useMapSettings2.default)();
-  const mapRef = (0, import_react47.useRef)(null);
+  const mapRef = (0, import_react46.useRef)(null);
   const mapStore = map_default();
   const zoom = (_c = (_b2 = (_a2 = mapSettings == null ? void 0 : mapSettings.LocationPart) == null ? void 0 : _a2.Zoom) == null ? void 0 : _b2.Value) != null ? _c : 12;
   const center4 = [
@@ -13449,7 +13449,7 @@ var BasfMapComponent = (_a) => {
     })
   ) });
 };
-var BasfMap = (0, import_react47.memo)(BasfMapComponent);
+var BasfMap = (0, import_react46.memo)(BasfMapComponent);
 BasfMap.displayName = "BasfMap";
 
 // src/Components/Map/GeoTreesMap.tsx
@@ -13457,20 +13457,20 @@ var import_leaflet16 = require("leaflet/dist/leaflet.css");
 var import_react_leaflet23 = require("react-leaflet");
 
 // src/Components/Map/GeoTreesControlList.tsx
-var import_react51 = require("react");
+var import_react49 = require("react");
 
 // src/Components/Controls/GeoTreesDownloadContent.tsx
-var import_react48 = require("react");
+var import_react47 = require("react");
 var import_react_hook_form4 = require("react-hook-form");
-var import_react49 = require("next-auth/react");
-var import_core27 = require("@geowiki/core");
+var import_core28 = require("@geowiki/core");
+var import_core29 = require("@geowiki/core");
 var import_jsx_runtime63 = require("react/jsx-runtime");
 var GeoTreesDownloadContent = () => {
   var _a, _b;
-  const [countries, setCountries] = (0, import_react48.useState)([]);
-  const [versions, setVersions] = (0, import_react48.useState)([]);
+  const [countries, setCountries] = (0, import_react47.useState)([]);
+  const [versions, setVersions] = (0, import_react47.useState)([]);
   const baseUrl = process.env.NEXT_PUBLIC_GEO_TREE_API_URL;
-  const { data: session } = (0, import_react49.useSession)();
+  const { data: session } = (0, import_core28.useSession)();
   const {
     register,
     handleSubmit,
@@ -13488,13 +13488,13 @@ var GeoTreesDownloadContent = () => {
       acknowledgment: false
     }
   });
-  (0, import_react48.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     if (session == null ? void 0 : session.user) {
       setValue("name", session.user.name || "");
       setValue("email", session.user.email || "");
     }
   }, [session, setValue]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     const fetchCountries = () => __async(void 0, null, function* () {
       try {
         const response = yield fetch(
@@ -13552,7 +13552,7 @@ var GeoTreesDownloadContent = () => {
   }, [baseUrl, session == null ? void 0 : session.accessToken]);
   const onSubmit = (data) => {
     const { format, purpose, email, name, country, version } = data;
-    import_core27.trackDownloadEvent.attempt(
+    import_core29.trackDownloadEvent.attempt(
       format,
       country,
       version,
@@ -13597,10 +13597,10 @@ var GeoTreesDownloadContent = () => {
       link.click();
       document.body.removeChild(link);
       window.URL.revokeObjectURL(url);
-      import_core27.trackDownloadEvent.success(filename, purpose, session || void 0);
+      import_core29.trackDownloadEvent.success(filename, purpose, session || void 0);
     }).catch((error) => {
       console.error("Error downloading file:", error);
-      import_core27.trackDownloadEvent.failure(
+      import_core29.trackDownloadEvent.failure(
         error.message,
         purpose,
         session || void 0
@@ -13614,8 +13614,8 @@ var GeoTreesDownloadContent = () => {
       "button",
       {
         onClick: () => {
-          import_core27.trackDownloadEvent.loginAttempt(session || void 0);
-          (0, import_react49.signIn)("openiddict");
+          import_core29.trackDownloadEvent.loginAttempt(session || void 0);
+          (0, import_core28.signIn)();
         },
         className: "w-full py-2 px-4 bg-blue-500 text-white rounded-md hover:bg-blue-600 transition-colors",
         children: "Login"
@@ -13755,15 +13755,15 @@ var GeoTreesDownloadContent = () => {
 var import_react_leaflet21 = require("react-leaflet");
 
 // src/Components/Controls/ScaleControl.tsx
-var import_react50 = require("react");
+var import_react48 = require("react");
 var import_react_leaflet20 = require("react-leaflet");
 var import_jsx_runtime64 = require("react/jsx-runtime");
 var ScaleControl3 = ({
   className = ""
 }) => {
   const map = (0, import_react_leaflet20.useMap)();
-  const [scale, setScale] = (0, import_react50.useState)("");
-  (0, import_react50.useEffect)(() => {
+  const [scale, setScale] = (0, import_react48.useState)("");
+  (0, import_react48.useEffect)(() => {
     const updateScale = () => {
       if (!map)
         return;
@@ -13799,7 +13799,7 @@ var import_jsx_runtime65 = require("react/jsx-runtime");
 var GeoTreesControlList = () => {
   const setControls = useMapControlStore((state) => state.setControls);
   const map = (0, import_react_leaflet21.useMap)();
-  (0, import_react51.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     setControls([
       {
         id: "basemap",
@@ -13871,10 +13871,10 @@ var GeoTreesControlList = () => {
 // src/Components/Map/GeoTreesMap.tsx
 var import_useMapSettings3 = __toESM(require("@geowiki/core/src/hooks/useMapSettings"));
 var import_ui35 = require("@geowiki/ui");
-var import_react54 = require("react");
+var import_react52 = require("react");
 
 // src/Components/Ifbn/GeoTreesCustomLayer.tsx
-var import_react52 = require("react");
+var import_react50 = require("react");
 var import_react_leaflet22 = require("react-leaflet");
 var import_leaflet15 = __toESM(require("leaflet"));
 var import_MapPinIcon3 = __toESM(require("@heroicons/react/24/solid/MapPinIcon"));
@@ -14040,8 +14040,8 @@ var GeoTreesCustomLayerComponent = () => {
   const map = (0, import_react_leaflet22.useMap)();
   const layerStore = mapLayers_default();
   const { createLayerFromTemplate } = useCustomLayerStore();
-  const [layerCreated, setLayerCreated] = (0, import_react52.useState)(false);
-  const [selectedMarker, setSelectedMarker] = (0, import_react52.useState)(null);
+  const [layerCreated, setLayerCreated] = (0, import_react50.useState)(false);
+  const [selectedMarker, setSelectedMarker] = (0, import_react50.useState)(null);
   const currentZoom = map.getZoom();
   const isGeoTreesLayerActive = layerStore.layers.some(
     (layer) => layer.title === "GEO-TREES ALS Data"
@@ -14049,7 +14049,7 @@ var GeoTreesCustomLayerComponent = () => {
   const existingCustomLayer = layerStore.layers.find(
     (layer) => layer.title === "GEO-TREES ALS Data"
   );
-  (0, import_react52.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (isGeoTreesLayerActive && !existingCustomLayer && !layerCreated && TREE_POSITIONS.length > 0) {
       const geoJsonData = {
         type: "FeatureCollection",
@@ -14189,11 +14189,11 @@ var GeoTreesCustomLayerComponent = () => {
     )
   ] });
 };
-var GeoTreesCustomLayer = (0, import_react52.memo)(GeoTreesCustomLayerComponent);
+var GeoTreesCustomLayer = (0, import_react50.memo)(GeoTreesCustomLayerComponent);
 
 // src/Components/Ifbn/GeoTreesExternalLayer.tsx
 var import_react_query5 = require("@tanstack/react-query");
-var import_react53 = require("react");
+var import_react51 = require("react");
 
 // src/utils/layerUtils.ts
 var createMarkerClusterLayer = (title, data, options = {}) => ({
@@ -14351,7 +14351,7 @@ var EmptyStateDisplay = () => /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("di
   /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("h4", { className: "font-semibold", children: "No GEO-TREES BRM data available" }),
   /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "text-sm", children: "Unable to load Biomass Reference Measurement sites data." })
 ] });
-var GeoTreesExternalLayer = (0, import_react53.forwardRef)(
+var GeoTreesExternalLayer = (0, import_react51.forwardRef)(
   ({
     statusFilter = { completed: true, ongoing: true, planned: true },
     autoAdd = false
@@ -14364,8 +14364,8 @@ var GeoTreesExternalLayer = (0, import_react53.forwardRef)(
       syncTrackingWithMapLayers
     } = useCustomLayerStore();
     const { layers } = mapLayers_default();
-    const hasAddedLayer = (0, import_react53.useRef)(false);
-    (0, import_react53.useEffect)(() => {
+    const hasAddedLayer = (0, import_react51.useRef)(false);
+    (0, import_react51.useEffect)(() => {
       initializeExistingLayers();
       syncTrackingWithMapLayers();
     }, [initializeExistingLayers, syncTrackingWithMapLayers]);
@@ -14403,7 +14403,7 @@ var GeoTreesExternalLayer = (0, import_react53.forwardRef)(
         return layer.id === "geotrees-external-layer" || layer.title === "GEO-TREES External" || layer.title === "GEO-TREES Sites" || layer.title === "GEO-TREES BRM Sites" || layer.title === "GeoTrees External" || layer.title === "GeoTrees Sites" || layer.title === "GeoTrees BRM Sites" || ((_a2 = layer.id) == null ? void 0 : _a2.includes("GEO-TREES-external")) || ((_b = layer.id) == null ? void 0 : _b.includes("GEO-TREES-sites")) || ((_c = layer.id) == null ? void 0 : _c.includes("GEO-TREES-brm-sites")) || ((_d = layer.id) == null ? void 0 : _d.includes("geotrees-external")) || ((_e = layer.id) == null ? void 0 : _e.includes("geotrees-sites")) || ((_f = layer.id) == null ? void 0 : _f.includes("geotrees-brm-sites")) || ((_g = layer.layerInfo) == null ? void 0 : _g.source) === "GeoTrees API";
       }
     );
-    const addGeoTreesLayer = (0, import_react53.useCallback)(() => {
+    const addGeoTreesLayer = (0, import_react51.useCallback)(() => {
       var _a2;
       if (!data)
         return;
@@ -14475,14 +14475,14 @@ var GeoTreesExternalLayer = (0, import_react53.forwardRef)(
       addCustomLayer(layerWithInfo);
       hasAddedLayer.current = true;
     }, [data, statusFilter, addCustomLayer, existingLayer, hasLayerBeenAdded]);
-    (0, import_react53.useImperativeHandle)(
+    (0, import_react51.useImperativeHandle)(
       ref,
       () => ({
         addLayer: addGeoTreesLayer
       }),
       [addGeoTreesLayer]
     );
-    (0, import_react53.useEffect)(() => {
+    (0, import_react51.useEffect)(() => {
       const layerId = "geotrees-external-layer";
       if (autoAdd && data && !hasLayerBeenAdded(layerId) && !hasAddedLayer.current && !existingLayer) {
         addGeoTreesLayer();
@@ -14505,7 +14505,7 @@ var MAX_BOUNDS = [
   [-90, -180],
   [90, 180]
 ];
-var MapContent = (0, import_react54.memo)(({ center: center4, zoom }) => {
+var MapContent = (0, import_react52.memo)(({ center: center4, zoom }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_jsx_runtime69.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
     import_react_leaflet23.MapContainer,
     {
@@ -14556,19 +14556,19 @@ var GeoTreesMap = () => {
 
 // src/Components/Canopy/CanopyMap.tsx
 var import_leaflet21 = require("leaflet/dist/leaflet.css");
-var import_react60 = require("react");
+var import_react58 = require("react");
 var import_react_leaflet27 = require("react-leaflet");
-var import_core28 = require("@geowiki/core");
+var import_core30 = require("@geowiki/core");
 var import_useMapSettings4 = __toESM(require("@geowiki/core/src/hooks/useMapSettings"));
 var import_ui41 = require("@geowiki/ui");
 
 // src/Components/Canopy/CanopyMapControlList.tsx
-var import_react59 = require("react");
+var import_react57 = require("react");
 var import_lucide_react8 = require("lucide-react");
 var import_react_leaflet26 = require("react-leaflet");
 
 // src/Components/Map/GenericAreaSelect.tsx
-var import_react55 = require("react");
+var import_react53 = require("react");
 var import_react_leaflet24 = require("react-leaflet");
 var import_leaflet17 = require("leaflet");
 
@@ -14602,8 +14602,8 @@ var useAreaSelect = ({
     setIsSelectionActive,
     setBbox
   } = useAreaSelectStore();
-  const rectangleRef = (0, import_react55.useRef)(null);
-  (0, import_react55.useEffect)(() => {
+  const rectangleRef = (0, import_react53.useRef)(null);
+  (0, import_react53.useEffect)(() => {
     var _a;
     if (!map.selectArea)
       return;
@@ -14685,13 +14685,13 @@ var useAreaSelect = ({
 };
 
 // src/Components/Canopy/CanopyAtlasDownload.tsx
-var import_react56 = require("react");
+var import_react54 = require("react");
 var import_lucide_react5 = require("lucide-react");
 var import_ui36 = require("@geowiki/ui");
 var import_leaflet18 = __toESM(require("leaflet"));
 var import_jsx_runtime70 = require("react/jsx-runtime");
 var CanopyAtlasDownload = () => {
-  const [format, setFormat] = (0, import_react56.useState)("shape-zip");
+  const [format, setFormat] = (0, import_react54.useState)("shape-zip");
   const { bbox: bbox4 } = useAreaSelectStore();
   const handleDownload = () => __async(void 0, null, function* () {
     if (!bbox4)
@@ -14758,7 +14758,7 @@ var CanopyAtlasDownload = () => {
 };
 
 // src/Components/Canopy/CanopyFilter.tsx
-var import_react57 = require("react");
+var import_react55 = require("react");
 var import_ui37 = require("@geowiki/ui");
 var import_lucide_react6 = require("lucide-react");
 var import_leaflet19 = __toESM(require("leaflet"));
@@ -14835,8 +14835,8 @@ var ACCESS_OPTIONS = [
 ];
 var YEAR_MIN = 2005;
 var YEAR_MAX = 2025;
-var CanopyFilter = (0, import_react57.memo)(({ onFilterChange }) => {
-  const [format, setFormat] = (0, import_react57.useState)("shape-zip");
+var CanopyFilter = (0, import_react55.memo)(({ onFilterChange }) => {
+  const [format, setFormat] = (0, import_react55.useState)("shape-zip");
   const { control, reset, watch } = (0, import_react_hook_form5.useForm)({
     defaultValues: {
       biome: "",
@@ -14849,7 +14849,7 @@ var CanopyFilter = (0, import_react57.memo)(({ onFilterChange }) => {
     }
   });
   const filters = watch();
-  (0, import_react57.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     const stored = localStorage.getItem(STORAGE_KEY);
     if (stored) {
       const parsed = JSON.parse(stored);
@@ -15134,7 +15134,7 @@ var CanopyFilter = (0, import_react57.memo)(({ onFilterChange }) => {
 CanopyFilter.displayName = "CanopyFilter";
 
 // src/Components/Layers/WfsLayer.tsx
-var import_react58 = require("react");
+var import_react56 = require("react");
 var import_react_leaflet25 = require("react-leaflet");
 var import_react_query6 = require("@tanstack/react-query");
 var turf7 = __toESM(require("@turf/turf"));
@@ -15416,7 +15416,7 @@ var WfsLayer = ({
   var _a;
   const hideMarkersAboveZoom = (_a = markerOptions.hideMarkersAboveZoom) != null ? _a : 15;
   const mapStore = map_default();
-  const [shouldRenderMarkers, setShouldRenderMarkers] = (0, import_react58.useState)(true);
+  const [shouldRenderMarkers, setShouldRenderMarkers] = (0, import_react56.useState)(true);
   const map = (0, import_react_leaflet25.useMapEvents)({
     zoomend: () => {
       const newZoom = map.getZoom();
@@ -15427,19 +15427,19 @@ var WfsLayer = ({
       setShouldRenderMarkers(newZoom <= hideMarkersAboveZoom);
     }
   });
-  const stableFilterParams = (0, import_react58.useMemo)(() => {
+  const stableFilterParams = (0, import_react56.useMemo)(() => {
     if (!filterParams)
       return null;
     return JSON.stringify(filterParams);
   }, [filterParams]);
-  const queryKey = (0, import_react58.useMemo)(() => {
+  const queryKey = (0, import_react56.useMemo)(() => {
     const key = ["wfsLayer", url, layerName];
     if (useServerFiltering && filterParams && Object.keys(filterParams).length > 0) {
       key.push(stableFilterParams);
     }
     return key;
   }, [url, layerName, useServerFiltering, filterParams, stableFilterParams]);
-  const constructWfsUrl = (0, import_react58.useCallback)(() => {
+  const constructWfsUrl = (0, import_react56.useCallback)(() => {
     let wfsUrl = `${url}?service=WFS&version=1.0.0&request=GetFeature&typeName=${layerName}&outputFormat=application/json&maxFeatures=5000`;
     if (useServerFiltering && filterParams && Object.keys(filterParams).length > 0) {
       const cqlFilter = constructCqlFilter(filterParams);
@@ -15497,10 +15497,10 @@ var WfsLayer = ({
       return failureCount < 3;
     }
   });
-  const [selectedFeatureId, setSelectedFeatureId] = (0, import_react58.useState)(
+  const [selectedFeatureId, setSelectedFeatureId] = (0, import_react56.useState)(
     null
   );
-  const layerRef = (0, import_react58.useRef)({});
+  const layerRef = (0, import_react56.useRef)({});
   const defaultStyle = {
     color: "#3388ff",
     weight: 2,
@@ -15513,7 +15513,7 @@ var WfsLayer = ({
     opacity: 1,
     fillOpacity: 0.4
   };
-  const getFeatureStyle = (0, import_react58.useCallback)(
+  const getFeatureStyle = (0, import_react56.useCallback)(
     (feature) => {
       var _a2;
       if (!feature)
@@ -15523,7 +15523,7 @@ var WfsLayer = ({
     },
     [selectedFeatureId]
   );
-  const onEachFeature = (0, import_react58.useCallback)(
+  const onEachFeature = (0, import_react56.useCallback)(
     (feature, layer) => {
       var _a2;
       const featureId = ((_a2 = feature.id) == null ? void 0 : _a2.toString()) || JSON.stringify(feature.properties);
@@ -15558,7 +15558,7 @@ var WfsLayer = ({
     },
     [popupOptions]
   );
-  const isPropertyValueMatch = (0, import_react58.useCallback)(
+  const isPropertyValueMatch = (0, import_react56.useCallback)(
     (propertyValue, filterValue) => {
       if (propertyValue === null || propertyValue === void 0) {
         return false;
@@ -15573,7 +15573,7 @@ var WfsLayer = ({
     },
     []
   );
-  const filteredGeoJson = (0, import_react58.useMemo)(() => {
+  const filteredGeoJson = (0, import_react56.useMemo)(() => {
     if (!geoJsonData)
       return null;
     if (useServerFiltering || !filterParams || Object.keys(filterParams).length === 0) {
@@ -15670,13 +15670,13 @@ var CanopyMapControlList = () => {
   const setControls = useMapControlStore((state) => state.setControls);
   const currentControls = useMapControlStore((state) => state.controls);
   const map = (0, import_react_leaflet26.useMap)();
-  const [filterParams, setFilterParams] = (0, import_react59.useState)({});
-  const prevSelectionStateRef = (0, import_react59.useRef)(false);
+  const [filterParams, setFilterParams] = (0, import_react57.useState)({});
+  const prevSelectionStateRef = (0, import_react57.useRef)(false);
   const { enableSelection, disableSelection, isSelectionActive } = useAreaSelect({});
-  const handleFilterChange = (0, import_react59.useCallback)((filters) => {
+  const handleFilterChange = (0, import_react57.useCallback)((filters) => {
     setFilterParams(filters);
   }, []);
-  const baseControls = (0, import_react59.useMemo)(() => {
+  const baseControls = (0, import_react57.useMemo)(() => {
     var _a, _b, _c, _d, _e, _f;
     const openStates = currentControls.reduce(
       (acc, control) => {
@@ -15752,7 +15752,7 @@ var CanopyMapControlList = () => {
     disableSelection,
     currentControls
   ]);
-  (0, import_react59.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (prevSelectionStateRef.current !== isSelectionActive) {
       const updatedControls = [
         ...baseControls,
@@ -15781,7 +15781,7 @@ var CanopyMapControlList = () => {
       prevSelectionStateRef.current = isSelectionActive;
     }
   }, [baseControls, isSelectionActive, setControls, disableSelection]);
-  (0, import_react59.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (currentControls.length === 0) {
       setControls(baseControls);
     }
@@ -15812,13 +15812,13 @@ var import_jsx_runtime74 = require("react/jsx-runtime");
 var CanopyMap = () => {
   var _a, _b, _c, _d, _e, _f;
   const { data: mapSettings, isLoading: isSettingsLoading } = (0, import_useMapSettings4.default)();
-  const mapRef = (0, import_react60.useRef)();
+  const mapRef = (0, import_react58.useRef)();
   const zoom = ((_b = (_a = mapSettings == null ? void 0 : mapSettings.LocationPart) == null ? void 0 : _a.Zoom) == null ? void 0 : _b.Value) || 5;
   const center4 = [
     ((_d = (_c = mapSettings == null ? void 0 : mapSettings.LocationPart) == null ? void 0 : _c.Latitude) == null ? void 0 : _d.Text) || 48.2082,
     ((_f = (_e = mapSettings == null ? void 0 : mapSettings.LocationPart) == null ? void 0 : _e.Longitude) == null ? void 0 : _f.Text) || 16.3738
   ];
-  (0, import_core28.useRenderInfo)("BasicMap");
+  (0, import_core30.useRenderInfo)("BasicMap");
   if (isSettingsLoading)
     return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_ui41.LoaderFull, { showInCenter: false });
   return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_jsx_runtime74.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
@@ -15849,13 +15849,13 @@ var CanopyMap = () => {
 };
 
 // src/Components/Basf/basf-left-panel.tsx
-var import_react61 = require("react");
+var import_react59 = require("react");
 var import_ui42 = require("@geowiki/ui");
 var import_react_hook_form6 = require("react-hook-form");
 var z3 = __toESM(require("zod"));
 var import_uuid4 = require("uuid");
 var import_zod2 = require("@hookform/resolvers/zod");
-var import_core29 = require("@geowiki/core");
+var import_core31 = require("@geowiki/core");
 var import_jsx_runtime75 = require("react/jsx-runtime");
 var formSchema2 = z3.object({
   formType: z3.enum(["Biomass", "CropProduction"], {
@@ -15907,20 +15907,20 @@ var formSchema2 = z3.object({
     }
   ).default("2020")
 });
-var ForwardedSelect3 = (0, import_react61.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_ui42.Select, __spreadProps(__spreadValues({}, props), { ref })));
+var ForwardedSelect3 = (0, import_react59.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_ui42.Select, __spreadProps(__spreadValues({}, props), { ref })));
 ForwardedSelect3.displayName = "ForwardedSelect";
 var BasfLeftPanel = () => {
-  const [isSubmitting, setIsSubmitting] = (0, import_react61.useState)(false);
+  const [isSubmitting, setIsSubmitting] = (0, import_react59.useState)(false);
   const { clearData } = useSelectedPixelStore();
-  const isLeftOverlayOpen = (0, import_core29.useBasfStore)(
-    (0, import_react61.useCallback)((state) => state.leftPanelOpen, [])
+  const isLeftOverlayOpen = (0, import_core31.useBasfStore)(
+    (0, import_react59.useCallback)((state) => state.leftPanelOpen, [])
   );
-  const setIsLeftOverlayOpen = (0, import_core29.useBasfStore)(
-    (0, import_react61.useCallback)((state) => state.updateLeftPanelOpen, [])
+  const setIsLeftOverlayOpen = (0, import_core31.useBasfStore)(
+    (0, import_react59.useCallback)((state) => state.updateLeftPanelOpen, [])
   );
-  const addItem = (0, import_core29.useBasfStore)((0, import_react61.useCallback)((state) => state.addItem, []));
-  const selectedItems = (0, import_core29.useBasfStore)(
-    (0, import_react61.useCallback)((state) => state.selectedItems, [])
+  const addItem = (0, import_core31.useBasfStore)((0, import_react59.useCallback)((state) => state.addItem, []));
+  const selectedItems = (0, import_core31.useBasfStore)(
+    (0, import_react59.useCallback)((state) => state.selectedItems, [])
   );
   const {
     control,
@@ -15935,7 +15935,7 @@ var BasfLeftPanel = () => {
   const scenario = watch("scenario");
   const price = watch("price");
   const year = watch("year");
-  const checkIfItemExists = (0, import_react61.useCallback)(
+  const checkIfItemExists = (0, import_react59.useCallback)(
     (data) => {
       return selectedItems.some(
         (item) => item.formType === data.formType && item.scenario === data.scenario && item.price === data.price && item.product === data.product && item.item === data.item && item.year === data.year
@@ -15943,7 +15943,7 @@ var BasfLeftPanel = () => {
     },
     [selectedItems]
   );
-  const onSubmit = (0, import_react61.useCallback)(
+  const onSubmit = (0, import_react59.useCallback)(
     (data) => __async(void 0, null, function* () {
       setIsSubmitting(true);
       try {
@@ -15967,7 +15967,7 @@ var BasfLeftPanel = () => {
     }),
     [checkIfItemExists, addItem]
   );
-  (0, import_react61.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (formType === "CropProduction") {
       reset({
         formType: "CropProduction",
@@ -15988,7 +15988,7 @@ var BasfLeftPanel = () => {
       });
     }
   }, [formType, reset]);
-  const handleTogglePanel = (0, import_react61.useCallback)(() => {
+  const handleTogglePanel = (0, import_react59.useCallback)(() => {
     setIsLeftOverlayOpen(!isLeftOverlayOpen);
   }, [isLeftOverlayOpen, setIsLeftOverlayOpen]);
   return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
@@ -16019,22 +16019,22 @@ var BasfLeftPanel = () => {
     }
   );
 };
-var basf_left_panel_default = (0, import_react61.memo)(BasfLeftPanel);
+var basf_left_panel_default = (0, import_react59.memo)(BasfLeftPanel);
 
 // src/Components/Basf/basf-right-panel.tsx
-var import_core30 = require("@geowiki/core");
+var import_core32 = require("@geowiki/core");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 
 // src/Components/Map/GeoWikiMap.tsx
-var import_react62 = require("react");
+var import_react60 = require("react");
 var import_react_leaflet28 = require("react-leaflet");
 var import_leaflet23 = require("leaflet/dist/leaflet.css");
 var import_dist = require("@bopen/leaflet-area-selection/dist/index.css");
-var import_core32 = require("@geowiki/core");
+var import_core34 = require("@geowiki/core");
 var import_ui43 = require("@geowiki/ui");
 
 // ../../apps/geowiki/components/Map/CustomWMS.tsx
-var import_core31 = require("@react-leaflet/core");
+var import_core33 = require("@react-leaflet/core");
 
 // ../../apps/geowiki/lib/utils/BetterWMS.ts
 var import_leaflet22 = __toESM(require("leaflet"));
@@ -16163,19 +16163,19 @@ var BetterWMS2 = class extends import_leaflet22.default.TileLayer.WMS {
 };
 
 // ../../apps/geowiki/components/Map/CustomWMS.tsx
-var CustomWMSTileLayer2 = (0, import_core31.createTileLayerComponent)(
+var CustomWMSTileLayer2 = (0, import_core33.createTileLayerComponent)(
   function createWMSTileLayer3(_a, context) {
     var _b = _a, { params = {}, url } = _b, options = __objRest(_b, ["params", "url"]);
     var instance = new BetterWMS2(url, __spreadValues(__spreadProps(__spreadValues({}, params), {
       url
-    }), (0, import_core31.withPane)(options, context)));
+    }), (0, import_core33.withPane)(options, context)));
     return {
       instance,
       context
     };
   },
   function updateWMSTileLayer3(layer, props, prevProps) {
-    (0, import_core31.updateGridLayer)(layer, props, prevProps);
+    (0, import_core33.updateGridLayer)(layer, props, prevProps);
     if (props.params != null && props.params !== prevProps.params) {
       layer.setParams(props.params);
     }
@@ -16188,7 +16188,7 @@ var import_react_hotkeys_hook3 = require("react-hotkeys-hook");
 var import_jsx_runtime77 = require("react/jsx-runtime");
 var GeoWikiMapComponent = ({ mapSettings, session }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
-  const mapRef = (0, import_react62.useRef)();
+  const mapRef = (0, import_react60.useRef)();
   const router = (0, import_router5.useRouter)();
   var projectId = router.query.projectId;
   var locationId = router.query.locationId;
@@ -16196,23 +16196,23 @@ var GeoWikiMapComponent = ({ mapSettings, session }) => {
   const layerStore = useMapLayerStore();
   const mapStore = useMapStore();
   const evolandStore = useEvolandStore();
-  const panelStore = (0, import_core32.usePanelStore)();
-  const evolandFeature = (0, import_core32.useFeature)("GeoWiki.EvoLand");
-  var userRole = (0, import_core32.tokenData)((_a = session.data) == null ? void 0 : _a.accessToken, "role");
-  var userId = (0, import_core32.tokenData)((_b = session.data) == null ? void 0 : _b.accessToken, "sub");
-  const { data: wmsLayerNames } = (0, import_core32.useEvolandWmsLayers)();
-  const { data: geoWikiSettings } = (0, import_core32.useGeoWikiSettings)();
-  const { data: introTourSteps } = (0, import_core32.useIntroTourSettings)();
-  const [showAsset, setShowAsset] = (0, import_react62.useState)(false);
-  const [fetchLocationMetaData, setFetchLocationMetaData] = (0, import_react62.useState)(false);
-  const [defaultActivityView, setDefaultActivityView] = (0, import_react62.useState)("");
+  const panelStore = (0, import_core34.usePanelStore)();
+  const evolandFeature = (0, import_core34.useFeature)("GeoWiki.EvoLand");
+  var userRole = (0, import_core34.tokenData)((_a = session.data) == null ? void 0 : _a.accessToken, "role");
+  var userId = (0, import_core34.tokenData)((_b = session.data) == null ? void 0 : _b.accessToken, "sub");
+  const { data: wmsLayerNames } = (0, import_core34.useEvolandWmsLayers)();
+  const { data: geoWikiSettings } = (0, import_core34.useGeoWikiSettings)();
+  const { data: introTourSteps } = (0, import_core34.useIntroTourSettings)();
+  const [showAsset, setShowAsset] = (0, import_react60.useState)(false);
+  const [fetchLocationMetaData, setFetchLocationMetaData] = (0, import_react60.useState)(false);
+  const [defaultActivityView, setDefaultActivityView] = (0, import_react60.useState)("");
   let accordionData = [];
   var zoom = ((_d = (_c = mapSettings == null ? void 0 : mapSettings.LocationPart) == null ? void 0 : _c.Zoom) == null ? void 0 : _d.Value) || 12;
   var center4 = [
     ((_f = (_e = mapSettings == null ? void 0 : mapSettings.LocationPart) == null ? void 0 : _e.Latitude) == null ? void 0 : _f.Text) || 48.2082,
     ((_h = (_g = mapSettings == null ? void 0 : mapSettings.LocationPart) == null ? void 0 : _g.Longitude) == null ? void 0 : _h.Text) || 16.3738
   ];
-  (0, import_core32.useRenderInfo)("GeoWikiMap");
+  (0, import_core34.useRenderInfo)("GeoWikiMap");
   if (!fetchLocationMetaData && (evolandStore.referenceDate || evolandStore.reference_dates)) {
     evolandStore.getLocationMetaData(locationId, parseInt(projectId), taskId);
     setFetchLocationMetaData(true);
@@ -16266,9 +16266,9 @@ var GeoWikiMapComponent = ({ mapSettings, session }) => {
       return JSON.parse(introTourSteps.LiquidPart.Liquid.toString()).mainPanel;
     }
   };
-  (0, import_react62.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     var _a2;
-    if ((0, import_core32.IsTokenExpired)((_a2 = session.data) == null ? void 0 : _a2.expires)) {
+    if ((0, import_core34.IsTokenExpired)((_a2 = session.data) == null ? void 0 : _a2.expires)) {
       evolandStore.setSessionTimeOut(true);
     }
   }, [evolandStore.sessionTimeOut, (_l = session.data) == null ? void 0 : _l.expires]);
@@ -16291,7 +16291,7 @@ var GeoWikiMapComponent = ({ mapSettings, session }) => {
               {
                 variant: "outline",
                 className: "flex ml-20",
-                onClick: () => (0, import_core32.showIntroTour)(selectIntroTourSteps()),
+                onClick: () => (0, import_core34.showIntroTour)(selectIntroTourSteps()),
                 children: "Guide"
               }
             ) }),
@@ -16570,21 +16570,21 @@ var GeoWikiMapComponent = ({ mapSettings, session }) => {
     ] }) })
   ] });
 };
-var GeoWikiMap = (0, import_react62.memo)(GeoWikiMapComponent);
+var GeoWikiMap = (0, import_react60.memo)(GeoWikiMapComponent);
 
 // src/Components/Map/WaybackTimelineMap.tsx
-var import_react63 = require("react");
+var import_react61 = require("react");
 var import_react_leaflet29 = require("react-leaflet");
-var import_core33 = require("@geowiki/core");
+var import_core35 = require("@geowiki/core");
 var import_navigation3 = require("next/navigation");
 var import_jsx_runtime78 = require("react/jsx-runtime");
 var WaybackTimelineMap = (props) => {
   var _a;
-  const mapRef = (0, import_react63.useRef)(null);
+  const mapRef = (0, import_react61.useRef)(null);
   const searchParams = (0, import_navigation3.useSearchParams)();
   var center4 = [48.2082, 16.3738];
-  (0, import_core33.useRenderInfo)("WaybackTimelineMap");
-  const [WAYBACK_SNAPSHOTS, setWAYBACK_SNAPSHOTS] = (0, import_react63.useState)(null);
+  (0, import_core35.useRenderInfo)("WaybackTimelineMap");
+  const [WAYBACK_SNAPSHOTS, setWAYBACK_SNAPSHOTS] = (0, import_react61.useState)(null);
   function MapZoomEvents() {
     const mapEvents = (0, import_react_leaflet29.useMapEvents)({
       zoomend: () => {
@@ -16593,7 +16593,7 @@ var WaybackTimelineMap = (props) => {
     });
     return null;
   }
-  (0, import_react63.useEffect)(() => {
+  (0, import_react61.useEffect)(() => {
     if (props.mapping)
       setWAYBACK_SNAPSHOTS(props.mapping);
   }, [props.mapping]);