@eeacms/volto-arcgis-block 0.1.395 → 0.1.396

package/CHANGELOG.md

@@ -4,6 +4,13 @@ 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.396](https://github.com/eea/volto-arcgis-block/compare/0.1.395...0.1.396) - 9 October 2025
+
+#### :hammer_and_wrench: Others
+
+- Merge pull request #1033 from eea/CLMS-292637-UPDATED [Unai Bolivar - [`ec88d8a`](https://github.com/eea/volto-arcgis-block/commit/ec88d8a0bae01b4b4513dcd6f6efb65e0fb39e99)]
+- (task): Bookmark thumbnail is saved along with the rest of the bookmark data. [Unai Bolivar - [`c57f925`](https://github.com/eea/volto-arcgis-block/commit/c57f925eb112a455fa2bed7150003a4633984b1a)]
+- (task): bookmark data persistence managed. [Unai Bolivar - [`10cd300`](https://github.com/eea/volto-arcgis-block/commit/10cd300f6af9d1cfc457f58dadadaf9540890d19)]
 ### [0.1.395](https://github.com/eea/volto-arcgis-block/compare/0.1.394...0.1.395) - 3 October 2025
 
 ### [0.1.394](https://github.com/eea/volto-arcgis-block/compare/0.1.393...0.1.394) - 2 October 2025

package/package.json

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

package/src/components/MapViewer/BookmarkWidget.jsx

@@ -395,28 +395,11 @@ class BookmarkWidget extends React.Component {
           // shouldUpdate = true;
           // }
           if (shouldUpdate && this.userID != null) {
-            // localStorage.setItem(
-            //   BOOKMARK_SESSION_KEY + '_' + this.userID,
-            //   JSON.stringify(this.Bookmarks.bookmarks.items),
-            // );
-            // localStorage.setItem(
-            //   BOOKMARK_SESSION_KEY + '_' + this.userID + '_layers',
-            //   JSON.stringify(this.sessionBookmarkLayers),
-            // );
-            // localStorage.setItem(
-            //   BOOKMARK_SESSION_KEY + '_' + this.userID + '_opacity',
-            //   JSON.stringify(this.sessionBookmarkOpacity),
-            // );
-            // localStorage.setItem(
-            //   BOOKMARK_SESSION_KEY + '_' + this.userID + '_visible',
-            //   JSON.stringify(this.sessionBookmarkVisible),
-            // );
-            // localStorage.setItem(
-            //   BOOKMARK_SESSION_KEY + '_' + this.userID + '_hotspot',
-            //   JSON.stringify(this.sessionBookmarkHotspot),
-            // );
             if (this._skipNextChangePersist) {
               this._skipNextChangePersist = false;
+              if (e.added && e.added[0]) {
+                this.saveBookmarksToUserObject();
+              }
             } else {
               this.saveBookmarksToUserObject();
             }
@@ -821,7 +804,14 @@ class BookmarkWidget extends React.Component {
       bookmarks.selectedHotspotFilter != null
         ? bookmarks.selectedHotspotFilter
         : null;
-    this.sessionBookmarks = items;
+    this.sessionBookmarks = items.map((b) => {
+      if (b && b.thumbnail) {
+        if (b.thumbnail.url)
+          return { ...b, thumbnail: { url: b.thumbnail.url } };
+        return { ...b };
+      }
+      return b;
+    });
     this.sessionBookmarkLayers = layers;
     while (this.sessionBookmarkLayers.length < this.sessionBookmarks.length) {
       this.sessionBookmarkLayers.push([]);
@@ -854,9 +844,55 @@ class BookmarkWidget extends React.Component {
     } catch (e) {
       userObj = {};
     }
-    const items = this.Bookmarks?.bookmarks?.items
+    const rawItems = this.Bookmarks?.bookmarks?.items
       ? this.Bookmarks.bookmarks.items
       : this.sessionBookmarks;
+    const items = Array.isArray(rawItems)
+      ? rawItems.map((b) => {
+          const out = {};
+          let name;
+          if (b && (b.name || b.label || b.title)) {
+            name = b.name || b.label || b.title;
+          }
+          if (name !== undefined) out.name = name;
+          let g = null;
+          if (b && b.viewpoint && b.viewpoint.targetGeometry) {
+            g = b.viewpoint.targetGeometry;
+          } else if (b && b.extent) {
+            g = b.extent;
+          }
+          if (
+            g &&
+            (g.type === 'extent' ||
+              (g.xmin != null &&
+                g.ymin != null &&
+                g.xmax != null &&
+                g.ymax != null))
+          ) {
+            out.extent = {
+              xmin: g.xmin,
+              ymin: g.ymin,
+              xmax: g.xmax,
+              ymax: g.ymax,
+              spatialReference: g.spatialReference
+                ? {
+                    wkid: g.spatialReference.wkid,
+                    latestWkid: g.spatialReference.latestWkid,
+                    wkt: g.spatialReference.wkt,
+                  }
+                : undefined,
+            };
+          }
+          if (b && b.thumbnail) {
+            if (b.thumbnail.url) {
+              out.thumbnail = { url: b.thumbnail.url };
+            } else {
+              out.thumbnail = b.thumbnail;
+            }
+          }
+          return out;
+        })
+      : [];
     const layers = this.sessionBookmarkLayers;
     const opacity = this.sessionBookmarkOpacity;
     const visible = this.sessionBookmarkVisible;