@eeacms/volto-arcgis-block 0.1.400 → 0.1.401

package/CHANGELOG.md

@@ -4,6 +4,11 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+### [0.1.401](https://github.com/eea/volto-arcgis-block/compare/0.1.400...0.1.401) - 29 October 2025
+
+#### :hammer_and_wrench: Others
+
+- (bug): HOTPSOT widget bugs corrected for sentry and loading mapviewer without downloading unecessary files if widget is not in use [Unai Bolivar - [`d83bcdf`](https://github.com/eea/volto-arcgis-block/commit/d83bcdfafe6979e012ac848362269fe23277bd5b)]
 ### [0.1.400](https://github.com/eea/volto-arcgis-block/compare/0.1.399...0.1.400) - 29 October 2025
 
 #### :hammer_and_wrench: Others

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-arcgis-block",
-  "version": "0.1.400",
+  "version": "0.1.401",
   "description": "volto-arcgis-block: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: CodeSyntax",

package/src/components/MapViewer/HotspotWidget.jsx

@@ -75,14 +75,37 @@ class HotspotWidget extends React.Component {
       this.props.urls.klc_bbox;
     return esriRequest(url, {
       responseType: 'json',
-    }).then((response) => {
-      const responseJSON = response.data;
-      this.dataBBox = responseJSON;
-    });
+    })
+      .then((response) => {
+        const responseJSON = response.data;
+        if (Array.isArray(responseJSON)) {
+          this.dataBBox = responseJSON;
+        } else {
+          this.dataBBox = [];
+        }
+      })
+      .catch(async () => {
+        try {
+          const res = await fetch(url, { credentials: 'same-origin' });
+          const text = await res.text();
+          const start = text.indexOf('[');
+          const end = text.lastIndexOf(']');
+          if (start !== -1 && end !== -1) {
+            const json = JSON.parse(text.substring(start, end + 1));
+            this.dataBBox = Array.isArray(json) ? json : [];
+          } else {
+            this.dataBBox = [];
+          }
+        } catch (_) {
+          this.dataBBox = [];
+        }
+      });
   };
 
   setBBoxCoordinates = (data) => {
+    if (!data || !Array.isArray(data)) return;
     let klc_array = data.find((e) => e.klc_code === this.dataKlc_code);
+    if (!klc_array || !klc_array.bbox) return;
     let klc_bbox_coordinates = klc_array.bbox.split(',');
     let xmin_ymin = klc_bbox_coordinates[0].split(' ');
     let xmax_ymax = klc_bbox_coordinates[1].split(' ');
@@ -92,10 +115,6 @@ class HotspotWidget extends React.Component {
       ymin: this.mapCfg.geometryZoomIn.ymin,
       xmax: this.mapCfg.geometryZoomIn.xmax,
       ymax: this.mapCfg.geometryZoomIn.ymax,
-      // xmin: -200,
-      // ymin: -85,
-      // xmax: 200,
-      // ymax: 85,
       spatialReference: 4326,
     });
     this.props.view.constraints.geometry = constraintExtent;
@@ -205,19 +224,15 @@ class HotspotWidget extends React.Component {
     typeLegend,
     selectBoxTime,
   ) {
-    //sweep the old filtered data
+    if (!bboxData || !Array.isArray(bboxData)) return;
     if (filteredLayersData[typeLegend] !== undefined) {
       delete filteredLayersData[typeLegend];
     }
-    //Find the bbox data for the chosen region
     let klc_array = bboxData.find((e) => e.klc_code === this.dataKlc_code);
-
-    //Parse the bbox data into finer detail
+    if (!klc_array || !klc_array.bbox) return;
     let klc_bbox_coordinates = klc_array.bbox.split(',');
     let xmin_ymin = klc_bbox_coordinates[0].split(' ');
     let xmax_ymax = klc_bbox_coordinates[1].split(' ');
-
-    //Add the filtered data to the filteredLayersData object
     filteredLayersData[typeLegend] = {
       klc_code: this.dataKlc_code,
       year: selectBoxTime,
@@ -242,7 +257,9 @@ class HotspotWidget extends React.Component {
       this.props.hotspotData && this.props.hotspotData['filteredLayers']
         ? Object.keys(this.props.hotspotData['filteredLayers'])
         : [];
-    let filteredLayersData = this.props.hotspotData['filteredLayerData'] || [];
+    let filteredLayersData =
+      (this.props.hotspotData && this.props.hotspotData['filteredLayerData']) ||
+      [];
     let layersToAdd = {};
     let bookmarkHotspotFilter = JSON.parse(
       localStorage.getItem('bookmarkHotspotFilter'),
@@ -441,9 +458,14 @@ class HotspotWidget extends React.Component {
   }
 
   filteredLayersToHotspotData(layerIds, layersData) {
-    let updatedFilteredLayers = this.props.hotspotData['filteredLayers'] || {};
-    let filteredLayersData = this.props.hotspotData['filteredLayersData'] || {};
-    let newHotspotData = this.props.hotspotData;
+    let updatedFilteredLayers =
+      (this.props.hotspotData && this.props.hotspotData['filteredLayers']) ||
+      {};
+    let filteredLayersData =
+      (this.props.hotspotData &&
+        this.props.hotspotData['filteredLayersData']) ||
+      {};
+    let newHotspotData = this.props.hotspotData || {};
     layerIds.forEach((layerId) => {
       let layer = Object.entries(this.layers).find(
         ([key, value]) => key === layerId,
@@ -536,7 +558,10 @@ class HotspotWidget extends React.Component {
 
   renderApplyFilterButton() {
     let typeFilter = [];
-    const activeLayers = Object.keys(this.props.hotspotData['activeLayers']);
+    const activeLayers =
+      this.props.hotspotData && this.props.hotspotData['activeLayers']
+        ? Object.keys(this.props.hotspotData['activeLayers'])
+        : [];
 
     if (
       this.container.current.querySelector('.presentLandCoverContainer').style