@opengeoweb/cap 14.3.0 → 14.5.0

package/index.esm.js

@@ -1,19 +1,19 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Grid, Typography, Box, LinearProgress, Card, CircularProgress } from '@mui/material';
-import { Box as Box$1 } from '@mui/system';
-import { dateUtils, AlertBanner, sessionStorageProvider, usePrevious } from '@opengeoweb/shared';
-import React, { useMemo } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { CircularProgress, Grid, Typography, Box as Box$1, LinearProgress, Card } from '@mui/material';
+import { Box } from '@mui/system';
+import { sessionStorageProvider, dateUtils, usePrevious, AlertBanner } from '@opengeoweb/shared';
 import i18n from 'i18next';
-import { useTranslation } from 'react-i18next';
-import { ConfigurableMapConnect } from '@opengeoweb/core';
-import '@opengeoweb/time-slider';
-import { OpenLayersFeatureLayer, genericOpenLayersFeatureStyle, MapWarningProperties } from '@opengeoweb/webmap-react';
-import { useQuery, useQueries } from '@tanstack/react-query';
-import { handleResponse } from '@opengeoweb/api';
 import { GeoJSON } from 'ol/format';
+import React, { useMemo } from 'react';
 import { useSelector } from 'react-redux';
+import { ConfigurableMapConnect } from '@opengeoweb/core';
 import { mapSelectors, mapListener, serviceListener, layersListener, syncGroupsListener, genericListener, openlayersListener, syncGroupsReducer, layerReducer, serviceReducer, mapReducer } from '@opengeoweb/store';
 import { webmapUtils } from '@opengeoweb/webmap';
+import { OpenLayersFeatureLayer, genericOpenLayersFeatureStyle, MapWarningProperties } from '@opengeoweb/webmap-react';
+import { useQuery, useQueries } from '@tanstack/react-query';
+import { handleResponse } from '@opengeoweb/api';
+import { useTranslation } from 'react-i18next';
+import '@opengeoweb/time-slider';
 import { combineReducers, configureStore } from '@reduxjs/toolkit';
 
 var en = {
@@ -59,6 +59,9 @@ var capTrans = {
 	nl: nl
 };
 
+function _OverloadYield(e, d) {
+  this.v = e, this.k = d;
+}
 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];
@@ -67,6 +70,31 @@ function _arrayLikeToArray(r, a) {
 function _arrayWithHoles(r) {
   if (Array.isArray(r)) return 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) {
@@ -171,6 +199,181 @@ function _objectSpread2(e) {
   }
   return e;
 }
+function _regenerator() {
+  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
+  var e,
+    t,
+    r = "function" == typeof Symbol ? Symbol : {},
+    n = r.iterator || "@@iterator",
+    o = r.toStringTag || "@@toStringTag";
+  function i(r, n, o, i) {
+    var c = n && n.prototype instanceof Generator ? n : Generator,
+      u = Object.create(c.prototype);
+    return _regeneratorDefine(u, "_invoke", function (r, n, o) {
+      var i,
+        c,
+        u,
+        f = 0,
+        p = o || [],
+        y = false,
+        G = {
+          p: 0,
+          n: 0,
+          v: e,
+          a: d,
+          f: d.bind(e, 4),
+          d: function (t, r) {
+            return i = t, c = 0, u = e, G.n = r, a;
+          }
+        };
+      function d(r, n) {
+        for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) {
+          var o,
+            i = p[t],
+            d = G.p,
+            l = i[2];
+          r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0));
+        }
+        if (o || r > 1) return a;
+        throw y = true, n;
+      }
+      return function (o, p, l) {
+        if (f > 1) throw TypeError("Generator is already running");
+        for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) {
+          i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u);
+          try {
+            if (f = 2, i) {
+              if (c || (o = "next"), t = i[o]) {
+                if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object");
+                if (!t.done) return t;
+                u = t.value, c < 2 && (c = 0);
+              } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1);
+              i = e;
+            } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break;
+          } catch (t) {
+            i = e, c = 1, u = t;
+          } finally {
+            f = 1;
+          }
+        }
+        return {
+          value: t,
+          done: y
+        };
+      };
+    }(r, o, i), true), u;
+  }
+  var a = {};
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+  t = Object.getPrototypeOf;
+  var c = [][n] ? t(t([][n]())) : (_regeneratorDefine(t = {}, n, function () {
+      return this;
+    }), t),
+    u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
+  function f(e) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
+  }
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine(u), _regeneratorDefine(u, o, "Generator"), _regeneratorDefine(u, n, function () {
+    return this;
+  }), _regeneratorDefine(u, "toString", function () {
+    return "[object Generator]";
+  }), (_regenerator = function () {
+    return {
+      w: i,
+      m: f
+    };
+  })();
+}
+function _regeneratorAsync(n, e, r, t, o) {
+  var a = _regeneratorAsyncGen(n, e, r, t, o);
+  return a.next().then(function (n) {
+    return n.done ? n.value : a.next();
+  });
+}
+function _regeneratorAsyncGen(r, e, t, o, n) {
+  return new _regeneratorAsyncIterator(_regenerator().w(r, e, t, o), n || Promise);
+}
+function _regeneratorAsyncIterator(t, e) {
+  function n(r, o, i, f) {
+    try {
+      var c = t[r](o),
+        u = c.value;
+      return u instanceof _OverloadYield ? e.resolve(u.v).then(function (t) {
+        n("next", t, i, f);
+      }, function (t) {
+        n("throw", t, i, f);
+      }) : e.resolve(u).then(function (t) {
+        c.value = t, i(c);
+      }, function (t) {
+        return n("throw", t, i, f);
+      });
+    } catch (t) {
+      f(t);
+    }
+  }
+  var r;
+  this.next || (_regeneratorDefine(_regeneratorAsyncIterator.prototype), _regeneratorDefine(_regeneratorAsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function () {
+    return this;
+  })), _regeneratorDefine(this, "_invoke", function (t, o, i) {
+    function f() {
+      return new e(function (e, r) {
+        n(t, i, e, r);
+      });
+    }
+    return r = r ? r.then(f, f) : f();
+  }, true);
+}
+function _regeneratorDefine(e, r, n, t) {
+  var i = Object.defineProperty;
+  try {
+    i({}, "", {});
+  } catch (e) {
+    i = 0;
+  }
+  _regeneratorDefine = function (e, r, n, t) {
+    if (r) i ? i(e, r, {
+      value: n,
+      enumerable: !t,
+      configurable: !t,
+      writable: !t
+    }) : e[r] = n;else {
+      function o(r, n) {
+        _regeneratorDefine(e, r, function (e) {
+          return this._invoke(r, n, e);
+        });
+      }
+      o("next", 0), o("throw", 1), o("return", 2);
+    }
+  }, _regeneratorDefine(e, r, n, t);
+}
+function _regeneratorKeys(e) {
+  var n = Object(e),
+    r = [];
+  for (var t in n) r.unshift(t);
+  return function e() {
+    for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = false, e;
+    return e.done = true, e;
+  };
+}
+function _regeneratorValues(e) {
+  if (null != e) {
+    var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"],
+      r = 0;
+    if (t) return t.call(e);
+    if ("function" == typeof e.next) return e;
+    if (!isNaN(e.length)) return {
+      next: function () {
+        return e && r >= e.length && (e = void 0), {
+          value: e && e[r++],
+          done: !e
+        };
+      }
+    };
+  }
+  throw new TypeError(typeof e + " is not iterable");
+}
 function _slicedToArray(r, e) {
   return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
 }
@@ -195,6 +398,344 @@ function _unsupportedIterableToArray(r, a) {
     return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
   }
 }
+function _regeneratorRuntime() {
+
+  var r = _regenerator(),
+    e = r.m(_regeneratorRuntime),
+    t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor;
+  function n(r) {
+    var e = "function" == typeof r && r.constructor;
+    return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name));
+  }
+  var o = {
+    throw: 1,
+    return: 2,
+    break: 3,
+    continue: 3
+  };
+  function a(r) {
+    var e, t;
+    return function (n) {
+      e || (e = {
+        stop: function () {
+          return t(n.a, 2);
+        },
+        catch: function () {
+          return n.v;
+        },
+        abrupt: function (r, e) {
+          return t(n.a, o[r], e);
+        },
+        delegateYield: function (r, o, a) {
+          return e.resultName = o, t(n.d, _regeneratorValues(r), a);
+        },
+        finish: function (r) {
+          return t(n.f, r);
+        }
+      }, t = function (r, t, o) {
+        n.p = e.prev, n.n = e.next;
+        try {
+          return r(t, o);
+        } finally {
+          e.next = n.n;
+        }
+      }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n;
+      try {
+        return r.call(this, e);
+      } finally {
+        n.p = e.prev, n.n = e.next;
+      }
+    };
+  }
+  return (_regeneratorRuntime = function () {
+    return {
+      wrap: function (e, t, n, o) {
+        return r.w(a(e), t, n, o && o.reverse());
+      },
+      isGeneratorFunction: n,
+      mark: r.m,
+      awrap: function (r, e) {
+        return new _OverloadYield(r, e);
+      },
+      AsyncIterator: _regeneratorAsyncIterator,
+      async: function (r, e, t, o, u) {
+        return (n(e) ? _regeneratorAsyncGen : _regeneratorAsync)(a(r), e, t, o, u);
+      },
+      keys: _regeneratorKeys,
+      values: _regeneratorValues
+    };
+  })();
+}
+
+/* *
+ * 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 addColors = function addColors(features) {
+  var severityStyles = {
+    Extreme: {
+      stroke: 'rgb(255, 9, 9)',
+      fill: 'rgba(255, 9, 9, 0.10)'
+    },
+    Severe: {
+      stroke: 'rgb(255, 165, 0)',
+      fill: 'rgba(255, 165, 0, 0.10)'
+    },
+    Moderate: {
+      stroke: 'rgb(248, 248, 0)',
+      fill: 'rgba(248, 248, 0, 0.10)'
+    },
+    Minor: {
+      stroke: 'rgb(106, 248, 108)',
+      fill: 'rgba(106, 248, 108, 0.10)'
+    }
+  };
+  var _iterator = _createForOfIteratorHelper(features),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var feature = _step.value;
+      var severity = feature.properties.details.severity;
+      feature.properties.stroke = severityStyles[severity].stroke;
+      feature.properties.fill = severityStyles[severity].fill;
+      feature.properties['stroke-opacity'] = 1;
+      feature.properties['stroke-width'] = 2;
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  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 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 _config$GW_CAP_BASE_U;
+var config = sessionStorageProvider.getConfig();
+var capBaseUrl = (_config$GW_CAP_BASE_U = config.GW_CAP_BASE_URL) !== null && _config$GW_CAP_BASE_U !== void 0 ? _config$GW_CAP_BASE_U : '';
+var getConfig = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(productConfigKey) {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          return _context.abrupt("return",
+          // eslint-disable-next-line @typescript-eslint/no-unsafe-return
+          fetch("assets/".concat(encodeURIComponent(productConfigKey))).then(handleResponse));
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function getConfig(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var getFeedLinks = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(feedAddress) {
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          return _context2.abrupt("return", fetch("".concat(capBaseUrl, "/feedlinks?url=").concat(encodeURIComponent(feedAddress))).then(handleResponse).then(function (result) {
+            return result.map(function (link) {
+              return {
+                link: link,
+                feedAddress: feedAddress
+              };
+            });
+          }));
+        case 1:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function getFeedLinks(_x2) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+var getSingleAlert = /*#__PURE__*/function () {
+  var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(alertUrl) {
+    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          return _context3.abrupt("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
+            };
+          }));
+        case 1:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return function getSingleAlert(_x3) {
+    return _ref3.apply(this, arguments);
+  };
+}();
+
+var useGetConfig = function useGetConfig(productConfigKey) {
+  return useQuery({
+    queryKey: ['cap-config', productConfigKey],
+    queryFn: function () {
+      var _queryFn = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              return _context.abrupt("return", getConfig(productConfigKey));
+            case 1:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      function queryFn() {
+        return _queryFn.apply(this, arguments);
+      }
+      return queryFn;
+    }()
+  });
+};
+var useAllFeedLinks = function useAllFeedLinks(capPresets) {
+  var queries = useMemo(function () {
+    return capPresets.feeds.map(function (feed) {
+      return {
+        queryKey: ['feedLinks', feed.feedAddress],
+        queryFn: function () {
+          var _queryFn2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+            return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+              while (1) switch (_context2.prev = _context2.next) {
+                case 0:
+                  return _context2.abrupt("return", getFeedLinks(feed.feedAddress));
+                case 1:
+                case "end":
+                  return _context2.stop();
+              }
+            }, _callee2);
+          }));
+          function queryFn() {
+            return _queryFn2.apply(this, arguments);
+          }
+          return queryFn;
+        }(),
+        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 () {
+          var _queryFn3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+            return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+              while (1) switch (_context3.prev = _context3.next) {
+                case 0:
+                  return _context3.abrupt("return", getSingleAlert(feed));
+                case 1:
+                case "end":
+                  return _context3.stop();
+              }
+            }, _callee3);
+          }));
+          function queryFn() {
+            return _queryFn3.apply(this, arguments);
+          }
+          return queryFn;
+        }()
+      };
+    });
+  }, [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");
@@ -249,458 +790,23 @@ var findEventIndexInLanguage = function findEventIndexInLanguage(language, langu
  * See the License for the specific language governing permissions and
  * limitations under the License.
  *
- * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2024 - Finnish Meteorological Institute (FMI)
+ * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2022 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var CAP_NAMESPACE = 'cap';
-var useCapTranslation = function useCapTranslation() {
-  return useTranslation(CAP_NAMESPACE);
-};
-
-var severityStyles = {
-  Extreme: {
-    border: 'solid 5px rgb(255, 9, 9)',
-    background: 'rgba(255, 9, 9, 0.15)'
-  },
-  Severe: {
-    border: 'solid 5px rgb(255, 165, 0)',
-    background: 'rgba(255, 165, 0, 0.15)'
-  },
-  Moderate: {
-    border: 'solid 5px rgb(248, 248, 0)',
-    background: 'rgba(248, 248, 0, 0.15)'
-  },
-  Minor: {
-    border: 'solid 5px rgb(106, 248, 108)',
-    background: 'rgba(106, 248, 108, 0.15)'
-  }
-};
-var WarningListRowCap = function WarningListRowCap(_ref) {
-  var event = _ref.event,
-    severity = _ref.severity,
-    expires = _ref.expires;
-  var _useCapTranslation = useCapTranslation(),
-    t = _useCapTranslation.t;
-  return jsxs(Grid, {
-    container: true,
-    sx: {
-      border: severityStyles[severity].border,
-      background: severityStyles[severity].background,
-      padding: '5px',
-      marginTop: '20px',
-      marginBottom: '20px',
-      width: '100%'
-    },
-    children: [jsxs(Grid, {
-      size: {
-        xs: 4
-      },
-      children: [jsx(Typography, {
-        variant: "overline",
-        children: t('warning-list-row-event')
-      }), jsx(Typography, {
-        variant: "subtitle2",
-        sx: {
-          fontWeight: 'normal'
-        },
-        "data-testid": "event",
-        children: event || ''
-      })]
-    }), jsxs(Grid, {
-      size: {
-        xs: 4
-      },
-      children: [jsx(Typography, {
-        variant: "overline",
-        children: t('warning-list-row-severity')
-      }), jsx(Typography, {
-        variant: "subtitle2",
-        sx: {
-          fontWeight: 'normal'
-        },
-        "data-testid": "severity",
-        children: severity || ''
-      })]
-    }), jsxs(Grid, {
-      size: {
-        xs: 4
-      },
-      children: [jsx(Typography, {
-        variant: "overline",
-        children: t('warning-list-row-expires')
-      }), jsx(Typography, {
-        variant: "subtitle2",
-        sx: {
-          fontWeight: 'normal'
-        },
-        "data-testid": "expires",
-        children: expires ? dateUtils.dateToString(dateUtils.createDate(expires), "dd MMM yyyy, HH:mm 'UTC'") : t('warning-list-row-not-expired')
-      })]
-    })]
-  });
-};
-
-var WarningListRowCapConnect = function WarningListRowCapConnect(_ref) {
-  var _alert$languages;
-  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 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 () {
-    if (alert && alertHasLanguages) {
-      var foundLanguageIndex = findEventIndexInLanguage(language, alert.languages, capWarningPresets, alert.feedAddress);
-      setLanguageIndex(foundLanguageIndex);
-    }
-  }, [alert, language, alertHasLanguages, capWarningPresets]);
-  return jsx("div", {
-    children: alert && alertHasLanguages && jsx(WarningListRowCap, {
-      event: alert.languages[languageIndex].event,
-      severity: alert.severity,
-      expires: alert.expires
-    })
-  });
-};
-
-var WarningListCap = function WarningListCap(_ref) {
-  var capWarningPresets = _ref.capWarningPresets,
-    alerts = _ref.alerts,
-    _ref$isPending = _ref.isPending,
-    isPending = _ref$isPending === void 0 ? false : _ref$isPending;
-  var _useCapTranslation = useCapTranslation(),
-    t = _useCapTranslation.t;
-  return jsxs(Box, {
-    sx: {
-      width: '100%',
-      height: '100%',
-      display: 'flex'
-    },
-    children: [isPending && jsx(LinearProgress, {
-      color: "secondary",
-      sx: {
-        position: 'absolute',
-        width: '100%'
-      }
-    }), jsxs(Card, {
-      sx: {
-        justifyContent: 'center',
-        alignItems: 'center',
-        overflow: 'auto',
-        height: '95%',
-        width: '100%',
-        padding: '10px',
-        margin: '20px',
-        marginBottom: '10px',
-        position: 'relative'
-      },
-      "data-testid": "warningList",
-      children: [!isPending && !alerts.length && jsx(AlertBanner, {
-        title: "No results",
-        severity: "warning"
-      }), alerts.length > 0 && jsx(Box, {
-        sx: {
-          position: 'sticky',
-          top: 0,
-          width: '100%',
-          display: 'flex',
-          justifyContent: 'center'
-        },
-        children: jsx(AlertBanner, {
-          title: t('warning-list-cap-alert-banner-title'),
-          severity: "info"
-        })
-      }), alerts.map(function (alert) {
-        return jsx(WarningListRowCapConnect, {
-          alert: alert,
-          capWarningPresets: capWarningPresets
-        }, alert.identifier);
-      })]
-    })]
-  });
-};
-
-/* *
- * 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 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 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
-    };
-  });
-};
-
-/* *
- * 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 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2025 - Finnish Meteorological Institute (FMI)
- * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var useGetConfig = function useGetConfig(productConfigKey) {
-  return useQuery({
-    queryKey: ['cap-config', productConfigKey],
-    queryFn: function queryFn() {
-      return getConfig(productConfigKey);
-    }
-  });
-};
-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
-  };
-};
-
-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 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
-  });
-};
-
-/* *
- * 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 highlightGeoJson = function highlightGeoJson(currentFeatures, featureResults) {
-  return Object.entries(currentFeatures).reduce(function (byId, _ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      alertId = _ref2[0],
-      features = _ref2[1];
-    var isSelected = alertId === (featureResults === null || featureResults === void 0 ? void 0 : featureResults.feature.properties.details.identifier);
-    return _objectSpread2(_objectSpread2({}, byId), {}, _defineProperty({}, alertId, features.map(function (feature) {
-      var recoloredFeature = _objectSpread2({}, feature);
-      recoloredFeature.properties.fill = isSelected ? feature.properties.fill.replace('0.10', '0.25') : recoloredFeature.properties.fill = feature.properties.fill.replace('0.25', '0.10');
-      recoloredFeature.properties['stroke-width'] = isSelected ? 3 : 2;
-      return recoloredFeature;
-    })));
-  }, {});
-};
-
-/* *
- * 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 addColors = function addColors(features) {
-  var severityStyles = {
-    Extreme: {
-      stroke: 'rgb(255, 9, 9)',
-      fill: 'rgba(255, 9, 9, 0.10)'
-    },
-    Severe: {
-      stroke: 'rgb(255, 165, 0)',
-      fill: 'rgba(255, 165, 0, 0.10)'
-    },
-    Moderate: {
-      stroke: 'rgb(248, 248, 0)',
-      fill: 'rgba(248, 248, 0, 0.10)'
-    },
-    Minor: {
-      stroke: 'rgb(106, 248, 108)',
-      fill: 'rgba(106, 248, 108, 0.10)'
-    }
-  };
-  var _iterator = _createForOfIteratorHelper(features),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var feature = _step.value;
-      var severity = feature.properties.details.severity;
-      feature.properties.stroke = severityStyles[severity].stroke;
-      feature.properties.fill = severityStyles[severity].fill;
-      feature.properties['stroke-opacity'] = 1;
-      feature.properties['stroke-width'] = 2;
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-  return features;
+var highlightGeoJson = function highlightGeoJson(currentFeatures, featureResults) {
+  return Object.entries(currentFeatures).reduce(function (byId, _ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      alertId = _ref2[0],
+      features = _ref2[1];
+    var isSelected = alertId === (featureResults === null || featureResults === void 0 ? void 0 : featureResults.feature.properties.details.identifier);
+    return _objectSpread2(_objectSpread2({}, byId), {}, _defineProperty({}, alertId, features.map(function (feature) {
+      var recoloredFeature = _objectSpread2({}, feature);
+      recoloredFeature.properties.fill = isSelected ? feature.properties.fill.replace('0.10', '0.25') : recoloredFeature.properties.fill = feature.properties.fill.replace('0.25', '0.10');
+      recoloredFeature.properties['stroke-width'] = isSelected ? 3 : 2;
+      return recoloredFeature;
+    })));
+  }, {});
 };
 
 var MapViewCapConnect = function MapViewCapConnect(_ref) {
@@ -721,6 +827,7 @@ var MapViewCapConnect = function MapViewCapConnect(_ref) {
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     selectedFeatureEvent = _React$useState4[0],
     setSelectedFeatureEvent = _React$useState4[1];
+  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
   var mapIdRef = React.useRef(id || webmapUtils.generateMapId());
   var parentSizeRef = React.useRef(null);
   var _React$useState5 = React.useState(window.innerWidth / 2),
@@ -797,34 +904,56 @@ var MapViewCapConnect = function MapViewCapConnect(_ref) {
   }, [featuresByAlert]);
   return jsx("div", {
     "data-testid": "mapViewCap",
+    ref: parentSizeRef,
     style: {
       height: '100%',
       width: '100%'
     },
-    ref: parentSizeRef,
     children: jsxs(ConfigurableMapConnect, {
-      id: mapIdRef.current,
-      title: title,
-      layers: layers || [],
       "data-testid": "capWarningMap",
+      id: mapIdRef.current,
       initialBbox: bbox,
+      layers: layers !== null && layers !== void 0 ? layers : [],
       srs: srs,
+      title: title,
       children: [jsx(OpenLayersFeatureLayer, {
+        clickOnFeature: clickOnFeature,
         featureCollection: geoJsonObject,
         style: genericOpenLayersFeatureStyle,
-        clickOnFeature: clickOnFeature,
-        zIndex: 1000,
-        testId: "MapViewCap-features"
-      }), selectedFeatureEvent && jsx(MapWarningProperties, {
+        testId: "MapViewCap-features",
+        zIndex: 1000
+      }), selectedFeatureEvent ? jsx(MapWarningProperties, {
         "data-testid": "mapWarnings",
-        selectedFeatureProperties: selectedFeatureEvent.feature.properties.details,
         languageIndex: findEventIndexInLanguage(i18n.language, selectedFeatureEvent.feature.properties.details.languages, capWarningPresets, selectedFeatureEvent.feature.properties.details.feedAddress),
-        parentSize: parentSize
-      }), children]
+        parentSize: parentSize,
+        selectedFeatureProperties: selectedFeatureEvent.feature.properties.details
+      }) : null, children]
     })
   });
 };
 
+/* *
+ * 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 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2024 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var CAP_NAMESPACE = 'cap';
+var useCapTranslation = function useCapTranslation() {
+  return useTranslation(CAP_NAMESPACE);
+};
+
 var MapViewCapConnectWrapper = function MapViewCapConnectWrapper(_ref) {
   var id = _ref.id,
     title = _ref.title,
@@ -839,7 +968,7 @@ var MapViewCapConnectWrapper = function MapViewCapConnectWrapper(_ref) {
     isPending = _useGetConfig.isPending,
     error = _useGetConfig.error;
   if (isPending) {
-    return jsx(Box$1, {
+    return jsx(Box, {
       sx: {
         display: 'flex',
         justifyContent: 'center',
@@ -852,17 +981,227 @@ var MapViewCapConnectWrapper = function MapViewCapConnectWrapper(_ref) {
   }
   if (error) {
     return jsx(AlertBanner, {
-      title: t('map-view-cap-error-title'),
-      info: error.message
+      info: error.message,
+      title: t('map-view-cap-error-title')
     });
   }
   return jsx(MapViewCapConnect, {
+    bbox: bbox,
     capWarningPresets: capWarningPresets,
     id: id,
-    title: title,
-    bbox: bbox,
+    layers: layers,
     srs: srs,
-    layers: layers
+    title: title
+  });
+};
+
+var severityStyles = {
+  Extreme: {
+    border: 'solid 5px rgb(255, 9, 9)',
+    background: 'rgba(255, 9, 9, 0.15)'
+  },
+  Severe: {
+    border: 'solid 5px rgb(255, 165, 0)',
+    background: 'rgba(255, 165, 0, 0.15)'
+  },
+  Moderate: {
+    border: 'solid 5px rgb(248, 248, 0)',
+    background: 'rgba(248, 248, 0, 0.15)'
+  },
+  Minor: {
+    border: 'solid 5px rgb(106, 248, 108)',
+    background: 'rgba(106, 248, 108, 0.15)'
+  }
+};
+var WarningListRowCap = function WarningListRowCap(_ref) {
+  var event = _ref.event,
+    severity = _ref.severity,
+    expires = _ref.expires;
+  var _useCapTranslation = useCapTranslation(),
+    t = _useCapTranslation.t;
+  return jsxs(Grid, {
+    container: true,
+    sx: {
+      border: severityStyles[severity].border,
+      background: severityStyles[severity].background,
+      padding: '5px',
+      marginTop: '20px',
+      marginBottom: '20px',
+      width: '100%'
+    },
+    children: [jsxs(Grid, {
+      size: {
+        xs: 4
+      },
+      children: [jsx(Typography, {
+        variant: "overline",
+        children: t('warning-list-row-event')
+      }), jsx(Typography, {
+        "data-testid": "event",
+        sx: {
+          fontWeight: 'normal'
+        },
+        variant: "subtitle2",
+        children: event || ''
+      })]
+    }), jsxs(Grid, {
+      size: {
+        xs: 4
+      },
+      children: [jsx(Typography, {
+        variant: "overline",
+        children: t('warning-list-row-severity')
+      }), jsx(Typography, {
+        "data-testid": "severity",
+        sx: {
+          fontWeight: 'normal'
+        },
+        variant: "subtitle2",
+        children: severity || ''
+      })]
+    }), jsxs(Grid, {
+      size: {
+        xs: 4
+      },
+      children: [jsx(Typography, {
+        variant: "overline",
+        children: t('warning-list-row-expires')
+      }), jsx(Typography, {
+        "data-testid": "expires",
+        sx: {
+          fontWeight: 'normal'
+        },
+        variant: "subtitle2",
+        children: expires ? dateUtils.dateToString(dateUtils.createDate(expires), "dd MMM yyyy, HH:mm 'UTC'") : t('warning-list-row-not-expired')
+      })]
+    })]
+  });
+};
+
+var WarningListRowCapConnect = function WarningListRowCapConnect(_ref) {
+  var _alert$languages;
+  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 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 () {
+    if (alert && alertHasLanguages) {
+      var foundLanguageIndex = findEventIndexInLanguage(language, alert.languages, capWarningPresets, alert.feedAddress);
+      setLanguageIndex(foundLanguageIndex);
+    }
+  }, [alert, language, alertHasLanguages, capWarningPresets]);
+  return jsx("div", {
+    children: alert && alertHasLanguages ? jsx(WarningListRowCap, {
+      event: alert.languages[languageIndex].event,
+      expires: alert.expires,
+      severity: alert.severity
+    }) : null
+  });
+};
+
+var WarningListCap = function WarningListCap(_ref) {
+  var capWarningPresets = _ref.capWarningPresets,
+    alerts = _ref.alerts,
+    _ref$isPending = _ref.isPending,
+    isPending = _ref$isPending === void 0 ? false : _ref$isPending;
+  var _useCapTranslation = useCapTranslation(),
+    t = _useCapTranslation.t;
+  return jsxs(Box$1, {
+    sx: {
+      width: '100%',
+      height: '100%',
+      display: 'flex'
+    },
+    children: [isPending ? jsx(LinearProgress, {
+      color: "secondary",
+      sx: {
+        position: 'absolute',
+        width: '100%'
+      }
+    }) : null, jsxs(Card, {
+      "data-testid": "warningList",
+      sx: {
+        justifyContent: 'center',
+        alignItems: 'center',
+        overflow: 'auto',
+        height: '95%',
+        width: '100%',
+        padding: '10px',
+        margin: '20px',
+        marginBottom: '10px',
+        position: 'relative'
+      },
+      children: [!isPending && !alerts.length && jsx(AlertBanner, {
+        severity: "warning",
+        title: "No results"
+      }), alerts.length > 0 && jsx(Box$1, {
+        sx: {
+          position: 'sticky',
+          top: 0,
+          width: '100%',
+          display: 'flex',
+          justifyContent: 'center'
+        },
+        children: jsx(AlertBanner, {
+          severity: "info",
+          title: t('warning-list-cap-alert-banner-title')
+        })
+      }), alerts.map(function (alert) {
+        return jsx(WarningListRowCapConnect, {
+          alert: alert,
+          capWarningPresets: capWarningPresets
+        }, alert.identifier);
+      })]
+    })]
+  });
+};
+
+var WarningListCapConnect = function WarningListCapConnect(_ref) {
+  var capWarningPresets = _ref.capWarningPresets;
+  var _useAllFeedAlerts = useAllFeedAlerts(capWarningPresets),
+    feedAlerts = _useAllFeedAlerts.results,
+    pending = _useAllFeedAlerts.pending;
+  return jsx(WarningListCap, {
+    alerts: feedAlerts.map(function (fa) {
+      return fa.alert;
+    }),
+    capWarningPresets: capWarningPresets,
+    isPending: pending
+  });
+};
+
+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, {
+      sx: {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center'
+      },
+      children: jsx(CircularProgress, {
+        "data-testid": "loadingSpinner"
+      })
+    });
+  }
+  if (error) {
+    return jsx(AlertBanner, {
+      info: error.message,
+      title: t('warning-list-cap-error-title')
+    });
+  }
+  return jsx(WarningListCapConnect, {
+    capWarningPresets: productConfig
   });
 };
 
@@ -881,11 +1220,11 @@ var ComponentsLookUp = function ComponentsLookUp(_ref) {
       {
         var _initialProps$mapPres, _initialProps$mapPres2;
         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,
+          id: id,
           layers: initialProps.mapPreset.layers,
-          productConfigKey: productConfigKey
+          productConfigKey: productConfigKey,
+          srs: (_initialProps$mapPres2 = initialProps.mapPreset.proj) === null || _initialProps$mapPres2 === void 0 ? void 0 : _initialProps$mapPres2.srs
         });
       }
     case 'CapWarningList':
@@ -924,7 +1263,6 @@ var capReducersMap = {
 };
 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,