@geowiki/map 0.16.9-dev.9 → 0.16.10

package/dist/{chunk-3LCQXIYM.mjs → chunk-6KIO2H2I.mjs}

@@ -138,8 +138,7 @@ var init_GenericCache = __esm({
       getFromStorage(key) {
         try {
           const stored = localStorage.getItem(key);
-          if (!stored)
-            return null;
+          if (!stored) return null;
           const entry = JSON.parse(stored);
           if (this.isValid(entry)) {
             this.hitCount++;
@@ -446,6 +445,7 @@ import {
   tokenData,
   IsTokenExpired
 } from "@geowiki/core";
+import { CRS } from "leaflet";
 
 // src/Components/Evoland/EvolandContainer.tsx
 import { AuthenticationFailure } from "@geowiki/ui";
@@ -556,7 +556,7 @@ var prepareRGBImage = (array, width, height) => {
   ctx == null ? void 0 : ctx.putImageData(imageData, 0, 0);
   return canvas;
 };
-var getCanvasDataFromImageArray = (rasterItem, location, bounds, ndviImageCanvasContext, selectedBand) => __async(void 0, null, function* () {
+var getCanvasDataFromImageArray = (rasterItem, location, bounds, ndviImageCanvasContext, selectedBand) => __async(null, null, function* () {
   var _a, _b;
   try {
     var tiffWidth = rasterItem.width;
@@ -572,8 +572,7 @@ var getCanvasDataFromImageArray = (rasterItem, location, bounds, ndviImageCanvas
     var rgb = null;
     if (((_a = rasterItem.name) == null ? void 0 : _a.toLowerCase().includes("ndvi")) && ((_b = rasterItem.name) == null ? void 0 : _b.toLowerCase().includes("perc")))
       rgb = yield getNDVIValueForPixel(ndviImageCanvasContext, xTiff, yTiff);
-    else
-      rgb = null;
+    else rgb = null;
     return [
       selectedValue,
       rgb !== null && rgb !== void 0 ? {
@@ -616,12 +615,11 @@ var deepCloneRasterAssetItem = (isAnnualAnnotation, asset, assetBuffer, uri, sel
     rasterItem.buffer = [...asset.buffer];
     rasterItem.uri = [...asset.uri];
     rasterItem.buffer[selectedBand] = new Uint32Array(assetBuffer);
-    if (Array.isArray(rasterItem.uri))
-      rasterItem.uri[selectedBand] = uri;
+    if (Array.isArray(rasterItem.uri)) rasterItem.uri[selectedBand] = uri;
   }
   return rasterItem;
 };
-var getEmptyPreviewRasterItem = (id, length, width, height, labels, isAnnualAnnotation, selectedBand, metadata) => __async(void 0, null, function* () {
+var getEmptyPreviewRasterItem = (id, length, width, height, labels, isAnnualAnnotation, selectedBand, metadata) => __async(null, null, function* () {
   var { newArray, canvas } = yield getEmptyPreviewRasterItemForInsert(
     length,
     width,
@@ -646,12 +644,12 @@ var getEmptyPreviewRasterItem = (id, length, width, height, labels, isAnnualAnno
   }
   return rasterItem;
 });
-var getEmptyPreviewRasterItemForInsert = (length, width, height, labels) => __async(void 0, null, function* () {
+var getEmptyPreviewRasterItemForInsert = (length, width, height, labels) => __async(null, null, function* () {
   const newArray = new Uint32Array(length).fill(0);
   const canvas = grayScaleArrayToCanvas(newArray, width, height, labels);
   return { newArray, canvas };
 });
-var updatePreviewRasterFrom = (fromRasterItem, toPreviewRasterItem, isAnnualAnnotation) => __async(void 0, null, function* () {
+var updatePreviewRasterFrom = (fromRasterItem, toPreviewRasterItem, isAnnualAnnotation) => __async(null, null, function* () {
   var _a, _b, _c;
   if (!fromRasterItem) {
     return toPreviewRasterItem;
@@ -677,7 +675,7 @@ var updatePreviewRasterFrom = (fromRasterItem, toPreviewRasterItem, isAnnualAnno
   }
   return toPreviewRasterItem;
 });
-var getRasterItemsNoColorMap = (arrayBuffer, labels) => __async(void 0, null, function* () {
+var getRasterItemsNoColorMap = (arrayBuffer, labels) => __async(null, null, function* () {
   const tiff = yield fromArrayBuffer(arrayBuffer);
   const image = yield tiff.getImage();
   const pool = new Pool();
@@ -701,7 +699,7 @@ var getRasterItemsNoColorMap = (arrayBuffer, labels) => __async(void 0, null, fu
   pool.destroy();
   return { width, height, rasterItems };
 });
-var getRasterItems = (arrayBuffer, projectType) => __async(void 0, null, function* () {
+var getRasterItems = (arrayBuffer, projectType) => __async(null, null, function* () {
   const tiff = yield fromArrayBuffer(arrayBuffer);
   const image = yield tiff.getImage();
   const pool = new Pool();
@@ -741,7 +739,7 @@ var getRasterItems = (arrayBuffer, projectType) => __async(void 0, null, functio
   pool.destroy();
   return { rasters, width, height, rasterItems };
 });
-var getAssetItemsForLocationAssets = (assets, labels) => __async(void 0, null, function* () {
+var getAssetItemsForLocationAssets = (assets, labels) => __async(null, null, function* () {
   var rasterItems = [];
   for (var i = 0; i < (assets == null ? void 0 : assets.length); i++) {
     const item = assets[i];
@@ -764,7 +762,7 @@ var getAssetItemsForLocationAssets = (assets, labels) => __async(void 0, null, f
   }
   return rasterItems;
 });
-var getRasterAssetItemsForLocationComposite = (assets) => __async(void 0, null, function* () {
+var getRasterAssetItemsForLocationComposite = (assets) => __async(null, null, function* () {
   var rasterItems = [];
   for (var i = 0; i < (assets == null ? void 0 : assets.length); i++) {
     const item = assets[i];
@@ -785,7 +783,7 @@ var getRasterAssetItemsForLocationComposite = (assets) => __async(void 0, null,
   }
   return rasterItems;
 });
-var copyAllRasterSegments = (rasterItem, previewRasterItem, selectedValue, labelValue, labels) => __async(void 0, null, function* () {
+var copyAllRasterSegments = (rasterItem, previewRasterItem, selectedValue, labelValue, labels) => __async(null, null, function* () {
   var newBuffer = overwriteArrayBufferWithSelectedValue(
     rasterItem.buffer,
     previewRasterItem.buffer,
@@ -861,8 +859,7 @@ function getAdjPixel(y, x, selectedValue, array2dMatrix) {
   while (pixelsToCheck.length > 0) {
     const [xTiff, yTiff] = pixelsToCheck.pop();
     var key = xTiff + "_" + yTiff;
-    if (checkedPixels.has(key))
-      continue;
+    if (checkedPixels.has(key)) continue;
     checkedPixels.add(key);
     if (array2dMatrix[yTiff][xTiff] === selectedValue) {
       sameValPixels.push([yTiff, xTiff]);
@@ -884,7 +881,7 @@ function getAdjPixel(y, x, selectedValue, array2dMatrix) {
   }
   return sameValPixels;
 }
-var paintRasterSegment = (sourceRasterItem, destRasterItem, locations, bounds, labelValue, labels, paintType, selectedBand, isAnnualAnnotation) => __async(void 0, null, function* () {
+var paintRasterSegment = (sourceRasterItem, destRasterItem, locations, bounds, labelValue, labels, paintType, selectedBand, isAnnualAnnotation) => __async(null, null, function* () {
   var tiffWidth = sourceRasterItem.width;
   var tiffHeight = sourceRasterItem.height;
   var annotatedRaster = isAnnualAnnotation ? destRasterItem.buffer : destRasterItem.buffer[selectedBand];
@@ -1007,8 +1004,7 @@ function pointInsidePolygon(xTiff, yTiff, vs) {
     var xi = vs[i].xTiff, yi = vs[i].yTiff;
     var xj = vs[j].xTiff, yj = vs[j].yTiff;
     var intersect = yi > yTiff !== yj > yTiff && xTiff < (xj - xi) * (yTiff - yi) / (yj - yi) + xi;
-    if (intersect)
-      inside = !inside;
+    if (intersect) inside = !inside;
   }
   return inside;
 }
@@ -1047,7 +1043,7 @@ function getDiagonalCoordinates(x1, y1, x2, y2) {
   coordinates.push({ yTiff: x2, xTiff: y2 });
   return coordinates;
 }
-var getActiveLearningAnnotation = (assetHref, projectType) => __async(void 0, null, function* () {
+var getActiveLearningAnnotation = (assetHref, projectType) => __async(null, null, function* () {
   const res = yield fetch(assetHref);
   const buffer = yield res.arrayBuffer();
   const rItems = yield getRasterItems(buffer, projectType);
@@ -1064,7 +1060,7 @@ var getActiveLearningAnnotation = (assetHref, projectType) => __async(void 0, nu
   };
   return assetItem;
 });
-var createImageDataForNDVI = (asset) => __async(void 0, null, function* () {
+var createImageDataForNDVI = (asset) => __async(null, null, function* () {
   var canvas = document.createElement("canvas");
   var context = canvas.getContext("2d");
   var image = new Image();
@@ -1074,7 +1070,7 @@ var createImageDataForNDVI = (asset) => __async(void 0, null, function* () {
   context == null ? void 0 : context.drawImage(image, 0, 0, canvas.width, canvas.height);
   return context;
 });
-var getNDVIValueForPixel = (ndviImageCanvasContext, x, y) => __async(void 0, null, function* () {
+var getNDVIValueForPixel = (ndviImageCanvasContext, x, y) => __async(null, null, function* () {
   var context = ndviImageCanvasContext;
   var data = context == null ? void 0 : context.getImageData(x, y, 1, 1).data;
   return data;
@@ -1290,8 +1286,7 @@ function getRasterAssetItemsForLocationAssets(assets) {
       if (Array.isArray((_a = rItem.result) == null ? void 0 : _a.base64)) {
         bufferData = (_b = rItem.result) == null ? void 0 : _b.base64.map((x) => {
           var _a2, _b2;
-          if (((_a2 = rItem.result) == null ? void 0 : _a2.arrayType) == "uint8")
-            return Buffer.from(x, "base64");
+          if (((_a2 = rItem.result) == null ? void 0 : _a2.arrayType) == "uint8") return Buffer.from(x, "base64");
           else if (((_b2 = rItem.result) == null ? void 0 : _b2.arrayType) == "uint32") {
             const buffer2 = Buffer.from(x, "base64");
             return new Uint32Array(
@@ -1372,16 +1367,14 @@ function ClearAnnotation(annotatedRasterAsset, isAnnualAnnotation, selectedBand,
       selectedBand,
       annotationRasterAsset.metadata
     );
-    if (isAnnualAnnotation)
-      return { annotationRaster, pastValues };
+    if (isAnnualAnnotation) return { annotationRaster, pastValues };
     else {
       var multiBandAnnotation = annotatedRasterAsset;
       if (multiBandAnnotation == null ? void 0 : multiBandAnnotation.buffer[selectedBand]) {
         multiBandAnnotation.buffer[selectedBand] = annotationRaster.buffer[selectedBand];
         multiBandAnnotation.uri[selectedBand] = annotationRaster.uri[selectedBand];
         return { multiBandAnnotation, undefined: void 0 };
-      } else
-        return { annotatedRasterAsset: void 0, undefined: void 0 };
+      } else return { annotatedRasterAsset: void 0, undefined: void 0 };
     }
   });
 }
@@ -1415,8 +1408,7 @@ function createTask(locationId, projectId, referenceDate) {
         currentTask: res.task,
         annotation_dates: yield getAnnotationDates(res == null ? void 0 : res.task)
       };
-    } else
-      return { location: null, currentTask: null, annotation_dates: null };
+    } else return { location: null, currentTask: null, annotation_dates: null };
   });
 }
 function getTask(taskId) {
@@ -1444,8 +1436,7 @@ function getTask(taskId) {
         annotation_dates: yield getAnnotationDates(res == null ? void 0 : res.task),
         location: locData
       };
-    } else
-      return { currentTask: null, annotation_dates: null, location: null };
+    } else return { currentTask: null, annotation_dates: null, location: null };
   });
 }
 function getActiveLearningAnnotationAsset(assetHref, labels, projectDetail) {
@@ -1497,8 +1488,7 @@ function insertEmptyBufferForSingleBand(length, width, height, selectedBand, ann
       annotatedAsset.buffer[selectedBand] = newArray;
       annotatedAsset.uri[selectedBand] = canvas.toDataURL();
       return annotatedAsset;
-    } else
-      return null;
+    } else return null;
   });
 }
 function getTaskChangeDetails(taskId) {
@@ -1512,10 +1502,8 @@ function getTaskGeometryDetail(taskId) {
   });
 }
 function getCentroid(geometry, has_area_of_interest, geometry_aoi, is_segment, geometry_segment) {
-  if (has_area_of_interest)
-    return geometry_aoi;
-  if (is_segment)
-    return geometry_segment;
+  if (has_area_of_interest) return geometry_aoi;
+  if (is_segment) return geometry_segment;
   return geometry;
 }
 function showAnnotation(savedAnnotations, submittedAnnotations, annotatedRasterAsset) {
@@ -1580,7 +1568,10 @@ var initialState = {
   isAnnualAnnotation: true,
   selectedBand: void 0,
   taskGeometry: null,
-  task_for_review: false
+  task_for_review: false,
+  s2_tile_url: null,
+  landsat_tile_url: null,
+  selectedBaseLayer: null
 };
 var useEvolandStore = create()((set) => ({
   clickPoint: null,
@@ -1633,6 +1624,9 @@ var useEvolandStore = create()((set) => ({
   selectedBand: void 0,
   taskGeometry: null,
   task_for_review: false,
+  s2_tile_url: null,
+  landsat_tile_url: null,
+  selectedBaseLayer: null,
   setSelectedRasterAsset: (selectedRaster) => {
     var _a;
     set({ selectedRasterAsset: selectedRaster });
@@ -1657,7 +1651,7 @@ var useEvolandStore = create()((set) => ({
   setRecenterLocation: () => set({ recenterLocation: false }),
   setTimerReset: (timerreset) => set({ timerReset: timerreset }),
   setAnnotationTime: (annotationtime) => set({ annotationTime: annotationtime }),
-  onLocationSelected: (point2) => __async(void 0, null, function* () {
+  onLocationSelected: (point2) => __async(null, null, function* () {
     var data = yield LocationService2.getPolygonUtmlocationLonLonLatLatWidthWidthHeightHeightGet(
       point2.lng,
       point2.lat,
@@ -1683,10 +1677,10 @@ var useEvolandStore = create()((set) => ({
       location: locData
     });
   }),
-  onRecenterLocation: () => __async(void 0, null, function* () {
+  onRecenterLocation: () => __async(null, null, function* () {
     return set({ recenterLocation: true });
   }),
-  getLocationAssets: (locationId, projectId, type, taskId) => __async(void 0, null, function* () {
+  getLocationAssets: (locationId, projectId, type, taskId) => __async(null, null, function* () {
     var _a, _b;
     const state = useEvolandStore.getState();
     var {
@@ -1809,12 +1803,16 @@ var useEvolandStore = create()((set) => ({
     }
     return [];
   }),
-  getLocationDetails: (locationId, projectId, user, taskId, isAdmin) => __async(void 0, null, function* () {
+  getLocationDetails: (locationId, projectId, user, taskId, isAdmin) => __async(null, null, function* () {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
     var state = useEvolandStore.getState();
     var { referenceDate, reference_dates, sessionTimeOut, projectDetail, task_for_review } = state;
-    if (!referenceDate)
+    if (!referenceDate) {
       referenceDate = projectDetail.project_reference_date.toString();
+      set({
+        referenceDate
+      });
+    }
     var annotationDates = null;
     var locationreq = {
       location_id: locationId,
@@ -1898,7 +1896,7 @@ var useEvolandStore = create()((set) => ({
       }
     }
   }),
-  getNextLocationDetails: (projectId) => __async(void 0, null, function* () {
+  getNextLocationDetails: (projectId) => __async(null, null, function* () {
     var _a, _b, _c;
     set({ isLoading: true });
     var state = useEvolandStore.getState();
@@ -1967,7 +1965,7 @@ var useEvolandStore = create()((set) => ({
   setOpacity: (opacity) => set({ opacity }),
   setCompositeOpacity: (opacity) => set({ compositeOpacity: opacity }),
   setAnnotationOpacity: (opacity) => set({ annotationOpacity: opacity }),
-  addLabel: (loc, bounds, label) => __async(void 0, null, function* () {
+  addLabel: (loc, bounds, label) => __async(null, null, function* () {
     var _a;
     set({ isLoading: true });
     var store = useEvolandStore.getState();
@@ -2027,14 +2025,14 @@ var useEvolandStore = create()((set) => ({
   setShowTimeSeries: (value) => set({ showTimeSeries: value }),
   reset: () => set(initialState),
   setSelectedColorLabel: (label) => set({ selectedColorLabel: label }),
-  getLegendsDetails: (array) => __async(void 0, null, function* () {
+  getLegendsDetails: (array) => __async(null, null, function* () {
     var store = useEvolandStore.getState();
     var legends = yield getLegends(array, store.labels);
     set({
       legends
     });
   }),
-  getLocationMetaData: (locationId, projectId, taskId) => __async(void 0, null, function* () {
+  getLocationMetaData: (locationId, projectId, taskId) => __async(null, null, function* () {
     var _a, _b;
     set({ isLoading: true });
     var state = useEvolandStore.getState();
@@ -2060,7 +2058,7 @@ var useEvolandStore = create()((set) => ({
         set({ sessionTimeOut: true, isLoading: false });
     }
   }),
-  getLabels: (projectId) => __async(void 0, null, function* () {
+  getLabels: (projectId) => __async(null, null, function* () {
     var state = useEvolandStore.getState();
     if (state.labels) {
       return state.labels;
@@ -2082,10 +2080,10 @@ var useEvolandStore = create()((set) => ({
     });
     return allLabels;
   }),
-  setBrushThickness: (value) => __async(void 0, null, function* () {
+  setBrushThickness: (value) => __async(null, null, function* () {
     return set({ brushThickness: value });
   }),
-  getProjectDetail: (projectId) => __async(void 0, null, function* () {
+  getProjectDetail: (projectId) => __async(null, null, function* () {
     set({ isLoading: true });
     const projectInfo = yield ProjectService.projectDetailProjectdetailProjectIdProjectIdGet(
       projectId
@@ -2096,12 +2094,12 @@ var useEvolandStore = create()((set) => ({
       isAnnualAnnotation: (projectInfo == null ? void 0 : projectInfo.project_type) == "ANNUALLY" /* ANNUALLY */ ? true : false
     });
   }),
-  getTaskEvents: (taskId) => __async(void 0, null, function* () {
+  getTaskEvents: (taskId) => __async(null, null, function* () {
     set({ isLoading: true });
     const taskevents = yield TaskService2.getTaskEventsTaskeventsTaskIdTaskIdGet(taskId);
     set({ isLoading: false, taskEvents: taskevents });
   }),
-  getTaskAnnotation: (submittedAnnotationAsset, assetType) => __async(void 0, null, function* () {
+  getTaskAnnotation: (submittedAnnotationAsset, assetType) => __async(null, null, function* () {
     var _a, _b, _c;
     if (submittedAnnotationAsset != null && submittedAnnotationAsset.length > 0) {
       const state = useEvolandStore.getState();
@@ -2151,7 +2149,7 @@ var useEvolandStore = create()((set) => ({
   setCurrentPosition: (position) => set({ currentPosition: position }),
   setSessionTimeOut: (hasTimeOut) => set({ sessionTimeOut: hasTimeOut }),
   setLatestTaskAnnotation: (locationTask) => set({ latestTaskAnnotation: locationTask }),
-  getTaskReferenceDates: (projectId, locatioId, asset_type, setSelected) => __async(void 0, null, function* () {
+  getTaskReferenceDates: (projectId, locatioId, asset_type, setSelected) => __async(null, null, function* () {
     const state = useEvolandStore.getState();
     const { annotation_dates, reference_dates, selectedReferenceDate } = state;
     var task_ref_dates = yield getRefDates(projectId, locatioId, asset_type);
@@ -2167,7 +2165,7 @@ var useEvolandStore = create()((set) => ({
         });
     }
   }),
-  setSelectedReferenceDate: (currentReferenceDate) => __async(void 0, null, function* () {
+  setSelectedReferenceDate: (currentReferenceDate) => __async(null, null, function* () {
     const state = useEvolandStore.getState();
     const { selectedReferenceDate, reference_dates } = state;
     if (currentReferenceDate !== selectedReferenceDate)
@@ -2176,53 +2174,62 @@ var useEvolandStore = create()((set) => ({
         selectedBand: reference_dates == null ? void 0 : reference_dates.indexOf(currentReferenceDate)
       });
   }),
-  setUpdateAsset: (updateAssets) => __async(void 0, null, function* () {
+  setUpdateAsset: (updateAssets) => __async(null, null, function* () {
     return set({ updateAssets });
   }),
-  setComment: (comment) => __async(void 0, null, function* () {
+  setComment: (comment) => __async(null, null, function* () {
     return set({ comment });
   }),
-  setAnnualAnnotation: (val) => __async(void 0, null, function* () {
+  setAnnualAnnotation: (val) => __async(null, null, function* () {
     return set({ isAnnualAnnotation: val });
   }),
-  setSelectedBand: (bandIndex) => __async(void 0, null, function* () {
+  setSelectedBand: (bandIndex) => __async(null, null, function* () {
     return set({ selectedBand: bandIndex });
   }),
-  setAnnotationDates: (annotationDates) => __async(void 0, null, function* () {
+  setAnnotationDates: (annotationDates) => __async(null, null, function* () {
     return set({ annotation_dates: annotationDates });
   }),
-  setSavedAnnotations: (savedAnnotation) => __async(void 0, null, function* () {
+  setSavedAnnotations: (savedAnnotation) => __async(null, null, function* () {
     return set({ savedAnnotations: savedAnnotation });
   }),
-  setLabelList: (labels) => __async(void 0, null, function* () {
+  setLabelList: (labels) => __async(null, null, function* () {
     return set({ labelList: labels });
   }),
-  setLocation: (loc) => __async(void 0, null, function* () {
+  setLocation: (loc) => __async(null, null, function* () {
     return set({ location: loc });
   }),
-  setCurrentTask: (task) => __async(void 0, null, function* () {
+  setCurrentTask: (task) => __async(null, null, function* () {
     return set({ currentTask: task });
   }),
-  setTimeSeriesTypes: (types) => __async(void 0, null, function* () {
+  setTimeSeriesTypes: (types) => __async(null, null, function* () {
     return set({ timeSeriesTypes: types });
   }),
-  setTimeSeriesAssets: (assets) => __async(void 0, null, function* () {
+  setTimeSeriesAssets: (assets) => __async(null, null, function* () {
     return set({ timeSeriesAssets: assets });
   }),
-  setActiveLearningAnnotations: (active_learning) => __async(void 0, null, function* () {
+  setActiveLearningAnnotations: (active_learning) => __async(null, null, function* () {
     return set({ activeLearningAnnotations: active_learning });
   }),
-  setSubmittedAnnotations: (submit_annotation) => __async(void 0, null, function* () {
+  setSubmittedAnnotations: (submit_annotation) => __async(null, null, function* () {
     return set({ submittedAnnotations: submit_annotation });
   }),
-  setAnnotatedRasterAsset: (annotated_raster) => __async(void 0, null, function* () {
+  setAnnotatedRasterAsset: (annotated_raster) => __async(null, null, function* () {
     return set({ annotatedRasterAsset: annotated_raster });
   }),
-  setTaskGeometry: (task_geometry) => __async(void 0, null, function* () {
+  setTaskGeometry: (task_geometry) => __async(null, null, function* () {
     return set({ taskGeometry: task_geometry });
   }),
   setTaskForReview(taskForReview) {
     set({ task_for_review: taskForReview });
+  },
+  setS2TileUrl(url) {
+    set({ s2_tile_url: url });
+  },
+  setLandsatTileUrl(url) {
+    set({ landsat_tile_url: url });
+  },
+  setSelectedBaseLayer(baseLayer) {
+    set({ selectedBaseLayer: baseLayer });
   }
 }));
 var evoland_default = useEvolandStore;
@@ -2343,8 +2350,7 @@ var TiffImage = (props) => {
                     } else if (localcomment !== void 0 && (localcomment == null ? void 0 : localcomment.includes("#" + x))) {
                       localcomment = localcomment.replace(" #" + x, "");
                       this.className = "rounded-xl flex inline-flex text-secondary p-1 text-sm";
-                    } else
-                      localcomment = "#" + x + " ";
+                    } else localcomment = "#" + x + " ";
                     if (evolandStore.comment !== void 0 && evolandStore.comment !== null && !((_a5 = evolandStore.comment) == null ? void 0 : _a5.includes("#" + x)))
                       evolandStore.setComment(
                         evolandStore.comment + localcomment
@@ -2353,8 +2359,7 @@ var TiffImage = (props) => {
                       evolandStore.setComment(
                         evolandStore.comment.replace(" #" + x, "")
                       );
-                    else
-                      evolandStore.setComment(localcomment);
+                    else evolandStore.setComment(localcomment);
                   });
                   container.appendChild(content);
                 }
@@ -2395,7 +2400,7 @@ var TiffImage = (props) => {
         bubblingMouseEvents: false,
         className: "border-2 border-blue-600"
       }).bringToFront();
-      imageOverlay3.on("mouseover", (e) => __async(void 0, null, function* () {
+      imageOverlay3.on("mouseover", (e) => __async(null, null, function* () {
         var _a3, _b2;
         if (isBrush()) {
           tooltip2 = L.tooltip({ offset: L.point(20, 0), opacity: 0.6 }).setContent(
@@ -2417,21 +2422,20 @@ var TiffImage = (props) => {
           ).setLatLng(e.latlng).addTo(map);
         }
       }));
-      imageOverlay3.on("mousemove", (e) => __async(void 0, null, function* () {
+      imageOverlay3.on("mousemove", (e) => __async(null, null, function* () {
         evolandStore.setNDVIRGBValues(ndvi);
         tooltip2 == null ? void 0 : tooltip2.removeFrom(map);
         if (isDrawing) {
           handleMouseMove(e);
         }
       }));
-      imageOverlay3.on("mouseout", () => __async(void 0, null, function* () {
+      imageOverlay3.on("mouseout", () => __async(null, null, function* () {
         tooltip2 == null ? void 0 : tooltip2.removeFrom(map);
       }));
-      imageOverlay3.on("click", (e) => __async(void 0, null, function* () {
+      imageOverlay3.on("click", (e) => __async(null, null, function* () {
         var _a3, _b2, _c2;
         tooltip2 == null ? void 0 : tooltip2.removeFrom(map);
-        if (((_a3 = evolandStore.selectedRasterAsset) == null ? void 0 : _a3.type) == "CHANGE_SEGMENTATION_MASK" /* ChangeSegmentationMask */)
-          return;
+        if (((_a3 = evolandStore.selectedRasterAsset) == null ? void 0 : _a3.type) == "CHANGE_SEGMENTATION_MASK" /* ChangeSegmentationMask */) return;
         if (evolandStore.selectedColorLabel == null && evolandStore.selectedToolType !== 6 /* ClearSegmentWithPolygon */) {
           alert("Please select label");
           return;
@@ -2478,25 +2482,23 @@ var TiffImage = (props) => {
         opacity: 0.8,
         lineCap: "round"
       }).addTo(map);
-      polyLine.on("click", () => __async(void 0, null, function* () {
+      polyLine.on("click", () => __async(null, null, function* () {
         stopPaint();
       }));
-      polyLine.on("mouseover", (e) => __async(void 0, null, function* () {
+      polyLine.on("mouseover", (e) => __async(null, null, function* () {
         tooltip2 == null ? void 0 : tooltip2.removeFrom(map);
         tooltip2 = L.tooltip({ offset: L.point(20, 0), opacity: 0.6 }).setContent("Click to Stop").setLatLng(e.latlng).addTo(map);
       }));
-      polyLine.on("mousemove", () => __async(void 0, null, function* () {
+      polyLine.on("mousemove", () => __async(null, null, function* () {
         tooltip2 == null ? void 0 : tooltip2.removeFrom(map);
       }));
-      polyLine.on("mouseout", () => __async(void 0, null, function* () {
+      polyLine.on("mouseout", () => __async(null, null, function* () {
         tooltip2 == null ? void 0 : tooltip2.removeFrom(map);
       }));
     }
     return () => {
-      if (imageOverlay3)
-        map.removeLayer(imageOverlay3);
-      if (tagsPopUp)
-        map.removeLayer(tagsPopUp);
+      if (imageOverlay3) map.removeLayer(imageOverlay3);
+      if (tagsPopUp) map.removeLayer(tagsPopUp);
       if (rectangle3 && evolandStore.isAnnualAnnotation)
         map.removeLayer(rectangle3);
       if (polyLine !== void 0) {
@@ -2589,7 +2591,7 @@ var ReadOnlyTiffImage = (props) => {
         bubblingMouseEvents: false,
         className: "border-2 border-blue-600"
       }).bringToBack();
-      imageOverlay3.on("mouseover", (e) => __async(void 0, null, function* () {
+      imageOverlay3.on("mouseover", (e) => __async(null, null, function* () {
         var data = yield getCanvasDataFromImageArray(
           props.raster,
           e.latlng,
@@ -2599,7 +2601,7 @@ var ReadOnlyTiffImage = (props) => {
         );
         setNDVI(data[1]);
       }));
-      imageOverlay3.on("mousemove", () => __async(void 0, null, function* () {
+      imageOverlay3.on("mousemove", () => __async(null, null, function* () {
         evolandStore.setNDVIRGBValues(ndvi);
       }));
       imageOverlay3.addTo(map);
@@ -2617,12 +2619,9 @@ var ReadOnlyTiffImage = (props) => {
       }).addTo(map);
     }
     return () => {
-      if (imageOverlay3)
-        map.removeLayer(imageOverlay3);
-      if (rectangle3 && showRectangleAtCenter)
-        map.removeLayer(rectangle3);
-      if (props.polygonBounds)
-        map.removeLayer(polygon_segment);
+      if (imageOverlay3) map.removeLayer(imageOverlay3);
+      if (rectangle3 && showRectangleAtCenter) map.removeLayer(rectangle3);
+      if (props.polygonBounds) map.removeLayer(polygon_segment);
     };
   }, [props, map, showRectangleAtCenter]);
   return null;
@@ -2760,8 +2759,7 @@ var EvoLandGeometry = () => {
 import { jsx as jsx3 } from "react/jsx-runtime";
 var EvolandContainer = ({ sessionStatus }) => {
   const evolandStore = useEvolandStore();
-  if (sessionStatus === "unauthenticated")
-    return /* @__PURE__ */ jsx3(AuthenticationFailure, {});
+  if (sessionStatus === "unauthenticated") return /* @__PURE__ */ jsx3(AuthenticationFailure, {});
   return evolandStore.location && /* @__PURE__ */ jsx3(EvoLandGeometry, {});
 };
 
@@ -3275,8 +3273,7 @@ import { LoaderFull } from "@geowiki/ui";
 import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var assetsByYear = (assets) => assets == null ? void 0 : assets.reduce((acc, item) => {
   const year = new Date(item.reference_date).getFullYear();
-  if (!acc[year])
-    acc[year] = [];
+  if (!acc[year]) acc[year] = [];
   acc[year].push(item);
   return acc;
 }, {});
@@ -3299,6 +3296,7 @@ var ViewAssets = (props) => {
   const [compositesTab, setCompositesTab] = useState5(
     props.defaultAssetView == "COMPOSITE" /* Composite */ ? true : false
   );
+  const [fetchComposite, setFetchComposite] = useState5(false);
   const [masks, setMasks] = useState5(
     evolandStore.maskAsset !== null ? evolandStore.maskAsset : []
   );
@@ -3393,14 +3391,10 @@ var ViewAssets = (props) => {
   );
   if (props.taskId !== void 0 && IsTaskAnnotationLoading)
     return /* @__PURE__ */ jsx7(LoaderFull, {});
-  if (maskTab && (masks == null ? void 0 : masks.length) == 0)
-    setMasks(evolandStore.maskAsset);
-  if (changeMaskTab && (changeMasks == null ? void 0 : changeMasks.length) == 0)
-    checkChangeMasksAndLoad();
-  if (compositesTab && composites.length == 0)
-    checkCompositesAndLoad();
-  if (annotationTab)
-    checkAnnotationsAndLoad();
+  if (maskTab && (masks == null ? void 0 : masks.length) == 0) setMasks(evolandStore.maskAsset);
+  if (changeMaskTab && (changeMasks == null ? void 0 : changeMasks.length) == 0) checkChangeMasksAndLoad();
+  if (compositesTab && composites.length == 0) checkCompositesAndLoad();
+  if (annotationTab) checkAnnotationsAndLoad();
   function checkMasksAndLoad() {
     if ((masks == null ? void 0 : masks.length) === 0 && !evolandStore.maskAsset) {
       evolandStore.getLocationAssets(
@@ -3411,8 +3405,7 @@ var ViewAssets = (props) => {
       ).then((res) => {
         setMasks(res);
       });
-    } else if (masks.length == 0)
-      setMasks(evolandStore.maskAsset);
+    } else if (masks.length == 0) setMasks(evolandStore.maskAsset);
   }
   function checkChangeMasksAndLoad() {
     if ((changeMasks == null ? void 0 : changeMasks.length) === 0 && !evolandStore.changeMaskAsset) {
@@ -3428,7 +3421,8 @@ var ViewAssets = (props) => {
       setChangeMasks(evolandStore.changeMaskAsset);
   }
   function checkCompositesAndLoad() {
-    if ((composites == null ? void 0 : composites.length) === 0 && !evolandStore.compositeAsset) {
+    if ((composites == null ? void 0 : composites.length) === 0 && !evolandStore.compositeAsset && !fetchComposite) {
+      setFetchComposite(true);
       evolandStore.getLocationAssets(
         props.locationId,
         props.projectId,
@@ -3436,6 +3430,7 @@ var ViewAssets = (props) => {
         props.taskId
       ).then((res) => {
         setComposites(assetsByYear(res));
+        setFetchComposite(false);
       });
     }
   }
@@ -3458,8 +3453,7 @@ var ViewAssets = (props) => {
   }
   if (props.taskId !== void 0 && IsTaskAnnotationLoading)
     return /* @__PURE__ */ jsx7(LoaderFull, {});
-  if (maskTab && ((masks == null ? void 0 : masks.length) == 0 || masks == null))
-    setMaskTab(false);
+  if (maskTab && ((masks == null ? void 0 : masks.length) == 0 || masks == null)) setMaskTab(false);
   return /* @__PURE__ */ jsxs5("div", { children: [
     /* @__PURE__ */ jsxs5(
       "div",
@@ -3812,7 +3806,7 @@ var ViewAssets = (props) => {
                   asset.id + index
                 );
               }) })
-            ] }))
+            ] }, year))
           }
         )
       ] })
@@ -4021,8 +4015,7 @@ var SearchAnnotation = (props) => {
           localStorage.setItem("toDate", toDate);
           if (tasks == null ? void 0 : tasks.exists)
             window.location.href = `/map?projectId=${tasks == null ? void 0 : tasks.task.project_id}&locationId=${tasks == null ? void 0 : tasks.task.location_id}&taskId=${tasks == null ? void 0 : tasks.task.task_id}${props.taskForReview ? "&review=true" : ""}`;
-          else
-            alert("No data for search parameters");
+          else alert("No data for search parameters");
         },
         children: [
           /* @__PURE__ */ jsx8(
@@ -4336,14 +4329,11 @@ var EvolandLeftSideBar = (props) => {
   }
   if (evolandStore.projectDetail) {
     if (((_m = (_l = evolandStore.projectDetail) == null ? void 0 : _l.meta_data) == null ? void 0 : _m.default_asset_view) == "SEGMENTATION_MASK" /* SegmentationMask */) {
-      if ((masks == null ? void 0 : masks.length) === 0)
-        return /* @__PURE__ */ jsx10(LoaderFull3, {});
+      if ((masks == null ? void 0 : masks.length) === 0) return /* @__PURE__ */ jsx10(LoaderFull3, {});
     } else if (((_o = (_n = evolandStore.projectDetail) == null ? void 0 : _n.meta_data) == null ? void 0 : _o.default_asset_view) == "COMPOSITE" /* Composite */) {
-      if ((composites == null ? void 0 : composites.length) === 0)
-        return /* @__PURE__ */ jsx10(LoaderFull3, {});
+      if ((composites == null ? void 0 : composites.length) === 0) return /* @__PURE__ */ jsx10(LoaderFull3, {});
     }
-  } else
-    return /* @__PURE__ */ jsx10(LoaderFull3, {});
+  } else return /* @__PURE__ */ jsx10(LoaderFull3, {});
   return /* @__PURE__ */ jsx10(
     "div",
     {
@@ -4510,8 +4500,7 @@ var EvolandLeftSideBar = (props) => {
                 canDelete = confirm(
                   (review ? "This is a targeted review task. " : "") + "Are you sure you want to delete this task?"
                 );
-                if (canDelete)
-                  setDeleteTask(true);
+                if (canDelete) setDeleteTask(true);
               },
               children: [
                 /* @__PURE__ */ jsx10(
@@ -4553,8 +4542,7 @@ var EvolandLeftSideBar = (props) => {
                             evolandStore.setAnnotationDates(annotation_dates);
                             if (currentTask)
                               evolandStore.setCurrentTask(currentTask);
-                            if (location)
-                              evolandStore.setLocation(location);
+                            if (location) evolandStore.setLocation(location);
                             if (props.userRole === "admin")
                               window.location.href = "/map?projectId=" + projectId + "&locationId=" + (currentTask == null ? void 0 : currentTask.location_id) + "&taskId=" + (currentTask == null ? void 0 : currentTask.task_id) + (evolandStore.task_for_review ? "&review=true" : "");
                           }
@@ -4843,10 +4831,9 @@ var RasterPreview = (_props) => {
     },
     { scopes: ["evoland"] }
   );
-  const onSubmit = (taskStatus) => __async(void 0, null, function* () {
+  const onSubmit = (taskStatus) => __async(null, null, function* () {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t2, _u2, _v2, _w2;
-    if (disableSubmit)
-      return;
+    if (disableSubmit) return;
     setDisableSubmit(true);
     var bufferData = null;
     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 };
@@ -4903,8 +4890,7 @@ var RasterPreview = (_props) => {
           if (_props.userRole === "admin") {
             if (tasks == null ? void 0 : tasks.task)
               window.location.href = `/map?projectId=${projectId}&locationId=${(_v2 = tasks == null ? void 0 : tasks.task) == null ? void 0 : _v2.location_id}&taskId=${(_w2 = tasks == null ? void 0 : tasks.task) == null ? void 0 : _w2.task_id}${evolandStore.task_for_review ? "&review=true" : ""}`;
-            else
-              alert("No more tasks to review");
+            else alert("No more tasks to review");
           }
           var res = yield evolandStore.getNextLocationDetails(
             parseInt(projectId)
@@ -4928,8 +4914,7 @@ var RasterPreview = (_props) => {
     }
   });
   const arrayEqual = (a, b) => {
-    if (a.length !== b.length)
-      return false;
+    if (a.length !== b.length) return false;
     return Buffer.compare(Buffer.from(a.buffer), Buffer.from(b.buffer)) === 0;
   };
   const flatten = (input, refArr) => {
@@ -4953,15 +4938,14 @@ var RasterPreview = (_props) => {
         }
       }
     }
-    if (indexArr.length == 0)
-      result = emptyAnnotation;
+    if (indexArr.length == 0) result = emptyAnnotation;
     return { data: new Uint32Array(result), indexArr };
   };
   function isBase64Zeros(base64String) {
     const trimmed = base64String.replace(/=+$/, "");
     return /^A+$/.test(trimmed);
   }
-  const onSave = () => __async(void 0, null, function* () {
+  const onSave = () => __async(null, null, function* () {
     var _a2, _b2;
     var bufferData = null;
     const { data, indexArr } = evolandStore.isAnnualAnnotation ? { data: evolandStore.annotatedRasterAsset.buffer, indexArr: 0 } : flatten(
@@ -5009,8 +4993,7 @@ var RasterPreview = (_props) => {
             setSubmitNotificationMessage(
               "Annotation has been SAVED successfully"
             );
-          else
-            setSubmitNotificationMessage("Please try again");
+          else setSubmitNotificationMessage("Please try again");
           setSubmitNotification(true);
         }
       } catch (err) {
@@ -5019,7 +5002,7 @@ var RasterPreview = (_props) => {
       }
     }
   });
-  const ClearPreview = () => __async(void 0, null, function* () {
+  const ClearPreview = () => __async(null, null, function* () {
     const { annotationRaster, pastValues } = yield ClearAnnotation(
       evolandStore.annotatedRasterAsset,
       evolandStore.isAnnualAnnotation,
@@ -5082,16 +5065,14 @@ var RasterPreview = (_props) => {
       )] : newValue == null ? void 0 : newValue.buffer[0] : newValue == null ? void 0 : newValue.buffer
     );
   };
-  if (layerStore.layerOpacity == 0)
-    layerStore.setLayerOpacity(0.4);
+  if (layerStore.layerOpacity == 0) layerStore.setLayerOpacity(0.4);
   if (!goToNextTask && evolandStore.location !== null && evolandStore.location.locationId !== searchParams.get("locationId")) {
     if (status == TaskStatus3.ACCEPTED || status == TaskStatus3.DISCARDED || status == TaskStatus3.TO_FIX) {
       setGoToNextTask(true);
       if (_props.userRole === "admin")
         if (tasks == null ? void 0 : tasks.task)
           window.location.href = `/map?projectId=${projectId}&locationId=${(_a = tasks == null ? void 0 : tasks.task) == null ? void 0 : _a.location_id}&taskId=${(_b = tasks == null ? void 0 : tasks.task) == null ? void 0 : _b.task_id}${evolandStore.task_for_review ? "&review=true" : ""}`;
-        else
-          alert("No more tasks to review");
+        else alert("No more tasks to review");
     } else
       window.location.href = `/map?projectId=${projectId}&locationId=${(_c = evolandStore.location) == null ? void 0 : _c.locationId}&taskId=${(_d = evolandStore.location) == null ? void 0 : _d.task[0].task_id}`;
   }
@@ -5140,10 +5121,8 @@ var RasterPreview = (_props) => {
             parseInt(projectId),
             evolandStore.referenceDate
           ).then(({ location, currentTask, annotation_dates }) => {
-            if (location)
-              evolandStore.setLocation(location);
-            if (currentTask)
-              evolandStore.setCurrentTask(currentTask);
+            if (location) evolandStore.setLocation(location);
+            if (currentTask) evolandStore.setCurrentTask(currentTask);
             evolandStore.setAnnotationDates(annotation_dates);
           });
         },
@@ -5179,8 +5158,7 @@ var RasterPreview = (_props) => {
                       evolandStore.setComment(
                         evolandStore.comment.replace(" #" + x, "")
                       );
-                    else
-                      evolandStore.setComment("#" + x + " ");
+                    else evolandStore.setComment("#" + x + " ");
                   },
                   children: [
                     "#",
@@ -5441,7 +5419,7 @@ var Annotation = (props) => {
     labelId: 0
   });
   const [currentLabelItem, setCurrentLabelItem] = useState9();
-  const OnSubmitActiveLearning = () => __async(void 0, null, function* () {
+  const OnSubmitActiveLearning = () => __async(null, null, function* () {
     var _a2, _b2;
     setActiveLearningLoading(true);
     var bufferData = null;
@@ -6151,8 +6129,7 @@ var defaultStyles = {
 };
 var excludedProperties = /* @__PURE__ */ new Set(["bbox", "geometry", "type"]);
 var formatValue = (value) => {
-  if (value === null || value === void 0)
-    return "";
+  if (value === null || value === void 0) return "";
   if (typeof value === "number") {
     return value.toLocaleString();
   }
@@ -6388,8 +6365,7 @@ var BetterWMS = class extends L5.TileLayer.WMS {
    * Builds the URL for the GetFeatureInfo WMS request
    */
   getFeatureInfoUrl(latlng) {
-    if (!this.currentMap)
-      return null;
+    if (!this.currentMap) return null;
     const point2 = this.currentMap.latLngToContainerPoint(latlng);
     const size = this.currentMap.getSize();
     const wmsParams = this.wmsParams;
@@ -6458,8 +6434,7 @@ var BetterWMS = class extends L5.TileLayer.WMS {
       return;
     }
     this.geoJsonLayer.addData(content);
-    if (!this.currentMap)
-      return;
+    if (!this.currentMap) return;
     if (this.currentPopup) {
       this.currentMap.closePopup(this.currentPopup);
     }
@@ -6476,8 +6451,7 @@ var BetterWMS = class extends L5.TileLayer.WMS {
    * Show loading popup
    */
   showLoading(latlng) {
-    if (!this.currentMap || this.loading || !this.canShowLoading)
-      return;
+    if (!this.currentMap || this.loading || !this.canShowLoading) return;
     this.loading = true;
     this.currentPopup = L5.popup(this.popupOptions).setLatLng(latlng).setContent(this.loadingContent).openOn(this.currentMap);
   }
@@ -6488,8 +6462,7 @@ var BetterWMS = class extends L5.TileLayer.WMS {
     return __async(this, null, function* () {
       var _a, _b, _c;
       const url = this.getFeatureInfoUrl(event.latlng);
-      if (!url)
-        return;
+      if (!url) return;
       try {
         this.showLoading(event.latlng);
         const data = yield this.fetchWithRetry(url);
@@ -6544,7 +6517,7 @@ import {
   createElementObject,
   createPathComponent
 } from "@react-leaflet/core";
-import * as L6 from "leaflet";
+import L6 from "leaflet";
 import "leaflet.markercluster";
 function getPropsAndEvents(props) {
   let clusterProps = {};
@@ -6573,7 +6546,7 @@ function createMarkerClusterGroup(props, context) {
 }
 var updateMarkerCluster = () => {
 };
-var MarkerClusterGroup2 = createPathComponent(
+var MarkerClusterGroup = createPathComponent(
   createMarkerClusterGroup,
   updateMarkerCluster
 );
@@ -6674,8 +6647,7 @@ import { DesignFarmerClusterPin } from "@geowiki/ui";
 import { jsx as jsx15 } from "react/jsx-runtime";
 var FarmerClusterPopup = ({ properties }) => {
   const fileUrl = useFileUrl2();
-  if (!properties)
-    return /* @__PURE__ */ jsx15("div", { children: "No properties found" });
+  if (!properties) return /* @__PURE__ */ jsx15("div", { children: "No properties found" });
   const name = properties["name"];
   const description = properties["description"];
   const url = "/cluster/view/" + properties["id"];
@@ -6740,8 +6712,7 @@ import {
 import { Image as Image3 } from "@geowiki/core";
 import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 var SiteInformation = ({ data }) => {
-  if (!data)
-    return null;
+  if (!data) return null;
   const baseDocUrl = "https://raw.githubusercontent.com/iiasa/static/refs/heads/main/geotrees/docs/biomass_processing_protocol/";
   return /* @__PURE__ */ jsxs12("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsxs12("div", { className: "space-y-4", children: [
@@ -6916,8 +6887,7 @@ var IfbnSitePopup = ({ properties }) => {
   const [isLoading, setIsLoading] = useState11(false);
   const [imageError, setImageError] = useState11(false);
   const { status: sessionStatus, data: session } = useSession();
-  if (!properties)
-    return /* @__PURE__ */ jsx17("div", { children: "No properties found" });
+  if (!properties) return /* @__PURE__ */ jsx17("div", { children: "No properties found" });
   const plotId = properties["Plot_ID"];
   const subPlotId = properties["SubPlot_Id"];
   const network = properties["Network"];
@@ -6926,7 +6896,7 @@ var IfbnSitePopup = ({ properties }) => {
   const fallbackUrl = "https://cms.main.geo-wiki.org/geotrees/media/cocoa.png";
   const baseImageUrl = "https://raw.githubusercontent.com/iiasa/static/refs/heads/main/geotrees/sites/";
   const imageUrl = `${baseImageUrl}${plotId}.jpg?raw=true`;
-  const fetchSiteData = () => __async(void 0, null, function* () {
+  const fetchSiteData = () => __async(null, null, function* () {
     setIsLoading(true);
     try {
       const response = yield fetch(
@@ -6937,8 +6907,7 @@ var IfbnSitePopup = ({ properties }) => {
           }
         }
       );
-      if (!response.ok)
-        throw new Error("Failed to fetch data");
+      if (!response.ok) throw new Error("Failed to fetch data");
       const data = yield response.json();
       setSiteData(data);
     } catch (error) {
@@ -7012,16 +6981,14 @@ var IfbnPlotPopup = ({ properties }) => {
   const [error, setError] = useState12(null);
   const API_URL = process.env.NEXT_PUBLIC_GEO_TREE_API_URL;
   useEffect5(() => {
-    const fetchApiData = () => __async(void 0, null, function* () {
-      if (!(properties == null ? void 0 : properties.id))
-        return;
+    const fetchApiData = () => __async(null, null, function* () {
+      if (!(properties == null ? void 0 : properties.id)) return;
       setIsLoading(true);
       try {
         const response = yield fetch(
           `${API_URL}/api/plots/by-plot-id/${properties.plot_id}`
         );
-        if (!response.ok)
-          throw new Error("Failed to fetch data");
+        if (!response.ok) throw new Error("Failed to fetch data");
         const data = yield response.json();
         console.log("API Response:", data);
         setApiData(data);
@@ -7195,12 +7162,9 @@ var createClusterIcon = (color) => {
     markers.forEach((marker2) => {
       var _a, _b, _c;
       const status = ((_c = (_b = (_a = marker2.feature) == null ? void 0 : _a.properties) == null ? void 0 : _b.Status) == null ? void 0 : _c.trim().toLowerCase()) || "default";
-      if (status === "ongoing")
-        statusCount.ongoing++;
-      else if (status === "auxiliary")
-        statusCount.auxiliary++;
-      else
-        statusCount.default++;
+      if (status === "ongoing") statusCount.ongoing++;
+      else if (status === "auxiliary") statusCount.auxiliary++;
+      else statusCount.default++;
     });
     return L7.divIcon({
       html: `<div style=
@@ -7226,7 +7190,7 @@ var GeoJsonLayer = memo(
   ({ layer }) => {
     const { isLoading, error, data } = useQuery({
       queryKey: ["geoJson", layer.id],
-      queryFn: () => __async(void 0, null, function* () {
+      queryFn: () => __async(null, null, function* () {
         const res = yield fetch(layer.url);
         return yield res.json();
       })
@@ -7276,8 +7240,7 @@ var GeoJsonLayer = memo(
       [layerIcon]
     );
     const processedData = useMemo2(() => {
-      if (!(data == null ? void 0 : data.features))
-        return data;
+      if (!(data == null ? void 0 : data.features)) return data;
       const processed = __spreadValues({}, data);
       processed.features = data.features.map((feature) => {
         var _a;
@@ -7303,12 +7266,10 @@ var GeoJsonLayer = memo(
       }),
       [layer.id]
     );
-    if (error)
-      return /* @__PURE__ */ jsx20("div", { children: "error" });
-    if (isLoading)
-      return /* @__PURE__ */ jsx20(LoaderFull5, {});
+    if (error) return /* @__PURE__ */ jsx20("div", { children: "error" });
+    if (isLoading) return /* @__PURE__ */ jsx20(LoaderFull5, {});
     return /* @__PURE__ */ jsx20(
-      MarkerClusterGroup2,
+      MarkerClusterGroup,
       {
         ref,
         iconCreateFunction: clusterIconFunction,
@@ -7379,12 +7340,9 @@ var createClusterIcon2 = (cluster) => {
   markers.forEach((marker2) => {
     var _a, _b, _c;
     const status = ((_c = (_b = (_a = marker2.feature) == null ? void 0 : _a.properties) == null ? void 0 : _b.Status) == null ? void 0 : _c.trim().toLowerCase()) || "default";
-    if (status === "ongoing")
-      statusCount.ongoing++;
-    else if (status === "auxiliary")
-      statusCount.auxiliary++;
-    else
-      statusCount.default++;
+    if (status === "ongoing") statusCount.ongoing++;
+    else if (status === "auxiliary") statusCount.auxiliary++;
+    else statusCount.default++;
   });
   let clusterColor = "#2E7D32";
   if (statusCount.ongoing > statusCount.auxiliary && statusCount.ongoing > statusCount.default) {
@@ -7433,7 +7391,7 @@ var IfbnPlotLayer = ({
   });
   const { isLoading, error, data } = useQuery2({
     queryKey: ["IfbnPlotLayer", layer.id],
-    queryFn: () => __async(void 0, null, function* () {
+    queryFn: () => __async(null, null, function* () {
       const res = yield fetch(`${layer.url}`);
       return yield res.json();
     })
@@ -7442,8 +7400,7 @@ var IfbnPlotLayer = ({
     return currentZoom <= hideMarkersAboveZoom;
   };
   useEffect7(() => {
-    if (!markerClusterGroupRef.current)
-      return;
+    if (!markerClusterGroupRef.current) return;
     if (shouldShowMarkers()) {
       markersRef.current.forEach((marker2) => {
         var _a, _b;
@@ -7531,12 +7488,10 @@ var IfbnPlotLayer = ({
     setSelectedFeature({ feature, latlng });
   };
   const ref = useRef2(null);
-  if (error)
-    return /* @__PURE__ */ jsx21("div", { children: "error" });
-  if (isLoading)
-    return /* @__PURE__ */ jsx21(LoaderFull6, {});
+  if (error) return /* @__PURE__ */ jsx21("div", { children: "error" });
+  if (isLoading) return /* @__PURE__ */ jsx21(LoaderFull6, {});
   return /* @__PURE__ */ jsxs14(
-    MarkerClusterGroup2,
+    MarkerClusterGroup,
     {
       ref,
       chunkedLoading: true,
@@ -7795,8 +7750,7 @@ var useCustomLayerStore = create4()((set, get) => ({
   createLayerFromTemplate: (templateId, customData) => {
     var _a, _b;
     const template = get().getTemplate(templateId);
-    if (!template)
-      return null;
+    if (!template) return null;
     const newLayer = {
       id: uuidv4(),
       isCustom: true,
@@ -8167,16 +8121,11 @@ function getColumnStats(data, columnName) {
   let type;
   if (uniqueTypes.size === 1) {
     const singleType = types[0];
-    if (singleType === "string")
-      type = "string";
-    else if (singleType === "number")
-      type = "number";
-    else if (singleType === "boolean")
-      type = "boolean";
-    else if (singleType === "object")
-      type = "date";
-    else
-      type = "mixed";
+    if (singleType === "string") type = "string";
+    else if (singleType === "number") type = "number";
+    else if (singleType === "boolean") type = "boolean";
+    else if (singleType === "object") type = "date";
+    else type = "mixed";
   } else {
     type = "mixed";
   }
@@ -8189,21 +8138,15 @@ var GoogleSheetsPopup = ({
   properties
 }) => {
   const isEmpty = (value) => {
-    if (value === null || value === void 0)
-      return true;
-    if (typeof value === "string")
-      return value.trim() === "";
-    if (typeof value === "number")
-      return isNaN(value);
-    if (Array.isArray(value))
-      return value.length === 0;
-    if (typeof value === "object")
-      return Object.keys(value).length === 0;
+    if (value === null || value === void 0) return true;
+    if (typeof value === "string") return value.trim() === "";
+    if (typeof value === "number") return isNaN(value);
+    if (Array.isArray(value)) return value.length === 0;
+    if (typeof value === "object") return Object.keys(value).length === 0;
     return false;
   };
   const isUrl = (value) => {
-    if (typeof value !== "string")
-      return false;
+    if (typeof value !== "string") return false;
     const trimmedValue = value.trim();
     const urlPatterns = [
       /^https?:\/\//i,
@@ -8710,8 +8653,7 @@ function analyzeColumn(rows, columnName) {
   };
 }
 function getLegendColumns(rows, excludeCoordinateColumns = []) {
-  if (rows.length === 0)
-    return [];
+  if (rows.length === 0) return [];
   const headers = Object.keys(rows[0]);
   const legendColumns = [];
   for (const header of headers) {
@@ -8848,7 +8790,7 @@ function useGenericCache({
   const isCached = cache.has(cacheKey);
   const queryOptions = {
     queryKey: [cacheKey.type, cacheKey.id, cacheKey.subId, cacheKey.version],
-    queryFn: () => __async(this, null, function* () {
+    queryFn: () => __async(null, null, function* () {
       const cachedData = cache.get(cacheKey);
       if (cachedData) {
         console.log(
@@ -8917,7 +8859,7 @@ function useGoogleSheetsData({
     subId: sheetConfig.sheetId,
     version: "1.0.0"
   } : null;
-  const fetchData = () => __async(this, null, function* () {
+  const fetchData = () => __async(null, null, function* () {
     if (!sheetConfig) {
       throw new Error("Invalid Google Sheets configuration");
     }
@@ -9185,8 +9127,7 @@ var GoogleSheetsLayer = ({
   };
   const processedData = useMemo3(() => {
     var _a2;
-    if (!data)
-      return null;
+    if (!data) return null;
     return __spreadProps(__spreadValues({}, data), {
       features: (_a2 = data.features) == null ? void 0 : _a2.map((feature) => {
         var _a3;
@@ -9369,7 +9310,7 @@ var GoogleSheetsLayer = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx26(MarkerClusterGroup2, { ref, iconCreateFunction: createClusterIcon3(), children: /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx26(MarkerClusterGroup, { ref, iconCreateFunction: createClusterIcon3(), children: /* @__PURE__ */ jsx26(
       GeoJSON4,
       {
         data: processedData,
@@ -9592,7 +9533,7 @@ var MarkerClusterRenderer = memo2(
       return null;
     }
     return /* @__PURE__ */ jsx27(
-      MarkerClusterGroup2,
+      MarkerClusterGroup,
       {
         chunkedLoading: true,
         maxClusterRadius: 60,
@@ -9883,7 +9824,7 @@ var TimeSeries = () => {
       const bbox4 = [bounds[1], bounds[0], bounds[3], bounds[2]];
       const years = changeYears != null ? changeYears : taskChangeYears;
       if (years) {
-        years.map((year) => __async(this, null, function* () {
+        years.map((year) => __async(null, null, function* () {
           yield getTimeseries(
             year + "-01-01",
             year + "-12-31",
@@ -9918,8 +9859,7 @@ var TimeSeries = () => {
           })
         }
       );
-      if (!appendImages)
-        setDetailedImgUrls((yield response.json()).images);
+      if (!appendImages) setDetailedImgUrls((yield response.json()).images);
       else {
         response.json().then((res) => {
           setDetailedImgUrls((prevUrls) => [...prevUrls, ...res.images]);
@@ -9963,18 +9903,15 @@ var TimeSeries = () => {
                   return 1;
                 else if (x.substring(x.split("_")[0].length, x.length) < y.substring(y.split("_")[0].length, y.length))
                   return -1;
-                else
-                  return 0;
+                else return 0;
               }).map((x, index) => /* @__PURE__ */ jsx30(
                 "button",
                 {
                   className: currentTab === index ? "pl-1 pr-5 border-gray-300 text-white" : "pl-1 pr-5 border-gray-300 bg-gray-200",
                   onClick: () => {
                     setDetailedImgUrls([]);
-                    if (x.includes("RGB"))
-                      fetchImages("TRUE_COLOR" /* RGB */);
-                    else if (x.includes("FCC"))
-                      fetchImages("COLOR_INFRARED" /* FCC */);
+                    if (x.includes("RGB")) fetchImages("TRUE_COLOR" /* RGB */);
+                    else if (x.includes("FCC")) fetchImages("COLOR_INFRARED" /* FCC */);
                     setCurrentTab(index);
                   },
                   children: x.substring(x.split("_")[0].length + 1, x.length)
@@ -9984,7 +9921,7 @@ var TimeSeries = () => {
               !evolandStore.isAnnualAnnotation && /* @__PURE__ */ jsx30(
                 "button",
                 {
-                  className: currentTab === -1 ? "pl-1 pr-5 border-gray-300 text-white" : "pl-1 pr-5 border-gray-300 bg-primary text-white",
+                  className: currentTab === -1 ? "pl-1 pr-5 border-gray-300 text-white" : "pl-1 pr-5 border-gray-300 bg-white text-black",
                   onClick: () => setCurrentTab(-1),
                   children: "View Annotations"
                 }
@@ -9992,7 +9929,7 @@ var TimeSeries = () => {
             ]
           }
         ),
-        /* @__PURE__ */ jsx30("div", { className: "overflow-x-scroll", children: taskChangeYears == null ? void 0 : taskChangeYears.map((year) => {
+        currentTab !== -1 && /* @__PURE__ */ jsx30("div", { className: "overflow-x-scroll", children: taskChangeYears == null ? void 0 : taskChangeYears.map((year) => {
           var _a;
           return /* @__PURE__ */ jsxs21(Fragment9, { children: [
             /* @__PURE__ */ jsx30("div", { className: "w-full pt-4", children: year }),
@@ -10002,31 +9939,43 @@ var TimeSeries = () => {
                 var _a2;
                 return (_a2 = x.minDate) == null ? void 0 : _a2.includes(year);
               })) == null ? void 0 : _a.map((x, index) => {
-                var _a2, _b;
+                var _a2, _b, _c;
+                let selected_ref_date = new Date(evolandStore.selectedReferenceDate);
+                let current_date = new Date(x.date);
+                let selected_date;
+                if (selected_ref_date.getMonth() == current_date.getMonth())
+                  selected_date = (_a2 = evolandStore.reference_dates) == null ? void 0 : _a2.find((date) => new Date(date).getMonth() + 1 == new Date(x.date).getMonth() + 1);
                 return /* @__PURE__ */ jsxs21("div", { children: [
                   /* @__PURE__ */ jsx30(
                     "img",
                     {
-                      className: "text-xs w-32 border-y border-x hover:border-blue-500 hover:border-2 hover:cursor-pointer pl-1 pr-1 pb-1" + (((_a2 = evolandStore.selectedCompositeRasterAsset) == null ? void 0 : _a2.id) == x.id || !evolandStore.isAnnualAnnotation && evolandStore.selectedReferenceDate == x.date ? " border-2 border-red-500" : ""),
+                      className: "text-xs w-32 border-y border-x hover:border-blue-500 hover:border-2 hover:cursor-pointer pl-1 pr-1 pb-1" + (((_b = evolandStore.selectedCompositeRasterAsset) == null ? void 0 : _b.id) == x.id || !evolandStore.isAnnualAnnotation && evolandStore.selectedReferenceDate == selected_date ? " border-2 border-red-500" : ""),
                       src: x.imgUrl,
                       alt: x.date,
                       onClick: () => {
-                        var _a3, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+                        var _a3, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
                         evolandStore.getLegendsDetails(
                           !evolandStore.isAnnualAnnotation ? evolandStore.reference_dates && evolandStore.selectedReferenceDate ? (_b2 = evolandStore.annotatedRasterAsset) == null ? void 0 : _b2.buffer[(_a3 = evolandStore.reference_dates) == null ? void 0 : _a3.indexOf(
                             x.date
-                          )] : (_c = evolandStore.annotatedRasterAsset) == null ? void 0 : _c.buffer[0] : (_d = evolandStore.annotatedRasterAsset) == null ? void 0 : _d.buffer
+                          )] : (_c2 = evolandStore.annotatedRasterAsset) == null ? void 0 : _c2.buffer[0] : (_d = evolandStore.annotatedRasterAsset) == null ? void 0 : _d.buffer
                         );
                         if (evolandStore.reference_dates.length > 1) {
-                          evolandStore.setSelectedReferenceDate(x.date);
+                          let selected_date2;
+                          if (!((_e = evolandStore.reference_dates) == null ? void 0 : _e.find((date) => date == x.date))) {
+                            selected_date2 = (_f = evolandStore.reference_dates) == null ? void 0 : _f.find((date) => new Date(date).getMonth() + 1 == new Date(x.date).getMonth() + 1);
+                            evolandStore.setSelectedReferenceDate(selected_date2);
+                          } else {
+                            evolandStore.setSelectedReferenceDate(x.date);
+                            selected_date2 = x.date;
+                          }
                           evolandStore.setUpdateAsset(true);
                           insertEmptyBufferForSingleBand(
-                            (_h = evolandStore.reference_dates && evolandStore.selectedReferenceDate ? (_f = evolandStore.annotatedRasterAsset) == null ? void 0 : _f.buffer[(_e = evolandStore.reference_dates) == null ? void 0 : _e.indexOf(
+                            (_j = evolandStore.reference_dates && evolandStore.selectedReferenceDate ? (_h = evolandStore.annotatedRasterAsset) == null ? void 0 : _h.buffer[(_g = evolandStore.reference_dates) == null ? void 0 : _g.indexOf(
                               evolandStore.selectedReferenceDate
-                            )] : (_g = evolandStore.annotatedRasterAsset) == null ? void 0 : _g.buffer[0]) == null ? void 0 : _h.length,
-                            (_i = evolandStore.annotatedRasterAsset) == null ? void 0 : _i.width,
-                            (_j = evolandStore.annotatedRasterAsset) == null ? void 0 : _j.height,
-                            (_k = evolandStore.reference_dates) == null ? void 0 : _k.indexOf(x.date),
+                            )] : (_i = evolandStore.annotatedRasterAsset) == null ? void 0 : _i.buffer[0]) == null ? void 0 : _j.length,
+                            (_k = evolandStore.annotatedRasterAsset) == null ? void 0 : _k.width,
+                            (_l = evolandStore.annotatedRasterAsset) == null ? void 0 : _l.height,
+                            (_m = evolandStore.reference_dates) == null ? void 0 : _m.indexOf(selected_date2),
                             evolandStore.annotatedRasterAsset,
                             evolandStore.labels,
                             evolandStore.isAnnualAnnotation
@@ -10059,7 +10008,7 @@ var TimeSeries = () => {
                   /* @__PURE__ */ jsx30(
                     "div",
                     {
-                      className: "pl-8 text-xs w-32 text-white " + (((_b = evolandStore.selectedCompositeRasterAsset) == null ? void 0 : _b.id) == x.id || !evolandStore.isAnnualAnnotation && evolandStore.selectedReferenceDate == x.date ? "bg-red-400" : ""),
+                      className: "pl-8 text-xs w-32 text-white " + (((_c = evolandStore.selectedCompositeRasterAsset) == null ? void 0 : _c.id) == x.id || !evolandStore.isAnnualAnnotation && evolandStore.selectedReferenceDate == selected_date ? "bg-red-400" : ""),
                       children: x.date
                     }
                   )
@@ -10068,7 +10017,7 @@ var TimeSeries = () => {
             ] })
           ] });
         }) }),
-        currentTab == -1 && /* @__PURE__ */ jsxs21("div", { className: "overflow-x-scroll flex flex-row", children: [
+        currentTab == -1 && /* @__PURE__ */ jsxs21("div", { className: "overflow-x-scroll flex flex-row pt-4", children: [
           !evolandStore.annotatedRasterAsset && /* @__PURE__ */ jsx30("div", { children: "No annotation" }),
           evolandStore.annotatedRasterAsset && evolandStore.annotation_dates && evolandStore.annotation_dates.map(
             (annotationDate, index) => {
@@ -10239,10 +10188,9 @@ var Questions = (props) => {
     userUserAlias: !localStorage.getItem("searchUser") ? null : localStorage.getItem("searchUser"),
     locationLocationId: null
   });
-  const onSubmit = (taskStatus) => __async(void 0, null, function* () {
+  const onSubmit = (taskStatus) => __async(null, null, function* () {
     var _a2, _b2, _c2, _d2, _e2;
-    if (disableSubmit)
-      return;
+    if (disableSubmit) return;
     setDisableSubmit(true);
     setStatus(taskStatus[0]);
     if (evolandStore.currentTask) {
@@ -10274,8 +10222,7 @@ var Questions = (props) => {
           if (props.userRole === "admin") {
             if (tasks == null ? void 0 : tasks.task)
               window.location.href = `/map?projectId=${projectId}&locationId=${(_d2 = tasks == null ? void 0 : tasks.task) == null ? void 0 : _d2.location_id}&taskId=${(_e2 = tasks == null ? void 0 : tasks.task) == null ? void 0 : _e2.task_id}${evolandStore.task_for_review ? "&review=true" : ""}`;
-            else
-              alert("No more tasks to review");
+            else alert("No more tasks to review");
           }
           var res = yield evolandStore.getNextLocationDetails(
             parseInt(projectId)
@@ -10298,7 +10245,7 @@ var Questions = (props) => {
       setSubmitNotificationMessage("");
     }
   });
-  const onSave = () => __async(void 0, null, function* () {
+  const onSave = () => __async(null, null, function* () {
     if (evolandStore.currentTask) {
       const saveQuestionnaireReq = {
         task_id: evolandStore.currentTask.task_id,
@@ -10317,8 +10264,7 @@ var Questions = (props) => {
             setSubmitNotificationMessage(
               "Questionnaire has been SAVED successfully"
             );
-          else
-            setSubmitNotificationMessage("Please try again");
+          else setSubmitNotificationMessage("Please try again");
           setSubmitNotification(true);
         }
       } catch (err) {
@@ -10351,8 +10297,7 @@ var Questions = (props) => {
             "<" + key + ">",
             "" + (label == null ? void 0 : label.labelName)
           );
-        } else
-          y.text = y.text.replace("<" + key + ">", "" + value);
+        } else y.text = y.text.replace("<" + key + ">", "" + value);
       });
     });
   }
@@ -10398,15 +10343,14 @@ var Questions = (props) => {
       if (props.userRole === "admin")
         if (tasks == null ? void 0 : tasks.task)
           window.location.href = `/map?projectId=${projectId}&locationId=${(_c = tasks == null ? void 0 : tasks.task) == null ? void 0 : _c.location_id}&taskId=${(_d = tasks == null ? void 0 : tasks.task) == null ? void 0 : _d.task_id}${evolandStore.task_for_review ? "&review=true" : ""}`;
-        else
-          alert("No more tasks to review");
+        else alert("No more tasks to review");
     } else
       window.location.href = `/map?projectId=${projectId}&locationId=${(_e = evolandStore.location) == null ? void 0 : _e.locationId}&taskId=${(_f = evolandStore.location) == null ? void 0 : _f.task[0].task_id}`;
   }
   if (IsQuestionnaireLoading || IsTaskAnswerLoading || !((_g = evolandStore.location) == null ? void 0 : _g.result))
     return /* @__PURE__ */ jsx31(LoaderFull8, {});
   return /* @__PURE__ */ jsxs22("div", { children: [
-    /* @__PURE__ */ jsx31("div", { children: context && (context == null ? void 0 : context.map((x) => /* @__PURE__ */ jsx31("div", { className: "m-5 w-full", children: x.text }))) }),
+    /* @__PURE__ */ jsx31("div", { children: context && (context == null ? void 0 : context.map((x) => /* @__PURE__ */ jsx31("div", { className: "m-5 w-full", children: x.text }, x.id))) }),
     /* @__PURE__ */ jsx31(
       "div",
       {
@@ -10448,8 +10392,8 @@ var Questions = (props) => {
                   }
                 ),
                 /* @__PURE__ */ jsx31(Label, { htmlFor: "r1", children: y.text })
-              ] })) })
-            ] }) });
+              ] }, y.id)) })
+            ] }) }, x.id);
           })),
           singleChoice && userAnswers.length > 0 && ((_i = singleChoice == null ? void 0 : singleChoice.filter(
             (ques) => userAnswers == null ? void 0 : userAnswers.some(
@@ -10479,8 +10423,8 @@ var Questions = (props) => {
                   }
                 ),
                 /* @__PURE__ */ jsx31(Label, { htmlFor: "r1", children: y.text })
-              ] })) })
-            ] }) });
+              ] }, y.id)) })
+            ] }) }, x.id);
           }))
         ] })
       }
@@ -10514,8 +10458,7 @@ var Questions = (props) => {
                       evolandStore.setComment(
                         evolandStore.comment.replace(" #" + x, "")
                       );
-                    else
-                      evolandStore.setComment("#" + x + " ");
+                    else evolandStore.setComment("#" + x + " ");
                   },
                   children: [
                     "#",
@@ -10548,8 +10491,7 @@ var Questions = (props) => {
                   onClick: () => {
                     if (TaskState2[x[0]] !== TaskState2.SKIPPED && TaskState2[x[0]] !== TaskState2.DISCARDED && TaskState2[x[0]] !== TaskState2.USER_DISCARDED && userAnswers.length !== requiredUserAnswers)
                       alert("Please provide all answers");
-                    else
-                      onSubmit(x);
+                    else onSubmit(x);
                   },
                   children: TaskState2[x[0]]
                 }
@@ -10614,8 +10556,7 @@ var OverlayLayer = () => {
           if (e.target.value !== "0") {
             layerStore.setSelectedLayer(e.target.value);
             setShowLayerOpacity(true);
-            if (layerStore.layerOpacity == 0)
-              layerStore.setLayerOpacity(0.4);
+            if (layerStore.layerOpacity == 0) layerStore.setLayerOpacity(0.4);
           } else {
             setShowLayerOpacity(false);
             layerStore.setSelectedLayer("");
@@ -10659,7 +10600,7 @@ import { HotkeysProvider } from "react-hotkeys-hook";
 import { Fragment as Fragment11, jsx as jsx33, jsxs as jsxs24 } from "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 = useRef4();
+  const mapRef = useRef4(void 0);
   const router = useRouter6();
   var projectId = router.query.projectId;
   var locationId = router.query.locationId;
@@ -10766,7 +10707,7 @@ var GeoWikiMapComponent = ({ mapSettings, session }) => {
                 children: "Guide"
               }
             ) }),
-            /* @__PURE__ */ jsxs24(LayersControl, { position: "topright", children: [
+            /* @__PURE__ */ jsx33("div", { children: /* @__PURE__ */ jsxs24(LayersControl, { position: "topright", children: [
               /* @__PURE__ */ jsx33(LayersControl.BaseLayer, { name: "Esri World imagery", children: /* @__PURE__ */ jsx33(
                 TileLayer2,
                 {
@@ -10801,27 +10742,33 @@ var GeoWikiMapComponent = ({ mapSettings, session }) => {
                   maxZoom: 21
                 }
               ) }),
-              /* @__PURE__ */ jsx33(RequireFeature, { feature: "GeoWiki.EvoLand", children: wmsLayerNames == null ? void 0 : wmsLayerNames.layers.map((layer) => /* @__PURE__ */ jsx33(
-                LayersControl.Overlay,
-                {
-                  checked: layer.layerName == layerStore.selectedLayer,
-                  name: layer.layerName,
-                  children: /* @__PURE__ */ jsx33(
-                    CustomWMSTileLayer,
-                    {
-                      transparent: true,
-                      zIndex: 100,
-                      layers: layer.layerName,
-                      attribution: "GeoWiki",
-                      format: "image/png",
-                      url: "https://services.terrascope.be/wms/v2",
-                      opacity: layer.opacity == void 0 ? layerStore.layerOpacity : layer.opacity
-                    }
-                  )
-                },
-                layer.layerName
-              )) })
-            ] }),
+              /* @__PURE__ */ jsx33(RequireFeature, { feature: "GeoWiki.EvoLand", children: wmsLayerNames == null ? void 0 : wmsLayerNames.layers.map((layer) => {
+                const len = layer.layerDescription.split(" ").length;
+                const year = layer.layerDescription.split(" ")[len - 1];
+                return /* @__PURE__ */ jsx33(
+                  LayersControl.Overlay,
+                  {
+                    checked: layer.layerName == layerStore.selectedLayer,
+                    name: layer.layerName,
+                    children: /* @__PURE__ */ jsx33(
+                      CustomWMSTileLayer,
+                      {
+                        transparent: true,
+                        zIndex: 100,
+                        layers: layer.layerName,
+                        attribution: "GeoWiki",
+                        format: "image/png",
+                        version: "1.3.0",
+                        crs: CRS.EPSG3857,
+                        url: `https://titiler.terrascope.be/wms?time=${year}-01-01`,
+                        opacity: layer.opacity == void 0 ? layerStore.layerOpacity : layer.opacity
+                      }
+                    )
+                  },
+                  layer.layerName
+                );
+              }) })
+            ] }) }),
             /* @__PURE__ */ jsx33(LayerGroup, { children: /* @__PURE__ */ jsx33(LayerStoreList, {}) }),
             /* @__PURE__ */ jsxs24(RequireFeature, { feature: "GeoWiki.EvoLand", children: [
               /* @__PURE__ */ jsx33(EvolandContainer, { sessionStatus: session.status }),
@@ -10838,7 +10785,7 @@ var GeoWikiMapComponent = ({ mapSettings, session }) => {
                         viewBox: "0 0 24 24",
                         xmlns: "http://www.w3.org/2000/svg",
                         fill: "#000000",
-                        className: "w-7 h-7 bg-white mb-2 hover:cursor-pointer",
+                        className: "w-7 h-7 bg-white mb-2 hover:cursor-pointer rounded-md p-1",
                         onClick: () => {
                           evolandStore.setShowTimeSeries(
                             !evolandStore.showTimeSeries
@@ -10871,7 +10818,7 @@ var GeoWikiMapComponent = ({ mapSettings, session }) => {
                           viewBox: "0 0 24 24",
                           strokeWidth: "1.5",
                           stroke: "currentColor",
-                          className: "w-7 h-7 mb-2 bg-white hover:cursor-pointer",
+                          className: "w-7 h-7 mb-2 bg-white hover:cursor-pointer rounded-md",
                           children: [
                             /* @__PURE__ */ jsx33(
                               "path",
@@ -10909,7 +10856,7 @@ var GeoWikiMapComponent = ({ mapSettings, session }) => {
                         viewBox: "0 0 24 24",
                         strokeWidth: "1.5",
                         stroke: "currentColor",
-                        className: "w-7 h-7 bg-white hover:cursor-pointer",
+                        className: "w-7 h-7 bg-white hover:cursor-pointer rounded-md",
                         onClick: () => {
                           evolandStore.onRecenterLocation();
                         },
@@ -11067,7 +11014,7 @@ export {
   parseMapMenuItems,
   BetterWMS,
   CustomWMSTileLayer,
-  MarkerClusterGroup2 as MarkerClusterGroup,
+  MarkerClusterGroup,
   GeoJsonLayer,
   useCustomLayerStore,
   statusColorMap,