@opengeoweb/warnings 12.10.0 → 12.11.0

package/index.esm.js

@@ -3,7 +3,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import { Polygons, ExitDomain, Share, Edit, Delete, CoastalEvent, TemperatureLow, TemperatureHigh, Rain, Snow, Lightning, Fog, Wind, Thunderstorm, VulcanicEruption, Haze, FreezingPrecipitation, ModerateAircraftIcing, SevereAircraftIcing, ModerateTurbulence, SevereTurbulence, SandStorm, RadioactiveMaterials, DrawPolygon, Visibility, Add, ArrowUpCompact, ArrowDownCompact, breakpoints, DragHandle, Options, Close, ChevronDown, ChevronUp, Copy, Update, Cancel, Success, Expire, Remove } from '@opengeoweb/theme';
 import { uiTypes, uiActions, getSingularDrawtoolDrawLayerId, drawingToolSelectors, layerSelectors, uiSelectors, drawingToolActions, layerActions, mapListener, layersListener, drawingToolListener, syncGroupsListener, openlayersListener, syncGroupsReducer, drawingToolReducer, uiReducer, layerReducer, mapReducer, useSetupDialog, genericSelectors, useUpdateSharedData, genericActions, selectorMemoizationOptions } from '@opengeoweb/store';
 import { defaultPolygon, emptyGeoJSON, MapControlButton, getIcon, rewindGeometry, getGeoJSONPropertyValue, currentlySupportedDrawModes, defaultLayers, viewUtils, OpenLayersMapView, MapControls, OpenLayersZoomControl, OpenLayersLayer, OpenLayersFeatureLayer, genericOpenLayersFeatureStyle } from '@opengeoweb/webmap-react';
-import { SHARED_NAMESPACE, useConfirmationDialog, dateUtils, ToggleMenu, calculateStartSize, ToolContainerDraggable, AlertBanner, sessionStorageProvider, ConfirmationDialog, usePrevious, CustomIconButton, CustomTooltip, Avatar, getInitials, SwitchButton, FilterChip, TooltipSelect, CustomToggleButton, Filter, FilterOption, StatusTag, LastUpdateTime, getAxiosErrorMessage, ErrorBoundary } from '@opengeoweb/shared';
+import { SHARED_NAMESPACE, useConfirmationDialog, dateUtils, ToggleMenu, calculateStartSize, ToolContainerDraggable, AlertBanner, sessionStorageProvider, ConfirmationDialog, usePrevious, CustomIconButton, CustomTooltip, Avatar, getInitials, SwitchButton, FilterChip, TooltipSelect, usePreventBrowserClose, CustomToggleButton, Filter, FilterOption, StatusTag, LastUpdateTime, getAxiosErrorMessage, ErrorBoundary } from '@opengeoweb/shared';
 import { createEntityAdapter, createSlice, createSelector, createListenerMiddleware, current, combineReducers, configureStore } from '@reduxjs/toolkit';
 import { defaultBbox } from '@opengeoweb/core';
 import { FORM_FIELDS_NAMESPACE, useDraftFormHelpers, ReactHookFormSelect, ReactHookFormHiddenInput, isValidGeoJsonCoordinates, ReactHookFormTextField, ReactHookFormProvider, defaultFormOptions, errorMessages, isEmpty, ReactHookFormDateTime, isXHoursAfter, isXHoursBefore } from '@opengeoweb/form-fields';
@@ -14,7 +14,7 @@ import { useTranslation } from 'react-i18next';
 import * as React from 'react';
 import React__default, { useState, useEffect, useRef, useMemo, useCallback } from 'react';
 import { useAuthenticationContext as useAuthenticationContext$1 } from '@opengeoweb/authentication';
-import { styled, Box, Typography, ListItem, Paper, ListItemButton, Stack, Grid, LinearProgress, Button, MenuItem, FormHelperText, Card, CardContent, Tabs, Tab, useTheme, FormControl, IconButton, CircularProgress, Menu, DialogTitle, DialogContent, Switch, ListItemText } from '@mui/material';
+import { styled, Box, Typography, ListItem, Paper, ListItemButton, Stack, Grid, LinearProgress, Button, MenuItem, FormHelperText, Card, CardContent, Tabs, Tab, useTheme, FormControl, CircularProgress, Menu, DialogTitle, DialogContent, Switch, ListItemText } from '@mui/material';
 import { VariableSizeList } from 'react-window';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import { getHeaders, handleResponse, AirmetPhenomena, SigmetPhenomena, useAuthQuery, useAuthenticationContext, optimisticUpdate, ProductStatus } from '@opengeoweb/api';
@@ -245,7 +245,19 @@ var en = {
 	"maritime-direction-wnw": "West to Northwest",
 	"maritime-direction-nw": "Northwest",
 	"maritime-direction-nwn": "Northwest to North",
-	"maritime-delete-button": "Delete"
+	"maritime-delete-button": "Delete",
+	"maritime-retract-warning": "Retract warning",
+	"maritime-no-change-of-direction": "(no change of direction)",
+	"maritime-retract-dialog-no-change": "(no change in direction)",
+	"maritime-retract-dialog-description-suffix": "will be removed",
+	"maritime-retract-dialog-empty-warning-description": "The warning will be retracted",
+	"maritime-retract-dialog-confirm": "Retract",
+	"maritime-retract-success": "Warning retracted successfully",
+	"maritime-clear-dialog-title": "Clear all",
+	"maritime-clear-dialog-description": "All warnings will be removed from the list",
+	"maritime-clear-success": "Warning list cleared successfully",
+	"maritime-warning-title-coastal": "Warning Maritime - Coastal Waters",
+	"maritime-warning-title-northsea": "Warning Maritime - North Sea Districts"
 };
 var nl = {
 	"drawing-tool-form-tools": "Gereedschap",
@@ -279,7 +291,7 @@ var nl = {
 	"object-manager-object-selected": "object geselecteerd",
 	"object-manager-share-menu": "Object delen naar",
 	"public-warning-title": "Publieke Waarschuwing",
-	"maritime-warning-coastal-title": "Kust Wateren",
+	"maritime-warning-coastal-title": "Kustgebieden",
 	"maritime-warning-northsea-title": "Noordzee Districten",
 	"close-warning-dialog-title": "Waarschuwing sluiten",
 	"warning-edit-mode-title": "Wissel naar bewerken",
@@ -429,7 +441,18 @@ var nl = {
 	"maritime-direction-wnw": "West tot noordwest",
 	"maritime-direction-nw": "Noordwest",
 	"maritime-direction-nwn": "Noordwest tot noord",
-	"maritime-delete-button": "Verwijderen"
+	"maritime-delete-button": "Verwijderen",
+	"maritime-retract-warning": "Waarschuwing intrekken",
+	"maritime-retract-dialog-no-change": "(geen wijziging in richting)",
+	"maritime-retract-dialog-empty-warning-description": "De waarschuwing wordt verwijderd",
+	"maritime-retract-dialog-description-suffix": "wordt verwijderd",
+	"maritime-retract-dialog-confirm": "Intrekken",
+	"maritime-retract-success": "Waarschuwing succesvol ingetrokken",
+	"maritime-clear-dialog-title": "Wissen",
+	"maritime-clear-dialog-description": "Alle waarschuwingen worden verwijderd",
+	"maritime-clear-success": "Alle waarchuwingen zijn verwijderd",
+	"maritime-warning-title-coastal": "Maritieme Waarschuwing - Kustgebieden",
+	"maritime-warning-title-northsea": "Maritieme Waarschuwing - Noordzee Districten"
 };
 var fi = {
 	"drawing-tool-form-tools": "Työkalut",
@@ -742,6 +765,9 @@ var warningsTranslations = {
 	no: no
 };
 
+function _OverloadYield(e, d) {
+  this.v = e, this.k = d;
+}
 function asyncGeneratorStep(n, t, e, r, o, a, c) {
   try {
     var i = n[a](c),
@@ -776,306 +802,248 @@ function _objectWithoutPropertiesLoose(r, e) {
   }
   return t;
 }
-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
+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;
   }
-  e.wrap = wrap;
-  var h = "suspendedStart",
-    l = "suspendedYield",
-    f = "executing",
-    s = "completed",
-    y = {};
+  var a = {};
   function Generator() {}
   function GeneratorFunction() {}
   function GeneratorFunctionPrototype() {}
-  var p = {};
-  define(p, a, function () {
+  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();
   });
-  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 _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;
   }
-  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);
+  _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);
         });
       }
-      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
+      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
         };
       }
-      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);
+  throw new TypeError(typeof e + " is not iterable");
+}
+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));
   }
-  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;
+  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;
       }
-    }
-    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 (_regeneratorRuntime = function () {
     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;
+      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
     };
-  }, 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;
+  })();
 }
 
 /* *
@@ -1272,7 +1240,7 @@ var useCloseDrawDialog = function useCloseDrawDialog(_ref) {
   });
   var confirmDialog = useConfirmationDialog();
   var closeDrawDialog = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(skipConfirmationDialog) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(skipConfirmationDialog) {
       var mayProceed;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -1444,7 +1412,7 @@ var useObjectDrawDialogAction = function useObjectDrawDialogAction(_ref5) {
     }));
   };
   var openObjectDialog = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
       var mayProceed;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -2096,7 +2064,7 @@ var getAreaKeywords = function getAreaKeywords(auth) {
   }).then(handleResponse);
 };
 var saveDrawingAs = /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(auth, data) {
+  var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(auth, data) {
     var response;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -2329,7 +2297,7 @@ var publicWarningFormListener = createListenerMiddleware();
 publicWarningFormListener.startListening({
   actionCreator: publicWarningFormActions.openPublicWarningFormDialog,
   effect: function () {
-    var _effect = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
+    var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
       var payload, panelId;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -2357,7 +2325,7 @@ publicWarningFormListener.startListening({
 publicWarningFormListener.startListening({
   actionCreator: uiActions.setToggleOpenDialog,
   effect: function () {
-    var _effect2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2, listenerApi) {
+    var _effect2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2, listenerApi) {
       var payload;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -3037,7 +3005,7 @@ var useMutatePublicWarningEditor = function useMutatePublicWarningEditor() {
     }
   }), {
     onSuccess: function () {
-      var _onSuccess = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data, _ref3) {
+      var _onSuccess = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(data, _ref3) {
         var isEditor;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -3087,7 +3055,7 @@ var useMutateWarning = function useMutateWarning(snackBarMessage) {
       }));
     },
     onSuccess: function () {
-      var _onSuccess2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(data, variables) {
+      var _onSuccess2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(data, variables) {
         var location, warningDetail, newId, newWarning;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -3153,7 +3121,7 @@ var useMutateDeleteWarning = function useMutateDeleteWarning() {
       return deleteWarning(id, auth);
     },
     onSuccess: function () {
-      var _onSuccess3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_, variables) {
+      var _onSuccess3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_, variables) {
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
@@ -3221,7 +3189,7 @@ var useMutateSaveOrUpdateDrawing = function useMutateSaveOrUpdateDrawing() {
   var queryClient = useQueryClient();
   return useMutation({
     mutationFn: function () {
-      var _mutationFn = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_ref6) {
+      var _mutationFn = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_ref6) {
         var data, id, headers, location, newId;
         return _regeneratorRuntime().wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
@@ -3291,7 +3259,7 @@ var useMutateDeleteDrawing = function useMutateDeleteDrawing() {
   var dispatch = useDispatch();
   return useMutation({
     mutationFn: function () {
-      var _mutationFn2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(_ref8) {
+      var _mutationFn2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(_ref8) {
         var drawingId;
         return _regeneratorRuntime().wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
@@ -3469,7 +3437,7 @@ var ObjectManagerConnect = function ObjectManagerConnect(_ref) {
     }
   };
   var onClickDrawing = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(drawing) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(drawing) {
       var isActive;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -4267,10 +4235,21 @@ var DEFAULT_WARNING_DIALOG_MIN_SIZE = {
   width: 264,
   height: 300
 };
+var getTitle = function getTitle(warningType, t) {
+  if (warningType === 'airmet' || warningType === 'sigmet') {
+    return warningType == null ? void 0 : warningType.toUpperCase();
+  }
+  if (warningType === 'maritimeWarningCoastal') {
+    return t('maritime-warning-title-coastal');
+  }
+  if (warningType === 'maritimeWarningNorthSea') {
+    return t('maritime-warning-title-northsea');
+  }
+  return t('public-warning-title');
+};
 var PublicWarningsFormDialog = function PublicWarningsFormDialog(_ref) {
   var bounds = _ref.bounds,
     onClose = _ref.onClose,
-    title = _ref.title,
     isOpen = _ref.isOpen,
     _ref$onMouseDown = _ref.onMouseDown,
     onMouseDown = _ref$onMouseDown === void 0 ? function () {} : _ref$onMouseDown,
@@ -4307,7 +4286,7 @@ var PublicWarningsFormDialog = function PublicWarningsFormDialog(_ref) {
   var _React$useState = React.useState(startSizeCalc),
     sizeInState = _React$useState[0],
     setSizeInState = _React$useState[1];
-  var fullTitle = selectedAviationProduct ? warningType == null ? void 0 : warningType.toUpperCase() : title || t('public-warning-title');
+  var fullTitle = getTitle(warningType, t);
   var onChangeMode = function onChangeMode() {
     onChangeFormMode(!isReadOnly);
   };
@@ -4447,8 +4426,8 @@ var getAirmetTAC = function getAirmetTAC(auth, product) {
     body: JSON.stringify(product),
     method: 'POST',
     headers: getHeaders(auth)
-  }).then( /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(r) {
+  }).then(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(r) {
       var textData;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -4482,8 +4461,8 @@ var getSigmetTAC = function getSigmetTAC(auth, product) {
     body: JSON.stringify(product),
     method: 'POST',
     headers: getHeaders(auth)
-  }).then( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(r) {
+  }).then(/*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(r) {
       var textData;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -4624,7 +4603,7 @@ var usePostSigmet = function usePostSigmet() {
       }));
     },
     onSuccess: function () {
-      var _onSuccess = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data, variables) {
+      var _onSuccess = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(data, variables) {
         var snackbarKey, warningType;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -4685,7 +4664,7 @@ var usePostAirmet = function usePostAirmet() {
       }));
     },
     onSuccess: function () {
-      var _onSuccess2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(data, variables) {
+      var _onSuccess2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(data, variables) {
         var snackbarKey, warningType;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -5992,6 +5971,9 @@ var WindForceSelect = function WindForceSelect(_ref) {
     additionalStyling: {
       '& .MuiSvgIcon-root': {
         fill: arrowColor
+      },
+      '& .MuiSelect-standard': {
+        paddingBlock: 0
       }
     }
   });
@@ -6152,6 +6134,8 @@ var WarningListItem$1 = /*#__PURE__*/React__default.memo(function (_ref) {
   var assignedAreas = React__default.useMemo(function () {
     return warning.assignedAreaIds.map(function (areaId) {
       return areasById.get(areaId);
+    }).filter(function (area) {
+      return area !== undefined;
     });
   }, [warning.assignedAreaIds, areasById]);
   var _useWarningsTranslati = useWarningsTranslation(),
@@ -6218,7 +6202,7 @@ var WarningListItem$1 = /*#__PURE__*/React__default.memo(function (_ref) {
       onChange: handleChangeToDirection,
       value: warning.windDirectionTo,
       isDisabled: shouldDisableDirTo
-    }), jsx(IconButton, {
+    }), jsx(CustomIconButton, {
       sx: {
         gridArea: 'delete',
         justifySelf: 'end',
@@ -6230,6 +6214,7 @@ var WarningListItem$1 = /*#__PURE__*/React__default.memo(function (_ref) {
         return onRemove(warning.id);
       },
       "aria-label": t('maritime-delete-button'),
+      tooltipTitle: t('maritime-retract-warning'),
       children: jsx(Delete, {})
     })]
   });
@@ -6281,7 +6266,7 @@ var WarningList = function WarningList(_ref) {
       display: 'flex',
       flexDirection: 'column',
       minHeight: 0,
-      '--grid-columns': '30px 150px 60px 2fr 100px 100px 1fr' // FIXME modify this using breakpoints
+      '--grid-columns': '30px 150px 60px 2fr 100px 100px 1fr'
     },
     children: [jsxs(Box, {
       sx: (_sx = {
@@ -6334,97 +6319,6 @@ var WarningList = function WarningList(_ref) {
   });
 };
 
-var MaritimeWarningsForm = function MaritimeWarningsForm(_ref) {
-  var _sx, _sx2, _sx3;
-  var areas = _ref.areas,
-    selectedAreaIds = _ref.selectedAreaIds,
-    modified = _ref.modified,
-    warnings = _ref.warnings,
-    onToggleSelectArea = _ref.onToggleSelectArea,
-    onAddSelectedAreas = _ref.onAddSelectedAreas,
-    onRemoveWarning = _ref.onRemoveWarning,
-    onRemoveArea = _ref.onRemoveArea,
-    onAddWarning = _ref.onAddWarning,
-    onChangeWarning = _ref.onChangeWarning,
-    onSubmit = _ref.onSubmit,
-    onClear = _ref.onClear,
-    onMoveWarning = _ref.onMoveWarning,
-    _ref$shouldShowDistri = _ref.shouldShowDistricts,
-    shouldShowDistricts = _ref$shouldShowDistri === void 0 ? false : _ref$shouldShowDistri;
-  var _useWarningsTranslati = useWarningsTranslation(),
-    t = _useWarningsTranslati.t;
-  var disabledAreaIds = warnings.flatMap(function (warning) {
-    return warning.assignedAreaIds;
-  });
-  return jsxs(Stack, {
-    direction: "column",
-    spacing: 3,
-    sx: (_sx = {
-      height: '100%',
-      containerName: 'maritime',
-      containerType: 'inline-size',
-      padding: 2
-    }, _sx["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
-      padding: 3
-    }, _sx),
-    children: [jsx(AreaList, {
-      areas: areas,
-      selected: selectedAreaIds,
-      disabled: disabledAreaIds,
-      onClickItem: onToggleSelectArea
-    }), jsx(WarningList, {
-      warnings: warnings,
-      areas: areas,
-      selectedAreaIds: selectedAreaIds,
-      onAddSelectedAreas: onAddSelectedAreas,
-      onRemoveWarning: onRemoveWarning,
-      onChangeWarning: onChangeWarning,
-      onToggleSelectArea: onToggleSelectArea,
-      onRemoveArea: onRemoveArea,
-      onMoveWarning: onMoveWarning,
-      shouldShowDistricts: shouldShowDistricts
-    }), jsxs(Button, {
-      onClick: onAddWarning,
-      variant: "tertiary",
-      size: "small",
-      sx: {
-        alignSelf: 'flex-start',
-        paddingInline: 2
-      },
-      children: [jsx(Add, {}), t('maritime-new-warning')]
-    }), jsxs(Stack, {
-      spacing: 2,
-      direction: "row",
-      sx: (_sx2 = {}, _sx2["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
-        position: 'absolute',
-        bottom: 0,
-        right: 0,
-        padding: 3
-      }, _sx2),
-      children: [jsx(Button, {
-        onClick: onClear,
-        variant: "tertiary",
-        size: "small",
-        sx: {
-          width: '134px'
-        },
-        children: t('warning-button-clear')
-      }), jsx(Button, {
-        variant: "primary",
-        size: "small",
-        sx: (_sx3 = {
-          width: '134px'
-        }, _sx3["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
-          marginLeft: '24px!important'
-        }, _sx3),
-        disabled: !modified,
-        onClick: onSubmit,
-        children: t('warning-button-publish')
-      })]
-    })]
-  });
-};
-
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -6442,14 +6336,17 @@ var MaritimeWarningsForm = function MaritimeWarningsForm(_ref) {
  * Copyright 2025 - Finnish Meteorological Institute (FMI)
  * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var localWarningId = 0;
+var unpublishedWarningId = 0;
 function createWarning() {
-  localWarningId += 1;
+  unpublishedWarningId += 1;
   return {
     assignedAreaIds: [],
-    id: "local-warning-" + localWarningId
+    id: "unpublished-warning-" + unpublishedWarningId
   };
 }
+function isPublishedWarning(warning) {
+  return !warning.id.startsWith('unpublished-warning');
+}
 var initialState = {
   selectedAreaIds: [],
   warnings: [createWarning()],
@@ -6587,19 +6484,262 @@ function useMaritimeWarningsFormState() {
   return React__default.useReducer(reducer, initialState);
 }
 
+function useConfirmRetractDialog(_ref) {
+  var areas = _ref.areas,
+    warnings = _ref.warnings,
+    onRemoveWarning = _ref.onRemoveWarning;
+  var confirmDialog = useConfirmationDialog();
+  var _useWarningsTranslati = useWarningsTranslation(),
+    t = _useWarningsTranslati.t;
+  var getLabelFromOption = React__default.useCallback(function (options, value) {
+    var option = options.find(function (option) {
+      return option.value === value;
+    });
+    if (!option) {
+      return '';
+    }
+    return typeof option.label === 'function' ? option.label(t) : option.label;
+  }, [t]);
+  var getWarningDescription = React__default.useCallback(function (warning) {
+    if (!isPublishedWarning(warning)) {
+      return t('maritime-retract-dialog-empty-warning-description');
+    }
+    var windDirectionFromLabel = getLabelFromOption(windDirections, warning.windDirectionFrom);
+    var areasById = new Map(areas.map(function (area) {
+      return [area.id, area];
+    }));
+    var areaLabels = warning.assignedAreaIds.map(function (areaId) {
+      return areasById.get(areaId).label;
+    });
+    var changeToLabel = warning.changeType === 'NO_CHANGE' ? t('maritime-retract-dialog-no-change') : getLabelFromOption(change, warning.changeType) + " " + getLabelFromOption(windDirections, warning.windDirectionTo);
+    var warningDescription = [windDirectionFromLabel + " " + t('maritime-windforce', {
+      value: warning.windForce
+    })].concat(areaLabels, [changeToLabel]).join(', ');
+    return warningDescription + ". " + t('maritime-retract-dialog-description-suffix');
+  }, [areas, t, getLabelFromOption]);
+  return {
+    onRemoveWarningWithConfirmation: React__default.useCallback(/*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(id) {
+        var warning;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              warning = warnings.find(function (warning) {
+                return warning.id === id;
+              });
+              _context.next = 3;
+              return confirmDialog({
+                title: t('maritime-retract-warning'),
+                description: '',
+                confirmLabel: t('maritime-retract-dialog-confirm'),
+                cancelLabel: t('close-dialog-cancel'),
+                content: getWarningDescription(warning)
+              });
+            case 3:
+              onRemoveWarning(id);
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }(), [warnings, getWarningDescription, t, confirmDialog, onRemoveWarning])
+  };
+}
+
+/* *
+ * 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 isWarningEmpty = function isWarningEmpty(item) {
+  var windDirectionFrom = item.windDirectionFrom,
+    windForce = item.windForce,
+    changeType = item.changeType,
+    windDirectionTo = item.windDirectionTo,
+    assignedAreaIds = item.assignedAreaIds;
+  if (assignedAreaIds.length) {
+    return false;
+  }
+  return [windDirectionFrom, windForce, changeType, windDirectionTo].every(function (value) {
+    return value === undefined || value.trim() === '';
+  });
+};
+var isWarningValid = function isWarningValid(item) {
+  var windDirectionFrom = item.windDirectionFrom,
+    windForce = item.windForce,
+    assignedAreaIds = item.assignedAreaIds,
+    changeType = item.changeType,
+    windDirectionTo = item.windDirectionTo;
+  // Direction, windspeed and areas are required.
+  if (!windDirectionFrom || !windForce || !assignedAreaIds.length) {
+    return false;
+  }
+  // If there is a Change selected, Direction to is also required
+  if (changeType && changeType !== 'NO_CHANGE') {
+    return !!windDirectionTo;
+  }
+  return true;
+};
+var isWarningsValid = function isWarningsValid(warnings) {
+  // One single empty row is allowed, if not empty it should be valid
+  if (warnings.length === 1) {
+    return isWarningEmpty(warnings[0]) || isWarningValid(warnings[0]);
+  }
+  return warnings.every(function (warning) {
+    return !isWarningEmpty(warning) && isWarningValid(warning);
+  });
+};
+
+var MaritimeWarningsForm = function MaritimeWarningsForm(_ref) {
+  var _sx, _sx2, _sx3;
+  var areas = _ref.areas,
+    selectedAreaIds = _ref.selectedAreaIds,
+    modified = _ref.modified,
+    warnings = _ref.warnings,
+    onToggleSelectArea = _ref.onToggleSelectArea,
+    onAddSelectedAreas = _ref.onAddSelectedAreas,
+    onRemoveWarning = _ref.onRemoveWarning,
+    onRemoveArea = _ref.onRemoveArea,
+    onAddWarning = _ref.onAddWarning,
+    onChangeWarning = _ref.onChangeWarning,
+    onSubmit = _ref.onSubmit,
+    onClear = _ref.onClear,
+    onMoveWarning = _ref.onMoveWarning,
+    _ref$shouldShowDistri = _ref.shouldShowDistricts,
+    shouldShowDistricts = _ref$shouldShowDistri === void 0 ? false : _ref$shouldShowDistri;
+  var _useWarningsTranslati = useWarningsTranslation(),
+    t = _useWarningsTranslati.t;
+  var disabledAreaIds = warnings.flatMap(function (warning) {
+    return warning.assignedAreaIds;
+  });
+  var _useConfirmRetractDia = useConfirmRetractDialog({
+      areas: areas,
+      warnings: warnings,
+      onRemoveWarning: onRemoveWarning
+    }),
+    onRemoveWarningWithConfirmation = _useConfirmRetractDia.onRemoveWarningWithConfirmation;
+  var showConfirmDialog = useConfirmationDialog();
+  var onClearWithConfirmation = React__default.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return showConfirmDialog({
+            title: t('maritime-clear-dialog-title'),
+            description: t('maritime-clear-dialog-description'),
+            confirmLabel: t('warning-button-clear'),
+            cancelLabel: t('close-dialog-cancel')
+          });
+        case 2:
+          onClear();
+        case 3:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [onClear, t, showConfirmDialog]);
+  var isValid = isWarningsValid(warnings);
+  return jsxs(Stack, {
+    direction: "column",
+    spacing: 3,
+    sx: (_sx = {
+      height: '100%',
+      containerName: 'maritime',
+      containerType: 'inline-size',
+      padding: 2
+    }, _sx["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
+      padding: 3
+    }, _sx),
+    children: [jsx(AreaList, {
+      areas: areas,
+      selected: selectedAreaIds,
+      disabled: disabledAreaIds,
+      onClickItem: onToggleSelectArea
+    }), jsx(WarningList, {
+      warnings: warnings,
+      areas: areas,
+      selectedAreaIds: selectedAreaIds,
+      onAddSelectedAreas: onAddSelectedAreas,
+      onRemoveWarning: onRemoveWarningWithConfirmation,
+      onChangeWarning: onChangeWarning,
+      onToggleSelectArea: onToggleSelectArea,
+      onRemoveArea: onRemoveArea,
+      onMoveWarning: onMoveWarning,
+      shouldShowDistricts: shouldShowDistricts
+    }), jsxs(Button, {
+      onClick: onAddWarning,
+      variant: "tertiary",
+      size: "small",
+      sx: {
+        alignSelf: 'flex-start',
+        paddingInline: 2
+      },
+      children: [jsx(Add, {}), t('maritime-new-warning')]
+    }), jsxs(Stack, {
+      spacing: 2,
+      direction: "row",
+      sx: (_sx2 = {}, _sx2["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
+        position: 'absolute',
+        bottom: 0,
+        right: 0,
+        padding: 3
+      }, _sx2),
+      children: [jsx(Button, {
+        onClick: onClearWithConfirmation,
+        variant: "tertiary",
+        size: "small",
+        sx: {
+          width: '134px'
+        },
+        children: t('warning-button-clear')
+      }), jsx(Button, {
+        variant: "primary",
+        size: "small",
+        sx: (_sx3 = {
+          width: '134px'
+        }, _sx3["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
+          marginLeft: '24px!important'
+        }, _sx3),
+        disabled: !modified || !isValid,
+        onClick: onSubmit,
+        children: t('warning-button-publish')
+      })]
+    })]
+  });
+};
+
 var areasByDomain = {
   northSeaDistricts: [{
-    id: 'DOGGER',
-    label: 'Dogger'
-  }, {
     id: 'DOVER',
     label: 'Dover'
+  }, {
+    id: 'THAMES',
+    label: 'Thames'
   }, {
     id: 'HUMBER',
     label: 'Humber'
   }, {
-    id: 'THAMES',
-    label: 'Thames'
+    id: 'DOGGER',
+    label: 'Dogger'
+  }, {
+    id: 'GERMAN_BIGHT',
+    label: 'German Bight'
   }],
   coastalWaters: [{
     id: 'VLISSINGEN',
@@ -6612,15 +6752,32 @@ var areasByDomain = {
     label: 'Hoek van Holland'
   }, {
     id: 'IJMUIDEN',
-    label: 'Ijmuiden'
+    label: 'IJmuiden'
   }, {
     id: 'TEXEL',
     label: 'Texel'
+  }, {
+    id: 'HARLINGEN',
+    label: 'Harlingen'
+  }, {
+    id: 'ROTTUM',
+    label: 'Rottum'
+  }, {
+    id: 'DELFZIJL',
+    label: 'Delfzijl'
+  }, {
+    id: 'IJSSELMEER',
+    label: 'IJsselmeer'
+  }, {
+    id: 'MARKERMEER',
+    label: 'Markermeer'
   }]
 };
 
 var MaritimeWarningsFormConnect = function MaritimeWarningsFormConnect(_ref) {
-  var domain = _ref.domain;
+  var domain = _ref.domain,
+    onPreventCloseView = _ref.onPreventCloseView,
+    onModifyForm = _ref.onModifyForm;
   var areas = areasByDomain[domain];
   var shouldShowDistricts = domain === 'northSeaDistricts';
   var _useMaritimeWarningsF = useMaritimeWarningsFormState(),
@@ -6630,19 +6787,21 @@ var MaritimeWarningsFormConnect = function MaritimeWarningsFormConnect(_ref) {
     // FIXME: replace this by warnings from api
     dispatch({
       type: 'initialize',
-      warnings: Array.from({
-        length: 1
-      }).map(function (_, index) {
-        return {
-          assignedAreaIds: [],
-          id: (index + 1).toString(),
-          windDirectionFrom: '',
-          windDirectionTo: '',
-          changeType: 'NO_CHANGE'
-        };
-      })
+      warnings: []
     });
-  }, [dispatch]);
+  }, [dispatch, domain, areas]);
+  React__default.useEffect(function () {
+    onPreventCloseView == null || onPreventCloseView(state.modified);
+    if (onModifyForm) {
+      onModifyForm(state.modified);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [state.modified]);
+  usePreventBrowserClose(state.modified);
+  var dispatchRedux = useDispatch();
+  var showSnackbar = React__default.useCallback(function (message) {
+    dispatchRedux(snackbarActions.openSnackbar(message));
+  }, [dispatchRedux]);
   var onToggleSelectArea = React__default.useCallback(function (id) {
     React__default.startTransition(function () {
       dispatch({
@@ -6666,7 +6825,11 @@ var MaritimeWarningsFormConnect = function MaritimeWarningsFormConnect(_ref) {
         id: id
       });
     });
-  }, [dispatch]);
+    showSnackbar({
+      type: snackbarTypes.SnackbarMessageType.TRANSLATABLE_MESSAGE,
+      key: 'maritime-retract-success'
+    });
+  }, [dispatch, showSnackbar]);
   var onAddWarning = React__default.useCallback(function () {
     React__default.startTransition(function () {
       dispatch({
@@ -6697,7 +6860,11 @@ var MaritimeWarningsFormConnect = function MaritimeWarningsFormConnect(_ref) {
         type: 'clearWarnings'
       });
     });
-  }, [dispatch]);
+    showSnackbar({
+      type: snackbarTypes.SnackbarMessageType.TRANSLATABLE_MESSAGE,
+      key: 'maritime-clear-success'
+    });
+  }, [dispatch, showSnackbar]);
   var onMoveWarning = React__default.useCallback(function (oldIndex, newIndex) {
     dispatch({
       type: 'moveWarning',
@@ -6924,7 +7091,7 @@ var Form = function Form(_ref5) {
   var _publicWarningDetails, _publicWarningDetails2;
   var defaultMapPreset = _ref5.defaultMapPreset,
     _ref5$onSaveForm = _ref5.onSaveForm,
-    onSaveForm = _ref5$onSaveForm === void 0 ? /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    onSaveForm = _ref5$onSaveForm === void 0 ? /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -6936,7 +7103,7 @@ var Form = function Form(_ref5) {
       }, _callee);
     })) : _ref5$onSaveForm,
     _ref5$onPublishForm = _ref5.onPublishForm,
-    onPublishForm = _ref5$onPublishForm === void 0 ? /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    onPublishForm = _ref5$onPublishForm === void 0 ? /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -6952,7 +7119,7 @@ var Form = function Form(_ref5) {
     _ref5$onCloseForm = _ref5.onCloseForm,
     onCloseForm = _ref5$onCloseForm === void 0 ? function () {} : _ref5$onCloseForm,
     _ref5$onSaveAviationF = _ref5.onSaveAviationForm,
-    onSaveAviationForm = _ref5$onSaveAviationF === void 0 ? /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+    onSaveAviationForm = _ref5$onSaveAviationF === void 0 ? /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
@@ -7039,8 +7206,8 @@ var Form = function Form(_ref5) {
   var onPressPublish = function onPressPublish() {
     if (!isPublishing) {
       toggleIsDraft(false);
-      void handleSubmit( /*#__PURE__*/function () {
-        var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(data) {
+      void handleSubmit(/*#__PURE__*/function () {
+        var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(data) {
           return _regeneratorRuntime().wrap(function _callee4$(_context4) {
             while (1) switch (_context4.prev = _context4.next) {
               case 0:
@@ -7064,8 +7231,8 @@ var Form = function Form(_ref5) {
   var onPressSave = function onPressSave() {
     if (!isSaving) {
       toggleIsDraft(true);
-      void handleSubmit( /*#__PURE__*/function () {
-        var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(data) {
+      void handleSubmit(/*#__PURE__*/function () {
+        var _ref0 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(data) {
           return _regeneratorRuntime().wrap(function _callee5$(_context5) {
             while (1) switch (_context5.prev = _context5.next) {
               case 0:
@@ -7081,7 +7248,7 @@ var Form = function Form(_ref5) {
           }, _callee5);
         }));
         return function (_x2) {
-          return _ref10.apply(this, arguments);
+          return _ref0.apply(this, arguments);
         };
       }())();
     }
@@ -7121,29 +7288,29 @@ var Form = function Form(_ref5) {
     return t('warning-button-publish');
   };
   var handleSubmitAviationProduct = /*#__PURE__*/function () {
-    var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(action, warningType) {
+    var _ref1 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee0(action, warningType) {
       var formValues;
-      return _regeneratorRuntime().wrap(function _callee10$(_context10) {
-        while (1) switch (_context10.prev = _context10.next) {
+      return _regeneratorRuntime().wrap(function _callee0$(_context0) {
+        while (1) switch (_context0.prev = _context0.next) {
           case 0:
             if (!isSaving) {
-              _context10.next = 2;
+              _context0.next = 2;
               break;
             }
-            return _context10.abrupt("return");
+            return _context0.abrupt("return");
           case 2:
-            _context10.t0 = action;
-            _context10.next = _context10.t0 === ProductAction.SAVE ? 5 : _context10.t0 === ProductAction.PUBLISH ? 14 : _context10.t0 === ProductAction.CANCEL ? 17 : _context10.t0 === ProductAction.AMEND ? 19 : _context10.t0 === ProductAction.RENEW ? 21 : _context10.t0 === ProductAction.DISCARD ? 21 : _context10.t0 === ProductAction.DUPLICATE ? 21 : _context10.t0 === ProductAction.CLOSE ? 21 : 22;
+            _context0.t0 = action;
+            _context0.next = _context0.t0 === ProductAction.SAVE ? 5 : _context0.t0 === ProductAction.PUBLISH ? 14 : _context0.t0 === ProductAction.CANCEL ? 17 : _context0.t0 === ProductAction.AMEND ? 19 : _context0.t0 === ProductAction.RENEW ? 21 : _context0.t0 === ProductAction.DISCARD ? 21 : _context0.t0 === ProductAction.DUPLICATE ? 21 : _context0.t0 === ProductAction.CLOSE ? 21 : 22;
             break;
           case 5:
             toggleIsDraft(true);
-            _context10.next = 8;
+            _context0.next = 8;
             return trigger();
           case 8:
             // Run validation and show messages
             formValues = getValues();
             setIsSaving(true);
-            _context10.next = 12;
+            _context0.next = 12;
             return onSaveAviationForm(formValues, 'DRAFT', warningType, undefined, function (uuid) {
               setValue('uuid', uuid, {
                 shouldValidate: true,
@@ -7152,16 +7319,16 @@ var Form = function Form(_ref5) {
             })["catch"](function () {});
           case 12:
             setIsSaving(false);
-            return _context10.abrupt("break", 23);
+            return _context0.abrupt("break", 23);
           case 14:
             toggleIsDraft(false);
-            void handleSubmit( /*#__PURE__*/function () {
-              var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(formValues) {
+            void handleSubmit(/*#__PURE__*/function () {
+              var _ref10 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(formValues) {
                 return _regeneratorRuntime().wrap(function _callee7$(_context7) {
                   while (1) switch (_context7.prev = _context7.next) {
                     case 0:
                       _context7.next = 2;
-                      return showConfirmDialog(action).then( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
+                      return showConfirmDialog(action).then(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
                         return _regeneratorRuntime().wrap(function _callee6$(_context6) {
                           while (1) switch (_context6.prev = _context6.next) {
                             case 0:
@@ -7184,10 +7351,10 @@ var Form = function Form(_ref5) {
                 }, _callee7);
               }));
               return function (_x5) {
-                return _ref12.apply(this, arguments);
+                return _ref10.apply(this, arguments);
               };
             }())();
-            return _context10.abrupt("break", 23);
+            return _context0.abrupt("break", 23);
           case 17:
             void showConfirmDialog(action).then(function () {
               setIsCancelling(true);
@@ -7196,15 +7363,15 @@ var Form = function Form(_ref5) {
                 onCloseForm();
               });
             });
-            return _context10.abrupt("break", 23);
+            return _context0.abrupt("break", 23);
           case 19:
-            void handleSubmit( /*#__PURE__*/function () {
-              var _ref14 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(formValues) {
+            void handleSubmit(/*#__PURE__*/function () {
+              var _ref12 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9(formValues) {
                 return _regeneratorRuntime().wrap(function _callee9$(_context9) {
                   while (1) switch (_context9.prev = _context9.next) {
                     case 0:
                       _context9.next = 2;
-                      return showConfirmDialog(action).then( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
+                      return showConfirmDialog(action).then(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
                         return _regeneratorRuntime().wrap(function _callee8$(_context8) {
                           while (1) switch (_context8.prev = _context8.next) {
                             case 0:
@@ -7228,22 +7395,22 @@ var Form = function Form(_ref5) {
                 }, _callee9);
               }));
               return function (_x6) {
-                return _ref14.apply(this, arguments);
+                return _ref12.apply(this, arguments);
               };
             }())();
-            return _context10.abrupt("break", 23);
+            return _context0.abrupt("break", 23);
           case 21:
-            return _context10.abrupt("break", 23);
+            return _context0.abrupt("break", 23);
           case 22:
             console.warn("Unhandled product action: " + action);
           case 23:
           case "end":
-            return _context10.stop();
+            return _context0.stop();
         }
-      }, _callee10);
+      }, _callee0);
     }));
     return function handleSubmitAviationProduct(_x3, _x4) {
-      return _ref11.apply(this, arguments);
+      return _ref1.apply(this, arguments);
     };
   }();
   var onPressClear = function onPressClear() {
@@ -7381,12 +7548,14 @@ var Form = function Form(_ref5) {
     }
     if (warningType === 'maritimeWarningCoastal') {
       return jsx(MaritimeWarningsFormConnect, {
-        domain: "coastalWaters"
+        domain: "coastalWaters",
+        onModifyForm: onFormDirty
       });
     }
     if (warningType === 'maritimeWarningNorthSea') {
       return jsx(MaritimeWarningsFormConnect, {
-        domain: "northSeaDistricts"
+        domain: "northSeaDistricts",
+        onModifyForm: onFormDirty
       });
     }
     // Public warnings form
@@ -7744,7 +7913,7 @@ var PublicWarningsFormConnect = function PublicWarningsFormConnect(_ref) {
   var isEditor = editor === (auth == null ? void 0 : auth.username) || false;
   var dispatch = useDispatch();
   var publishForm = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(newFormValues) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(newFormValues) {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -7789,7 +7958,7 @@ var PublicWarningsFormConnect = function PublicWarningsFormConnect(_ref) {
     return selectedProduct.airmet;
   };
   var saveAviationForm = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(productToPost, newStatus, warningType, vaSigmetMoveToFIR, setSelectedUUID) {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(productToPost, newStatus, warningType, vaSigmetMoveToFIR, setSelectedUUID) {
       var _result;
       var product, uuid, result, postProductParam, _postProductParam;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
@@ -7831,7 +8000,7 @@ var PublicWarningsFormConnect = function PublicWarningsFormConnect(_ref) {
     };
   }();
   var saveForm = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(newFormValues) {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(newFormValues) {
       var status;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -8752,7 +8921,7 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
   }, [selectedWarning == null ? void 0 : selectedWarning.editor]);
   var updatePublicWarningEditor = useMutatePublicWarningEditor();
   var setIsEditor = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(isReadOnly) {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(isReadOnly) {
       var username, updateEditor;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -8779,7 +8948,7 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
                   }
                 },
                 onSuccess: function () {
-                  var _onSuccess = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+                  var _onSuccess = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
                     return _regeneratorRuntime().wrap(function _callee$(_context) {
                       while (1) switch (_context.prev = _context.next) {
                         case 0:
@@ -8835,7 +9004,7 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
         description: t('warning-view-mode-description'),
         confirmLabel: t('warning-view-mode-confirm'),
         cancelLabel: t('warning-dialog-cancel')
-      }).then( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+      }).then(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
@@ -8852,7 +9021,7 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
     }
   };
   var closeDialog = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
       var mayProceed;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
@@ -10529,7 +10698,7 @@ var ConfirmDeleteWarningDialog = function ConfirmDeleteWarningDialog(_ref) {
     error = _React$useState2[0],
     setError = _React$useState2[1];
   var onSubmit = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -10616,7 +10785,7 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
   });
   var isFormDirty = useSelector(getSelectedPublicIsFormDirty);
   var openPublicWarningDialog = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(formAction, warning, warningType) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(formAction, warning, warningType) {
       var mayProceed;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -10663,7 +10832,7 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
     void openPublicWarningDialog('', undefined, warningType);
   };
   var editWarning = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(publicWarning) {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(publicWarning) {
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -10746,7 +10915,7 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
   var _usePostAirmet = usePostAirmet(),
     postAirmet = _usePostAirmet.mutateAsync;
   var deleteAviationProduct = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(productToPost, newStatus, warningType) {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(productToPost, newStatus, warningType) {
       var uuid, _postProductParam, postProductParam, errorMessage;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -10988,7 +11157,12 @@ var warningListViewPreset = {
   componentType: 'WarningList'};
 var maritimeWarningsViewPreset = {
   componentType: 'MaritimeWarnings'};
-var componentsLookUp = function componentsLookUp(payload) {
+var componentsLookUp = function componentsLookUp(payload,
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+ComponentsLookUpWrapper) {
+  if (ComponentsLookUpWrapper === void 0) {
+    ComponentsLookUpWrapper = null;
+  }
   var id = payload.id,
     componentType = payload.componentType,
     initialProps = payload.initialProps;
@@ -11002,6 +11176,15 @@ var componentsLookUp = function componentsLookUp(payload) {
         })
       });
     case maritimeWarningsViewPreset.componentType:
+      if (ComponentsLookUpWrapper) {
+        return jsx(ErrorBoundary, {
+          children: jsx(ComponentsLookUpWrapper, {
+            component: MaritimeWarningsFormConnect,
+            payload: payload,
+            domain: initialProps.domain || 'northSeaDistricts'
+          })
+        });
+      }
       return jsx(ErrorBoundary, {
         children: jsx(MaritimeWarningsFormConnect, {
           domain: initialProps.domain || 'northSeaDistricts'