@opengeoweb/warnings 12.11.0 → 12.12.0

package/index.esm.js

@@ -257,7 +257,12 @@ var en = {
 	"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-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",
@@ -452,7 +457,8 @@ var nl = {
 	"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-title-northsea": "Maritieme Waarschuwing - Noordzee Districten",
+	"maritime-warning-post-success": "Waarschuwing succesvol gepubliceerd"
 };
 var fi = {
 	"drawing-tool-form-tools": "Työkalut",
@@ -604,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",
@@ -2019,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',
@@ -2384,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);
@@ -2394,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);
@@ -2405,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));
@@ -2420,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 {
@@ -2432,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) {
@@ -3044,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({
@@ -3303,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 + "\"?";
@@ -4410,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) {
@@ -4427,24 +4474,24 @@ var getAirmetTAC = function getAirmetTAC(auth, product) {
     method: 'POST',
     headers: getHeaders(auth)
   }).then(/*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(r) {
+    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();
@@ -4462,24 +4509,24 @@ var getSigmetTAC = function getSigmetTAC(auth, product) {
     method: 'POST',
     headers: getHeaders(auth)
   }).then(/*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(r) {
+    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();
@@ -4703,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;
@@ -5621,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': {
@@ -5646,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);
@@ -5709,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(),
@@ -5726,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
     },
@@ -5752,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, {
@@ -5770,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
     })]
@@ -5817,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;
   });
@@ -5833,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) {
@@ -5899,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 {
@@ -5968,6 +6112,7 @@ var WindForceSelect = function WindForceSelect(_ref) {
     onChange: onChange,
     renderOption: renderOption,
     renderValue: renderValue,
+    isReadOnly: isReadOnly,
     additionalStyling: {
       '& .MuiSvgIcon-root': {
         fill: arrowColor
@@ -6123,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 () {
@@ -6168,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(CustomIconButton, {
+      isReadOnly: shouldDisableDirTo
+    }), !isReadOnly && jsx(CustomIconButton, {
       sx: {
         gridArea: 'delete',
         justifySelf: 'end',
@@ -6235,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)'
@@ -6252,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(),
@@ -6266,7 +6420,8 @@ var WarningList = function WarningList(_ref) {
       display: 'flex',
       flexDirection: 'column',
       minHeight: 0,
-      '--grid-columns': '30px 150px 60px 2fr 100px 100px 1fr'
+      marginBottom: 1,
+      '--grid-columns': '30px 150px 60px 2fr 100px 150px 1fr'
     },
     children: [jsxs(Box, {
       sx: (_sx = {
@@ -6307,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,
@@ -6379,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, {
@@ -6464,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) {
@@ -6605,14 +6798,102 @@ var isWarningsValid = function isWarningsValid(warnings) {
     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;
+  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,
@@ -6621,10 +6902,14 @@ var MaritimeWarningsForm = function MaritimeWarningsForm(_ref) {
     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;
+    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;
   });
@@ -6634,7 +6919,6 @@ var MaritimeWarningsForm = function MaritimeWarningsForm(_ref) {
       onRemoveWarning: onRemoveWarning
     }),
     onRemoveWarningWithConfirmation = _useConfirmRetractDia.onRemoveWarningWithConfirmation;
-  var showConfirmDialog = useConfirmationDialog();
   var onClearWithConfirmation = React__default.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -6655,22 +6939,82 @@ var MaritimeWarningsForm = function MaritimeWarningsForm(_ref) {
     }, _callee);
   })), [onClear, t, showConfirmDialog]);
   var isValid = isWarningsValid(warnings);
-  return jsxs(Stack, {
-    direction: "column",
-    spacing: 3,
+  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
+      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: [jsx(AreaList, {
+    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,
-      onClickItem: onToggleSelectArea
+      isReadOnly: isReadOnly,
+      onToggleSelectArea: onToggleSelectArea,
+      onSelectMultipleAreas: onSelectMultipleAreas
     }), jsx(WarningList, {
       warnings: warnings,
       areas: areas,
@@ -6679,10 +7023,12 @@ var MaritimeWarningsForm = function MaritimeWarningsForm(_ref) {
       onRemoveWarning: onRemoveWarningWithConfirmation,
       onChangeWarning: onChangeWarning,
       onToggleSelectArea: onToggleSelectArea,
+      onSelectMultipleAreas: onSelectMultipleAreas,
       onRemoveArea: onRemoveArea,
       onMoveWarning: onMoveWarning,
-      shouldShowDistricts: shouldShowDistricts
-    }), jsxs(Button, {
+      shouldShowDistricts: shouldShowDistricts,
+      isReadOnly: isReadOnly
+    }), !isReadOnly && jsxs(Button, {
       onClick: onAddWarning,
       variant: "tertiary",
       size: "small",
@@ -6691,15 +7037,20 @@ var MaritimeWarningsForm = function MaritimeWarningsForm(_ref) {
         paddingInline: 2
       },
       children: [jsx(Add, {}), t('maritime-new-warning')]
-    }), jsxs(Stack, {
+    }), !isReadOnly && jsxs(Stack, {
       spacing: 2,
       direction: "row",
-      sx: (_sx2 = {}, _sx2["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
+      sx: (_sx3 = {}, _sx3["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
         position: 'absolute',
         bottom: 0,
         right: 0,
-        padding: 3
-      }, _sx2),
+        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",
@@ -6711,11 +7062,11 @@ var MaritimeWarningsForm = function MaritimeWarningsForm(_ref) {
       }), jsx(Button, {
         variant: "primary",
         size: "small",
-        sx: (_sx3 = {
+        sx: (_sx4 = {
           width: '134px'
-        }, _sx3["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
+        }, _sx4["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
           marginLeft: '24px!important'
-        }, _sx3),
+        }, _sx4),
         disabled: !modified || !isValid,
         onClick: onSubmit,
         children: t('warning-button-publish')
@@ -6780,16 +7131,35 @@ var MaritimeWarningsFormConnect = function MaritimeWarningsFormConnect(_ref) {
     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: []
+      warnings: warningItemsFromApi
     });
-  }, [dispatch, domain, areas]);
+  }, [dispatch, warningItemsFromApi]);
   React__default.useEffect(function () {
     onPreventCloseView == null || onPreventCloseView(state.modified);
     if (onModifyForm) {
@@ -6810,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({
@@ -6872,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
   });
 };
 
@@ -7657,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
@@ -7676,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',
@@ -7761,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',
@@ -8869,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;
@@ -9467,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() {
@@ -9550,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 [{
@@ -9580,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 [{
@@ -9635,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) {
@@ -9700,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) : '-';
@@ -10057,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') {
@@ -10637,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;
     }