@opengeoweb/core 3.0.0 → 4.0.0

package/index.umd.js

@@ -1306,7 +1306,7 @@
         status: status
       });
     };
-    var initialState$5 = {
+    var initialState$6 = {
       byId: {},
       allIds: [],
       availableBaseLayers: {
@@ -1314,8 +1314,8 @@
         allIds: []
       }
     };
-    var slice$5 = toolkit.createSlice({
-      initialState: initialState$5,
+    var slice$6 = toolkit.createSlice({
+      initialState: initialState$6,
       name: 'layerReducer',
       reducers: {
         addLayer: function addLayer(draft, action) {
@@ -1549,9 +1549,9 @@
               layerDimensions = _a.layerDimensions;
           var layerStyleAction = layerActions.layerChangeStyle(layerStyle);
           var state = produce.current(draft);
-          var intermediateState = layerStyle === null ? state : reducer$5(state, layerStyleAction);
+          var intermediateState = layerStyle === null ? state : reducer$6(state, layerStyleAction);
           var dimensionsAction = layerActions.layerSetDimensions(layerDimensions);
-          var newState = layerDimensions === null ? intermediateState : reducer$5(intermediateState, dimensionsAction);
+          var newState = layerDimensions === null ? intermediateState : reducer$6(intermediateState, dimensionsAction);
           return newState;
         }
       },
@@ -1596,7 +1596,7 @@
             };
             /* Handle the Layer action with the same logic, using the same reducer */
 
-            return reducer$5(prevState, action);
+            return reducer$6(prevState, action);
           }, state);
         }).addCase(setMapPreset, function (draft, action) {
           var mapId = action.payload.mapId;
@@ -1616,8 +1616,8 @@
         });
       }
     });
-    var reducer$5 = slice$5.reducer;
-    var layerActions = slice$5.actions;
+    var reducer$6 = slice$6.reducer;
+    var layerActions = slice$6.actions;
 
     /* *
      * Licensed under the Apache License, Version 2.0 (the "License");
@@ -1635,12 +1635,12 @@
      * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
      * Copyright 2020 - Finnish Meteorological Institute (FMI)
      * */
-    var initialState$4 = {
+    var initialState$5 = {
       byId: {},
       allIds: []
     };
-    var slice$4 = toolkit.createSlice({
-      initialState: initialState$4,
+    var slice$5 = toolkit.createSlice({
+      initialState: initialState$5,
       name: 'serviceReducer',
       reducers: {
         serviceSetLayers: function serviceSetLayers(draft, action) {
@@ -1667,13 +1667,13 @@
           var serviceLayers = action.payload.serviceLayers;
           if (serviceLayers === null) return draft;
           var mapAction = serviceActions.serviceSetLayers(serviceLayers);
-          var newState = reducer$4(draft, mapAction);
+          var newState = reducer$5(draft, mapAction);
           return newState;
         });
       }
     });
-    var reducer$4 = slice$4.reducer;
-    var serviceActions = slice$4.actions;
+    var reducer$5 = slice$5.reducer;
+    var serviceActions = slice$5.actions;
 
     /* *
      * Licensed under the Apache License, Version 2.0 (the "License");
@@ -1876,13 +1876,13 @@
         source: source
       };
     };
-    var initialState$3 = {
+    var initialState$4 = {
       order: [],
       dialogs: {},
       activeWindowId: undefined
     };
-    var slice$3 = toolkit.createSlice({
-      initialState: initialState$3,
+    var slice$4 = toolkit.createSlice({
+      initialState: initialState$4,
       name: 'uiReducer',
       reducers: {
         registerDialog: function registerDialog(draft, action) {
@@ -1959,8 +1959,8 @@
         }
       }
     });
-    var reducer$3 = slice$3.reducer;
-    var uiActions = slice$3.actions;
+    var reducer$4 = slice$4.reducer;
+    var uiActions = slice$4.actions;
 
     /* *
      * Licensed under the Apache License, Version 2.0 (the "License");
@@ -2027,12 +2027,12 @@
       });
     };
 
-    var initialState$2 = {
+    var initialState$3 = {
       byId: {},
       allIds: []
     };
-    var slice$2 = toolkit.createSlice({
-      initialState: initialState$2,
+    var slice$3 = toolkit.createSlice({
+      initialState: initialState$3,
       name: 'mapReducer',
       reducers: {
         registerMap: function registerMap(draft, action) {
@@ -2598,13 +2598,13 @@
             };
             /* Handle the Layer action with the same logic, using the same reducer */
 
-            return reducer$2(prevState, action);
+            return reducer$3(prevState, action);
           }, draft);
         }).addCase(onUpdateLayerInformation, function (draft, action) {
           var mapDimensions = action.payload.mapDimensions;
           if (mapDimensions === null) return draft;
           var mapAction = mapActions$1.mapUpdateAllMapDimensions(mapDimensions);
-          return reducer$2(draft, mapAction);
+          return reducer$3(draft, mapAction);
         }).addCase(mapChangeDimension, function (draft, action) {
           var _a = action.payload,
               mapId = _a.mapId,
@@ -2643,11 +2643,11 @@
         });
       }
     });
-    var mapActions$1 = __assign(__assign({}, slice$2.actions), {
+    var mapActions$1 = __assign(__assign({}, slice$3.actions), {
       setMapPreset: setMapPreset,
       mapChangeDimension: mapChangeDimension
     });
-    var reducer$2 = slice$2.reducer;
+    var reducer$3 = slice$3.reducer;
 
     /* *
      * Licensed under the Apache License, Version 2.0 (the "License");
@@ -3145,7 +3145,7 @@
      * Copyright 2020 - Finnish Meteorological Institute (FMI)
      * */
     var _a$2;
-    var initialState$1 = {
+    var initialState$2 = {
       sources: {
         byId: {},
         allIds: []
@@ -3169,8 +3169,8 @@
         }
       }
     };
-    var slice$1 = toolkit.createSlice({
-      initialState: initialState$1,
+    var slice$2 = toolkit.createSlice({
+      initialState: initialState$2,
       name: 'synchronizationGroupsReducer',
       reducers: {
         syncGroupAddSource: function syncGroupAddSource(draft, action) {
@@ -3314,7 +3314,7 @@
           });
         },
         syncGroupClear: function syncGroupClear() {
-          return initialState$1;
+          return initialState$2;
         },
         syncGroupSetViewState: function syncGroupSetViewState(draft, action) {
           var viewState = action.payload.viewState;
@@ -3386,7 +3386,7 @@
       });
     };
 
-    var syncGroupAddGroup = (_a$2 = slice$1.actions, _a$2.syncGroupAddGroup),
+    var syncGroupAddGroup = (_a$2 = slice$2.actions, _a$2.syncGroupAddGroup),
         syncGroupAddSource = _a$2.syncGroupAddSource,
         syncGroupAddTarget = _a$2.syncGroupAddTarget;
         _a$2.syncGroupClear;
@@ -3395,8 +3395,8 @@
         syncGroupRemoveSource = _a$2.syncGroupRemoveSource,
         syncGroupRemoveTarget = _a$2.syncGroupRemoveTarget,
         syncGroupSetViewState = _a$2.syncGroupSetViewState;
-    var actions = slice$1.actions,
-        reducer$1 = slice$1.reducer;
+    var actions = slice$2.actions,
+        reducer$2 = slice$2.reducer;
 
     /* *
      * Licensed under the Apache License, Version 2.0 (the "License");
@@ -3453,7 +3453,7 @@
         actions: actions,
         constants: constants,
         types: types$1,
-        initialState: initialState$1
+        initialState: initialState$2
     });
 
     /* *
@@ -4292,7 +4292,7 @@
      * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
      * Copyright 2021 - Finnish Meteorological Institute (FMI)
      * */
-    var initialState = {
+    var initialState$1 = {
       filters: {
         searchFilter: '',
         activeServices: {
@@ -4305,8 +4305,8 @@
         }
       }
     };
-    var slice = toolkit.createSlice({
-      initialState: initialState,
+    var slice$1 = toolkit.createSlice({
+      initialState: initialState$1,
       name: 'layerSelect',
       reducers: {
         setSearchFilter: function setSearchFilter(draft, action) {
@@ -4492,8 +4492,8 @@
         }
       }
     });
-    var reducer = slice.reducer;
-    var layerSelectActions = slice.actions;
+    var reducer$1 = slice$1.reducer;
+    var layerSelectActions = slice$1.actions;
 
     /* *
      * Licensed under the Apache License, Version 2.0 (the "License");
@@ -4625,6 +4625,78 @@
       return (_d = (_c = (_b = (_a = store === null || store === void 0 ? void 0 : store.layerSelect) === null || _a === void 0 ? void 0 : _a.filters) === null || _b === void 0 ? void 0 : _b.keywords) === null || _c === void 0 ? void 0 : _c.byId[keywordId]) !== null && _d !== void 0 ? _d : {};
     };
 
+    /* *
+     * Licensed under the Apache License, Version 2.0 (the "License");
+     * you may not use this file except in compliance with the License.
+     * You may obtain a copy of the License at
+     *
+     *     http://www.apache.org/licenses/LICENSE-2.0
+     *
+     * Unless required by applicable law or agreed to in writing, software
+     * distributed under the License is distributed on an "AS IS" BASIS,
+     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     * See the License for the specific language governing permissions and
+     * limitations under the License.
+     *
+     * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+     * Copyright 2022 - Finnish Meteorological Institute (FMI)
+     * */
+    var snackbarAdapter = toolkit.createEntityAdapter();
+    var initialState = snackbarAdapter.getInitialState();
+    var slice = toolkit.createSlice({
+      initialState: initialState,
+      name: 'snackbar',
+      reducers: {
+        // To open the snackbar call this action
+        // eslint-disable-next-line no-unused-vars
+        openSnackbar: function openSnackbar(draft, action) {},
+        // triggerOpenSnackbarBySaga is triggered by the saga to open the snackbar after the current snackbars have all been closed
+        // DO NOT CALL THIS ACTION DIRECTLY!
+        triggerOpenSnackbarBySaga: function triggerOpenSnackbarBySaga(draft, action) {
+          var snackbarContent = action.payload.snackbarContent; // Ensure we have an id before proceeding
+
+          if (snackbarContent.id === undefined) {
+            return;
+          }
+
+          snackbarAdapter.setOne(draft, snackbarContent);
+        },
+        closeSnackbar: function closeSnackbar(draft) {
+          snackbarAdapter.removeAll(draft);
+        }
+      }
+    });
+    var reducer = slice.reducer;
+    var snackbarActions = slice.actions;
+
+    /* *
+     * Licensed under the Apache License, Version 2.0 (the "License");
+     * you may not use this file except in compliance with the License.
+     * You may obtain a copy of the License at
+     *
+     *     http://www.apache.org/licenses/LICENSE-2.0
+     *
+     * Unless required by applicable law or agreed to in writing, software
+     * distributed under the License is distributed on an "AS IS" BASIS,
+     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     * See the License for the specific language governing permissions and
+     * limitations under the License.
+     *
+     * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+     * Copyright 2022 - Finnish Meteorological Institute (FMI)
+     * */
+    var getCurrentSnackbarMessages = snackbarAdapter.getSelectors(function (state) {
+      var _a;
+
+      return (_a = state === null || state === void 0 ? void 0 : state.snackbar) !== null && _a !== void 0 ? _a : {
+        entities: {},
+        ids: []
+      };
+    }).selectAll;
+    toolkit.createSelector(getCurrentSnackbarMessages, function (currentMessages) {
+      return currentMessages.length > 0 ? currentMessages[0] : undefined;
+    });
+
     var types = /*#__PURE__*/Object.freeze({
         __proto__: null
     });
@@ -5269,7 +5341,7 @@
         }
       });
     }
-    function rootSaga$4() {
+    function rootSaga$5() {
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
@@ -5639,7 +5711,7 @@
       });
     }
 
-    function rootSaga$3() {
+    function rootSaga$4() {
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
@@ -5732,9 +5804,9 @@
     var synchronizationGroupConfig = {
       id: 'syncronizationGroupStore-module',
       reducerMap: {
-        syncronizationGroupStore: reducer$1
+        syncronizationGroupStore: reducer$2
       },
-      sagas: [rootSaga$4, rootSaga$3]
+      sagas: [rootSaga$5, rootSaga$4]
     };
 
     /* *
@@ -5856,7 +5928,7 @@
         }
       });
     }
-    function rootSaga$2() {
+    function rootSaga$3() {
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
@@ -5900,9 +5972,9 @@
     var uiModuleConfig = {
       id: 'ui-module',
       reducerMap: {
-        ui: reducer$3
+        ui: reducer$4
       },
-      sagas: [rootSaga$2]
+      sagas: [rootSaga$3]
     };
 
     /* *
@@ -6070,103 +6142,57 @@
      * Copyright 2022 - Finnish Meteorological Institute (FMI)
      * */
 
-    var parseBoolean = function parseBoolean(value) {
-      return ['true', 'false', true, false].includes(value) && JSON.parse(value);
-    };
-
-    var isBaseLayer = function isBaseLayer(layer) {
-      return ['baseLayer'].includes(layer.layerType);
-    };
-
-    var isMapLayer = function isMapLayer(layer) {
-      return ['mapLayer'].includes(layer.layerType);
-    };
-
-    var isOverLayer = function isOverLayer(layer) {
-      return ['overLayer'].includes(layer.layerType);
-    };
-
     var isValidService = function isValidService(service) {
       return Object.prototype.hasOwnProperty.call(service, 'url');
     };
 
-    var parseLayerType = function parseLayerType(layer, defaultValue) {
-      if (isBaseLayer(layer)) {
-        return LayerType.baseLayer;
-      }
-
-      if (isMapLayer(layer)) {
-        return LayerType.mapLayer;
-      }
-
-      if (isOverLayer(layer)) {
-        return LayerType.overLayer;
-      }
-
-      return defaultValue;
+    var parseBoolean = function parseBoolean(value) {
+      return typeof value === 'boolean' ? value : value === 'true';
     };
-
     var parseLayer = function parseLayer(layer) {
-      var lr = JSON.parse(JSON.stringify(layer)); // Cloning used here to achieve object immutability
-
-      if (!lr.id) {
-        lr.id = generateLayerId();
-      }
-
-      if (lr.layerType) {
-        lr.layerType = parseLayerType(lr, null);
-      }
-
-      if (lr.enabled) {
-        lr.enabled = parseBoolean(lr.enabled);
-      }
-
-      return lr;
+      return __assign(__assign(__assign({}, layer), !layer.id && {
+        id: generateLayerId()
+      }), layer.enabled && {
+        enabled: parseBoolean(layer.enabled)
+      });
     };
 
-    var filterBaseLayers = function filterBaseLayers(presetArray) {
-      var hasLayers = presetArray && Array.isArray(presetArray) && presetArray.length > 0;
-      var filteredBaseLayers = hasLayers ? presetArray.filter(function (preset) {
-        return isBaseLayer(preset);
-      }).map(function (filteredPresetLayer) {
-        return parseLayer(filteredPresetLayer);
-      }) : null;
-      var hasBaseLayers = filteredBaseLayers && filteredBaseLayers.length > 0;
-      var baseLayers = hasBaseLayers ? filteredBaseLayers : undefined;
-      return baseLayers;
-    };
-    var filterMapLayers = function filterMapLayers(presetArray) {
-      var hasLayers = presetArray && Array.isArray(presetArray) && presetArray.length > 0;
-      var filteredMapLayers = hasLayers ? presetArray.filter(function (preset) {
-        return isMapLayer(preset);
-      }).map(function (filteredPresetLayer) {
-        return parseLayer(filteredPresetLayer);
-      }) : null;
-      var hasMapLayers = filteredMapLayers && filteredMapLayers.length > 0;
-      var mapLayers = hasMapLayers ? filteredMapLayers : undefined;
-      return mapLayers;
+    var createEmtpyFilteredList = function createEmtpyFilteredList(existingList) {
+      return {
+        mapLayers: existingList,
+        baseLayers: existingList,
+        overLayers: existingList
+      };
     };
-    var filterLayers = function filterLayers(layers) {
+
+    var filterLayers = function filterLayers(layers, layerParser) {
       if (layers === void 0) {
         layers = [];
       }
 
+      if (layerParser === void 0) {
+        layerParser = function layerParser(layer) {
+          return layer;
+        };
+      }
+
       return layers.reduce(function (layers, layer) {
         var mapLayers = layers.mapLayers,
             baseLayers = layers.baseLayers,
             overLayers = layers.overLayers;
+        var parsedLayer = layerParser(layer);
 
         if (layer.layerType === LayerType.baseLayer) {
           return {
             mapLayers: mapLayers,
-            baseLayers: baseLayers.concat(layer),
+            baseLayers: baseLayers.concat(parsedLayer),
             overLayers: overLayers
           };
         }
 
         if (layer.layerType === LayerType.mapLayer) {
           return {
-            mapLayers: mapLayers.concat(layer),
+            mapLayers: mapLayers.concat(parsedLayer),
             baseLayers: baseLayers,
             overLayers: overLayers
           };
@@ -6176,16 +6202,12 @@
           return {
             mapLayers: mapLayers,
             baseLayers: baseLayers,
-            overLayers: overLayers.concat(layer)
+            overLayers: overLayers.concat(parsedLayer)
           };
         }
 
         return layers;
-      }, {
-        mapLayers: [],
-        baseLayers: [],
-        overLayers: []
-      });
+      }, createEmtpyFilteredList([]));
     };
     var filterServices = function filterServices(presetArray) {
       var hasServices = presetArray && Array.isArray(presetArray) && presetArray.length > 0;
@@ -6196,21 +6218,28 @@
       var services = hasValidServices ? validServices : undefined;
       return services;
     };
-    var filterMapPresets = function filterMapPresets(presets) {
-      var preset = presets && presets.preset;
-      var filterredServices = preset && preset.services ? filterServices(preset.services) : undefined;
-      var baseServices = preset && preset.baseServices ? filterServices(preset.baseServices) : undefined;
-      var filteredBaseLayers = preset && preset.layers ? filterBaseLayers(preset.layers) : undefined;
-      var filteredMapLayers = preset && preset.layers ? filterMapLayers(preset.layers) : undefined;
+    var filterMapPresets = function filterMapPresets(initialAppPreset) {
+      var preset = initialAppPreset && initialAppPreset.preset || {};
+      var layers = preset.layers,
+          services = preset.services,
+          baseServices = preset.baseServices;
+
+      var _a = layers ? filterLayers(layers, parseLayer) : createEmtpyFilteredList(undefined),
+          baseLayers = _a.baseLayers,
+          mapLayers = _a.mapLayers;
+
+      var filterredServices = services ? filterServices(services) : undefined;
+      var filteredBaseServices = baseServices ? filterServices(baseServices) : undefined;
       var filteredPreset = {
         services: filterredServices,
-        baseServices: baseServices,
-        baseLayers: filteredBaseLayers,
-        mapLayers: filteredMapLayers
+        baseServices: filteredBaseServices,
+        baseLayers: baseLayers,
+        mapLayers: mapLayers
       };
       return filteredPreset;
-    };
-    var getInitialPresets = function getInitialPresets(mapPreset, defaultInitialPresets) {
+    }; // loads the initialPresets.json
+
+    var getInitialAppPresets = function getInitialAppPresets(mapPreset, defaultInitialPresets) {
       var filteredPresets = mapPreset ? filterMapPresets(mapPreset) : null;
       var initialPresets = filteredPresets || filterMapPresets(defaultInitialPresets);
       return initialPresets;
@@ -7149,7 +7178,7 @@
     var defaultCanvasWidth = 150;
     var defaultCanvasHeight = 30; // TODO: remove fontFamily styles after theming is fully implemented
 
-    var useStyles$s = makeStyles__default["default"](function (theme) {
+    var useStyles$r = makeStyles__default["default"](function (theme) {
       return {
         legendCanvas: {
           margin: '10px 0px 10px 0px'
@@ -7217,7 +7246,7 @@
 
     var Legend = function Legend(_a) {
       var layer = _a.layer;
-      var classes = useStyles$s();
+      var classes = useStyles$r();
       /* Variable to remember the previous image */
 
       var previousLegendImage = React.useRef(null);
@@ -7369,7 +7398,7 @@
      * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
      * Copyright 2021 - Finnish Meteorological Institute (FMI)
      * */
-    var useStyles$r = makeStyles__default["default"](function () {
+    var useStyles$q = makeStyles__default["default"](function () {
       return {
         legendList: {
           display: 'flex',
@@ -7397,7 +7426,7 @@
           order = _d === void 0 ? 0 : _d,
           _e = _a.source,
           source = _e === void 0 ? 'app' : _e;
-      var classes = useStyles$r();
+      var classes = useStyles$q();
       return /*#__PURE__*/React__namespace.createElement(shared.ToolContainerDraggable, {
         startPosition: {
           right: 20,
@@ -8342,7 +8371,7 @@
         }
       });
     }
-    function rootSaga$1() {
+    function rootSaga$2() {
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
@@ -8425,11 +8454,11 @@
     var moduleConfig = {
       id: 'webmap-module',
       reducerMap: {
-        webmap: reducer$2,
-        services: reducer$4,
-        layers: reducer$5
+        webmap: reducer$3,
+        services: reducer$5,
+        layers: reducer$6
       },
-      sagas: [rootSaga$1]
+      sagas: [rootSaga$2]
     };
 
     function _typeof(obj) {
@@ -8465,15 +8494,15 @@
      * Copyright 2022 - Finnish Meteorological Institute (FMI)
      * */
     var mergePresetsAndUserAddedServices = function mergePresetsAndUserAddedServices(presets, userAddedServices) {
-      return Object.values(__assign(__assign({}, presets.reduce(function (byId, preset) {
+      return Object.values(__assign(__assign({}, presets.reduce(function (byUrl, preset) {
         var _a;
 
-        return __assign(__assign({}, byId), (_a = {}, _a[preset.id] = preset, _a));
+        return __assign(__assign({}, byUrl), (_a = {}, _a[preset.url] = preset, _a));
       }, {})), userAddedServices));
     };
-    var isService = function isService(param) {
+    var isNoIdService = function isNoIdService(param) {
       var serviceParam = param;
-      return !!((serviceParam === null || serviceParam === void 0 ? void 0 : serviceParam.id) && (serviceParam === null || serviceParam === void 0 ? void 0 : serviceParam.name) && (serviceParam === null || serviceParam === void 0 ? void 0 : serviceParam.url), serviceParam === null || serviceParam === void 0 ? void 0 : serviceParam.isUserAddedService);
+      return !!((serviceParam === null || serviceParam === void 0 ? void 0 : serviceParam.name) && (serviceParam === null || serviceParam === void 0 ? void 0 : serviceParam.url));
     };
 
     var getUserAddedServices = function getUserAddedServices() {
@@ -8482,13 +8511,6 @@
         var parsedData = JSON.parse(storedString);
 
         if (parsedData && _typeof(parsedData) === 'object') {
-          Object.values(parsedData).forEach(function (value) {
-            // eslint-disable-next-line no-prototype-builtins
-            if (value.hasOwnProperty('url') && value.hasOwnProperty('id')) {
-              var service = value;
-              service.isUserAddedService = true;
-            }
-          });
           return Object.entries(parsedData).reduce(function (userServices, _a) {
             var _b;
 
@@ -8496,7 +8518,9 @@
                 serviceUrl = _c[0],
                 service = _c[1];
 
-            return __assign(__assign({}, userServices), isService(service) ? (_b = {}, _b[serviceUrl] = service, _b) : {});
+            return __assign(__assign({}, userServices), isNoIdService(service) ? (_b = {}, _b[serviceUrl] = __assign(__assign({}, service), {
+              isUserAddedService: true
+            }), _b) : {});
           }, {});
         }
       } catch (e) {
@@ -8590,7 +8614,6 @@
       if (!isUserAddedService) return;
       var localStorageServices = getUserAddedServices();
       setUserAddedServices(__assign(__assign({}, localStorageServices), (_b = {}, _b[serviceUrl] = {
-        id: serviceUrl,
         name: name,
         url: serviceUrl
       }, _b)));
@@ -8606,7 +8629,7 @@
       delete updatedServices[serviceUrl];
       setUserAddedServices(updatedServices);
     }
-    function rootSaga() {
+    function rootSaga$1() {
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
@@ -8664,7 +8687,138 @@
     var layerSelectConfig = {
       id: 'layerSelect-module',
       reducerMap: {
-        layerSelect: reducer
+        layerSelect: reducer$1
+      },
+      sagas: [rootSaga$1]
+    };
+
+    /* *
+     * Licensed under the Apache License, Version 2.0 (the "License");
+     * you may not use this file except in compliance with the License.
+     * You may obtain a copy of the License at
+     *
+     *     http://www.apache.org/licenses/LICENSE-2.0
+     *
+     * Unless required by applicable law or agreed to in writing, software
+     * distributed under the License is distributed on an "AS IS" BASIS,
+     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     * See the License for the specific language governing permissions and
+     * limitations under the License.
+     *
+     * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+     * Copyright 2022 - Finnish Meteorological Institute (FMI)
+     * */
+    var hideTime = 4000;
+    function openSnackbarSaga(capturedAction) {
+      var snackbarMessage, currentSnackbarMessages, id, currentSnackbarMessagesOpen;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            snackbarMessage = capturedAction.payload.snackbarContent.message;
+            return [4
+            /*yield*/
+            , effects.select(getCurrentSnackbarMessages)];
+
+          case 1:
+            currentSnackbarMessages = _a.sent();
+            if (!currentSnackbarMessages.length) return [3
+            /*break*/
+            , 3];
+            return [4
+            /*yield*/
+            , effects.put(snackbarActions.closeSnackbar())];
+
+          case 2:
+            _a.sent();
+
+            _a.label = 3;
+
+          case 3:
+            id = "snackbar" + Date.now().toString();
+            return [4
+            /*yield*/
+            , effects.put(snackbarActions.triggerOpenSnackbarBySaga({
+              snackbarContent: {
+                message: snackbarMessage,
+                id: id
+              }
+            }))];
+
+          case 4:
+            _a.sent(); // If no new snackbar is triggered cancelling this saga, hide the snackbar after X seconds
+
+
+            return [4
+            /*yield*/
+            , effects.delay(hideTime)];
+
+          case 5:
+            // If no new snackbar is triggered cancelling this saga, hide the snackbar after X seconds
+            _a.sent();
+
+            return [4
+            /*yield*/
+            , effects.select(getCurrentSnackbarMessages)];
+
+          case 6:
+            currentSnackbarMessagesOpen = _a.sent();
+            if (!currentSnackbarMessagesOpen.length) return [3
+            /*break*/
+            , 8];
+            return [4
+            /*yield*/
+            , effects.put(snackbarActions.closeSnackbar())];
+
+          case 7:
+            _a.sent();
+
+            _a.label = 8;
+
+          case 8:
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    }
+    function rootSaga() {
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4
+            /*yield*/
+            , effects.takeLatest(snackbarActions.openSnackbar.type, openSnackbarSaga)];
+
+          case 1:
+            _a.sent();
+
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    }
+
+    /* *
+     * Licensed under the Apache License, Version 2.0 (the "License");
+     * you may not use this file except in compliance with the License.
+     * You may obtain a copy of the License at
+     *
+     *     http://www.apache.org/licenses/LICENSE-2.0
+     *
+     * Unless required by applicable law or agreed to in writing, software
+     * distributed under the License is distributed on an "AS IS" BASIS,
+     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     * See the License for the specific language governing permissions and
+     * limitations under the License.
+     *
+     * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+     * Copyright 2022 - Finnish Meteorological Institute (FMI)
+     * */
+    var snackbarModuleConfig = {
+      id: 'snackbar-module',
+      reducerMap: {
+        snackbar: reducer
       },
       sagas: [rootSaga]
     };
@@ -8685,7 +8839,7 @@
      * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
      * Copyright 2021 - Finnish Meteorological Institute (FMI)
      * */
-    var coreModuleConfig = [moduleConfig, synchronizationGroupConfig, uiModuleConfig, layerSelectConfig];
+    var coreModuleConfig = [moduleConfig, synchronizationGroupConfig, uiModuleConfig, layerSelectConfig, snackbarModuleConfig];
 
     /* *
      * Licensed under the Apache License, Version 2.0 (the "License");
@@ -9265,7 +9419,7 @@
      * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
      * Copyright 2021 - Finnish Meteorological Institute (FMI)
      * */
-    var useStyles$q = makeStyles__default["default"]({
+    var useStyles$p = makeStyles__default["default"]({
       buttonDiv: {
         position: 'relative'
       },
@@ -9298,7 +9452,7 @@
           handleClose = _a.handleClose,
           _d = _a.layerType,
           layerType = _d === void 0 ? LayerType.mapLayer : _d;
-      var classes = useStyles$q();
+      var classes = useStyles$p();
 
       var _e = __read(React__namespace.useState(''), 2),
           serviceURL = _e[0],
@@ -9691,7 +9845,7 @@
      * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
      * Copyright 2021 - Finnish Meteorological Institute (FMI)
      * */
-    var useStyles$p = makeStyles__default["default"]({
+    var useStyles$o = makeStyles__default["default"]({
       row: {
         height: '32px'
       },
@@ -9715,7 +9869,7 @@
           layerManagerWidth = _a.layerManagerWidth,
           _e = _a.layerSelect,
           layerSelect = _e === void 0 ? false : _e;
-      var classes = useStyles$p();
+      var classes = useStyles$o();
       var columnSizes = layerManagerWidth === LayerManagerWidth.sm ? LayerManagerColumnsSmall() : LayerManagerColumnsLarge();
       return /*#__PURE__*/React__namespace.createElement(material.Grid, {
         container: true,
@@ -9939,7 +10093,7 @@
      * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
      * Copyright 2021 - Finnish Meteorological Institute (FMI)
      * */
-    var useStyles$o = makeStyles__default["default"](function (theme) {
+    var useStyles$n = makeStyles__default["default"](function (theme) {
       return createStyles__default["default"]({
         dropdownEmpty: {
           paddingLeft: 8,
@@ -9991,7 +10145,7 @@
           layers = _c === void 0 ? [] : _c,
           _d = _a.isEnabled,
           isEnabled = _d === void 0 ? true : _d;
-      var classes = useStyles$o();
+      var classes = useStyles$n();
 
       if (!layers || !layers.length) {
         return /*#__PURE__*/React__namespace.createElement("div", {
@@ -10073,7 +10227,7 @@
      * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
      * Copyright 2021 - Finnish Meteorological Institute (FMI)
      * */
-    var useStyles$n = makeStyles__default["default"](function (theme) {
+    var useStyles$m = makeStyles__default["default"](function (theme) {
       return {
         opacityDiv: {
           height: 'calc(100% - 5px)',
@@ -10133,7 +10287,7 @@
           onLayerChangeOpacity = _a.onLayerChangeOpacity,
           _b = _a.isEnabled,
           isEnabled = _b === void 0 ? true : _b;
-      var classes = useStyles$n();
+      var classes = useStyles$m();
 
       var _c = __read(React__namespace.useState(false), 2),
           open = _c[0],
@@ -10346,26 +10500,22 @@
      * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
      * Copyright 2021 - Finnish Meteorological Institute (FMI)
      * */
-    var useStyles$m = makeStyles__default["default"](function (theme) {
-      return createStyles__default["default"]({
-        svgIcon: {
-          fill: function fill(_a) {
-            var isActive = _a.isActive,
-                isEnabled = _a.isEnabled;
 
-            if (isActive) {
-              return theme.palette.common.white;
-            }
-
-            if (isEnabled) {
-              return theme.palette.geowebColors.buttons.flat["default"].color;
-            }
+    var makeIconStyle = function makeIconStyle(isActive, isEnabled) {
+      return {
+        color: function color() {
+          if (isActive) {
+            return 'common.white';
+          }
 
-            return theme.palette.geowebColors.buttons.flat.disabled.color;
+          if (isEnabled) {
+            return 'geowebColors.buttons.flat.default.color';
           }
+
+          return 'geowebColors.buttons.flat.disabled.color';
         }
-      });
-    });
+      };
+    };
 
     var ActivateLayer = function ActivateLayer(_a) {
       var _b = _a.tooltipTitle,
@@ -10375,15 +10525,12 @@
           isActive = _c === void 0 ? false : _c,
           _d = _a.isEnabled,
           isEnabled = _d === void 0 ? true : _d;
-      var classes = useStyles$m({
-        isActive: isActive,
-        isEnabled: isEnabled
-      });
+      var iconStyle = makeIconStyle(isActive, isEnabled);
       return /*#__PURE__*/React__namespace.createElement(shared.ManagerButton, {
         tooltipTitle: tooltipTitle,
         onClick: onClickActivate,
         icon: /*#__PURE__*/React__namespace.createElement(theme.Flag, {
-          className: classes.svgIcon
+          sx: iconStyle
         }),
         testId: "activateLayerButton",
         isActive: isActive
@@ -13989,15 +14136,10 @@
       return /*#__PURE__*/React__namespace.createElement(material.Tooltip, {
         placement: placement,
         title: title
-      }, /*#__PURE__*/React__namespace.createElement(material.Box, {
-        component: "span",
-        sx: {
-          marginBottom: '8px'
-        }
       }, /*#__PURE__*/React__namespace.createElement(shared.ToolButton, __assign({
         onClick: onClick,
         active: isActive
-      }, props), children)));
+      }, props), children));
     };
 
     /* *
@@ -14830,6 +14972,8 @@
      * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
      * Copyright 2020 - Finnish Meteorological Institute (FMI)
      * */
+    var titleOn = 'Auto update on';
+    var titleOff = 'Auto update off';
 
     var AutoUpdateButton = function AutoUpdateButton(_a) {
       var _b = _a.toggleAutoUpdate,
@@ -14841,10 +14985,9 @@
           _d = _a.disabled,
           disabled = _d === void 0 ? false : _d;
       return /*#__PURE__*/React__namespace.createElement(material.Tooltip, {
-        title: isAutoUpdating ? 'Auto update on' : 'Auto update off'
-      }, /*#__PURE__*/React__namespace.createElement("span", {
+        title: isAutoUpdating ? titleOn : titleOff,
         "data-testid": "autoUpdateButtonTooltip"
-      }, /*#__PURE__*/React__namespace.createElement(shared.ToolButton, {
+      }, /*#__PURE__*/React__namespace.createElement("span", null, /*#__PURE__*/React__namespace.createElement(shared.ToolButton, {
         active: isAutoUpdating,
         disabled: disabled,
         onClick: function onClick() {
@@ -14892,6 +15035,7 @@
         }
       };
     });
+    var speedTooltipTitle = 'Speed';
 
     var SpeedButton = function SpeedButton(_a) {
       var animationDelay = _a.animationDelay,
@@ -14951,14 +15095,14 @@
       return /*#__PURE__*/React__namespace.createElement("div", {
         className: classes.speedButtonDiv
       }, /*#__PURE__*/React__namespace.createElement(material.Tooltip, {
-        title: "Speed"
-      }, /*#__PURE__*/React__namespace.createElement("span", null, /*#__PURE__*/React__namespace.createElement(shared.ToolButton, {
+        title: speedTooltipTitle
+      }, /*#__PURE__*/React__namespace.createElement(shared.ToolButton, {
         onClick: onClickButton,
         active: true,
         "data-testid": "speedButton"
       }, /*#__PURE__*/React__namespace.createElement(theme.TextIcon, {
         text: text
-      })))), open ? /*#__PURE__*/React__namespace.createElement("div", {
+      }))), open ? /*#__PURE__*/React__namespace.createElement("div", {
         className: classes.sliderBackground
       }, /*#__PURE__*/React__namespace.createElement(material.Box, {
         sx: shared.sliderHeaderStyle
@@ -15138,6 +15282,7 @@
         disabled: {}
       };
     });
+    var timeStepTitle = 'Time step';
 
     var TimeStepButton = function TimeStepButton(_a) {
       var timeStep = _a.timeStep,
@@ -15208,8 +15353,8 @@
       return /*#__PURE__*/React__namespace.createElement("div", {
         className: classes.timeStepDiv
       }, /*#__PURE__*/React__namespace.createElement(material.Tooltip, {
-        title: "Time step"
-      }, /*#__PURE__*/React__namespace.createElement("span", null, /*#__PURE__*/React__namespace.createElement(shared.ToolButton, {
+        title: timeStepTitle
+      }, /*#__PURE__*/React__namespace.createElement(shared.ToolButton, {
         active: true,
         onClick: onClickButton,
         "data-testid": "timeStepButton",
@@ -15217,7 +15362,7 @@
       }, /*#__PURE__*/React__namespace.createElement(theme.FastForward, null), /*#__PURE__*/React__namespace.createElement(theme.TextIcon, {
         text: currentMark && currentMark.text || '',
         "data-testid": "timeStepButtonText"
-      })))), open ? /*#__PURE__*/React__namespace.createElement("div", {
+      }))), open ? /*#__PURE__*/React__namespace.createElement("div", {
         className: classes.sliderBackground
       }, /*#__PURE__*/React__namespace.createElement(material.Box, {
         sx: shared.sliderHeaderStyle
@@ -15307,13 +15452,13 @@
       var id = open ? 'simple-popover' : undefined;
       return /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement(material.Tooltip, {
         title: "Options"
-      }, /*#__PURE__*/React__namespace.createElement("span", null, /*#__PURE__*/React__namespace.createElement(shared.ToolButton, {
+      }, /*#__PURE__*/React__namespace.createElement(shared.ToolButton, {
         onClick: onClickButton,
         "data-testid": "optionsMenuButton",
         active: open
       }, /*#__PURE__*/React__namespace.createElement(theme.Options, {
         "data-testid": "optionsIcon"
-      })))), /*#__PURE__*/React__namespace.createElement(OptionsPopOver, {
+      }))), /*#__PURE__*/React__namespace.createElement(OptionsPopOver, {
         id: id,
         open: open,
         "data-testid": "optionsMenuPopOver",
@@ -23235,9 +23380,7 @@
     exports.dateFormat = dateFormat;
     exports.defaultBbox = defaultBbox;
     exports.defaultConfigurations = defaultConfigurations;
-    exports.filterBaseLayers = filterBaseLayers;
     exports.filterLayers = filterLayers;
-    exports.filterMapLayers = filterMapLayers;
     exports.filterMapPresets = filterMapPresets;
     exports.filterNonTimeDimensions = filterNonTimeDimensions;
     exports.filterServices = filterServices;
@@ -23245,7 +23388,7 @@
     exports.generateMapId = generateMapId;
     exports.generateTimesliderId = generateTimesliderId;
     exports.getFirstTimeStepForLayerId = getFirstTimeStepForLayerId;
-    exports.getInitialPresets = getInitialPresets;
+    exports.getInitialAppPresets = getInitialAppPresets;
     exports.getLastTimeStepForLayerId = getLastTimeStepForLayerId;
     exports.getNextTimeStepForLayerId = getNextTimeStepForLayerId;
     exports.getPreviousTimeStepForLayerId = getPreviousTimeStepForLayerId;
@@ -23254,12 +23397,14 @@
     exports.getWMJSTimeDimensionForLayerId = getWMJSTimeDimensionForLayerId;
     exports.getWMLayerById = getWMLayerById;
     exports.layerActions = layerActions;
-    exports.layerReducer = reducer$5;
+    exports.layerReducer = reducer$6;
     exports.mapActions = mapActions;
     exports.mapModuleConfig = moduleConfig;
     exports.mapSelectors = selectors;
     exports.mapTypes = types$2;
     exports.mapUtils = utils;
+    exports.parseBoolean = parseBoolean;
+    exports.parseLayer = parseLayer;
     exports.publicLayers = publicLayers;
     exports.publicServices = publicServices;
     exports.registerWMJSMap = registerWMJSMap;