@opengeoweb/cap 12.2.0 → 12.4.1

package/index.esm.js

@@ -1,19 +1,20 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useApiContext, useApi, createNonAuthApiInstance, ApiProvider } from '@opengeoweb/api';
-import { Grid2, Typography, Box, Card, CircularProgress } from '@mui/material';
+import { Grid, Typography, Box, LinearProgress, Card, CircularProgress } from '@mui/material';
 import { Box as Box$1 } from '@mui/system';
-import { dateUtils, AlertBanner } from '@opengeoweb/shared';
-import { useSelector, useDispatch } from 'react-redux';
-import { createEntityAdapter, createSlice, createSelector, combineReducers, configureStore } from '@reduxjs/toolkit';
+import { dateUtils, AlertBanner, sessionStorageProvider, usePrevious } from '@opengeoweb/shared';
 import React, { useMemo } from 'react';
 import i18n from 'i18next';
 import { useTranslation } from 'react-i18next';
 import { ConfigurableMapConnect } from '@opengeoweb/core';
 import '@opengeoweb/timeslider';
 import { isOpenLayersEnabled, OpenLayersFeatureLayer, genericOpenLayersFeatureStyle, MapViewLayer, MapWarningProperties } from '@opengeoweb/webmap-react';
+import { useQuery, useQueries } from '@tanstack/react-query';
+import { handleResponse } from '@opengeoweb/api';
 import { GeoJSON } from 'ol/format';
-import { mapListener, serviceListener, layersListener, syncGroupsListener, genericListener, openlayersListener, syncGroupsReducer, layerReducer, serviceReducer, mapReducer, mapSelectors } from '@opengeoweb/store';
+import { useSelector } from 'react-redux';
+import { mapSelectors, mapListener, serviceListener, layersListener, syncGroupsListener, genericListener, openlayersListener, syncGroupsReducer, layerReducer, serviceReducer, mapReducer } from '@opengeoweb/store';
 import { webmapUtils } from '@opengeoweb/webmap';
+import { combineReducers, configureStore } from '@reduxjs/toolkit';
 
 var en = {
 	"map-view-cap-error-title": "Something went wrong with loading the configuration file",
@@ -58,117 +59,6 @@ var capTrans = {
 	nl: nl
 };
 
-/* *
- * 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)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var feedAdapter = createEntityAdapter();
-var feedInitialState = feedAdapter.getInitialState();
-var alertAdapter = createEntityAdapter({
-  // we use identifier as id
-  selectId: function selectId(capAlert) {
-    return capAlert.identifier;
-  }
-});
-var alertInitialState = alertAdapter.getInitialState();
-var initialState = {
-  feeds: feedInitialState,
-  alerts: alertInitialState
-};
-var slice = createSlice({
-  initialState: initialState,
-  name: 'capReducer',
-  reducers: {
-    addManyAlerts: function addManyAlerts(draft, action) {
-      alertAdapter.upsertMany(draft.alerts, action.payload);
-    },
-    addManyAlertsToFeed: function addManyAlertsToFeed(draft, action) {
-      feedAdapter.upsertOne(draft.feeds, {
-        id: action.payload.feedId,
-        lastUpdated: Date.now(),
-        alertIds: action.payload.alertIds
-      });
-    },
-    setFeedLastUpdatedTimes: function setFeedLastUpdatedTimes(draft, action) {
-      feedAdapter.updateMany(draft.feeds, action.payload);
-    }
-  }
-});
-var capReducer = slice.reducer,
-  capActions = 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)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var getCapStore = function getCapStore(store) {
-  if (store && store.cap) {
-    return store.cap;
-  }
-  return null;
-};
-var _feedAdapter$getSelec = feedAdapter.getSelectors(function (state) {
-    return state.cap.feeds;
-  }),
-  getCapFeedById = _feedAdapter$getSelec.selectById,
-  getCapFeeds = _feedAdapter$getSelec.selectAll;
-var _alertAdapter$getSele = alertAdapter.getSelectors(function (state) {
-    return state.cap.alerts;
-  }),
-  getAlertById = _alertAdapter$getSele.selectById,
-  getAlerts = _alertAdapter$getSele.selectAll,
-  getAlertIds = _alertAdapter$getSele.selectIds;
-var getAlertsInEffect = createSelector(getAlerts, function (_state, selectedTime) {
-  return selectedTime;
-}, function (alerts, selectedTime) {
-  return alerts.filter(function (alert) {
-    return dateUtils.isBetween(dateUtils.createDate(selectedTime), dateUtils.createDate(alert.onset), dateUtils.createDate(alert.expires), '[)');
-  });
-});
-var getLastUpdatedTimes = createSelector(getCapFeeds, function (feeds) {
-  return feeds.map(function (feed) {
-    return feed.lastUpdated;
-  });
-});
-
-var selectors = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  getAlertById: getAlertById,
-  getAlertIds: getAlertIds,
-  getAlerts: getAlerts,
-  getAlertsInEffect: getAlertsInEffect,
-  getCapFeedById: getCapFeedById,
-  getCapFeeds: getCapFeeds,
-  getCapStore: getCapStore,
-  getLastUpdatedTimes: getLastUpdatedTimes
-});
-
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
@@ -177,34 +67,6 @@ function _arrayLikeToArray(r, a) {
 function _arrayWithHoles(r) {
   if (Array.isArray(r)) return r;
 }
-function _arrayWithoutHoles(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray(r);
-}
-function asyncGeneratorStep(n, t, e, r, o, a, c) {
-  try {
-    var i = n[a](c),
-      u = i.value;
-  } catch (n) {
-    return void e(n);
-  }
-  i.done ? t(u) : Promise.resolve(u).then(r, o);
-}
-function _asyncToGenerator(n) {
-  return function () {
-    var t = this,
-      e = arguments;
-    return new Promise(function (r, o) {
-      var a = n.apply(t, e);
-      function _next(n) {
-        asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
-      }
-      function _throw(n) {
-        asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
-      }
-      _next(void 0);
-    });
-  };
-}
 function _createForOfIteratorHelper(r, e) {
   var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (!t) {
@@ -261,9 +123,6 @@ function _defineProperty(e, r, t) {
     writable: true
   }) : e[r] = t, e;
 }
-function _iterableToArray(r) {
-  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
-}
 function _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
@@ -291,9 +150,6 @@ function _iterableToArrayLimit(r, l) {
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
 function ownKeys(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
@@ -315,313 +171,9 @@ function _objectSpread2(e) {
   }
   return e;
 }
-function _regeneratorRuntime() {
-  _regeneratorRuntime = function () {
-    return e;
-  };
-  var t,
-    e = {},
-    r = Object.prototype,
-    n = r.hasOwnProperty,
-    o = Object.defineProperty || function (t, e, r) {
-      t[e] = r.value;
-    },
-    i = "function" == typeof Symbol ? Symbol : {},
-    a = i.iterator || "@@iterator",
-    c = i.asyncIterator || "@@asyncIterator",
-    u = i.toStringTag || "@@toStringTag";
-  function define(t, e, r) {
-    return Object.defineProperty(t, e, {
-      value: r,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    }), t[e];
-  }
-  try {
-    define({}, "");
-  } catch (t) {
-    define = function (t, e, r) {
-      return t[e] = r;
-    };
-  }
-  function wrap(t, e, r, n) {
-    var i = e && e.prototype instanceof Generator ? e : Generator,
-      a = Object.create(i.prototype),
-      c = new Context(n || []);
-    return o(a, "_invoke", {
-      value: makeInvokeMethod(t, r, c)
-    }), a;
-  }
-  function tryCatch(t, e, r) {
-    try {
-      return {
-        type: "normal",
-        arg: t.call(e, r)
-      };
-    } catch (t) {
-      return {
-        type: "throw",
-        arg: t
-      };
-    }
-  }
-  e.wrap = wrap;
-  var h = "suspendedStart",
-    l = "suspendedYield",
-    f = "executing",
-    s = "completed",
-    y = {};
-  function Generator() {}
-  function GeneratorFunction() {}
-  function GeneratorFunctionPrototype() {}
-  var p = {};
-  define(p, a, function () {
-    return this;
-  });
-  var d = Object.getPrototypeOf,
-    v = d && d(d(values([])));
-  v && v !== r && n.call(v, a) && (p = v);
-  var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
-  function defineIteratorMethods(t) {
-    ["next", "throw", "return"].forEach(function (e) {
-      define(t, e, function (t) {
-        return this._invoke(e, t);
-      });
-    });
-  }
-  function AsyncIterator(t, e) {
-    function invoke(r, o, i, a) {
-      var c = tryCatch(t[r], t, o);
-      if ("throw" !== c.type) {
-        var u = c.arg,
-          h = u.value;
-        return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
-          invoke("next", t, i, a);
-        }, function (t) {
-          invoke("throw", t, i, a);
-        }) : e.resolve(h).then(function (t) {
-          u.value = t, i(u);
-        }, function (t) {
-          return invoke("throw", t, i, a);
-        });
-      }
-      a(c.arg);
-    }
-    var r;
-    o(this, "_invoke", {
-      value: function (t, n) {
-        function callInvokeWithMethodAndArg() {
-          return new e(function (e, r) {
-            invoke(t, n, e, r);
-          });
-        }
-        return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-      }
-    });
-  }
-  function makeInvokeMethod(e, r, n) {
-    var o = h;
-    return function (i, a) {
-      if (o === f) throw Error("Generator is already running");
-      if (o === s) {
-        if ("throw" === i) throw a;
-        return {
-          value: t,
-          done: true
-        };
-      }
-      for (n.method = i, n.arg = a;;) {
-        var c = n.delegate;
-        if (c) {
-          var u = maybeInvokeDelegate(c, n);
-          if (u) {
-            if (u === y) continue;
-            return u;
-          }
-        }
-        if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
-          if (o === h) throw o = s, n.arg;
-          n.dispatchException(n.arg);
-        } else "return" === n.method && n.abrupt("return", n.arg);
-        o = f;
-        var p = tryCatch(e, r, n);
-        if ("normal" === p.type) {
-          if (o = n.done ? s : l, p.arg === y) continue;
-          return {
-            value: p.arg,
-            done: n.done
-          };
-        }
-        "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
-      }
-    };
-  }
-  function maybeInvokeDelegate(e, r) {
-    var n = r.method,
-      o = e.iterator[n];
-    if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
-    var i = tryCatch(o, e.iterator, r.arg);
-    if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
-    var a = i.arg;
-    return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
-  }
-  function pushTryEntry(t) {
-    var e = {
-      tryLoc: t[0]
-    };
-    1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
-  }
-  function resetTryEntry(t) {
-    var e = t.completion || {};
-    e.type = "normal", delete e.arg, t.completion = e;
-  }
-  function Context(t) {
-    this.tryEntries = [{
-      tryLoc: "root"
-    }], t.forEach(pushTryEntry, this), this.reset(true);
-  }
-  function values(e) {
-    if (e || "" === e) {
-      var r = e[a];
-      if (r) return r.call(e);
-      if ("function" == typeof e.next) return e;
-      if (!isNaN(e.length)) {
-        var o = -1,
-          i = function next() {
-            for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = false, next;
-            return next.value = t, next.done = true, next;
-          };
-        return i.next = i;
-      }
-    }
-    throw new TypeError(typeof e + " is not iterable");
-  }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
-    value: GeneratorFunctionPrototype,
-    configurable: true
-  }), o(GeneratorFunctionPrototype, "constructor", {
-    value: GeneratorFunction,
-    configurable: true
-  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
-    var e = "function" == typeof t && t.constructor;
-    return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
-  }, e.mark = function (t) {
-    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
-  }, e.awrap = function (t) {
-    return {
-      __await: t
-    };
-  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
-    return this;
-  }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
-    void 0 === i && (i = Promise);
-    var a = new AsyncIterator(wrap(t, r, n, o), i);
-    return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
-      return t.done ? t.value : a.next();
-    });
-  }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
-    return this;
-  }), define(g, "toString", function () {
-    return "[object Generator]";
-  }), e.keys = function (t) {
-    var e = Object(t),
-      r = [];
-    for (var n in e) r.push(n);
-    return r.reverse(), function next() {
-      for (; r.length;) {
-        var t = r.pop();
-        if (t in e) return next.value = t, next.done = false, next;
-      }
-      return next.done = true, next;
-    };
-  }, e.values = values, Context.prototype = {
-    constructor: Context,
-    reset: function (e) {
-      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = false, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
-    },
-    stop: function () {
-      this.done = true;
-      var t = this.tryEntries[0].completion;
-      if ("throw" === t.type) throw t.arg;
-      return this.rval;
-    },
-    dispatchException: function (e) {
-      if (this.done) throw e;
-      var r = this;
-      function handle(n, o) {
-        return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
-      }
-      for (var o = this.tryEntries.length - 1; o >= 0; --o) {
-        var i = this.tryEntries[o],
-          a = i.completion;
-        if ("root" === i.tryLoc) return handle("end");
-        if (i.tryLoc <= this.prev) {
-          var c = n.call(i, "catchLoc"),
-            u = n.call(i, "finallyLoc");
-          if (c && u) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, true);
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          } else if (c) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, true);
-          } else {
-            if (!u) throw Error("try statement without catch or finally");
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          }
-        }
-      }
-    },
-    abrupt: function (t, e) {
-      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
-        var o = this.tryEntries[r];
-        if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
-          var i = o;
-          break;
-        }
-      }
-      i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
-      var a = i ? i.completion : {};
-      return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
-    },
-    complete: function (t, e) {
-      if ("throw" === t.type) throw t.arg;
-      return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
-    },
-    finish: function (t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
-      }
-    },
-    catch: function (t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.tryLoc === t) {
-          var n = r.completion;
-          if ("throw" === n.type) {
-            var o = n.arg;
-            resetTryEntry(r);
-          }
-          return o;
-        }
-      }
-      throw Error("illegal catch attempt");
-    },
-    delegateYield: function (e, r, n) {
-      return this.delegate = {
-        iterator: values(e),
-        resultName: r,
-        nextLoc: n
-      }, "next" === this.method && (this.arg = t), y;
-    }
-  }, e;
-}
 function _slicedToArray(r, e) {
   return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
 }
-function _toConsumableArray(r) {
-  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
-}
 function _toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
@@ -730,7 +282,7 @@ var WarningListRowCap = function WarningListRowCap(_ref) {
     expires = _ref.expires;
   var _useCapTranslation = useCapTranslation(),
     t = _useCapTranslation.t;
-  return jsxs(Grid2, {
+  return jsxs(Grid, {
     container: true,
     sx: {
       border: severityStyles[severity].border,
@@ -740,7 +292,7 @@ var WarningListRowCap = function WarningListRowCap(_ref) {
       marginBottom: '20px',
       width: '100%'
     },
-    children: [jsxs(Grid2, {
+    children: [jsxs(Grid, {
       size: {
         xs: 4
       },
@@ -755,7 +307,7 @@ var WarningListRowCap = function WarningListRowCap(_ref) {
         "data-testid": "event",
         children: event ? "".concat(event) : ''
       })]
-    }), jsxs(Grid2, {
+    }), jsxs(Grid, {
       size: {
         xs: 4
       },
@@ -770,7 +322,7 @@ var WarningListRowCap = function WarningListRowCap(_ref) {
         "data-testid": "severity",
         children: severity ? "".concat(severity) : ''
       })]
-    }), jsxs(Grid2, {
+    }), jsxs(Grid, {
       size: {
         xs: 4
       },
@@ -791,15 +343,12 @@ var WarningListRowCap = function WarningListRowCap(_ref) {
 
 var WarningListRowCapConnect = function WarningListRowCapConnect(_ref) {
   var _alert$languages;
-  var alertId = _ref.alertId,
+  var alert = _ref.alert,
     capWarningPresets = _ref.capWarningPresets;
   var _React$useState = React.useState(0),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     languageIndex = _React$useState2[0],
     setLanguageIndex = _React$useState2[1];
-  var alert = useSelector(function (store) {
-    return getAlertById(store, alertId);
-  });
   var alertHasLanguages = Boolean(alert === null || alert === void 0 || (_alert$languages = alert.languages) === null || _alert$languages === void 0 ? void 0 : _alert$languages.length);
   var language = i18n.language;
   React.useEffect(function () {
@@ -819,16 +368,24 @@ var WarningListRowCapConnect = function WarningListRowCapConnect(_ref) {
 
 var WarningListCap = function WarningListCap(_ref) {
   var capWarningPresets = _ref.capWarningPresets,
-    alertIds = _ref.alertIds;
+    alerts = _ref.alerts,
+    _ref$isPending = _ref.isPending,
+    isPending = _ref$isPending === void 0 ? false : _ref$isPending;
   var _useCapTranslation = useCapTranslation(),
     t = _useCapTranslation.t;
-  return jsx(Box, {
+  return jsxs(Box, {
     sx: {
       width: '100%',
       height: '100%',
       display: 'flex'
     },
-    children: jsxs(Card, {
+    children: [isPending && jsx(LinearProgress, {
+      color: "secondary",
+      sx: {
+        position: 'absolute',
+        width: '100%'
+      }
+    }), jsxs(Card, {
       sx: {
         justifyContent: 'center',
         alignItems: 'center',
@@ -841,7 +398,10 @@ var WarningListCap = function WarningListCap(_ref) {
         position: 'relative'
       },
       "data-testid": "warningList",
-      children: [alertIds.length > 0 && jsx(Box, {
+      children: [!isPending && !alerts.length && jsx(AlertBanner, {
+        title: "No results",
+        severity: "warning"
+      }), alerts.length > 0 && jsx(Box, {
         sx: {
           position: 'sticky',
           top: 0,
@@ -850,67 +410,16 @@ var WarningListCap = function WarningListCap(_ref) {
           justifyContent: 'center'
         },
         children: jsx(AlertBanner, {
-          title: t('warning-list-cap-alert-banner-title')
+          title: t('warning-list-cap-alert-banner-title'),
+          severity: "info"
         })
-      }), alertIds.length === 0 ? jsx(Box, {
-        sx: {
-          position: 'absolute',
-          left: '50%',
-          top: '20%',
-          zIndex: '100'
-        },
-        children: jsx(CircularProgress, {})
-      }) : null, alertIds.map(function (id) {
+      }), alerts.map(function (alert) {
         return jsx(WarningListRowCapConnect, {
-          alertId: id,
+          alert: alert,
           capWarningPresets: capWarningPresets
-        }, id);
+        }, alert.identifier);
       })]
-    })
-  });
-};
-
-var WarningListCapConnect = function WarningListCapConnect(_ref) {
-  var capWarningPresets = _ref.capWarningPresets;
-  var alertIDs = useSelector(function (store) {
-    return getAlertIds(store);
-  });
-  return jsx(WarningListCap, {
-    capWarningPresets: capWarningPresets,
-    alertIds: alertIDs
-  });
-};
-
-var WarningListCapConnectWrapper = function WarningListCapConnectWrapper(_ref) {
-  var productConfigKey = _ref.productConfigKey;
-  var _useApiContext = useApiContext(),
-    api = _useApiContext.api;
-  var _useCapTranslation = useCapTranslation(),
-    t = _useCapTranslation.t;
-  var _useApi = useApi(api.getCapConfiguration, productConfigKey),
-    productConfig = _useApi.result,
-    isConfigLoading = _useApi.isLoading,
-    error = _useApi.error;
-  if (isConfigLoading) {
-    return jsx(Box$1, {
-      sx: {
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center'
-      },
-      children: jsx(CircularProgress, {
-        "data-testid": "loadingSpinner"
-      })
-    });
-  }
-  if (error) {
-    return jsx(AlertBanner, {
-      title: t('warning-list-cap-error-title'),
-      info: error.message
-    });
-  }
-  return jsx(WarningListCapConnect, {
-    capWarningPresets: productConfig
+    })]
   });
 };
 
@@ -931,33 +440,44 @@ var WarningListCapConnectWrapper = function WarningListCapConnectWrapper(_ref) {
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var getApiRoutes = function getApiRoutes(axiosInstance, nonAuthAxiosInstance) {
-  return {
-    getCapConfiguration: function getCapConfiguration(productConfigKey) {
-      return nonAuthAxiosInstance.get("/assets/".concat(productConfigKey));
-    },
-    getAllAlerts: function getAllAlerts(thirdPartyApiUrl) {
-      return axiosInstance.get("/allalerts?url=".concat(thirdPartyApiUrl));
-    },
-    getFeedLinks: function getFeedLinks(thirdPartyApiUrl) {
-      return axiosInstance.get("/feedlinks?url=".concat(thirdPartyApiUrl));
-    },
-    getSingleAlert: function getSingleAlert(alertUrl) {
-      return axiosInstance.get("/singlealert?url=".concat(alertUrl));
-    },
-    getLastUpdated: function getLastUpdated(thirdPartyApiUrl) {
-      return axiosInstance.get("/poll_feed?url=".concat(thirdPartyApiUrl));
-    }
-  };
-};
-var createApi = function createApi(props) {
-  var axiosInstance = createNonAuthApiInstance(props);
-  var nonAuthAxiosInstance = createNonAuthApiInstance({});
-  return getApiRoutes(axiosInstance, nonAuthAxiosInstance);
+var addFeedAddressToCustomGeoJSonFeature = function addFeedAddressToCustomGeoJSonFeature(feedAddress, features) {
+  return features.reduce(function (list, feature) {
+    return list.concat(_objectSpread2(_objectSpread2({}, feature), {}, {
+      properties: _objectSpread2(_objectSpread2({}, feature.properties), {}, {
+        details: _objectSpread2(_objectSpread2({}, feature.properties.details), {}, {
+          feedAddress: feedAddress
+        })
+      })
+    }));
+  }, []);
 };
 
-var mockLastUpdated = {
-  lastUpdated: 1666096534
+var config = sessionStorageProvider.getConfig();
+var capBaseUrl = config.GW_CAP_BASE_URL || '';
+var getConfig = function getConfig(productConfigKey) {
+  return fetch("assets/".concat(encodeURIComponent(productConfigKey))).then(handleResponse);
+};
+var getFeedLinks = function getFeedLinks(feedAddress) {
+  return fetch("".concat(capBaseUrl, "/feedlinks?url=").concat(encodeURIComponent(feedAddress))).then(handleResponse).then(function (result) {
+    return result.map(function (link) {
+      return {
+        link: link,
+        feedAddress: feedAddress
+      };
+    });
+  });
+};
+var getSingleAlert = function getSingleAlert(alertUrl) {
+  return fetch("".concat(capBaseUrl, "/singlealert?url=").concat(encodeURIComponent(alertUrl.link))).then(handleResponse).then(function (result) {
+    var alert = _objectSpread2(_objectSpread2({}, result.alert), {}, {
+      feedAddress: alertUrl.feedAddress
+    });
+    var features = addFeedAddressToCustomGeoJSonFeature(alertUrl.feedAddress, result.features.features);
+    return {
+      alert: alert,
+      features: features
+    };
+  });
 };
 
 /* *
@@ -973,105 +493,126 @@ var mockLastUpdated = {
  * 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)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * Copyright 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2025 - Finnish Meteorological Institute (FMI)
+ * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var mockCapStateWithAlerts = {
-  alerts: {
-    ids: ['2.49.0.1.246.0.0.2022'],
-    entities: {
-      '2.49.0.1.246.0.0.2022': {
-        identifier: '2.49.0.1.246.0.0.2022',
-        feedAddress: 'https://alerts.fmi.fi/cap/feed/rss_en-GB.rss',
-        severity: 'Extreme',
-        certainty: 'Likely',
-        onset: '2022-07-07T00:00:00+03:00',
-        expires: '2022-07-07T23:53:10+03:00',
-        languages: [{
-          areaDesc: 'Uusimaa ja Kymenlaakso',
-          language: 'fi-FI',
-          event: 'Metsäpalovaroitus',
-          senderName: 'Ilmatieteen laitos',
-          headline: 'Oranssi metsäpalovaroitus: Uusimaa ja Kymenlaakso, to 0.00 - 23.53',
-          description: 'Metsäpalojen vaara on erittäin suuri keskiviikon ja torstain välisestä yöstä torstain ja perjantain väliseen yöhön 30 % todennäköisyydellä.'
-        }, {
-          areaDesc: 'Nyland och Kymmenedalen',
-          language: 'sv-FI',
-          event: 'Varning för skogsbrand',
-          senderName: 'Meteorologiska institutet',
-          headline: 'Orange varning för skogsbrand: Nyland och Kymmenedalen, to 0.00 - 23.53',
-          description: 'Risken för skogsbränder är mycket hög på från och med natten mellan onsdag och torsdag fram till natten mellan torsdag och fredag med 30 % sannolikhet.'
-        }, {
-          areaDesc: 'Uusimaa and Kymenlaakso',
-          language: 'en-GB',
-          event: 'Forest fire warning',
-          senderName: 'Finnish Meteorological Institute',
-          headline: 'Orange forest fire warning: Uusimaa and Kymenlaakso, Thu 0.00 - 23.53',
-          description: 'A risk of forest fires is very high on from the night between Wednesday and Thursday to the night between Thursday and Friday with probability of 30 %.'
-        }]
-      }
+var useGetConfig = function useGetConfig(productConfigKey) {
+  return useQuery({
+    queryKey: ['cap-config', productConfigKey],
+    queryFn: function queryFn() {
+      return getConfig(productConfigKey);
     }
-  },
-  feeds: {
-    ids: [],
-    entities: {}
-  }
+  });
 };
-var mockCapStateWithFeeds = {
-  alerts: {
-    ids: [],
-    entities: {}
-  },
-  feeds: {
-    ids: ['https://alerts.fmi.fi/cap/feed/rss_en-GB.rss', 'https://api.met.no/weatherapi/metalerts/1.1'],
-    entities: {
-      'https://alerts.fmi.fi/cap/feed/rss_en-GB.rss': {
-        id: 'https://alerts.fmi.fi/cap/feed/rss_en-GB.rss',
-        lastUpdated: mockLastUpdated.lastUpdated
-      },
-      'https://api.met.no/weatherapi/metalerts/1.1': {
-        id: 'https://api.met.no/weatherapi/metalerts/1.1',
-        lastUpdated: mockLastUpdated.lastUpdated
-      }
+var useAllFeedLinks = function useAllFeedLinks(capPresets) {
+  var queries = useMemo(function () {
+    return capPresets.feeds.map(function (feed) {
+      return {
+        queryKey: ['feedLinks', feed.feedAddress],
+        queryFn: function queryFn() {
+          return getFeedLinks(feed.feedAddress);
+        },
+        refetchInterval: capPresets.pollInterval
+      };
+    });
+  }, [capPresets]);
+  var results = useQueries({
+    queries: queries,
+    combine: function combine(results) {
+      return {
+        results: results.flatMap(function (result) {
+          return result.data;
+        }).filter(function (result) {
+          return !!result;
+        }),
+        pending: results.some(function (result) {
+          return result.isPending;
+        })
+      };
     }
-  }
+  });
+  return results;
+};
+var useAllFeedAlerts = function useAllFeedAlerts(capPresets) {
+  var _useAllFeedLinks = useAllFeedLinks(capPresets),
+    allFeeds = _useAllFeedLinks.results,
+    allFeedPending = _useAllFeedLinks.pending;
+  var queries = useMemo(function () {
+    return allFeeds.map(function (feed) {
+      return {
+        queryKey: ['feedAlert', feed],
+        queryFn: function queryFn() {
+          return getSingleAlert(feed);
+        }
+      };
+    });
+  }, [allFeeds]);
+  var _useQueries = useQueries({
+      queries: queries,
+      combine: function combine(results) {
+        return {
+          alertResults: results.map(function (result) {
+            return result.data;
+          }).filter(function (result) {
+            return !!result;
+          }),
+          pending: results.some(function (result) {
+            return result.isPending;
+          })
+        };
+      }
+    }),
+    alertResults = _useQueries.alertResults,
+    alertsPending = _useQueries.pending;
+  return {
+    results: alertResults,
+    pending: allFeedPending || alertsPending
+  };
 };
 
-/* *
- * 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)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var capReducersMap = {
-  webmap: mapReducer,
-  services: serviceReducer,
-  layers: layerReducer,
-  syncGroups: syncGroupsReducer,
-  cap: capReducer
+var WarningListCapConnect = function WarningListCapConnect(_ref) {
+  var capWarningPresets = _ref.capWarningPresets;
+  var _useAllFeedAlerts = useAllFeedAlerts(capWarningPresets),
+    feedAlerts = _useAllFeedAlerts.results,
+    pending = _useAllFeedAlerts.pending;
+  return jsx(WarningListCap, {
+    capWarningPresets: capWarningPresets,
+    alerts: feedAlerts.map(function (fa) {
+      return fa.alert;
+    }),
+    isPending: pending
+  });
 };
-var capMiddlewares = [mapListener.middleware, serviceListener.middleware, layersListener.middleware, syncGroupsListener.middleware, genericListener.middleware, openlayersListener.middleware];
-var capRootReducer = combineReducers(capReducersMap);
-var createMockStore = function createMockStore(mockState) {
-  return configureStore({
-    reducer: capRootReducer,
-    preloadedState: mockState,
-    middleware: function middleware(getDefaultMiddleware) {
-      return getDefaultMiddleware().concat(capMiddlewares);
-    },
-    devTools: true
+
+var WarningListCapConnectWrapper = function WarningListCapConnectWrapper(_ref) {
+  var productConfigKey = _ref.productConfigKey;
+  var _useCapTranslation = useCapTranslation(),
+    t = _useCapTranslation.t;
+  var _useGetConfig = useGetConfig(productConfigKey),
+    productConfig = _useGetConfig.data,
+    isPending = _useGetConfig.isPending,
+    error = _useGetConfig.error;
+  if (isPending) {
+    return jsx(Box$1, {
+      sx: {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center'
+      },
+      children: jsx(CircularProgress, {
+        "data-testid": "loadingSpinner"
+      })
+    });
+  }
+  if (error) {
+    return jsx(AlertBanner, {
+      title: t('warning-list-cap-error-title'),
+      info: error.message
+    });
+  }
+  return jsx(WarningListCapConnect, {
+    capWarningPresets: productConfig
   });
 };
 
@@ -1162,45 +703,6 @@ var addColors = function addColors(features) {
   return features;
 };
 
-/* *
- * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var addFeedAdressToCustomGeoJSonFeature = function addFeedAdressToCustomGeoJSonFeature(feedAddress, features) {
-  return features.reduce(function (list, feature) {
-    return list.concat(_objectSpread2(_objectSpread2({}, feature), {}, {
-      properties: _objectSpread2(_objectSpread2({}, feature.properties), {}, {
-        details: _objectSpread2(_objectSpread2({}, feature.properties.details), {}, {
-          feedAddress: feedAddress
-        })
-      })
-    }));
-  }, []);
-};
-
-// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint
-var isPromiseFulfilled = function isPromiseFulfilled(result) {
-  return result.status === 'fulfilled';
-};
-// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint
-var promiseSuccesses = function promiseSuccesses(results) {
-  return results.reduce(function (acc, result) {
-    return isPromiseFulfilled(result) ? [].concat(_toConsumableArray(acc), [result.value]) : acc;
-  }, []);
-};
 var MapViewCapConnect = function MapViewCapConnect(_ref) {
   var id = _ref.id,
     title = _ref.title,
@@ -1209,239 +711,18 @@ var MapViewCapConnect = function MapViewCapConnect(_ref) {
     capWarningPresets = _ref.capWarningPresets,
     layers = _ref.layers,
     children = _ref.children;
-  var _useApiContext = useApiContext(),
-    api = _useApiContext.api;
-  var dispatch = useDispatch();
-  var previousFeatures = React.useRef(null);
+  var _useAllFeedAlerts = useAllFeedAlerts(capWarningPresets),
+    feedAlertsResult = _useAllFeedAlerts.results;
   var _React$useState = React.useState({}),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     featuresByAlert = _React$useState2[0],
     setFeaturesByAlert = _React$useState2[1];
-  var _React$useState3 = React.useState(null),
+  var _React$useState3 = React.useState(undefined),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     selectedFeatureEvent = _React$useState4[0],
     setSelectedFeatureEvent = _React$useState4[1];
   var mapIdRef = React.useRef(id || webmapUtils.generateMapId());
   var layerIdRef = React.useRef(webmapUtils.generateLayerId());
-  var currentLastUpdatedTimes = useSelector(function (store) {
-    return getLastUpdatedTimes(store);
-  });
-  var fetchData = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(links, feedAddress) {
-      var alertsAndFeaturesPromises, alertsAndFeatures, realAlertsAndFeatures, alerts, featuresByAlert, combinedFeatures;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            alertsAndFeaturesPromises = links.map( /*#__PURE__*/function () {
-              var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(alertUrl) {
-                var _yield$api$getSingleA, data, alert, features;
-                return _regeneratorRuntime().wrap(function _callee$(_context) {
-                  while (1) switch (_context.prev = _context.next) {
-                    case 0:
-                      _context.next = 2;
-                      return api.getSingleAlert(alertUrl);
-                    case 2:
-                      _yield$api$getSingleA = _context.sent;
-                      data = _yield$api$getSingleA.data;
-                      alert = _objectSpread2(_objectSpread2({}, data.alert), {}, {
-                        feedAddress: feedAddress
-                      });
-                      features = addFeedAdressToCustomGeoJSonFeature(feedAddress, data.features.features);
-                      return _context.abrupt("return", {
-                        alert: alert,
-                        features: features
-                      });
-                    case 7:
-                    case "end":
-                      return _context.stop();
-                  }
-                }, _callee);
-              }));
-              return function (_x3) {
-                return _ref3.apply(this, arguments);
-              };
-            }());
-            _context2.next = 3;
-            return Promise.allSettled(alertsAndFeaturesPromises);
-          case 3:
-            alertsAndFeatures = _context2.sent;
-            realAlertsAndFeatures = alertsAndFeatures.reduce(function (alerts, result) {
-              return (
-                // endpoints may throttle requests and return empty alerts
-                isPromiseFulfilled(result) && result.value.alert ? [].concat(_toConsumableArray(alerts), [result.value]) : alerts
-              );
-            }, []);
-            alerts = realAlertsAndFeatures.map(function (_ref4) {
-              var alert = _ref4.alert;
-              return _objectSpread2({}, alert);
-            });
-            dispatch(capActions.addManyAlerts(alerts));
-            dispatch(capActions.addManyAlertsToFeed({
-              feedId: feedAddress,
-              alertIds: alerts.map(function (alert) {
-                return alert.identifier;
-              })
-            }));
-            featuresByAlert = realAlertsAndFeatures.reduce(function (byId, _ref5) {
-              var alert = _ref5.alert,
-                features = _ref5.features;
-              return _objectSpread2(_objectSpread2({}, byId), {}, _defineProperty({}, alert.identifier, addColors(features)));
-            }, {});
-            combinedFeatures = _objectSpread2(_objectSpread2({}, previousFeatures.current), featuresByAlert);
-            setFeaturesByAlert(combinedFeatures);
-            previousFeatures.current = combinedFeatures;
-          case 12:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return function fetchData(_x, _x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var fetchDataFromAllFeeds = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-      var feedPromises, feedLinks;
-      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
-          case 0:
-            feedPromises = capWarningPresets === null || capWarningPresets === void 0 ? void 0 : capWarningPresets.feeds.map( /*#__PURE__*/function () {
-              var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref7) {
-                var feedAddress, _yield$api$getFeedLin, links;
-                return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-                  while (1) switch (_context3.prev = _context3.next) {
-                    case 0:
-                      feedAddress = _ref7.feedAddress;
-                      _context3.next = 3;
-                      return api.getFeedLinks(feedAddress);
-                    case 3:
-                      _yield$api$getFeedLin = _context3.sent;
-                      links = _yield$api$getFeedLin.data;
-                      return _context3.abrupt("return", {
-                        links: links,
-                        feedAddress: feedAddress
-                      });
-                    case 6:
-                    case "end":
-                      return _context3.stop();
-                  }
-                }, _callee3);
-              }));
-              return function (_x4) {
-                return _ref8.apply(this, arguments);
-              };
-            }());
-            _context4.t0 = promiseSuccesses;
-            _context4.next = 4;
-            return Promise.allSettled(feedPromises);
-          case 4:
-            _context4.t1 = _context4.sent;
-            feedLinks = (0, _context4.t0)(_context4.t1);
-            feedLinks.forEach(function (_ref9) {
-              var links = _ref9.links,
-                feedAddress = _ref9.feedAddress;
-              void fetchData(links, feedAddress);
-            });
-          case 7:
-          case "end":
-            return _context4.stop();
-        }
-      }, _callee4);
-    }));
-    return function fetchDataFromAllFeeds() {
-      return _ref6.apply(this, arguments);
-    };
-  }();
-  var pollAndUpdate = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
-    var lastUpdatedPromises, lastUpdateTimes;
-    return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-      while (1) switch (_context7.prev = _context7.next) {
-        case 0:
-          lastUpdatedPromises = capWarningPresets === null || capWarningPresets === void 0 ? void 0 : capWarningPresets.feeds.map( /*#__PURE__*/function () {
-            var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(feed) {
-              var _yield$api$getLastUpd, updated;
-              return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-                while (1) switch (_context5.prev = _context5.next) {
-                  case 0:
-                    _context5.next = 2;
-                    return api.getLastUpdated(feed.feedAddress);
-                  case 2:
-                    _yield$api$getLastUpd = _context5.sent;
-                    updated = _yield$api$getLastUpd.data;
-                    return _context5.abrupt("return", {
-                      id: feed.feedAddress,
-                      changes: {
-                        lastUpdated: updated.lastUpdated
-                      }
-                    });
-                  case 5:
-                  case "end":
-                    return _context5.stop();
-                }
-              }, _callee5);
-            }));
-            return function (_x5) {
-              return _ref11.apply(this, arguments);
-            };
-          }());
-          if (!lastUpdatedPromises) {
-            _context7.next = 9;
-            break;
-          }
-          _context7.t0 = promiseSuccesses;
-          _context7.next = 5;
-          return Promise.allSettled(lastUpdatedPromises);
-        case 5:
-          _context7.t1 = _context7.sent;
-          lastUpdateTimes = (0, _context7.t0)(_context7.t1);
-          lastUpdateTimes.forEach( /*#__PURE__*/function () {
-            var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(feed, i) {
-              var _yield$api$getFeedLin2, links;
-              return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-                while (1) switch (_context6.prev = _context6.next) {
-                  case 0:
-                    if (!dateUtils.isAfter(feed.changes.lastUpdated, currentLastUpdatedTimes[i])) {
-                      _context6.next = 6;
-                      break;
-                    }
-                    _context6.next = 3;
-                    return api.getFeedLinks(feed.id);
-                  case 3:
-                    _yield$api$getFeedLin2 = _context6.sent;
-                    links = _yield$api$getFeedLin2.data;
-                    void fetchData(links, feed.id);
-                  case 6:
-                  case "end":
-                    return _context6.stop();
-                }
-              }, _callee6);
-            }));
-            return function (_x6, _x7) {
-              return _ref12.apply(this, arguments);
-            };
-          }());
-          dispatch(capActions.setFeedLastUpdatedTimes(lastUpdateTimes));
-        case 9:
-        case "end":
-          return _context7.stop();
-      }
-    }, _callee7);
-  })), [currentLastUpdatedTimes]);
-  React.useEffect(function () {
-    void fetchDataFromAllFeeds();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  React.useEffect(function () {
-    var _capWarningPresets$po;
-    var pollInterval = (_capWarningPresets$po = capWarningPresets === null || capWarningPresets === void 0 ? void 0 : capWarningPresets.pollInterval) !== null && _capWarningPresets$po !== void 0 ? _capWarningPresets$po : 300000;
-    var timer = setInterval(function () {
-      void pollAndUpdate();
-    }, pollInterval);
-    return function () {
-      clearInterval(timer);
-    };
-  }, [capWarningPresets === null || capWarningPresets === void 0 ? void 0 : capWarningPresets.pollInterval, currentLastUpdatedTimes, pollAndUpdate]);
   var parentSizeRef = React.useRef(null);
   var _React$useState5 = React.useState(window.innerWidth / 2),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
@@ -1457,15 +738,34 @@ var MapViewCapConnect = function MapViewCapConnect(_ref) {
     };
   }, []);
   var highLightGeoJsonOnClick = function highLightGeoJsonOnClick(featureResults) {
-    var nextState = highlightGeoJson(featuresByAlert, featureResults);
     setSelectedFeatureEvent(featureResults);
-    setFeaturesByAlert(nextState);
+    setFeaturesByAlert(function (previous) {
+      return highlightGeoJson(previous, featureResults);
+    });
   };
+  var selectedTime = useSelector(function (store) {
+    return mapSelectors.getSelectedTime(store, mapIdRef.current);
+  });
+  var selectedDate = useMemo(function () {
+    return dateUtils.createDate(dateUtils.fromUnix(selectedTime).toISOString());
+  }, [selectedTime]);
+  var alertsInEffect = useMemo(function () {
+    return feedAlertsResult.filter(function (alert) {
+      return dateUtils.isBetween(selectedDate, dateUtils.createDate(alert.alert.onset), dateUtils.createDate(alert.alert.expires), '[)');
+    });
+  }, [feedAlertsResult, selectedDate]);
+  var alertIdsInEffect = useMemo(function () {
+    return alertsInEffect.map(function (_ref2) {
+      var alert = _ref2.alert;
+      return alert.identifier;
+    });
+  }, [alertsInEffect]);
+  var previousAlertIdsInEffect = usePrevious(alertIdsInEffect);
   var clickOnFeature = useMemo(function () {
     return {
-      onClick: function onClick(f) {
-        var featureResults = f.length === 0 ? undefined : {
-          feature: new GeoJSON().writeFeatureObject(f[0]),
+      onClick: function onClick(feature) {
+        var featureResults = feature.length === 0 ? undefined : {
+          feature: new GeoJSON().writeFeatureObject(feature[0]),
           coordinateIndexInFeature: null,
           featureIndex: null,
           screenCoords: null,
@@ -1480,17 +780,17 @@ var MapViewCapConnect = function MapViewCapConnect(_ref) {
       }
     };
   }, []);
-  var selectedTime = useSelector(function (store) {
-    return mapSelectors.getSelectedTime(store, mapIdRef.current);
-  });
-  var alertsInEffect = useSelector(function (store) {
-    return getAlertsInEffect(store, dateUtils.fromUnix(selectedTime).toISOString());
-  });
+  React.useEffect(function () {
+    if (JSON.stringify(alertIdsInEffect) !== JSON.stringify(previousAlertIdsInEffect)) {
+      var _featuresByAlert = alertsInEffect.reduce(function (byId, _ref3) {
+        var alert = _ref3.alert,
+          features = _ref3.features;
+        return _objectSpread2(_objectSpread2({}, byId), {}, _defineProperty({}, alert.identifier, addColors(features)));
+      }, {});
+      setFeaturesByAlert(_featuresByAlert);
+    }
+  }, [alertIdsInEffect, alertsInEffect, previousAlertIdsInEffect]);
   var geoJsonObject = useMemo(function () {
-    var alertIdsInEffect = alertsInEffect.map(function (_ref13) {
-      var identifier = _ref13.identifier;
-      return identifier;
-    });
     var featuresInEffect = Object.keys(featuresByAlert).filter(function (id) {
       return alertIdsInEffect.includes(id);
     }).flatMap(function (id) {
@@ -1500,7 +800,8 @@ var MapViewCapConnect = function MapViewCapConnect(_ref) {
       type: 'FeatureCollection',
       features: featuresInEffect
     };
-  }, [featuresByAlert, alertsInEffect]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [featuresByAlert]);
   var useOl = isOpenLayersEnabled();
   return jsx("div", {
     "data-testid": "mapViewCap",
@@ -1544,15 +845,13 @@ var MapViewCapConnectWrapper = function MapViewCapConnectWrapper(_ref) {
     srs = _ref.srs,
     productConfigKey = _ref.productConfigKey,
     layers = _ref.layers;
-  var _useApiContext = useApiContext(),
-    api = _useApiContext.api;
   var _useCapTranslation = useCapTranslation(),
     t = _useCapTranslation.t;
-  var _useApi = useApi(api.getCapConfiguration, productConfigKey),
-    capWarningPresets = _useApi.result,
-    isConfigLoading = _useApi.isLoading,
-    error = _useApi.error;
-  if (isConfigLoading) {
+  var _useGetConfig = useGetConfig(productConfigKey),
+    capWarningPresets = _useGetConfig.data,
+    isPending = _useGetConfig.isPending,
+    error = _useGetConfig.error;
+  if (isPending) {
     return jsx(Box$1, {
       sx: {
         display: 'flex',
@@ -1589,38 +888,23 @@ var ComponentsLookUp = function ComponentsLookUp(_ref) {
   var componentType = _ref.componentType,
     initialProps = _ref.initialProps,
     productConfigKey = _ref.productConfigKey,
-    config = _ref.config,
     id = _ref.id;
-  // TODO: implement polling when backend is ready
-  // NOTE: Fetching data inside this component might not work, as using React Hooks causes Invalid Hook Call -errors in tests.
   switch (componentType) {
     case 'CapWarningMap':
       {
         var _initialProps$mapPres, _initialProps$mapPres2;
-        return jsx(ApiProvider, {
-          config: {
-            baseURL: config.baseURL
-          },
-          createApi: createApi,
-          children: jsx(MapViewCapConnectWrapper, {
-            id: id,
-            bbox: (_initialProps$mapPres = initialProps.mapPreset.proj) === null || _initialProps$mapPres === void 0 ? void 0 : _initialProps$mapPres.bbox,
-            srs: (_initialProps$mapPres2 = initialProps.mapPreset.proj) === null || _initialProps$mapPres2 === void 0 ? void 0 : _initialProps$mapPres2.srs,
-            layers: initialProps.mapPreset.layers,
-            productConfigKey: productConfigKey
-          })
+        return jsx(MapViewCapConnectWrapper, {
+          id: id,
+          bbox: (_initialProps$mapPres = initialProps.mapPreset.proj) === null || _initialProps$mapPres === void 0 ? void 0 : _initialProps$mapPres.bbox,
+          srs: (_initialProps$mapPres2 = initialProps.mapPreset.proj) === null || _initialProps$mapPres2 === void 0 ? void 0 : _initialProps$mapPres2.srs,
+          layers: initialProps.mapPreset.layers,
+          productConfigKey: productConfigKey
         });
       }
     case 'CapWarningList':
       {
-        return jsx(ApiProvider, {
-          config: {
-            baseURL: config.baseURL
-          },
-          createApi: createApi,
-          children: jsx(WarningListCapConnectWrapper, {
-            productConfigKey: productConfigKey
-          })
+        return jsx(WarningListCapConnectWrapper, {
+          productConfigKey: productConfigKey
         });
       }
     default:
@@ -1628,4 +912,41 @@ var ComponentsLookUp = function ComponentsLookUp(_ref) {
   }
 };
 
-export { CAP_NAMESPACE, ComponentsLookUp, capActions, capMiddlewares, capReducer, capReducersMap, selectors as capSelectors, capTrans as capTranslations, createMockStore, mockCapStateWithAlerts, mockCapStateWithFeeds };
+/* *
+ * 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)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var capReducersMap = {
+  webmap: mapReducer,
+  services: serviceReducer,
+  layers: layerReducer,
+  syncGroups: syncGroupsReducer
+};
+var capMiddlewares = [mapListener.middleware, serviceListener.middleware, layersListener.middleware, syncGroupsListener.middleware, genericListener.middleware, openlayersListener.middleware];
+var capRootReducer = combineReducers(capReducersMap);
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+var createMockStore = function createMockStore(mockState) {
+  return configureStore({
+    reducer: capRootReducer,
+    preloadedState: mockState,
+    middleware: function middleware(getDefaultMiddleware) {
+      return getDefaultMiddleware().concat(capMiddlewares);
+    },
+    devTools: true
+  });
+};
+
+export { CAP_NAMESPACE, ComponentsLookUp, capTrans as capTranslations, createMockStore };