@opengeoweb/store 9.6.0 → 9.8.0

package/index.esm.js

@@ -3,8 +3,8 @@ import { webmapUtils, LayerType, webmapTestSettings, WMLayer, handleMomentISOStr
 import { createAction, createSlice, createSelector, createEntityAdapter, current as current$1 } from '@reduxjs/toolkit';
 import { getGeoJson, moveFeature, createInterSections, defaultLayers, getFeatureCollection, emptyGeoJSON, defaultIntersectionStyleProperties } from '@opengeoweb/webmap-react';
 export { defaultLayers } from '@opengeoweb/webmap-react';
-import moment from 'moment';
-import { differenceInMinutes, getUnixTime, parseISO, isValid, fromUnixTime } from 'date-fns';
+import { differenceInMinutes, isValid, fromUnixTime } from 'date-fns';
+import { dateUtils, withEggs } from '@opengeoweb/shared';
 import { isEqual, compact } from 'lodash';
 import { createStore as createStore$1 } from '@redux-eggs/redux-toolkit';
 import { getSagaExtension } from '@redux-eggs/saga-extension';
@@ -12,7 +12,6 @@ import { takeEvery, takeLatest, put, select, call, all, delay } from 'redux-saga
 import React, { useCallback, useEffect } from 'react';
 import { Provider, useDispatch, useSelector } from 'react-redux';
 import { ThemeWrapper, lightTheme } from '@opengeoweb/theme';
-import { withEggs } from '@opengeoweb/shared';
 
 function _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
@@ -557,15 +556,19 @@ var constants$1 = /*#__PURE__*/Object.freeze({
   IS_LEGEND_OPEN_BY_DEFAULT: IS_LEGEND_OPEN_BY_DEFAULT
 });
 
-var dateFormat = 'YYYY-MM-DDTHH:mm:ss[Z]';
+var dateFormat = "yyyy-MM-dd'T'HH:mm:ss'Z";
 var createMap = function createMap(_ref) {
   var id = _ref.id,
     _ref$isAnimating = _ref.isAnimating,
     isAnimating = _ref$isAnimating === void 0 ? false : _ref$isAnimating,
     _ref$animationStartTi = _ref.animationStartTime,
-    animationStartTime = _ref$animationStartTi === void 0 ? moment.utc(moment().unix() * 1000).subtract(5, 'h').format(dateFormat) : _ref$animationStartTi,
+    animationStartTime = _ref$animationStartTi === void 0 ? dateUtils.dateToString(dateUtils.sub(dateUtils.fromUnix(dateUtils.unix(dateUtils.utc())), {
+      hours: 5
+    }), dateFormat) : _ref$animationStartTi,
     _ref$animationEndTime = _ref.animationEndTime,
-    animationEndTime = _ref$animationEndTime === void 0 ? moment.utc(moment().unix() * 1000).subtract(10, 'm').format(dateFormat) : _ref$animationEndTime,
+    animationEndTime = _ref$animationEndTime === void 0 ? dateUtils.dateToString(dateUtils.sub(dateUtils.fromUnix(dateUtils.unix(dateUtils.utc())), {
+      minutes: 10
+    }), dateFormat) : _ref$animationEndTime,
     _ref$isAutoUpdating = _ref.isAutoUpdating,
     isAutoUpdating = _ref$isAutoUpdating === void 0 ? false : _ref$isAutoUpdating,
     _ref$isEndTimeOverrid = _ref.isEndTimeOverriding,
@@ -600,7 +603,7 @@ var createMap = function createMap(_ref) {
     _ref$timeSliderWidth = _ref.timeSliderWidth,
     timeSliderWidth = _ref$timeSliderWidth === void 0 ? 440 : _ref$timeSliderWidth,
     _ref$timeSliderCenter = _ref.timeSliderCenterTime,
-    timeSliderCenterTime = _ref$timeSliderCenter === void 0 ? moment.utc().unix() : _ref$timeSliderCenter,
+    timeSliderCenterTime = _ref$timeSliderCenter === void 0 ? dateUtils.unix(dateUtils.utc()) : _ref$timeSliderCenter,
     _ref$timeSliderSecond = _ref.timeSliderSecondsPerPx,
     timeSliderSecondsPerPx = _ref$timeSliderSecond === void 0 ? defaultSecondsPerPx : _ref$timeSliderSecond,
     _ref$isTimestepAuto = _ref.isTimestepAuto,
@@ -2718,7 +2721,12 @@ var slice$5 = createSlice({
         return;
       }
       draft.byId[mapId].dockedLayerManagerSize = dockedLayerManagerSize;
-    }
+    },
+    setMapPresetError: function setMapPresetError(
+    // eslint-disable-next-line no-unused-vars
+    draft,
+    // eslint-disable-next-line no-unused-vars
+    action) {}
   },
   extraReducers: function extraReducers(builder) {
     builder.addCase(layerActions.addLayer, function (draft, action) {
@@ -4061,13 +4069,13 @@ var getMapDimension = createSelector([getMapById, function (_store, mapId) {
 var getSelectedTime = createSelector(function (store, mapId) {
   return getMapDimension(store, mapId, 'time');
 }, function (timeDimension) {
-  var now = getUnixTime(new Date());
-  if (!timeDimension) {
+  var now = dateUtils.unix(new Date());
+  if (!timeDimension || !timeDimension.currentValue) {
     return now;
   }
-  var timeSliderTime = parseISO(timeDimension.currentValue);
-  if (isValid(timeSliderTime)) {
-    return getUnixTime(timeSliderTime);
+  var timeSliderTime = dateUtils.parseISO(timeDimension.currentValue);
+  if (dateUtils.isValid(timeSliderTime)) {
+    return dateUtils.unix(timeSliderTime);
   }
   return now;
 }, selectorMemoizationOptions);
@@ -4081,8 +4089,8 @@ var getDataLimitsFromLayers = createSelector(getMapLayers, function (layers) {
       return dimension.name === 'time';
     });
     if ((dimension === null || dimension === void 0 ? void 0 : dimension.minValue) && dimension.maxValue) {
-      var lastValue = getUnixTime(new Date(dimension.maxValue));
-      var firstValue = getUnixTime(new Date(dimension.minValue));
+      var lastValue = dateUtils.unix(new Date(dimension.maxValue));
+      var firstValue = dateUtils.unix(new Date(dimension.minValue));
       var newLast = Math.max(lastValue, end);
       var newFirst = Math.min(firstValue, start);
       return [newFirst, newLast];
@@ -4164,7 +4172,9 @@ var linkedMapAnimationInfo = createSelector(function (store, mapId) {
  * @returns {string} returnType: string
  */
 var getAnimationStartTime = createSelector(getMapById, function (store) {
-  return (store === null || store === void 0 ? void 0 : store.animationStartTime) ? store.animationStartTime : moment.utc().subtract(6, 'h').format(dateFormat);
+  return (store === null || store === void 0 ? void 0 : store.animationStartTime) ? store.animationStartTime : dateUtils.dateToString(dateUtils.sub(dateUtils.utc(), {
+    hours: 6
+  }), dateFormat);
 }, selectorMemoizationOptions);
 /**
  * Gets end time of animation
@@ -4175,7 +4185,9 @@ var getAnimationStartTime = createSelector(getMapById, function (store) {
  * @returns {string} returnType: string
  */
 var getAnimationEndTime$1 = createSelector(getMapById, function (store) {
-  return (store === null || store === void 0 ? void 0 : store.animationEndTime) ? store.animationEndTime : moment.utc().subtract(10, 'm').format(dateFormat);
+  return (store === null || store === void 0 ? void 0 : store.animationEndTime) ? store.animationEndTime : dateUtils.dateToString(dateUtils.sub(dateUtils.utc(), {
+    minutes: 10
+  }), dateFormat);
 }, selectorMemoizationOptions);
 /**
  * Returns map is auto updating
@@ -4289,7 +4301,7 @@ var getMapTimeSliderWidth = createSelector(getMapById, function (store) {
  * @returns {number} returnType: number - center time as a unix timestamp
  */
 var getMapTimeSliderCenterTime = createSelector(getMapById, function (store) {
-  return store ? store.timeSliderCenterTime : moment().unix();
+  return store ? store.timeSliderCenterTime : dateUtils.unix(dateUtils.utc());
 }, selectorMemoizationOptions);
 /**
  * Returns the unfiltered selected time of time slider
@@ -5128,16 +5140,16 @@ var storeTestSettings = /*#__PURE__*/Object.freeze({
 var _marked$6 = /*#__PURE__*/_regeneratorRuntime().mark(updateAnimation),
   _marked2$4 = /*#__PURE__*/_regeneratorRuntime().mark(handleBaseLayersSaga),
   _marked3$2 = /*#__PURE__*/_regeneratorRuntime().mark(rootSaga$5);
-// Expects start, end time as moment object and interval in minutes
+// Expects start, end time as Date object and interval in minutes
 var generateTimeList = function generateTimeList(start, end, interval) {
   var timeList = [];
-  var unixStart = moment(start).utc().unix();
-  var unixEnd = moment(end).utc().unix();
+  var unixStart = dateUtils.unix(start);
+  var unixEnd = dateUtils.unix(end);
   var intervalSeconds = interval * 60;
   for (var j = unixStart; j <= unixEnd; j += intervalSeconds) {
     timeList.push({
       name: 'time',
-      value: moment.unix(j).toISOString()
+      value: dateUtils.fromUnix(j).toISOString()
     });
   }
   return timeList;
@@ -5145,14 +5157,24 @@ var generateTimeList = function generateTimeList(start, end, interval) {
 var getAnimationEndTime = function getAnimationEndTime(animationEndTime) {
   var calculateFromNow = animationEndTime.split(/[-+]/)[0] === 'NOW';
   var isAddingTime = animationEndTime.indexOf('+') !== -1;
-  var timeInMinutes = moment.duration(animationEndTime.split(/[-+]/)[1]).asMinutes();
-  var startingTime = calculateFromNow ? moment().utc() : moment().utc().startOf('day');
-  var newAnimationEndTime = isAddingTime ? moment(startingTime).add(timeInMinutes, 'minutes').toISOString() : moment(startingTime).subtract(timeInMinutes, 'minutes').toISOString();
+  var duration = animationEndTime.substring(animationEndTime.indexOf('PT') + 2);
+  var _duration$split = duration.split('H'),
+    _duration$split2 = _slicedToArray(_duration$split, 2),
+    hours = _duration$split2[0],
+    minutes = _duration$split2[1];
+  var timeInMinutes = parseInt(hours, 10) * 60 + parseInt(minutes, 10);
+  var startingTime = calculateFromNow ? dateUtils.utc() : dateUtils.startOfDay(dateUtils.utc());
+  var newAnimationEndTime = isAddingTime ? dateUtils.add(startingTime, {
+    minutes: timeInMinutes
+  }).toISOString() : dateUtils.sub(startingTime, {
+    minutes: timeInMinutes
+  }).toISOString();
   return newAnimationEndTime;
 };
 var isAnimationEndTimeValid = function isAnimationEndTimeValid(animationEndTime) {
   var hasValidPrefix = animationEndTime.split(/[-+]/)[0] === 'NOW' || animationEndTime.split(/[-+]/)[0] === 'TODAY';
-  var hasValidDate = moment.isDuration(moment.duration(animationEndTime.split(/[-+]/)[1]));
+  var durationString = animationEndTime.substring(animationEndTime.indexOf('PT') + 2);
+  var hasValidDate = /^(\d+H)?(\d+M)?$/.test(durationString);
   return hasValidPrefix && hasValidDate;
 };
 var validInitialAnimationStep = function validInitialAnimationStep(initialAnimationStep, draw) {
@@ -5180,9 +5202,9 @@ function startAnimationSaga(_ref) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           mapId = payload.mapId, start = payload.start, initialTime = payload.initialTime, end = payload.end, interval = payload.interval, timeList = payload.timeList;
-          roundedStart = roundWithTimeStep(Number(start && moment.utc(start).unix()), interval, 'ceil');
-          roundedEnd = roundWithTimeStep(Number(end && moment.utc(end).unix()), interval, 'floor');
-          animationList = timeList || generateTimeList(moment.utc(roundedStart * 1000), moment.utc(roundedEnd * 1000), interval);
+          roundedStart = roundWithTimeStep(Number(start && dateUtils.unix(dateUtils.utc(start))), interval, 'ceil');
+          roundedEnd = roundWithTimeStep(Number(end && dateUtils.unix(dateUtils.utc(end))), interval, 'floor');
+          animationList = timeList || generateTimeList(dateUtils.fromUnix(roundedStart), dateUtils.fromUnix(roundedEnd), interval);
           _context.next = 6;
           return animationList;
         case 6:
@@ -5251,16 +5273,16 @@ function updateAnimation(mapId, maxValue) {
         return select(getAnimationStartTime, mapId);
       case 2:
         animationStart = _context4.sent;
-        animationStartUnix = moment.utc(animationStart).unix();
+        animationStartUnix = dateUtils.unix(dateUtils.utc(animationStart));
         _context4.next = 6;
         return select(getAnimationEndTime$1, mapId);
       case 6:
         animationEnd = _context4.sent;
-        animationEndUnix = moment.utc(animationEnd).unix();
-        t = moment.utc(maxValue).unix();
+        animationEndUnix = dateUtils.unix(dateUtils.utc(animationEnd));
+        t = dateUtils.unix(dateUtils.utc(maxValue));
         deltaT = t - animationEndUnix;
-        start = moment.unix(animationStartUnix + deltaT).utc().format(dateFormat);
-        end = moment.unix(animationEndUnix + deltaT).utc().format(dateFormat);
+        start = dateUtils.dateToString(dateUtils.fromUnix(animationStartUnix + deltaT), dateFormat);
+        end = dateUtils.dateToString(dateUtils.fromUnix(animationEndUnix + deltaT), dateFormat);
         _context4.next = 14;
         return put(mapActions.setAnimationEndTime({
           mapId: mapId,
@@ -5552,7 +5574,7 @@ function handleBaseLayersSaga(mapId, baseLayers) {
 function setMapPresetSaga(_ref6) {
   var payload = _ref6.payload;
   return /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
-    var _a, _b, _c, mapId, initialProps, mapPreset, layers, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, proj, shouldAutoUpdate, shouldAnimate, animationPayload, toggleTimestepAuto, showTimeSlider, displayMapPin, shouldShowZoomControls, shouldShowLegend, dockedLayerManagerSize, _filterLayers, mapLayers, baseLayers, overLayers, autoTimeStepLayerIdNew, autoUpdateLayerIdNew, onlyActiveLayerIdIsSet, newLayerIds, firstLayerId, baseLayersWithDefaultLayer, overLayersWithDefaultLayer, allBaseLayers, animationLength, animationEndTime, shouldEndtimeOverride, interval, animationEnd, _animationEnd, duration, _animationEnd2, animationStart, shouldOpenLegend, legendId, fiveMinuteDelayForAnimation, _animationEnd3, _animationStart;
+    var _a, _b, _c, mapId, initialProps, mapPreset, layers, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, proj, shouldAutoUpdate, shouldAnimate, animationPayload, toggleTimestepAuto, showTimeSlider, displayMapPin, shouldShowZoomControls, shouldShowLegend, dockedLayerManagerSize, _filterLayers, mapLayers, baseLayers, overLayers, autoTimeStepLayerIdNew, autoUpdateLayerIdNew, onlyActiveLayerIdIsSet, newLayerIds, firstLayerId, baseLayersWithDefaultLayer, overLayersWithDefaultLayer, allBaseLayers, isProjectionSupported, animationLength, animationEndTime, shouldEndtimeOverride, interval, animationEnd, _animationEnd, duration, _animationEnd2, animationStart, shouldOpenLegend, legendId, fiveMinuteDelayForAnimation, _animationEnd3, _animationStart;
     return _regeneratorRuntime().wrap(function _callee6$(_context8) {
       while (1) switch (_context8.prev = _context8.next) {
         case 0:
@@ -5560,7 +5582,7 @@ function setMapPresetSaga(_ref6) {
           mapId = payload.mapId, initialProps = payload.initialProps;
           mapPreset = initialProps.mapPreset;
           if (!mapPreset) {
-            _context8.next = 121;
+            _context8.next = 124;
             break;
           }
           layers = mapPreset.layers, activeLayerId = mapPreset.activeLayerId, autoTimeStepLayerId = mapPreset.autoTimeStepLayerId, autoUpdateLayerId = mapPreset.autoUpdateLayerId, proj = mapPreset.proj, shouldAutoUpdate = mapPreset.shouldAutoUpdate, shouldAnimate = mapPreset.shouldAnimate, animationPayload = mapPreset.animationPayload, toggleTimestepAuto = mapPreset.toggleTimestepAuto, showTimeSlider = mapPreset.showTimeSlider, displayMapPin = mapPreset.displayMapPin, shouldShowZoomControls = mapPreset.shouldShowZoomControls, shouldShowLegend = mapPreset.shouldShowLegend, dockedLayerManagerSize = mapPreset.dockedLayerManagerSize;
@@ -5612,262 +5634,282 @@ function setMapPresetSaga(_ref6) {
           return call(handleBaseLayersSaga, mapId, allBaseLayers);
         case 24:
           if (!proj) {
-            _context8.next = 27;
+            _context8.next = 30;
             break;
           }
-          _context8.next = 27;
+          isProjectionSupported = webmapUtils.getWMJSMapById(mapId).isProjectionSupported(proj.srs);
+          if (isProjectionSupported) {
+            _context8.next = 28;
+            break;
+          }
+          throw new Error("Projection ".concat(proj.srs, " is not supported"));
+        case 28:
+          _context8.next = 30;
           return put(mapActions.setBbox({
             mapId: mapId,
-            bbox: proj === null || proj === void 0 ? void 0 : proj.bbox,
-            srs: proj === null || proj === void 0 ? void 0 : proj.srs
+            bbox: proj.bbox,
+            srs: proj.srs
           }));
-        case 27:
+        case 30:
           animationLength = animationPayload && animationPayload.duration;
           animationEndTime = animationPayload && animationPayload.endTime && isAnimationEndTimeValid(animationPayload.endTime) && animationPayload.endTime;
           shouldEndtimeOverride = animationPayload ? animationPayload.shouldEndtimeOverride : false;
           if (!shouldEndtimeOverride) {
-            _context8.next = 33;
+            _context8.next = 36;
             break;
           }
-          _context8.next = 33;
+          _context8.next = 36;
           return put(mapActions.setEndTimeOverriding({
             mapId: mapId,
             shouldEndtimeOverride: shouldEndtimeOverride
           }));
-        case 33:
+        case 36:
           if (!(shouldAutoUpdate !== undefined && !animationEndTime)) {
-            _context8.next = 36;
+            _context8.next = 39;
             break;
           }
-          _context8.next = 36;
+          _context8.next = 39;
           return put(mapActions.toggleAutoUpdate({
             mapId: mapId,
             shouldAutoUpdate: shouldAutoUpdate
           }));
-        case 36:
+        case 39:
           if (!(showTimeSlider !== undefined)) {
-            _context8.next = 39;
+            _context8.next = 42;
             break;
           }
-          _context8.next = 39;
+          _context8.next = 42;
           return put(mapActions.toggleTimeSliderIsVisible({
             mapId: mapId,
             isTimeSliderVisible: showTimeSlider
           }));
-        case 39:
+        case 42:
           if (!(shouldShowZoomControls !== undefined)) {
-            _context8.next = 42;
+            _context8.next = 45;
             break;
           }
-          _context8.next = 42;
+          _context8.next = 45;
           return put(mapActions.toggleZoomControls({
             mapId: mapId,
             shouldShowZoomControls: shouldShowZoomControls
           }));
-        case 42:
+        case 45:
           if (!(displayMapPin !== undefined)) {
-            _context8.next = 45;
+            _context8.next = 48;
             break;
           }
-          _context8.next = 45;
+          _context8.next = 48;
           return put(mapActions.toggleMapPinIsVisible({
             mapId: mapId,
             displayMapPin: displayMapPin
           }));
-        case 45:
+        case 48:
           // sets timestep by interval of animationPayload
           interval = animationPayload && animationPayload.interval;
           if (!interval) {
-            _context8.next = 49;
+            _context8.next = 52;
             break;
           }
-          _context8.next = 49;
+          _context8.next = 52;
           return put(mapActions.setTimeStep({
             mapId: mapId,
             timeStep: interval
           }));
-        case 49:
+        case 52:
           if (!animationEndTime) {
-            _context8.next = 58;
+            _context8.next = 61;
             break;
           }
-          _context8.next = 52;
+          _context8.next = 55;
           return put(mapActions.setAnimationEndTime({
             mapId: mapId,
             animationEndTime: getAnimationEndTime(animationEndTime)
           }));
-        case 52:
+        case 55:
           if (animationLength) {
-            _context8.next = 58;
+            _context8.next = 61;
             break;
           }
-          _context8.next = 55;
+          _context8.next = 58;
           return select(getAnimationEndTime$1, mapId);
-        case 55:
+        case 58:
           animationEnd = _context8.sent;
-          _context8.next = 58;
+          _context8.next = 61;
           return put(mapActions.setAnimationStartTime({
             mapId: mapId,
-            animationStartTime: moment(animationEnd).subtract(5 * 60, 'minutes') // set to default of 5 hours
-            .toISOString()
+            animationStartTime: dateUtils.sub(dateUtils.utc(animationEnd), {
+              minutes: 5 * 60 // set to default of 5 hours
+            }).toISOString()
           }));
-        case 58:
+        case 61:
           if (!animationLength) {
-            _context8.next = 64;
+            _context8.next = 67;
             break;
           }
-          _context8.next = 61;
+          _context8.next = 64;
           return select(getAnimationEndTime$1, mapId);
-        case 61:
+        case 64:
           _animationEnd = _context8.sent;
-          _context8.next = 64;
+          _context8.next = 67;
           return put(mapActions.setAnimationStartTime({
             mapId: mapId,
-            animationStartTime: moment(_animationEnd).subtract(animationLength, 'minutes').toISOString()
+            animationStartTime: dateUtils.sub(dateUtils.utc(_animationEnd), {
+              minutes: animationLength
+            }).toISOString()
           }));
-        case 64:
+        case 67:
           if (!(animationPayload && animationPayload.speed)) {
-            _context8.next = 67;
+            _context8.next = 70;
             break;
           }
-          _context8.next = 67;
+          _context8.next = 70;
           return put(mapActions.setAnimationDelay({
             mapId: mapId,
             animationDelay: getSpeedDelay(animationPayload.speed)
           }));
-        case 67:
+        case 70:
           if (!(shouldAnimate === true)) {
-            _context8.next = 92;
+            _context8.next = 95;
             break;
           }
           duration = animationPayload && animationPayload.duration ? animationPayload.duration : 5 * 60; //  set to default of 5 hours
           if (!(shouldEndtimeOverride && animationEndTime)) {
-            _context8.next = 75;
+            _context8.next = 78;
             break;
           }
-          _context8.next = 72;
+          _context8.next = 75;
           return select(getAnimationEndTime$1, mapId);
-        case 72:
+        case 75:
           _context8.t0 = _context8.sent;
-          _context8.next = 76;
+          _context8.next = 79;
           break;
-        case 75:
-          _context8.t0 = moment.utc().format(dateFormat);
-        case 76:
+        case 78:
+          _context8.t0 = dateUtils.dateToString(dateUtils.utc(), dateFormat);
+        case 79:
           _animationEnd2 = _context8.t0;
           if (!(shouldEndtimeOverride && animationLength)) {
-            _context8.next = 83;
+            _context8.next = 86;
             break;
           }
-          _context8.next = 80;
+          _context8.next = 83;
           return select(getAnimationStartTime, mapId);
-        case 80:
+        case 83:
           _context8.t1 = _context8.sent;
-          _context8.next = 84;
+          _context8.next = 87;
           break;
-        case 83:
-          _context8.t1 = moment.utc().subtract(duration, 'minutes').format(dateFormat);
-        case 84:
+        case 86:
+          _context8.t1 = dateUtils.dateToString(dateUtils.sub(dateUtils.utc(_animationEnd2), {
+            minutes: duration
+          }), dateFormat);
+        case 87:
           animationStart = _context8.t1;
-          _context8.next = 87;
+          _context8.next = 90;
           return put(mapActions.mapStartAnimation({
             mapId: mapId,
             start: animationStart,
             end: _animationEnd2,
             interval: interval || defaultTimeStep
           }));
-        case 87:
+        case 90:
           if (!interval) {
-            _context8.next = 90;
+            _context8.next = 93;
             break;
           }
-          _context8.next = 90;
+          _context8.next = 93;
           return put(mapActions.toggleTimestepAuto({
             mapId: mapId,
             timestepAuto: false
           }));
-        case 90:
-          _context8.next = 95;
+        case 93:
+          _context8.next = 98;
           break;
-        case 92:
+        case 95:
           if (!(toggleTimestepAuto !== undefined)) {
-            _context8.next = 95;
+            _context8.next = 98;
             break;
           }
-          _context8.next = 95;
+          _context8.next = 98;
           return put(mapActions.toggleTimestepAuto({
             mapId: mapId,
             timestepAuto: toggleTimestepAuto
           }));
-        case 95:
+        case 98:
           // show legend
           shouldOpenLegend = shouldShowLegend !== undefined ? shouldShowLegend : IS_LEGEND_OPEN_BY_DEFAULT;
-          _context8.next = 98;
+          _context8.next = 101;
           return select(getLegendId, mapId);
-        case 98:
+        case 101:
           legendId = _context8.sent;
           if (!legendId) {
-            _context8.next = 102;
+            _context8.next = 105;
             break;
           }
-          _context8.next = 102;
+          _context8.next = 105;
           return put(uiActions.setToggleOpenDialog({
             type: legendId,
             setOpen: shouldOpenLegend
           }));
-        case 102:
+        case 105:
           if (!dockedLayerManagerSize) {
-            _context8.next = 105;
+            _context8.next = 108;
             break;
           }
-          _context8.next = 105;
+          _context8.next = 108;
           return put(mapActions.setDockedLayerManagerSize({
             mapId: mapId,
             dockedLayerManagerSize: dockedLayerManagerSize
           }));
-        case 105:
+        case 108:
           if (!(animationEndTime && (shouldEndtimeOverride || !(shouldAutoUpdate || shouldAnimate)))) {
-            _context8.next = 121;
+            _context8.next = 124;
             break;
           }
           fiveMinuteDelayForAnimation = 1000 * 60 * 5;
-          _context8.next = 109;
+          _context8.next = 112;
           return delay(fiveMinuteDelayForAnimation);
-        case 109:
-          _context8.next = 111;
+        case 112:
+          _context8.next = 114;
           return select(getAnimationEndTime$1, mapId);
-        case 111:
+        case 114:
           _animationEnd3 = _context8.sent;
-          _context8.next = 114;
+          _context8.next = 117;
           return put(mapActions.setAnimationEndTime({
             mapId: mapId,
-            animationEndTime: moment(_animationEnd3).add(5, 'minutes').toISOString()
+            animationEndTime: dateUtils.add(dateUtils.utc(_animationEnd3), {
+              minutes: 5
+            }).toISOString()
           }));
-        case 114:
-          _context8.next = 116;
+        case 117:
+          _context8.next = 119;
           return select(getAnimationStartTime, mapId);
-        case 116:
+        case 119:
           _animationStart = _context8.sent;
-          _context8.next = 119;
+          _context8.next = 122;
           return put(mapActions.setAnimationStartTime({
             mapId: mapId,
-            animationStartTime: moment(_animationStart).add(5, 'minutes').toISOString()
+            animationStartTime: dateUtils.add(dateUtils.utc(_animationStart), {
+              minutes: 5
+            }).toISOString()
           }));
-        case 119:
-          _context8.next = 105;
+        case 122:
+          _context8.next = 108;
           break;
-        case 121:
-          _context8.next = 126;
+        case 124:
+          _context8.next = 130;
           break;
-        case 123:
-          _context8.prev = 123;
-          _context8.t2 = _context8["catch"](0);
-          console.error(_context8.t2);
         case 126:
+          _context8.prev = 126;
+          _context8.t2 = _context8["catch"](0);
+          _context8.next = 130;
+          return put(mapActions.setMapPresetError({
+            mapId: payload.mapId,
+            error: _context8.t2.message
+          }));
+        case 130:
         case "end":
           return _context8.stop();
       }
-    }, _callee6, null, [[0, 123]]);
+    }, _callee6, null, [[0, 126]]);
   })();
 }
 function unregisterMapSaga(_ref7) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/store",
-  "version": "9.6.0",
+  "version": "9.8.0",
   "description": "GeoWeb Store library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -18,7 +18,6 @@
     "immer": "^9.0.21",
     "@redux-eggs/redux-toolkit": "^2.2.0",
     "@redux-eggs/saga-extension": "^2.2.0",
-    "moment": "^2.29.4",
     "date-fns": "^3.3.0",
     "lodash": "^4.17.21",
     "@opengeoweb/theme": "*"

package/src/store/mapStore/index.d.ts

@@ -45,6 +45,10 @@ export declare const mapStoreActions: {
     setDisableMapPin: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./types").DisableMapPinPayload, "mapReducer/setDisableMapPin">;
     toggleMapPinIsVisible: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./types").ToggleMapPinIsVisiblePayload, "mapReducer/toggleMapPinIsVisible">;
     setDockedLayerManagerSize: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./types").SetDockedLayerManagerSize, "mapReducer/setDockedLayerManagerSize">;
+    setMapPresetError: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+        mapId: string;
+        error: string;
+    }, "mapReducer/setMapPresetError">;
     addLayer: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./types").AddLayerPayload, "layerReducer/addLayer">;
     duplicateMapLayer: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./types").DuplicateMapLayerPayload, "layerReducer/duplicateMapLayer">;
     layerChangeDimension: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./types").SetLayerDimensionPayload, "layerReducer/layerChangeDimension">;

package/src/store/mapStore/map/index.d.ts

@@ -3,7 +3,7 @@ import * as utils from './utils';
 export declare const mapUtils: {
     replaceLayerIdsToEnsureUniqueLayerIdsInStore: (layerIds: import("./replaceLayerIdsToEnsureUniqueLayerIdsInStore").LayersAndAutoLayerIds) => import("./replaceLayerIdsToEnsureUniqueLayerIdsInStore").LayersAndAutoLayerIds;
     moveArrayElements<T>(array: T[], oldIndex: number, newIndex: number): T[];
-    dateFormat: "YYYY-MM-DDTHH:mm:ss[Z]";
+    dateFormat: "yyyy-MM-dd'T'HH:mm:ss'Z";
     createMap: ({ id, isAnimating, animationStartTime, animationEndTime, isAutoUpdating, isEndTimeOverriding, bbox, srs, baseLayers, overLayers, mapLayers, featureLayers, dimensions, autoUpdateLayerId, autoTimeStepLayerId, timeSliderSpan, timeStep, animationDelay, timeSliderWidth, timeSliderCenterTime, timeSliderSecondsPerPx, isTimestepAuto, isTimeSpanAuto, isTimeSliderHoverOn, isTimeSliderVisible, displayMapPin, disableMapPin, shouldShowZoomControls, }: utils.CreateMapProps) => mapTypes.WebMap;
     checkValidLayersPayload: (layers: import("../types").Layer[], mapId: string) => boolean;
     getDraftMapById: (mapId: string, draft: mapTypes.WebMapState) => mapTypes.WebMap;

package/src/store/mapStore/map/reducer.d.ts

@@ -52,6 +52,10 @@ export declare const slice: import("@reduxjs/toolkit").Slice<WebMapState, {
     setDisableMapPin: (draft: Draft<WebMapState>, action: PayloadAction<DisableMapPinPayload>) => void;
     toggleMapPinIsVisible: (draft: Draft<WebMapState>, action: PayloadAction<ToggleMapPinIsVisiblePayload>) => void;
     setDockedLayerManagerSize: (draft: Draft<WebMapState>, action: PayloadAction<SetDockedLayerManagerSize>) => void;
+    setMapPresetError: (draft: Draft<WebMapState>, action: PayloadAction<{
+        mapId: string;
+        error: string;
+    }>) => void;
 }, "mapReducer">;
 export declare const mapActions: {
     setMapPreset: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./types").SetMapPresetPayload, string>;
@@ -97,5 +101,9 @@ export declare const mapActions: {
     setDisableMapPin: import("@reduxjs/toolkit").ActionCreatorWithPayload<DisableMapPinPayload, "mapReducer/setDisableMapPin">;
     toggleMapPinIsVisible: import("@reduxjs/toolkit").ActionCreatorWithPayload<ToggleMapPinIsVisiblePayload, "mapReducer/toggleMapPinIsVisible">;
     setDockedLayerManagerSize: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetDockedLayerManagerSize, "mapReducer/setDockedLayerManagerSize">;
+    setMapPresetError: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+        mapId: string;
+        error: string;
+    }, "mapReducer/setMapPresetError">;
 };
 export declare const reducer: import("redux").Reducer<WebMapState, import("redux").AnyAction>;

package/src/store/mapStore/map/sagas.d.ts

@@ -1,10 +1,9 @@
 import { SagaIterator } from 'redux-saga';
-import { Moment } from 'moment';
 import { AnimationStep } from '@opengeoweb/webmap';
 import { mapActions } from '.';
 import { layerActions } from '../layers';
 import { Layer } from '../layers/types';
-export declare const generateTimeList: (start: Moment, end: Moment, interval: number) => {
+export declare const generateTimeList: (start: Date, end: Date, interval: number) => {
     name: string;
     value: string;
 }[];

package/src/store/mapStore/map/utils.d.ts

@@ -3,7 +3,7 @@ import { Bbox, Dimension } from './types';
 import { Scale } from './enums';
 import type { WebMapState, WebMap, SpeedFactorType } from '../types';
 import type { Layer } from '../layers/types';
-export declare const dateFormat = "YYYY-MM-DDTHH:mm:ss[Z]";
+export declare const dateFormat = "yyyy-MM-dd'T'HH:mm:ss'Z";
 export interface CreateMapProps {
     id: string;
     isAnimating?: boolean;