@opengeoweb/warnings 12.10.0 → 12.12.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,24 @@ 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",
+	"maritime-domain-coastal": "Coastal Waters",
+	"maritime-domain-northsea": "North Sea Districts",
+	"maritime-editor-on": "You are now the editor of the Maritime Warnings for {{domain}}",
+	"maritime-editor-off": "You are now no longer the editor of the Maritime Warnings for {{domain}}",
+	"maritime-warning-post-success": "Warning published successfully"
 };
 var nl = {
 	"drawing-tool-form-tools": "Gereedschap",
@@ -279,7 +296,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 +446,19 @@ 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",
+	"maritime-warning-post-success": "Waarschuwing succesvol gepubliceerd"
 };
 var fi = {
 	"drawing-tool-form-tools": "Työkalut",
@@ -581,7 +610,9 @@ var fi = {
 	"aviation-discard-success": "{{warningType}} er forkastet!",
 	"error-auth-login": "Tämän toiminnallisuuden käyttäminen vaatii tunnistautumista. Kirjaudu sisään jatkaaksesi",
 	"cancel-warningType": "Peruuta {{warningType}}",
-	cancelling: "Peruuttaminen"
+	cancelling: "Peruuttaminen",
+	"maritime-editor-off": "Et ole enää {{domain}} -merivaroitusten muokkaaja",
+	"maritime-warning-post-success": "Varoitus julkaistu onnistuneesti"
 };
 var no = {
 	"drawing-tool-form-tools": "Verktøy",
@@ -742,6 +773,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 +810,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 +1248,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 +1420,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) {
@@ -2051,7 +2027,7 @@ var updatePublicWarning = function updatePublicWarning(warningId, auth, data) {
     body: JSON.stringify(data)
   }).then(handleResponse);
 };
-var postPublicWarning = function postPublicWarning(auth, data) {
+var postWarning = function postWarning(auth, data) {
   return fetch(publicWarningBaseUrl + "/warnings/", {
     headers: getHeaders(auth),
     method: 'POST',
@@ -2096,7 +2072,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 +2305,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 +2333,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) {
@@ -2416,7 +2392,7 @@ var defaultDomainFilter = {
 };
 var domainLevels = {
   aviation: [Level.airmet, Level.sigmet],
-  maritime: [],
+  maritime: [Level.extreme, Level.moderate, Level.severe],
   "public": [Level.extreme, Level.moderate, Level.severe]
 };
 var defaultLevelFilter = (_defaultLevelFilter = {}, _defaultLevelFilter[emptyFilterId] = true, _defaultLevelFilter.extreme = true, _defaultLevelFilter.moderate = true, _defaultLevelFilter.severe = true, _defaultLevelFilter.AIR = true, _defaultLevelFilter.SIG = true, _defaultLevelFilter);
@@ -2426,9 +2402,9 @@ var makeFilterFromList = function makeFilterFromList(options, value) {
   if (value === void 0) {
     value = true;
   }
-  return options.reduce(function (acc, p) {
+  return options.reduce(function (acc, property) {
     var _Object$assign;
-    return p ? Object.assign({}, acc, (_Object$assign = {}, _Object$assign[p] = value, _Object$assign)) : acc;
+    return property ? Object.assign({}, acc, (_Object$assign = {}, _Object$assign[property] = value, _Object$assign)) : acc;
   }, (_options$reduce = {}, _options$reduce[emptyFilterId] = value, _options$reduce));
 };
 var AllPhenomena = Object.assign({}, AirmetPhenomena, SigmetPhenomena, Phenomenon$1);
@@ -2437,7 +2413,7 @@ var AllPhenomenaKeys = Object.fromEntries(Object.keys(AllPhenomena).map(function
 }));
 var domainPhenomena = {
   aviation: [].concat(Object.keys(SigmetPhenomena), Object.keys(AirmetPhenomena)),
-  maritime: [],
+  maritime: [Phenomenon$1.wind],
   "public": [].concat(Object.keys(Phenomenon$1))
 };
 var defaultPhenomenonFilter = makeFilterFromList(Object.keys(AllPhenomenaKeys));
@@ -2452,8 +2428,8 @@ var getSelectedOptions = function getSelectedOptions(options) {
   if (options === void 0) {
     options = {};
   }
-  var selectedOptions = Object.keys(options).filter(function (k) {
-    return options[k];
+  var selectedOptions = Object.keys(options).filter(function (key) {
+    return options[key];
   });
   var allSelected = selectedOptions.length === Object.keys(options).length;
   return {
@@ -2464,26 +2440,26 @@ var getSelectedOptions = function getSelectedOptions(options) {
 var updateState = function updateState(state, optionKey, value, only) {
   var _Object$assign4;
   if (only) {
-    return Object.keys(state).reduce(function (acc, k) {
+    return Object.keys(state).reduce(function (acc, key) {
       var _Object$assign2;
-      return Object.assign({}, acc, (_Object$assign2 = {}, _Object$assign2[k] = k === optionKey, _Object$assign2));
+      return Object.assign({}, acc, (_Object$assign2 = {}, _Object$assign2[key] = key === optionKey, _Object$assign2));
     }, {});
   }
   if (optionKey === 'ALL') {
     if (Object.keys(state).length < 2) {
       return state;
     }
-    return Object.keys(state).reduce(function (acc, k) {
+    return Object.keys(state).reduce(function (acc, key) {
       var _Object$assign3;
-      return Object.assign({}, acc, (_Object$assign3 = {}, _Object$assign3[k] = value, _Object$assign3));
+      return Object.assign({}, acc, (_Object$assign3 = {}, _Object$assign3[key] = value, _Object$assign3));
     }, {});
   }
   return Object.assign({}, state, (_Object$assign4 = {}, _Object$assign4[optionKey] = value, _Object$assign4));
 };
 /** Make sure our value is in the filter */
 var getValue = function getValue(values, value) {
-  return Object.values(values).find(function (v) {
-    return v === value;
+  return Object.values(values).find(function (existingValue) {
+    return existingValue === value;
   }) || emptyFilterId;
 };
 var getFiltersFromWarnings = function getFiltersFromWarnings(warnings, filterKey) {
@@ -3037,7 +3013,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) {
@@ -3076,7 +3052,7 @@ var useMutateWarning = function useMutateWarning(snackBarMessage) {
       if (id) {
         return updatePublicWarning(id, auth, data);
       }
-      return postPublicWarning(auth, data);
+      return postWarning(auth, data);
     },
     onError: function onError(error) {
       void queryClient.invalidateQueries({
@@ -3087,7 +3063,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 +3129,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 +3197,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 +3267,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) {
@@ -3335,6 +3311,45 @@ var useMutateDeleteDrawing = function useMutateDeleteDrawing() {
     }
   });
 };
+var usePostMaritimeWarning = function usePostMaritimeWarning() {
+  var _useAuthenticationCon6 = useAuthenticationContext(),
+    auth = _useAuthenticationCon6.auth;
+  var queryClient = useQueryClient();
+  var dispatch = useDispatch();
+  return useMutation({
+    mutationFn: function mutationFn(data) {
+      if (!auth) {
+        throw new Error('Authentication context not found');
+      }
+      return postWarning(auth, data);
+    },
+    onSuccess: function () {
+      var _onSuccess4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
+        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
+            case 0:
+              _context6.next = 2;
+              return queryClient.invalidateQueries({
+                queryKey: ['public-warning-list']
+              });
+            case 2:
+              dispatch(snackbarActions.openSnackbar({
+                type: snackbarTypes.SnackbarMessageType.TRANSLATABLE_MESSAGE,
+                key: 'maritime-warning-post-success'
+              }));
+            case 3:
+            case "end":
+              return _context6.stop();
+          }
+        }, _callee6);
+      }));
+      function onSuccess() {
+        return _onSuccess4.apply(this, arguments);
+      }
+      return onSuccess;
+    }()
+  });
+};
 
 var getDeleteDescription = function getDeleteDescription(objectName, t) {
   return t('delete-dialog-description') + " \"" + objectName + "\"?";
@@ -3469,7 +3484,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 +4282,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 +4333,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);
   };
@@ -4431,15 +4457,15 @@ var getSigmetList = function getSigmetList(auth) {
 var getAirmetConfig = function getAirmetConfig(auth) {
   return fetch(airmetBaseUrl + "/airmet-config", {
     headers: getHeaders(auth)
-  }).then(function (r) {
-    return r.json();
+  }).then(function (result) {
+    return result.json();
   });
 };
 var getSigmetConfig = function getSigmetConfig(auth) {
   return fetch(sigmetBaseUrl + "/sigmet-config", {
     headers: getHeaders(auth)
-  }).then(function (r) {
-    return r.json();
+  }).then(function (result) {
+    return result.json();
   });
 };
 var getAirmetTAC = function getAirmetTAC(auth, product) {
@@ -4447,25 +4473,25 @@ 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(result) {
       var textData;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            if (!(r.status === 200)) {
+            if (!(result.status === 200)) {
               _context.next = 5;
               break;
             }
             _context.next = 3;
-            return r.text();
+            return result.text();
           case 3:
             textData = _context.sent;
             return _context.abrupt("return", {
               data: textData
             });
           case 5:
-            throw new Error("Failed to fetch TAC data: " + r.statusText);
+            throw new Error("Failed to fetch TAC data: " + result.statusText);
           case 6:
           case "end":
             return _context.stop();
@@ -4482,25 +4508,25 @@ 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(result) {
       var textData;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            if (!(r.status === 200)) {
+            if (!(result.status === 200)) {
               _context2.next = 5;
               break;
             }
             _context2.next = 3;
-            return r.text();
+            return result.text();
           case 3:
             textData = _context2.sent;
             return _context2.abrupt("return", {
               data: textData
             });
           case 5:
-            throw new Error("Failed to fetch TAC data: " + r.statusText);
+            throw new Error("Failed to fetch TAC data: " + result.statusText);
           case 6:
           case "end":
             return _context2.stop();
@@ -4624,7 +4650,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 +4711,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) {
@@ -4724,12 +4750,12 @@ function isCancelSigmet(warningDetail) {
   return warningDetail.cancelsSigmetSequenceId !== undefined;
 }
 var flattenPublicWarning = function flattenPublicWarning(publicWarning) {
-  if (publicWarning.type === 'public') {
-    return {};
+  if (publicWarning.type === 'airmet' || publicWarning.type === 'sigmet') {
+    var sigmetAirmetDetails = publicWarning.sigmetAirmetDetails,
+      rest = _objectWithoutPropertiesLoose(publicWarning, _excluded$6);
+    return Object.assign({}, rest, sigmetAirmetDetails);
   }
-  var sigmetAirmetDetails = publicWarning.sigmetAirmetDetails,
-    rest = _objectWithoutPropertiesLoose(publicWarning, _excluded$6);
-  return Object.assign({}, rest, sigmetAirmetDetails);
+  return {};
 };
 var transformAirmetToWarningFormat = function transformAirmetToWarningFormat(apiAirmet, productConfig) {
   var airmet = apiAirmet.airmet;
@@ -5642,15 +5668,80 @@ var ValidUntil = function ValidUntil(_ref) {
   });
 };
 
-var AreaList = /*#__PURE__*/React__default.memo(function (_ref) {
-  var areas = _ref.areas,
-    selected = _ref.selected,
-    disabled = _ref.disabled,
-    onClickItem = _ref.onClickItem;
+/* *
+ * 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)
+ * */
+function useFilterChipSelect(_ref) {
+  var selectedIds = _ref.selectedIds,
+    assignedIds = _ref.assignedIds,
+    onToggleSelect = _ref.onToggleSelect,
+    onSelectMultiple = _ref.onSelectMultiple;
+  var lastSelectedByClick = React__default.useRef(null);
+  // reset lastSelectedByClick when it disappears from ids list
+  React__default.useEffect(function () {
+    if (lastSelectedByClick.current && (!assignedIds.includes(lastSelectedByClick.current) || !selectedIds.includes(lastSelectedByClick.current))) {
+      lastSelectedByClick.current = null;
+    }
+  }, [assignedIds, selectedIds]);
+  return {
+    handleChipClick: function handleChipClick(id, event) {
+      if (event.shiftKey && lastSelectedByClick.current) {
+        var assignedAreasIdsArray = Array.from(assignedIds);
+        var lastClickedIndex = assignedAreasIdsArray.indexOf(lastSelectedByClick.current);
+        var clickedIndex = assignedAreasIdsArray.indexOf(id);
+        var firstIndex = Math.min(clickedIndex, lastClickedIndex);
+        var secondIndex = Math.max(clickedIndex, lastClickedIndex);
+        onSelectMultiple == null || onSelectMultiple(assignedAreasIdsArray.slice(firstIndex, secondIndex + 1));
+      } else {
+        var idIsSelected = selectedIds.includes(id);
+        if (!idIsSelected) {
+          lastSelectedByClick.current = id;
+        } else {
+          lastSelectedByClick.current = null;
+        }
+        onToggleSelect == null || onToggleSelect(id);
+      }
+    }
+  };
+}
+
+var AreaList = /*#__PURE__*/React__default.memo(function (_ref2) {
+  var areas = _ref2.areas,
+    selected = _ref2.selected,
+    disabled = _ref2.disabled,
+    isReadOnly = _ref2.isReadOnly,
+    onToggleSelectArea = _ref2.onToggleSelectArea,
+    onSelectMultipleAreas = _ref2.onSelectMultipleAreas;
+  var _useFilterChipSelect = useFilterChipSelect({
+      selectedIds: selected,
+      assignedIds: areas.map(function (area) {
+        return area.id;
+      }),
+      onSelectMultiple: onSelectMultipleAreas,
+      onToggleSelect: onToggleSelectArea
+    }),
+    handleChipClick = _useFilterChipSelect.handleChipClick;
   return jsx(Stack, {
     "data-testid": "arealist",
     direction: "row",
     spacing: 1,
+    style: {
+      pointerEvents: !isReadOnly ? 'auto' : 'none'
+    },
     sx: {
       display: 'block',
       '.MuiChip-root': {
@@ -5667,8 +5758,10 @@ var AreaList = /*#__PURE__*/React__default.memo(function (_ref) {
         label: area.label,
         isSelected: isSelected,
         isDisabled: isDisabled,
-        onClick: function onClick() {
-          return onClickItem == null ? void 0 : onClickItem(area.id);
+        onClick: function onClick(_ref, event) {
+          if (!isReadOnly) {
+            handleChipClick == null || handleChipClick(area.id, event);
+          }
         },
         size: "medium"
       }, area.id);
@@ -5730,12 +5823,15 @@ var WarningListHeaderContent = function WarningListHeaderContent(_ref) {
 };
 
 var AssignedAreas = function AssignedAreas(_ref) {
-  var _sx;
+  var _sx, _sx2;
   var assignedAreas = _ref.assignedAreas,
     selectedAreaIds = _ref.selectedAreaIds,
     onAddClick = _ref.onAddClick,
     onDeleteClick = _ref.onDeleteClick,
     onToggleSelectArea = _ref.onToggleSelectArea,
+    onSelectMultipleAreas = _ref.onSelectMultipleAreas,
+    _ref$isReadOnly = _ref.isReadOnly,
+    isReadOnly = _ref$isReadOnly === void 0 ? false : _ref$isReadOnly,
     _ref$shouldShowDistri = _ref.shouldShowDistricts,
     shouldShowDistricts = _ref$shouldShowDistri === void 0 ? false : _ref$shouldShowDistri;
   var _useWarningsTranslati = useWarningsTranslation(),
@@ -5747,21 +5843,32 @@ var AssignedAreas = function AssignedAreas(_ref) {
   }, [assignedAreas]);
   // can add the selected areas when they don't appear in the assigned area list
   var canAddSelectedAreas = React__default.useMemo(function () {
-    return selectedAreaIds.length > 0 && selectedAreaIds.every(function (id) {
+    return !isReadOnly && selectedAreaIds.length > 0 && selectedAreaIds.some(function (id) {
       return !assignedAreaIds.has(id);
     });
-  }, [selectedAreaIds, assignedAreaIds]);
+  }, [isReadOnly, selectedAreaIds, assignedAreaIds]);
+  var assignedAreaIdsArray = React__default.useMemo(function () {
+    return Array.from(assignedAreaIds);
+  }, [assignedAreaIds]);
+  var _useFilterChipSelect = useFilterChipSelect({
+      selectedIds: selectedAreaIds,
+      assignedIds: assignedAreaIdsArray,
+      onSelectMultiple: onSelectMultipleAreas,
+      onToggleSelect: onToggleSelectArea
+    }),
+    handleChipClick = _useFilterChipSelect.handleChipClick;
   var theme = useTheme();
   return jsxs(Box, {
-    sx: {
+    sx: (_sx = {
       display: 'flex',
       gridArea: 'areas',
       gap: 1,
       minHeight: 32,
-      marginLeft: 1,
       paddingInline: 0.5,
       borderRadius: 1
-    },
+    }, _sx["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
+      marginLeft: 1
+    }, _sx),
     style: {
       backgroundColor: canAddSelectedAreas ? theme.palette.geowebColors.cards.cardContainerMouseOver : undefined
     },
@@ -5773,17 +5880,20 @@ var AssignedAreas = function AssignedAreas(_ref) {
       },
       children: shouldShowDistricts ? t('maritime-no-district-selected') : t('maritime-no-area-selected')
     }), jsx(Box, {
-      sx: (_sx = {
+      sx: (_sx2 = {
         flexGrow: 1,
         display: 'flex',
         flexDirection: 'column',
         gap: 0.5,
         paddingBlock: 0.5,
         alignItems: 'flex-start'
-      }, _sx["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
+      }, _sx2["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
         flexWrap: 'wrap',
         flexDirection: 'row'
-      }, _sx),
+      }, _sx2),
+      style: {
+        pointerEvents: !isReadOnly ? 'auto' : 'none'
+      },
       children: assignedAreas.map(function (area) {
         var isSelected = selectedAreaIds.includes(area.id);
         return jsx(FilterChip, {
@@ -5791,15 +5901,17 @@ var AssignedAreas = function AssignedAreas(_ref) {
           id: area.id,
           label: area.label,
           isSelected: isSelected,
-          onClick: function onClick() {
-            return onToggleSelectArea(area.id);
+          onClick: function onClick(_chipRef, event) {
+            if (!isReadOnly) {
+              handleChipClick(area.id, event);
+            }
           },
-          onClickIcon: isSelected ? function () {
-            return onDeleteClick(area.id);
+          onClickIcon: isSelected && !isReadOnly ? function () {
+            onDeleteClick(area.id);
           } : undefined
         }, area.id);
       })
-    }), jsx(AddButton, {
+    }), !isReadOnly && jsx(AddButton, {
       show: canAddSelectedAreas,
       onClick: onAddClick
     })]
@@ -5838,8 +5950,8 @@ var WarningListSelect = /*#__PURE__*/React__default.memo(function (_ref) {
     renderValue = _ref.renderValue,
     gridArea = _ref.gridArea,
     additionalStyling = _ref.additionalStyling,
-    _ref$isDisabled = _ref.isDisabled,
-    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled;
+    _ref$isReadOnly = _ref.isReadOnly,
+    isReadOnly = _ref$isReadOnly === void 0 ? false : _ref$isReadOnly;
   var currentIndex = options.findIndex(function (option) {
     return option.value === value;
   });
@@ -5854,14 +5966,24 @@ var WarningListSelect = /*#__PURE__*/React__default.memo(function (_ref) {
       style: {
         maxWidth: '100%'
       },
-      isEnabled: !isDisabled,
-      disabled: isDisabled,
+      isEnabled: !isReadOnly,
+      disabled: isReadOnly,
       value: value != null ? value : '',
       SelectDisplayProps: {
         'aria-label': label
       },
       list: options,
-      additionalStyling: additionalStyling,
+      additionalStyling: Object.assign({
+        '&.Mui-disabled .MuiSvgIcon-root': {
+          display: 'none'
+        },
+        '&.Mui-disabled': {
+          color: 'inherit',
+          '& .MuiInput-input': {
+            WebkitTextFillColor: 'inherit'
+          }
+        }
+      }, additionalStyling),
       currentIndex: currentIndex > -1 ? currentIndex : undefined,
       renderValue: renderValue,
       onChange: function onChange(event) {
@@ -5920,7 +6042,8 @@ var WindForceSelect = function WindForceSelect(_ref) {
   var onChange = _ref.onChange,
     value = _ref.value,
     gridArea = _ref.gridArea,
-    options = _ref.options;
+    options = _ref.options,
+    isReadOnly = _ref.isReadOnly;
   var warningListOptions = React__default.useMemo(function () {
     return options.map(function (option) {
       return {
@@ -5989,9 +6112,13 @@ var WindForceSelect = function WindForceSelect(_ref) {
     onChange: onChange,
     renderOption: renderOption,
     renderValue: renderValue,
+    isReadOnly: isReadOnly,
     additionalStyling: {
       '& .MuiSvgIcon-root': {
         fill: arrowColor
+      },
+      '& .MuiSelect-standard': {
+        paddingBlock: 0
       }
     }
   });
@@ -6141,7 +6268,9 @@ var WarningListItem$1 = /*#__PURE__*/React__default.memo(function (_ref) {
     onRemove = _ref.onRemove,
     onChange = _ref.onChange,
     onToggleSelectArea = _ref.onToggleSelectArea,
+    onSelectMultipleAreas = _ref.onSelectMultipleAreas,
     onRemoveArea = _ref.onRemoveArea,
+    isReadOnly = _ref.isReadOnly,
     _ref$shouldShowDistri = _ref.shouldShowDistricts,
     shouldShowDistricts = _ref$shouldShowDistri === void 0 ? false : _ref$shouldShowDistri;
   var areasById = React__default.useMemo(function () {
@@ -6152,6 +6281,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(),
@@ -6184,41 +6315,46 @@ var WarningListItem$1 = /*#__PURE__*/React__default.memo(function (_ref) {
   var handleAddClick = React__default.useCallback(function () {
     onAddClick(warning.id);
   }, [warning.id, onAddClick]);
-  var shouldDisableDirTo = warning.changeType === 'NO_CHANGE';
+  var shouldDisableDirTo = warning.changeType === 'NO_CHANGE' || isReadOnly;
   return jsxs(StyledItem, {
     "data-testid": "maritime-warning",
-    children: [jsx(WarningListDragHandle, {}), jsx(WarningListSelect, {
+    children: [!isReadOnly && jsx(WarningListDragHandle, {}), jsx(WarningListSelect, {
       gridArea: "dirFrom",
       label: t('maritime-header-direction-from'),
       options: windDirections,
       onChange: handleChangeFromDirection,
-      value: warning.windDirectionFrom
+      value: warning.windDirectionFrom,
+      isReadOnly: isReadOnly
     }), jsx(WindForceSelect, {
       gridArea: "windForce",
       value: warning.windForce,
       options: windForce,
-      onChange: handleChangeWindForce
+      onChange: handleChangeWindForce,
+      isReadOnly: isReadOnly
     }), jsx(AssignedAreas, {
       assignedAreas: assignedAreas,
       selectedAreaIds: selectedAreaIds,
       onAddClick: handleAddClick,
       onToggleSelectArea: onToggleSelectArea,
+      onSelectMultipleAreas: onSelectMultipleAreas,
       onDeleteClick: onRemoveArea,
-      shouldShowDistricts: shouldShowDistricts
+      shouldShowDistricts: shouldShowDistricts,
+      isReadOnly: isReadOnly
     }), jsx(WarningListSelect, {
       gridArea: "changeType",
       label: t('maritime-header-change'),
       options: change,
       onChange: handleChangeWindChangeType,
-      value: warning.changeType
+      value: warning.changeType,
+      isReadOnly: isReadOnly
     }), jsx(WarningListSelect, {
       gridArea: "dirTo",
       label: t('maritime-header-direction-to'),
       options: windDirections,
       onChange: handleChangeToDirection,
       value: warning.windDirectionTo,
-      isDisabled: shouldDisableDirTo
-    }), jsx(IconButton, {
+      isReadOnly: shouldDisableDirTo
+    }), !isReadOnly && jsx(CustomIconButton, {
       sx: {
         gridArea: 'delete',
         justifySelf: 'end',
@@ -6230,6 +6366,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, {})
     })]
   });
@@ -6250,7 +6387,7 @@ var StyledItem = styled('div')(function (_ref2) {
     paddingInline: theme.spacing(0.25),
     // styling for small windows
     gridTemplateAreas: "\n        \"drag dirFrom    dirFrom windForce delete\"\n        \".    areas      areas   areas     .\"\n        \".    changeType dirTo dirTo       .\" \n    ",
-    gridTemplateColumns: '24px minmax(87px, 1fr) 1fr minmax(60px, 1fr) 24px'
+    gridTemplateColumns: '20px minmax(87px, 1fr) 1fr minmax(60px, 1fr) 20px'
   }, _ref3["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
     gridTemplateAreas: "\n        \"drag dirFrom windForce areas changeType dirTo delete\" \n    ",
     gridTemplateColumns: 'var(--grid-columns)'
@@ -6267,7 +6404,9 @@ var WarningList = function WarningList(_ref) {
     onRemoveArea = _ref.onRemoveArea,
     onChangeWarning = _ref.onChangeWarning,
     onToggleSelectArea = _ref.onToggleSelectArea,
+    onSelectMultipleAreas = _ref.onSelectMultipleAreas,
     onMoveWarning = _ref.onMoveWarning,
+    isReadOnly = _ref.isReadOnly,
     _ref$shouldShowDistri = _ref.shouldShowDistricts,
     shouldShowDistricts = _ref$shouldShowDistri === void 0 ? false : _ref$shouldShowDistri;
   var _useWarningsTranslati = useWarningsTranslation(),
@@ -6281,7 +6420,8 @@ 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
+      marginBottom: 1,
+      '--grid-columns': '30px 150px 60px 2fr 100px 150px 1fr'
     },
     children: [jsxs(Box, {
       sx: (_sx = {
@@ -6322,7 +6462,9 @@ var WarningList = function WarningList(_ref) {
           warning: warning,
           areas: areas,
           selectedAreaIds: selectedAreaIds,
+          isReadOnly: isReadOnly,
           onToggleSelectArea: onToggleSelectArea,
+          onSelectMultipleAreas: onSelectMultipleAreas,
           onAddClick: onAddSelectedAreas,
           onRemove: onRemoveWarning,
           onChange: onChangeWarning,
@@ -6334,97 +6476,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 +6493,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()],
@@ -6482,6 +6536,16 @@ function reducer(state, action) {
           selectedAreaIds: [].concat(state.selectedAreaIds, [action.id])
         });
       }
+    case 'selectMultipleAreas':
+      {
+        var newSelectedAreaIds = new Set([].concat(state.selectedAreaIds, action.ids));
+        if (newSelectedAreaIds.size === state.selectedAreaIds.length) {
+          return state;
+        }
+        return Object.assign({}, state, {
+          selectedAreaIds: Array.from(newSelectedAreaIds)
+        });
+      }
     case 'removeArea':
       {
         return Object.assign({}, state, {
@@ -6567,6 +6631,32 @@ function reducer(state, action) {
           modified: true
         });
       }
+    case 'mergeWarnings':
+      {
+        var clonedWarnings = new Set();
+        var mergedWarnings = state.warnings.reduce(function (acc, warning) {
+          var relatedWarningIndex = acc.findLastIndex(function (otherWarning) {
+            return warning.windDirectionFrom === otherWarning.windDirectionFrom && warning.windForce === otherWarning.windForce && warning.changeType === otherWarning.changeType && warning.windDirectionTo === otherWarning.windDirectionTo;
+          });
+          if (relatedWarningIndex > -1) {
+            var relatedWarning = acc[relatedWarningIndex];
+            // clone the warning to make sure React knows that it is a new warning
+            if (!clonedWarnings.has(relatedWarningIndex)) {
+              clonedWarnings.add(relatedWarningIndex);
+              var clonedRelatedWarning = Object.assign({}, relatedWarning, {
+                assignedAreaIds: [].concat(relatedWarning.assignedAreaIds, warning.assignedAreaIds)
+              });
+              return acc["with"](relatedWarningIndex, clonedRelatedWarning);
+            }
+            relatedWarning.assignedAreaIds = [].concat(relatedWarning.assignedAreaIds, warning.assignedAreaIds);
+            return acc;
+          }
+          return [].concat(acc, [warning]);
+        }, []);
+        return Object.assign({}, state, {
+          warnings: mergedWarnings
+        });
+      }
     case 'initialize':
       {
         if (action.warnings.length === 0) {
@@ -6587,19 +6677,420 @@ 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);
+  });
+};
+// FIXME: should be based on the config from BE
+var getLevelFromWindForce = function getLevelFromWindForce(windForce) {
+  var force = parseInt(windForce, 10);
+  if (isNaN(force)) {
+    return '';
+  }
+  if (force < 8) {
+    return 'moderate';
+  }
+  if (force < 10) {
+    return 'severe';
+  }
+  return 'extreme';
+};
+var getType = function getType(domain) {
+  switch (domain) {
+    case 'coastalWaters':
+      return 'maritimeWarningCoastal';
+    case 'northSeaDistricts':
+    default:
+      return 'maritimeWarningNorthSea';
+  }
+};
+var mapItemsToMaritimeWarnings = function mapItemsToMaritimeWarnings(warnings, domain, editor) {
+  var type = getType(domain);
+  return warnings.map(function (warning) {
+    return {
+      type: type,
+      editor: editor,
+      status: PublicWarningStatus.PUBLISHED,
+      warningDetail: {
+        phenomenon: 'wind',
+        validFrom: new Date().toISOString(),
+        validUntil: new Date(Date.now() + 24 * 60 * 60 * 1000).toISOString(),
+        level: getLevelFromWindForce(warning.windForce || ''),
+        probability: 100,
+        areas: warning.assignedAreaIds.map(function (areaId) {
+          return {
+            objectName: areaId,
+            geoJSON: {
+              type: 'FeatureCollection',
+              features: []
+            }
+          };
+        }),
+        windDirectionFrom: warning.windDirectionFrom,
+        windForce: warning.windForce,
+        changeType: warning.changeType,
+        windDirectionTo: warning.windDirectionTo,
+        descriptionOriginal: '',
+        descriptionTranslation: '',
+        domain: type
+      }
+    };
+  });
+};
+var mapMaritimeWarningsToItems = function mapMaritimeWarningsToItems(warnings) {
+  return warnings.map(function (warning) {
+    var _warning$warningDetai;
+    return {
+      id: warning.id || '',
+      assignedAreaIds: ((_warning$warningDetai = warning.warningDetail.areas) == null ? void 0 : _warning$warningDetai.map(function (area) {
+        return area.objectName;
+      })) || [],
+      windDirectionFrom: warning.warningDetail.windDirectionFrom,
+      windDirectionTo: warning.warningDetail.windDirectionTo,
+      windForce: warning.warningDetail.windForce,
+      changeType: warning.warningDetail.changeType
+    };
+  });
+};
+
+var MaritimeWarningAvatar = function MaritimeWarningAvatar(_ref) {
+  var editor = _ref.editor,
+    _ref$tooltipPlacement = _ref.tooltipPlacement,
+    tooltipPlacement = _ref$tooltipPlacement === void 0 ? 'bottom' : _ref$tooltipPlacement;
+  return jsx(CustomTooltip, {
+    title: "Editor: " + editor,
+    placement: tooltipPlacement,
+    children: jsx("span", {
+      children: jsx(Avatar, {
+        size: "small",
+        children: getInitials(editor)
+      })
+    })
+  });
+};
+
+var MaritimeWarningsForm = function MaritimeWarningsForm(_ref) {
+  var _sx, _sx2, _sx3, _sx4;
+  var areas = _ref.areas,
+    selectedAreaIds = _ref.selectedAreaIds,
+    modified = _ref.modified,
+    warnings = _ref.warnings,
+    onToggleSelectArea = _ref.onToggleSelectArea,
+    onSelectMultipleAreas = _ref.onSelectMultipleAreas,
+    onAddSelectedAreas = _ref.onAddSelectedAreas,
+    onRemoveWarning = _ref.onRemoveWarning,
+    onRemoveArea = _ref.onRemoveArea,
+    onAddWarning = _ref.onAddWarning,
+    onChangeWarning = _ref.onChangeWarning,
+    onSubmit = _ref.onSubmit,
+    onClear = _ref.onClear,
+    onMoveWarning = _ref.onMoveWarning,
+    onToggleReadOnly = _ref.onToggleReadOnly,
+    isReadOnly = _ref.isReadOnly,
+    _ref$shouldShowDistri = _ref.shouldShowDistricts,
+    shouldShowDistricts = _ref$shouldShowDistri === void 0 ? false : _ref$shouldShowDistri,
+    editor = _ref.editor;
+  var _useWarningsTranslati = useWarningsTranslation(),
+    t = _useWarningsTranslati.t;
+  var showConfirmDialog = useConfirmationDialog();
+  var disabledAreaIds = warnings.flatMap(function (warning) {
+    return warning.assignedAreaIds;
+  });
+  var _useConfirmRetractDia = useConfirmRetractDialog({
+      areas: areas,
+      warnings: warnings,
+      onRemoveWarning: onRemoveWarning
+    }),
+    onRemoveWarningWithConfirmation = _useConfirmRetractDia.onRemoveWarningWithConfirmation;
+  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);
+  var onSwitchMode = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(event) {
+      var checked, isReadOnly;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            checked = event.target.checked;
+            isReadOnly = !checked;
+            if (!(modified && isReadOnly)) {
+              _context2.next = 5;
+              break;
+            }
+            _context2.next = 5;
+            return showConfirmDialog({
+              title: t('warning-view-mode-title'),
+              description: t('warning-view-mode-description'),
+              confirmLabel: t('warning-view-mode-confirm'),
+              cancelLabel: t('warning-dialog-cancel')
+            });
+          case 5:
+            onToggleReadOnly(isReadOnly);
+          case 6:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function onSwitchMode(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  return jsxs(Box, {
+    sx: (_sx = {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 1,
+      height: '100%',
+      containerName: 'maritime',
+      containerType: 'inline-size',
+      padding: 2,
+      // in a dialog there is an additional empty footer that messes up styling. This hack fixes that.
+      '[role="dialog"] &': {
+        paddingBottom: 0
+      }
+    }, _sx["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
+      padding: 3
+    }, _sx),
+    children: [jsxs(Box, {
+      sx: (_sx2 = {
+        display: 'flex',
+        gap: 1,
+        alignItems: 'center'
+      }, _sx2["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
+        justifyContent: 'flex-end'
+      }, _sx2),
+      children: [jsx(SwitchButton, {
+        inActiveLabel: t('warning-editor-user-viewer'),
+        activeLabel: t('warning-editor-user-editor'),
+        checked: !isReadOnly,
+        onChange: onSwitchMode
+      }), jsx(Box, {
+        sx: {
+          width: '16px',
+          marginLeft: 1
+        },
+        children: editor && jsx(MaritimeWarningAvatar, {
+          editor: editor
+        })
+      })]
+    }), jsx(AreaList, {
+      areas: areas,
+      selected: selectedAreaIds,
+      disabled: disabledAreaIds,
+      isReadOnly: isReadOnly,
+      onToggleSelectArea: onToggleSelectArea,
+      onSelectMultipleAreas: onSelectMultipleAreas
+    }), jsx(WarningList, {
+      warnings: warnings,
+      areas: areas,
+      selectedAreaIds: selectedAreaIds,
+      onAddSelectedAreas: onAddSelectedAreas,
+      onRemoveWarning: onRemoveWarningWithConfirmation,
+      onChangeWarning: onChangeWarning,
+      onToggleSelectArea: onToggleSelectArea,
+      onSelectMultipleAreas: onSelectMultipleAreas,
+      onRemoveArea: onRemoveArea,
+      onMoveWarning: onMoveWarning,
+      shouldShowDistricts: shouldShowDistricts,
+      isReadOnly: isReadOnly
+    }), !isReadOnly && jsxs(Button, {
+      onClick: onAddWarning,
+      variant: "tertiary",
+      size: "small",
+      sx: {
+        alignSelf: 'flex-start',
+        paddingInline: 2
+      },
+      children: [jsx(Add, {}), t('maritime-new-warning')]
+    }), !isReadOnly && jsxs(Stack, {
+      spacing: 2,
+      direction: "row",
+      sx: (_sx3 = {}, _sx3["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
+        position: 'absolute',
+        bottom: 0,
+        right: 0,
+        paddingInline: 2,
+        paddingBottom: 2,
+        // in a dialog there is an additional empty footer that messes up styling. This hack fixes that.
+        '[role="dialog"] &': {
+          paddingBottom: 0
+        }
+      }, _sx3),
+      children: [jsx(Button, {
+        onClick: onClearWithConfirmation,
+        variant: "tertiary",
+        size: "small",
+        sx: {
+          width: '134px'
+        },
+        children: t('warning-button-clear')
+      }), jsx(Button, {
+        variant: "primary",
+        size: "small",
+        sx: (_sx4 = {
+          width: '134px'
+        }, _sx4["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
+          marginLeft: '24px!important'
+        }, _sx4),
+        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,37 +7103,75 @@ 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 _useWarningsTranslati = useWarningsTranslation(),
+    t = _useWarningsTranslati.t;
+  var _useAuthenticationCon = useAuthenticationContext$1(),
+    auth = _useAuthenticationCon.auth;
+  var maritimeWarningsType = getType(domain);
+  // TODO this should be retrieved (and updated) from the api using a react-query
+  var _React$useState = React__default.useState(auth == null ? void 0 : auth.username),
+    editor = _React$useState[0],
+    setEditor = _React$useState[1];
+  var isReadOnly = editor !== undefined && editor !== (auth == null ? void 0 : auth.username);
   var _useMaritimeWarningsF = useMaritimeWarningsFormState(),
     state = _useMaritimeWarningsF[0],
     dispatch = _useMaritimeWarningsF[1];
+  var _usePublicWarnings = usePublicWarnings(),
+    data = _usePublicWarnings.data;
+  var warningsFromApi = React__default.useMemo(function () {
+    return (data == null ? void 0 : data.filter(function (warning) {
+      return warning.warningDetail.domain === maritimeWarningsType && warning.status === 'PUBLISHED';
+    })) || [];
+  }, [data, maritimeWarningsType]);
+  var warningItemsFromApi = React__default.useMemo(function () {
+    return mapMaritimeWarningsToItems(warningsFromApi || []);
+  }, [warningsFromApi]);
   React__default.useEffect(function () {
-    // 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: warningItemsFromApi
     });
-  }, [dispatch]);
+  }, [dispatch, warningItemsFromApi]);
+  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({
@@ -6651,6 +7180,14 @@ var MaritimeWarningsFormConnect = function MaritimeWarningsFormConnect(_ref) {
       });
     });
   }, [dispatch]);
+  var onSelectMultipleAreas = React__default.useCallback(function (ids) {
+    React__default.startTransition(function () {
+      dispatch({
+        type: 'selectMultipleAreas',
+        ids: ids
+      });
+    });
+  }, [dispatch]);
   var onAddSelectedAreas = React__default.useCallback(function (id) {
     React__default.startTransition(function () {
       dispatch({
@@ -6666,7 +7203,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 +7238,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',
@@ -6705,26 +7250,57 @@ var MaritimeWarningsFormConnect = function MaritimeWarningsFormConnect(_ref) {
       newIndex: newIndex
     });
   }, [dispatch]);
+  var _usePostMaritimeWarni = usePostMaritimeWarning(),
+    postWarning = _usePostMaritimeWarni.mutate;
   var onSubmit = React__default.useCallback(function () {
-    // eslint-disable-next-line no-console
-    console.log(state.warnings);
-    // FIXME: add logic for submission
-  }, [state]);
+    dispatch({
+      type: 'mergeWarnings'
+    });
+    var nextState = reducer(state, {
+      type: 'mergeWarnings'
+    });
+    var maritimeWarnings = mapItemsToMaritimeWarnings(nextState.warnings, domain, auth == null ? void 0 : auth.username);
+    maritimeWarnings.forEach(function (warning) {
+      postWarning(warning);
+    });
+  }, [dispatch, state, domain, auth == null ? void 0 : auth.username, postWarning]);
+  var onToggleReadOnly = React__default.useCallback(function (isReadOnly) {
+    // FIXME: do a api call here
+    if (isReadOnly) {
+      setEditor('');
+    } else {
+      setEditor(auth == null ? void 0 : auth.username);
+    }
+    // FIXME: reset warnings to latest known api state
+    var domainLabel = domain === 'coastalWaters' ? t('maritime-domain-coastal') : t('maritime-domain-northsea');
+    showSnackbar({
+      type: snackbarTypes.SnackbarMessageType.VERBATIM_MESSAGE,
+      message: isReadOnly ? t('maritime-editor-off', {
+        domain: domainLabel
+      }) : t('maritime-editor-on', {
+        domain: domainLabel
+      })
+    });
+  }, [showSnackbar, t, domain, auth]);
   return jsx(MaritimeWarningsForm, {
     areas: areas,
     selectedAreaIds: state.selectedAreaIds,
     warnings: state.warnings,
     modified: state.modified,
+    isReadOnly: isReadOnly,
+    shouldShowDistricts: shouldShowDistricts,
+    editor: editor,
     onToggleSelectArea: onToggleSelectArea,
+    onSelectMultipleAreas: onSelectMultipleAreas,
     onAddSelectedAreas: onAddSelectedAreas,
     onRemoveWarning: onRemoveWarning,
     onRemoveArea: onRemoveArea,
     onAddWarning: onAddWarning,
     onChangeWarning: onChangeWarning,
     onMoveWarning: onMoveWarning,
+    onToggleReadOnly: onToggleReadOnly,
     onClear: onClear,
-    onSubmit: onSubmit,
-    shouldShowDistricts: shouldShowDistricts
+    onSubmit: onSubmit
   });
 };
 
@@ -6924,7 +7500,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 +7512,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 +7528,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 +7615,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 +7640,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 +7657,7 @@ var Form = function Form(_ref5) {
           }, _callee5);
         }));
         return function (_x2) {
-          return _ref10.apply(this, arguments);
+          return _ref0.apply(this, arguments);
         };
       }())();
     }
@@ -7121,29 +7697,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 +7728,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 +7760,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 +7772,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 +7804,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 +7957,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
@@ -7488,12 +8066,14 @@ var Form = function Form(_ref5) {
       })
     });
   };
+  if (isMaritimeWarning) {
+    return getFormContent();
+  }
   return jsxs(ContainerWrapper, {
     children: [jsxs(ContainerFormWrapper, {
       isReadOnly: isReadOnly,
       ref: ref,
       "data-testid": "scroll-container",
-      addPadding: !isMaritimeWarning,
       children: [errors && jsx(Box, {
         sx: {
           marginBottom: 2
@@ -7507,7 +8087,7 @@ var Form = function Form(_ref5) {
       }), getFormContent(), jsx(DraftFieldHelper, {}), jsx(ReactHookFormHiddenInput, {
         name: "id"
       })]
-    }), warningType !== 'maritimeWarningCoastal' && warningType !== 'maritimeWarningNorthSea' && formState !== 'cancel' && !isReadOnly && jsx(Box, {
+    }), formState !== 'cancel' && !isReadOnly && jsx(Box, {
       sx: {
         padding: '24px 10px 14px 10px',
         position: 'absolute',
@@ -7592,7 +8172,7 @@ var Form = function Form(_ref5) {
           })]
         })
       })
-    }), warningType !== 'maritimeWarningCoastal' && warningType !== 'maritimeWarningNorthSea' && formState === 'cancel' && jsx(Box, {
+    }), formState === 'cancel' && jsx(Box, {
       sx: {
         padding: '24px 10px 14px 10px',
         position: 'absolute',
@@ -7744,7 +8324,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 +8369,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 +8411,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) {
@@ -8700,8 +9280,8 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
   var selectedWarningId = useSelector(getSelectedWarningId);
   var selectedWarningObject = useSelector(getPublicWarning);
   var warningType = useSelector(getWarningType);
-  var selectedWarning = combinedWarnings == null ? void 0 : combinedWarnings.find(function (w) {
-    return w.id === selectedWarningId;
+  var selectedWarning = combinedWarnings == null ? void 0 : combinedWarnings.find(function (warning) {
+    return warning.id === selectedWarningId;
   });
   var _useAuthenticationCon = useAuthenticationContext$1(),
     auth = _useAuthenticationCon.auth;
@@ -8752,7 +9332,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 +9359,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 +9415,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 +9432,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) {
@@ -9298,6 +9878,9 @@ var WarningListItemMenu = function WarningListItemMenu(_ref) {
     _ref$onActionAviation = _ref.onActionAviationWarning,
     onActionAviationWarning = _ref$onActionAviation === void 0 ? function () {} : _ref$onActionAviation,
     t = _ref.t;
+  if (warning.warningDetail.domain === 'maritimeWarningCoastal' || warning.warningDetail.domain === 'maritimeWarningNorthSea') {
+    return [];
+  }
   var duplicate = {
     text: t('warning-list-button-duplicate'),
     action: function action() {
@@ -9381,7 +9964,7 @@ var WarningListItemMenu = function WarningListItemMenu(_ref) {
         case ProductStatus.DRAFT:
           return [aviationDuplicate, aviationDelete];
         case ProductStatus.PUBLISHED:
-          if (warning.type !== 'public' && (isInstanceOfCancelSigmet(warning.sigmetAirmetDetails) || isInstanceOfCancelAirmet(warning.sigmetAirmetDetails))) {
+          if ((warning.type === 'airmet' || warning.type === 'sigmet') && (isInstanceOfCancelSigmet(warning.sigmetAirmetDetails) || isInstanceOfCancelAirmet(warning.sigmetAirmetDetails))) {
             return [];
           }
           return [{
@@ -9411,7 +9994,7 @@ var WarningListItemMenu = function WarningListItemMenu(_ref) {
         case ProductStatus.CANCELLED:
           return [];
         case ProductStatus.EXPIRED:
-          if (warning.type !== 'public' && (isInstanceOfCancelSigmet(warning.sigmetAirmetDetails) || isInstanceOfCancelAirmet(warning.sigmetAirmetDetails))) {
+          if ((warning.type === 'airmet' || warning.type === 'sigmet') && (isInstanceOfCancelSigmet(warning.sigmetAirmetDetails) || isInstanceOfCancelAirmet(warning.sigmetAirmetDetails))) {
             return [];
           }
           return [{
@@ -9466,10 +10049,10 @@ var renderStatusIcon = function renderStatusIcon(warning, status) {
       icon: icon
     });
   };
-  if (warning.productStatus === ProductStatus.PUBLISHED && warning.type !== 'public' && (isCancelAirmet(warning.sigmetAirmetDetails) || isCancelSigmet(warning.sigmetAirmetDetails))) {
+  if (warning.productStatus === ProductStatus.PUBLISHED && (warning.type === 'airmet' || warning.type === 'sigmet') && (isCancelAirmet(warning.sigmetAirmetDetails) || isCancelSigmet(warning.sigmetAirmetDetails))) {
     return getStatusTag("Cnls " + (isCancelAirmet(warning.sigmetAirmetDetails) ? warning.sigmetAirmetDetails.cancelsAirmetSequenceId : warning.sigmetAirmetDetails.cancelsSigmetSequenceId), 'red');
   }
-  if (warning.productStatus === ProductStatus.CANCELLED && warning.type !== 'public') {
+  if (warning.productStatus === ProductStatus.CANCELLED && (warning.type === 'airmet' || warning.type === 'sigmet')) {
     return getStatusTag('Cnld', 'red');
   }
   switch (status) {
@@ -9531,7 +10114,7 @@ var WarningListItem = function WarningListItem(_ref) {
     t = _useWarningsTranslati.t;
   var phenomenonDetails = allPhenomenaDict[warning.warningDetail.phenomenon];
   var objectNameText = ((_warning$warningDetai = warning.warningDetail.areas) == null || (_warning$warningDetai = _warning$warningDetai[0]) == null ? void 0 : _warning$warningDetai.objectName) || '-';
-  var objectHoverText = warning.type !== 'public' ? warning.sigmetAirmetDetails.firName : objectNameText;
+  var objectHoverText = warning.type === 'airmet' || warning.type === 'sigmet' ? warning.sigmetAirmetDetails.firName : objectNameText;
   var _useOverflowCheck = useOverflowCheck(objectNameText),
     objectNameRef = _useOverflowCheck.ref;
   var phenomenonText = phenomenonDetails != null && phenomenonDetails.translationKey ? t(phenomenonDetails.translationKey) : '-';
@@ -9888,9 +10471,9 @@ var NewWarningButton = function NewWarningButton(_ref) {
 var groupWarningsOnStatus = function groupWarningsOnStatus(warnings, sortState) {
   var key = sortState.key,
     direction = sortState.direction;
-  var sortedWarnings = warnings.sort(function (a, b) {
-    var dateStringA = key === 'lastUpdatedTime' ? a[key] : a.warningDetail[key];
-    var dateStringB = key === 'lastUpdatedTime' ? b[key] : b.warningDetail[key];
+  var sortedWarnings = warnings.sort(function (warningA, warningB) {
+    var dateStringA = key === 'lastUpdatedTime' ? warningA[key] : warningA.warningDetail[key];
+    var dateStringB = key === 'lastUpdatedTime' ? warningB[key] : warningB.warningDetail[key];
     return (dateStringB == null ? void 0 : dateStringB.localeCompare(dateStringA || '')) || 0;
   });
   if (direction === 'asc') {
@@ -10468,9 +11051,15 @@ var useWarningFilters = function useWarningFilters(warnings, onUpdateFilters, sa
     }
   };
   var byFilterState = useCallback(function (warning) {
-    var levelDomain = ['SIG', 'AIR'].find(function (dom) {
-      return dom === warning.warningDetail.level;
-    }) ? Domain.aviation : Domain["public"];
+    var levelDomain = function () {
+      if (['SIG', 'AIR'].includes(warning.warningDetail.level)) {
+        return Domain.aviation;
+      }
+      if (warning.warningDetail.domain === 'maritimeWarningCoastal' || warning.warningDetail.domain === 'maritimeWarningNorthSea') {
+        return Domain.maritime;
+      }
+      return Domain["public"];
+    }();
     if (!savedDomainFilter[levelDomain]) {
       return false;
     }
@@ -10529,7 +11118,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 +11205,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 +11252,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 +11335,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 +11577,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 +11596,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'