@opengeoweb/warnings 14.0.0 → 14.1.0

package/index.esm.js

@@ -1,24 +1,24 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useDispatch, useSelector } from 'react-redux';
-import { Polygons, ExitDomain, Share, Edit, Delete, CoastalEvent, TemperatureLow, TemperatureHigh, Rain, Snow, Lightning, Fog, Wind, Thunderstorm, SevereMountainWaves, 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 { Polygons, ExitDomain, Share, Edit, Delete, CoastalEvent, TemperatureLow, TemperatureHigh, Rain, Snow, Lightning, Fog, Wind, Thunderstorm, SevereMountainWaves, VulcanicEruption, Haze, FreezingPrecipitation, ModerateAircraftIcing, SevereAircraftIcing, ModerateTurbulence, SevereTurbulence, SandStorm, RadioactiveMaterials, DrawPolygon, Visibility, Add, ArrowUpCompact, ArrowDownCompact, breakpoints, DragHandle, Info, 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, LastUpdateTime, usePreventBrowserClose, CustomToggleButton, Filter, FilterOption, StatusTag, getAxiosErrorMessage, ErrorBoundary } from '@opengeoweb/shared';
+import { SHARED_NAMESPACE, useConfirmationDialog, dateUtils, ToggleMenu, calculateStartSize, ToolContainerDraggable, AlertBanner, sessionStorageProvider, ConfirmationDialog, usePrevious, CustomIconButton, usePreventBrowserClose, CustomTooltip, Avatar, getInitials, SwitchButton, FilterChip, TooltipSelect, LastUpdateTime, CustomToggleButton, Filter, FilterOption, StatusTag, getAxiosErrorMessage, CustomDialog, ConfirmationButtons, 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';
-import { SA_NAMESPACE, isInstanceOfCancelSigmet, getDefaultValidFromValue, isInstanceOfCancelAirmet, getDefaultValidUntilValue, findSequenceNumber, getSequenceStyling, useShortTestHelpers, ProductAction, SigmetForm, AirmetForm, getConfirmationDialogCancelLabel, getConfirmationDialogButtonLabel, getConfirmationDialogContent, getConfirmationDialogTitle, isVAPhenomenon, CancelSigmetVolcanicMovements, createAirmetPostParameter, createSigmetPostParameter, prepareCancelSigmet, getProductFormMode } from '@opengeoweb/sigmet-airmet';
+import { SA_NAMESPACE, isInstanceOfCancelSigmet, getDefaultValidFromValue, isInstanceOfCancelAirmet, getDefaultValidUntilValue, useShortTestHelpers, ProductAction, SigmetForm, AirmetForm, getConfirmationDialogCancelLabel, getConfirmationDialogButtonLabel, getConfirmationDialogContent, getConfirmationDialogTitle, isVAPhenomenon, CancelSigmetVolcanicMovements, createAirmetPostParameter, createSigmetPostParameter, prepareCancelSigmet, getProductFormMode, findSequenceNumber, getSequenceStyling } from '@opengeoweb/sigmet-airmet';
 import { LayerType, generateMapId } from '@opengeoweb/webmap';
 import { t } from 'i18next';
 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, 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, Collapse } 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';
-import { useQueryClient, useMutation } from '@tanstack/react-query';
+import { useQueryClient, useMutation, queryOptions, QueryClient, useQuery } from '@tanstack/react-query';
 import { snackbarListener, snackbarReducer, snackbarActions, snackbarTypes } from '@opengeoweb/snackbar';
 import { useFormContext, useForm, FormProvider } from 'react-hook-form';
 import { isEqual, cloneDeep, clamp, concat, groupBy, pick } from 'lodash';
@@ -210,16 +210,16 @@ var en = {
 	"aviation-save-success": "{{warningType}} has succesfully been saved!",
 	"aviation-publish-success": "{{warningType}} has succesfully been published!",
 	"publish-this-product": "Are you sure you want to publish this {{product}}?",
-	"yes-cancel": "Yes, cancel {{product}}",
+	"yes-cancel": "Cancel {{product}}",
 	"cancel-this-product": "Are you sure you want to cancel this {{product}}?",
 	"cancel-message": "Cancel message",
 	"will-cancel-message": "Will cancel warning",
-	"tac-label": "TAC:",
 	"aviation-cancel-success": "{{warningType}} has succesfully been cancelled!",
 	"aviation-discard-success": "{{warningType}} has been discarded!",
 	"error-auth-login": "This feature is protected by authentication. Please log in to proceed",
 	"cancel-warningType": "Cancel {{warningType}}",
 	cancelling: "Cancelling",
+	loading: "Loading...",
 	"maritime-new-warning": "New warning",
 	"maritime-add-area": "Add",
 	"maritime-no-area-selected": "(no area selected)",
@@ -269,7 +269,9 @@ var en = {
 	"maritime-warning-post-success": "Warning published successfully",
 	"maritime-loading-config": "Loading config...",
 	"maritime-config-error": "Something went wrong with loading the configuration file",
-	"maritime-warning-validuntil": "End time: "
+	"maritime-warning-validuntil": "End time: ",
+	"maritime-wind-change-warning": "The entered wind change exceeds 180°. Please check if veering / backing is correct.",
+	"maritime-wind-change-error": "A wind change less than 45° is not allowed."
 };
 var nl = {
 	"drawing-tool-form-tools": "Gereedschap",
@@ -425,6 +427,7 @@ var nl = {
 	"error-auth-login": "Deze functie wordt beschermd door authenticatie. Log in om verder te gaan",
 	"cancel-warningType": "Annuleer {{warningType}}",
 	cancelling: "Annuleren",
+	loading: "Laden...",
 	"maritime-new-warning": "Nieuwe waarschuwing",
 	"maritime-add-area": "Toevoegen",
 	"maritime-no-area-selected": "(geen gebied geselecteerd)",
@@ -470,7 +473,9 @@ var nl = {
 	"maritime-warning-post-success": "Waarschuwing succesvol gepubliceerd",
 	"maritime-loading-config": "Laden van configuratie...",
 	"maritime-config-error": "Er is iets misgegaan bij het laden van het configuratiebestand",
-	"maritime-warning-validuntil": "Eind tijd: "
+	"maritime-warning-validuntil": "Eind tijd: ",
+	"maritime-wind-change-warning": "De ingevulde wind wijziging overschrijdt 180°. Controleer of ruimend / krimpend klopt.",
+	"maritime-wind-change-error": "Een wind wijziging van minder dan 45° is niet toegestaan."
 };
 var fi = {
 	"drawing-tool-form-tools": "Työkalut",
@@ -626,6 +631,7 @@ var fi = {
 	"error-auth-login": "Tämän toiminnallisuuden käyttäminen vaatii tunnistautumista. Kirjaudu sisään jatkaaksesi",
 	"cancel-warningType": "Peruuta {{warningType}}",
 	cancelling: "Peruuttaminen",
+	loading: "Ladataan...",
 	"maritime-editor-off": "Et ole enää {{domain}} -merivaroitusten muokkaaja",
 	"maritime-warning-post-success": "Varoitus julkaistu onnistuneesti"
 };
@@ -776,13 +782,14 @@ var no = {
 	"aviation-save-success": "{{warningType}} has succesfully been saved!",
 	"aviation-publish-success": "{{warningType}} has succesfully been published!",
 	"publish-this-product": "Are you sure you want to publish this {{product}}?",
-	"yes-cancel": "Yes, cancel {{product}}",
+	"yes-cancel": "Cancel {{product}}",
 	"cancel-this-product": "Are you sure you want to cancel this {{product}}?",
 	"aviation-cancel-success": "{{warningType}} has succesfully been cancelled!",
 	"aviation-discard-success": "{{warningType}} has been discarded!",
 	"error-auth-login": "Denne delen er passordbeskyttet. Vennligst logg inn.",
 	"cancel-warningType": "Cancel {{warningType}}",
-	cancelling: "Cancelling"
+	cancelling: "Cancelling",
+	loading: "Laster..."
 };
 var warningsTranslations = {
 	en: en,
@@ -4152,6 +4159,10 @@ var DrawingToolFormConnect = function DrawingToolFormConnect() {
   var featureLayerGeoJSONProperties = useSelector(function (store) {
     return layerSelectors.getFeatureLayerGeoJSONProperties(store, drawTool == null ? void 0 : drawTool.geoJSONLayerId);
   });
+  var isFormDirty = useSelector(function (store) {
+    return getWarningFormDirty(store, drawingDialogType);
+  });
+  usePreventBrowserClose(isFormDirty || isLayerInEditMode);
   var onSubmitForm = React.useCallback(function (formValues) {
     saveOrUpdateDrawing({
       id: drawing == null ? void 0 : drawing.id,
@@ -4522,7 +4533,7 @@ var getSigmetConfig = function getSigmetConfig(auth) {
     return result.json();
   });
 };
-var getAirmetTAC = function getAirmetTAC(auth, product) {
+var getAirmetTAC = function getAirmetTAC(product, auth) {
   return fetch(airmetBaseUrl + "/airmet2tac", {
     body: JSON.stringify(product),
     method: 'POST',
@@ -4557,7 +4568,7 @@ var getAirmetTAC = function getAirmetTAC(auth, product) {
     };
   }());
 };
-var getSigmetTAC = function getSigmetTAC(auth, product) {
+var getSigmetTAC = function getSigmetTAC(product, auth) {
   return fetch(sigmetBaseUrl + "/sigmet2tac", {
     body: JSON.stringify(product),
     method: 'POST',
@@ -4593,7 +4604,7 @@ var getSigmetTAC = function getSigmetTAC(auth, product) {
   }());
 };
 // For cancel TAC (not normal TAC)
-var getAirmetCancelTAC = function getAirmetCancelTAC(auth, product) {
+var getAirmetCancelTAC = function getAirmetCancelTAC(product, auth) {
   return fetch(airmetBaseUrl + "/airmet2cancel2tac", {
     body: JSON.stringify(product),
     method: 'POST',
@@ -4628,7 +4639,7 @@ var getAirmetCancelTAC = function getAirmetCancelTAC(auth, product) {
     };
   }());
 };
-var getSigmetCancelTAC = function getSigmetCancelTAC(auth, product) {
+var getSigmetCancelTAC = function getSigmetCancelTAC(product, auth) {
   return fetch(sigmetBaseUrl + "/sigmet2cancel2tac", {
     body: JSON.stringify(product),
     method: 'POST',
@@ -4678,6 +4689,137 @@ var postAirmet = function postAirmet(auth, data) {
   }).then(handleResponse);
 };
 
+/* *
+ * 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 LIB_KEY = 'warnings';
+var API_KEY = 'aviation';
+var generateAviationQueryKeys = function generateAviationQueryKeys(queryKeys) {
+  return [LIB_KEY, API_KEY].concat(queryKeys);
+};
+// 2) Unique keys per query
+var aviationQueryOptions = {
+  getSigmetTAC: function getSigmetTAC$1(product, credentials) {
+    var _product$uuid;
+    return queryOptions({
+      queryKey: generateAviationQueryKeys(['sigmet', 'tac', (_product$uuid = product.uuid) != null ? _product$uuid : product.firName]),
+      queryFn: function queryFn() {
+        return getSigmetTAC(product, credentials);
+      }
+    });
+  },
+  getAirmetTAC: function getAirmetTAC$1(product, credentials) {
+    var _product$uuid2;
+    return queryOptions({
+      queryKey: generateAviationQueryKeys(['airmet', 'tac', (_product$uuid2 = product.uuid) != null ? _product$uuid2 : product.firName]),
+      queryFn: function queryFn() {
+        return getAirmetTAC(product, credentials);
+      }
+    });
+  },
+  getSigmetCancelTAC: function getSigmetCancelTAC$1(product, credentials) {
+    var _product$uuid3;
+    return queryOptions({
+      queryKey: generateAviationQueryKeys(['sigmet', 'cancel', (_product$uuid3 = product.uuid) != null ? _product$uuid3 : product.firName]),
+      queryFn: function queryFn() {
+        return getSigmetCancelTAC(product, credentials);
+      }
+    });
+  },
+  getAirmetCancelTAC: function getAirmetCancelTAC$1(product, credentials) {
+    var _product$uuid4;
+    return queryOptions({
+      queryKey: generateAviationQueryKeys(['airmet', 'cancel', (_product$uuid4 = product.uuid) != null ? _product$uuid4 : product.firName]),
+      queryFn: function queryFn() {
+        return getAirmetCancelTAC(product, credentials);
+      }
+    });
+  }
+};
+
+/* *
+ * 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 tryParse = function tryParse(st) {
+  try {
+    return JSON.parse(st);
+  } catch (_unused) {
+    return null;
+  }
+};
+var joinLoc = function joinLoc(loc) {
+  if (!Array.isArray(loc) || loc.length === 0) {
+    return '';
+  }
+  var start = typeof loc[0] === 'string' && (loc[0] === 'body' || loc[0] === 'query') ? 1 : 0;
+  return loc.slice(start).join('.');
+};
+function humanizeApiErrorMessage(err) {
+  // 1) Best effort to extract a message we can parse
+  var raw =
+  // eslint-disable-next-line no-nested-ternary
+  err instanceof Error ? typeof err.message === 'string' ? err.message : String(err.message) : typeof err === 'string' ? err : '';
+  var parsed = raw && (raw.startsWith('{') || raw.startsWith('[')) ? tryParse(raw) : null;
+  // 3) If array of validation errors
+  if (Array.isArray(parsed)) {
+    var lines = parsed.map(function (vi) {
+      var _vi$msg, _vi$msg2;
+      var path = joinLoc(vi.loc);
+      return path ? path + ": " + ((_vi$msg = vi.msg) != null ? _vi$msg : 'Invalid') : (_vi$msg2 = vi.msg) != null ? _vi$msg2 : 'Invalid';
+    });
+    return lines.slice(0, 5).join('; ');
+  }
+  // 4) If parsed is an object with common fields
+  if (parsed && typeof parsed === 'object') {
+    var obj = parsed;
+    if (typeof obj.detail === 'string' && typeof obj.title === 'string') {
+      return obj.title + ": " + obj.detail;
+    }
+    if (typeof obj.message === 'string') {
+      return obj.message;
+    }
+    if (Array.isArray(obj.errors)) {
+      return obj.errors.map(function (e) {
+        var _e$message;
+        return typeof e === 'string' ? e : (_e$message = e == null ? void 0 : e.message) != null ? _e$message : JSON.stringify(e);
+      }).join('; ');
+    }
+  }
+  // 5) If message is [object Object]
+  if (raw.includes('[object Object]')) {
+    return 'Validation failed — check required fields.';
+  }
+  return raw || 'Unknown error occurred';
+}
+
 var getAviationSnackbarKey = function getAviationSnackbarKey(status) {
   switch (status) {
     case 'PUBLISHED':
@@ -4707,7 +4849,7 @@ var useAviationWarnings = function useAviationWarnings() {
     airmets = _useAirmetList.data;
   var _useSigmetList = useSigmetList(),
     sigmets = _useSigmetList.data;
-  return (airmets || []).concat(sigmets || []);
+  return (airmets != null ? airmets : []).concat(sigmets != null ? sigmets : []);
 };
 var useProductConfig = function useProductConfig(warningType, disabled) {
   if (disabled === void 0) {
@@ -4717,51 +4859,119 @@ var useProductConfig = function useProductConfig(warningType, disabled) {
   var sigmetQuery = useAuthQuery(['sigmet-config'], getSigmetConfig, disabled);
   return warningType === 'airmet' ? airmetQuery : sigmetQuery;
 };
-var useTACApi = function useTACApi() {
+var useFetchSigmetTAC = function useFetchSigmetTAC(product, enabled) {
+  if (enabled === void 0) {
+    enabled = true;
+  }
   var _useAuthenticationCon = useAuthenticationContext(),
     auth = _useAuthenticationCon.auth;
-  var queryClient = useQueryClient();
-  var fetchSigmetTAC = function fetchSigmetTAC(product) {
-    return queryClient.fetchQuery({
-      queryKey: ['sigmet-tac', product],
-      queryFn: function queryFn() {
-        return getSigmetTAC(auth, product);
-      },
-      staleTime: 1000 * 15
-    });
-  };
-  var fetchAirmetTAC = function fetchAirmetTAC(product) {
-    return queryClient.fetchQuery({
-      queryKey: ['airmet-tac', product],
-      queryFn: function queryFn() {
-        return getAirmetTAC(auth, product);
-      },
-      staleTime: 1000 * 15
-    });
-  };
-  var fetchSigmetCancelTAC = function fetchSigmetCancelTAC(product) {
-    return queryClient.fetchQuery({
-      queryKey: ['sigmet-cancel-tac', product],
-      queryFn: function queryFn() {
-        return getSigmetCancelTAC(auth, product);
-      },
-      staleTime: 1000 * 15
-    });
-  };
-  var fetchAirmetCancelTAC = function fetchAirmetCancelTAC(product) {
-    return queryClient.fetchQuery({
-      queryKey: ['airmet-cancel-tac', product],
-      queryFn: function queryFn() {
-        return getAirmetCancelTAC(auth, product);
-      },
-      staleTime: 1000 * 15
-    });
-  };
+  return useQuery(Object.assign({}, aviationQueryOptions.getSigmetTAC(product, auth), {
+    enabled: enabled
+  }));
+};
+var useFetchAirmetTAC = function useFetchAirmetTAC(product, enabled) {
+  if (enabled === void 0) {
+    enabled = true;
+  }
+  var _useAuthenticationCon2 = useAuthenticationContext(),
+    auth = _useAuthenticationCon2.auth;
+  return useQuery(Object.assign({}, aviationQueryOptions.getAirmetTAC(product, auth), {
+    enabled: enabled
+  }));
+};
+var useFetchSigmetCancelTAC = function useFetchSigmetCancelTAC(product, enabled) {
+  if (enabled === void 0) {
+    enabled = true;
+  }
+  var _useAuthenticationCon3 = useAuthenticationContext(),
+    auth = _useAuthenticationCon3.auth;
+  return useQuery(Object.assign({}, aviationQueryOptions.getSigmetCancelTAC(product, auth), {
+    enabled: enabled
+  }));
+};
+var useFetchAirmetCancelTAC = function useFetchAirmetCancelTAC(product, enabled) {
+  if (enabled === void 0) {
+    enabled = true;
+  }
+  var _useAuthenticationCon4 = useAuthenticationContext(),
+    auth = _useAuthenticationCon4.auth;
+  return useQuery(Object.assign({}, aviationQueryOptions.getAirmetCancelTAC(product, auth), {
+    enabled: enabled
+  }));
+};
+var useTACApi = function useTACApi() {
+  var _useAuthenticationCon5 = useAuthenticationContext(),
+    auth = _useAuthenticationCon5.auth;
+  var queryClient = new QueryClient();
   return {
-    fetchSigmetTAC: fetchSigmetTAC,
-    fetchAirmetTAC: fetchAirmetTAC,
-    fetchSigmetCancelTAC: fetchSigmetCancelTAC,
-    fetchAirmetCancelTAC: fetchAirmetCancelTAC
+    fetchSigmetTAC: function () {
+      var _fetchSigmetTAC = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(product) {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              return _context.abrupt("return", queryClient.fetchQuery(aviationQueryOptions.getSigmetTAC(product, auth)));
+            case 1:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      function fetchSigmetTAC(_x) {
+        return _fetchSigmetTAC.apply(this, arguments);
+      }
+      return fetchSigmetTAC;
+    }(),
+    fetchAirmetTAC: function () {
+      var _fetchAirmetTAC = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(product) {
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              return _context2.abrupt("return", queryClient.fetchQuery(aviationQueryOptions.getAirmetTAC(product, auth)));
+            case 1:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      }));
+      function fetchAirmetTAC(_x2) {
+        return _fetchAirmetTAC.apply(this, arguments);
+      }
+      return fetchAirmetTAC;
+    }(),
+    fetchSigmetCancelTAC: function () {
+      var _fetchSigmetCancelTAC = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(product) {
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              return _context3.abrupt("return", queryClient.fetchQuery(aviationQueryOptions.getSigmetCancelTAC(product, auth)));
+            case 1:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3);
+      }));
+      function fetchSigmetCancelTAC(_x3) {
+        return _fetchSigmetCancelTAC.apply(this, arguments);
+      }
+      return fetchSigmetCancelTAC;
+    }(),
+    fetchAirmetCancelTAC: function () {
+      var _fetchAirmetCancelTAC = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(product) {
+        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              return _context4.abrupt("return", queryClient.fetchQuery(aviationQueryOptions.getAirmetCancelTAC(product, auth)));
+            case 1:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4);
+      }));
+      function fetchAirmetCancelTAC(_x4) {
+        return _fetchAirmetCancelTAC.apply(this, arguments);
+      }
+      return fetchAirmetCancelTAC;
+    }()
   };
 };
 /**
@@ -4772,53 +4982,69 @@ var useTACApi = function useTACApi() {
  * @returns A mutation result for posting a SIGMET.
  */
 var usePostSigmet = function usePostSigmet() {
-  var _useAuthenticationCon2 = useAuthenticationContext(),
-    auth = _useAuthenticationCon2.auth;
+  var _useAuthenticationCon6 = useAuthenticationContext(),
+    auth = _useAuthenticationCon6.auth;
   var dispatch = useDispatch();
   var queryClient = useQueryClient();
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
   return useMutation({
-    mutationFn: function mutationFn(formData) {
-      if (!auth) {
-        throw new Error('Authentication context not found');
+    mutationFn: function () {
+      var _mutationFn = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(formData) {
+        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
+            case 0:
+              if (auth) {
+                _context5.next = 2;
+                break;
+              }
+              throw new Error('Authentication context not found');
+            case 2:
+              return _context5.abrupt("return", postSigmet(auth, formData));
+            case 3:
+            case "end":
+              return _context5.stop();
+          }
+        }, _callee5);
+      }));
+      function mutationFn(_x5) {
+        return _mutationFn.apply(this, arguments);
       }
-      return postSigmet(auth, formData);
-    },
+      return mutationFn;
+    }(),
     onError: function onError(error) {
       void queryClient.invalidateQueries({
         queryKey: ['sigmet']
       });
-      var errorMessage = error instanceof Error ? error.message : 'Unknown error occurred';
+      var formattedError = humanizeApiErrorMessage(error);
       dispatch(publicWarningFormActions.setFormError({
-        message: "Failed to save SIGMET: " + errorMessage
+        message: "Failed to save SIGMET: " + formattedError
       }));
     },
     onSuccess: function () {
-      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) {
+      var _onSuccess = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(data, variables) {
+        var snackbarKey;
+        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
             case 0:
               snackbarKey = getAviationSnackbarKey(variables.changeStatusTo);
-              warningType = 'SIGMET';
               dispatch(snackbarActions.openSnackbar({
                 type: snackbarTypes.SnackbarMessageType.TRANSLATABLE_MESSAGE,
                 key: t(snackbarKey, {
-                  warningType: warningType
+                  warningType: 'SIGMET'
                 })
               }));
-              _context.next = 5;
+              _context6.next = 4;
               return queryClient.invalidateQueries({
                 queryKey: ['sigmet-list']
               });
-            case 5:
+            case 4:
             case "end":
-              return _context.stop();
+              return _context6.stop();
           }
-        }, _callee);
+        }, _callee6);
       }));
-      function onSuccess(_x, _x2) {
+      function onSuccess(_x6, _x7) {
         return _onSuccess.apply(this, arguments);
       }
       return onSuccess;
@@ -4833,53 +5059,69 @@ var usePostSigmet = function usePostSigmet() {
  * @returns A mutation result for posting an AIRMET.
  */
 var usePostAirmet = function usePostAirmet() {
-  var _useAuthenticationCon3 = useAuthenticationContext(),
-    auth = _useAuthenticationCon3.auth;
+  var _useAuthenticationCon7 = useAuthenticationContext(),
+    auth = _useAuthenticationCon7.auth;
   var dispatch = useDispatch();
   var queryClient = useQueryClient();
   var _useWarningsTranslati2 = useWarningsTranslation(),
     t = _useWarningsTranslati2.t;
   return useMutation({
-    mutationFn: function mutationFn(formData) {
-      if (!auth) {
-        throw new Error('Authentication context not found');
+    mutationFn: function () {
+      var _mutationFn2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(formData) {
+        return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
+            case 0:
+              if (auth) {
+                _context7.next = 2;
+                break;
+              }
+              throw new Error('Authentication context not found');
+            case 2:
+              return _context7.abrupt("return", postAirmet(auth, formData));
+            case 3:
+            case "end":
+              return _context7.stop();
+          }
+        }, _callee7);
+      }));
+      function mutationFn(_x8) {
+        return _mutationFn2.apply(this, arguments);
       }
-      return postAirmet(auth, formData);
-    },
+      return mutationFn;
+    }(),
     onError: function onError(error) {
       void queryClient.invalidateQueries({
         queryKey: ['airmet']
       });
-      var errorMessage = error instanceof Error ? error.message : 'Unknown error occurred';
+      var formattedError = humanizeApiErrorMessage(error);
       dispatch(publicWarningFormActions.setFormError({
-        message: "Failed to save AIRMET: " + errorMessage
+        message: "Failed to save AIRMET: " + formattedError
       }));
     },
     onSuccess: function () {
-      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) {
+      var _onSuccess2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(data, variables) {
+        var snackbarKey;
+        return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
               snackbarKey = getAviationSnackbarKey(variables.changeStatusTo);
-              warningType = 'AIRMET';
               dispatch(snackbarActions.openSnackbar({
                 type: snackbarTypes.SnackbarMessageType.TRANSLATABLE_MESSAGE,
                 key: t(snackbarKey, {
-                  warningType: warningType
+                  warningType: 'AIRMET'
                 })
               }));
-              _context2.next = 5;
+              _context8.next = 4;
               return queryClient.invalidateQueries({
                 queryKey: ['airmet-list']
               });
-            case 5:
+            case 4:
             case "end":
-              return _context2.stop();
+              return _context8.stop();
           }
-        }, _callee2);
+        }, _callee8);
       }));
-      function onSuccess(_x3, _x4) {
+      function onSuccess(_x9, _x0) {
         return _onSuccess2.apply(this, arguments);
       }
       return onSuccess;
@@ -6101,6 +6343,23 @@ var AddButton = function AddButton(_ref2) {
   });
 };
 
+var WarningListDragHandle = function WarningListDragHandle() {
+  return jsx(CustomIconButton, {
+    className: "handle",
+    tabIndex: -1,
+    disableTouchRipple: true,
+    sx: {
+      '&.handle:hover': function handleHover(theme) {
+        return Object.assign({}, theme.palette.geowebColors.layerManager.dragHandleHover);
+      },
+      cursor: 'grab',
+      marginTop: 0.5,
+      paddingLeft: 0
+    },
+    children: jsx(DragHandle, {})
+  });
+};
+
 var WarningListSelect = /*#__PURE__*/React__default.memo(function (_ref) {
   var options = _ref.options,
     value = _ref.value,
@@ -6113,7 +6372,9 @@ var WarningListSelect = /*#__PURE__*/React__default.memo(function (_ref) {
     _ref$isReadOnly = _ref.isReadOnly,
     isReadOnly = _ref$isReadOnly === void 0 ? false : _ref$isReadOnly,
     _ref$displayEmpty = _ref.displayEmpty,
-    displayEmpty = _ref$displayEmpty === void 0 ? false : _ref$displayEmpty;
+    displayEmpty = _ref$displayEmpty === void 0 ? false : _ref$displayEmpty,
+    _ref$validationResult = _ref.validationResult,
+    validationResult = _ref$validationResult === void 0 ? true : _ref$validationResult;
   var currentIndex = options.findIndex(function (option) {
     return option.value === value;
   });
@@ -6146,6 +6407,8 @@ var WarningListSelect = /*#__PURE__*/React__default.memo(function (_ref) {
             WebkitTextFillColor: 'inherit'
           }
         }
+      }, validationResult !== true && {
+        backgroundColor: "geowebColors.functional." + validationResult + "Outline.fill"
       }, additionalStyling),
       currentIndex: currentIndex > -1 ? currentIndex : undefined,
       renderValue: renderValue,
@@ -6287,27 +6550,184 @@ var WindForceSelect = function WindForceSelect(_ref) {
   });
 };
 
-var WarningListDragHandle = function WarningListDragHandle() {
-  return jsx(CustomIconButton, {
-    className: "handle",
-    tabIndex: -1,
-    disableTouchRipple: true,
-    sx: {
-      '&.handle:hover': function handleHover(theme) {
-        return Object.assign({}, theme.palette.geowebColors.layerManager.dragHandleHover);
-      },
-      cursor: 'grab',
-      marginTop: 0.5
-    },
-    children: jsx(DragHandle, {})
-  });
-};
-
-var getWindDirectionsFromConfig = function getWindDirectionsFromConfig(directionConfig, t) {
-  return directionConfig.map(function (direction) {
-    return {
-      value: direction.value,
-      label: t("maritime-direction-" + direction.value) || direction.label
+/* *
+ * 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, config) {
+  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' && !windDirectionTo) {
+    return false;
+  }
+  if (windDirectionTo && changeType) {
+    var result = validateWindDirectionChange(windDirectionFrom, windDirectionTo, changeType, config);
+    return result !== 'error';
+  }
+  return true;
+};
+var isWarningsValid = function isWarningsValid(warnings, config) {
+  // One single empty row is allowed, if not empty it should be valid
+  if (warnings.length === 1) {
+    return isWarningEmpty(warnings[0]) || isWarningValid(warnings[0], config);
+  }
+  return warnings.every(function (warning) {
+    return !isWarningEmpty(warning) && isWarningValid(warning, config);
+  });
+};
+var getLevelFromWindForce = function getLevelFromWindForce(maritimeConfig, windForce) {
+  var _maritimeConfig$marit;
+  var period = maritimeConfig.maritimeLevelDefinition.maritimeLevelsSummer ? 'maritimeLevelsSummer' : 'maritimeLevelsWinter';
+  var levelInfo = (_maritimeConfig$marit = maritimeConfig.maritimeLevelDefinition) == null ? void 0 : _maritimeConfig$marit[period].find(function (level) {
+    return (level == null ? void 0 : level.windForce) === windForce;
+  });
+  return (levelInfo == null ? void 0 : levelInfo.level) || 'extreme';
+};
+var getType = function getType(domain) {
+  switch (domain) {
+    case 'coastalWaters':
+      return 'maritimeWarningCoastal';
+    case 'northSeaDistricts':
+    default:
+      return 'maritimeWarningNorthSea';
+  }
+};
+var mapItemsToMaritimeWarnings = function mapItemsToMaritimeWarnings(warnings, domain, maritimeConfig, editor) {
+  var type = getType(domain);
+  if (warnings.length === 1 && warnings[0].assignedAreaIds.length === 0) {
+    // 1 warning without any areas means cancel/withdraw all warnings
+    return [{
+      type: type,
+      editor: editor,
+      status: PublicWarningStatus.PUBLISHED,
+      warningDetail: {
+        areas: [],
+        domain: type
+      }
+    }];
+  }
+  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(maritimeConfig, warning.windForce || ''),
+        probability: 100,
+        areas: warning.assignedAreaIds.map(function (areaId) {
+          var areaDetails = maritimeConfig.districtList[domain].find(function (district) {
+            return district.districtName === areaId;
+          });
+          return {
+            objectName: areaId,
+            geoJSON: (areaDetails == null ? void 0 : areaDetails.geoJSON) || {
+              type: 'FeatureCollection',
+              features: []
+            }
+          };
+        }),
+        windDirectionFrom: warning.windDirectionFrom,
+        windForce: warning.windForce,
+        changeType: warning.changeType || 'NO_CHANGE',
+        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,
+      validFrom: warning.warningDetail.validFrom,
+      validUntil: warning.warningDetail.validUntil
+    };
+  });
+};
+var getDegreesFromDirection = function getDegreesFromDirection(maritimeConfig, direction) {
+  var _directionDefinition$;
+  var directionDefinition = maritimeConfig.windDirectionDefinition.find(function (item) {
+    return item.value === direction;
+  });
+  return (_directionDefinition$ = directionDefinition == null ? void 0 : directionDefinition.degrees) != null ? _directionDefinition$ : undefined;
+};
+var validateWindDirectionChange = function validateWindDirectionChange(directionFrom, directionTo, changeType, config) {
+  if (!directionFrom || !directionTo || !changeType || !config || changeType === 'NO_CHANGE') {
+    return true;
+  }
+  var directionFromDegrees = getDegreesFromDirection(config, directionFrom);
+  var directionToDegrees = getDegreesFromDirection(config, directionTo);
+  if (directionFromDegrees === undefined || directionToDegrees === undefined) {
+    return true;
+  }
+  if (directionFromDegrees === directionToDegrees) {
+    return 'error';
+  }
+  var max = config.validation.dirTo.max_wind_change;
+  var min = config.validation.dirTo.min_wind_change;
+  // Calculate the absolute angular difference (0-360)
+  var diff = changeType === 'BACKING' ? (directionFromDegrees - directionToDegrees + 360) % 360 : (directionToDegrees - directionFromDegrees + 360) % 360;
+  if (diff > max.value) {
+    return max.level;
+  }
+  if (diff < min.value) {
+    return min.level;
+  }
+  return true;
+};
+
+var getWindDirectionsFromConfig = function getWindDirectionsFromConfig(directionConfig, t) {
+  return directionConfig.map(function (direction) {
+    return {
+      value: direction.value,
+      label: t("maritime-direction-" + direction.value) || direction.label
     };
   });
 };
@@ -6393,6 +6813,8 @@ var WarningListItem$1 = /*#__PURE__*/React__default.memo(function (_ref) {
   }, [warning.id, onAddClick]);
   var shouldDisableDirTo = warning.changeType === 'NO_CHANGE' || isReadOnly;
   var changeOptions = getChangeTypeFromConfig(maritimeConfig.changeType, t);
+  var validationResult = validateWindDirectionChange(warning.windDirectionFrom, warning.windDirectionTo, warning.changeType, maritimeConfig);
+  var showInfoIcon = validationResult !== true;
   return jsxs(StyledItem, {
     "data-testid": "maritime-warning",
     children: [!isReadOnly && jsx(WarningListDragHandle, {}), jsx(WarningListSelect, {
@@ -6440,7 +6862,8 @@ var WarningListItem$1 = /*#__PURE__*/React__default.memo(function (_ref) {
         });
         return typeof (option == null ? void 0 : option.label) === 'function' ? option.label(t) : option == null ? void 0 : option.label;
       },
-      displayEmpty: true
+      displayEmpty: true,
+      validationResult: validationResult
     }), jsx(WarningListSelect, {
       gridArea: "dirTo",
       label: t('maritime-header-direction-to'),
@@ -6448,7 +6871,24 @@ var WarningListItem$1 = /*#__PURE__*/React__default.memo(function (_ref) {
       onChange: handleChangeToDirection,
       value: warning.windDirectionTo,
       isReadOnly: shouldDisableDirTo
-    }), !isReadOnly && jsx(CustomIconButton, {
+    }), showInfoIcon ? jsx(Box, {
+      sx: {
+        gridArea: 'info',
+        justifySelf: 'left',
+        height: '24px'
+      },
+      children: jsx(CustomTooltip, {
+        title: t("maritime-wind-change-" + validationResult),
+        children: jsx("span", {
+          children: jsx(Info, {
+            sx: {
+              marginTop: 0.5,
+              color: "geowebColors.functional." + validationResult
+            }
+          })
+        })
+      })
+    }) : null, !isReadOnly && jsx(CustomIconButton, {
       sx: {
         gridArea: 'delete',
         justifySelf: 'end',
@@ -6480,10 +6920,10 @@ var StyledItem = styled('div')(function (_ref2) {
     gap: theme.spacing(0.5),
     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: '20px minmax(87px, 1fr) 1fr minmax(60px, 1fr) 20px'
+    gridTemplateAreas: "\n        \"drag dirFrom    dirFrom windForce  windForce delete\"\n        \".    areas      areas   areas      areas     .\"\n        \".    changeType dirTo   dirTo      info      .\" \n    ",
+    gridTemplateColumns: '16px minmax(82px, 1fr) 1fr minmax(60px, 1fr) 20px 20px'
   }, _ref3["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
-    gridTemplateAreas: "\n        \"drag dirFrom windForce areas changeType dirTo delete\" \n    ",
+    gridTemplateAreas: "\n        \"drag dirFrom windForce areas changeType dirTo info delete\" \n    ",
     gridTemplateColumns: 'var(--grid-columns)'
   }, _ref3;
 });
@@ -6516,7 +6956,7 @@ var WarningList = function WarningList(_ref) {
       flexDirection: 'column',
       minHeight: 0,
       marginBottom: 1,
-      '--grid-columns': '30px 150px 60px 2fr 150px 150px 1fr'
+      '--grid-columns': '16px 150px 60px 2fr 150px 150px 0.5fr 0.5fr'
     },
     children: [jsxs(Box, {
       sx: (_sx = {
@@ -6855,172 +7295,34 @@ function useConfirmDeleteDialog(_ref) {
   };
 }
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2025 - Finnish Meteorological Institute (FMI)
- * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var isWarningEmpty = function isWarningEmpty(item) {
-  var windDirectionFrom = item.windDirectionFrom,
-    windForce = item.windForce,
-    changeType = item.changeType,
-    windDirectionTo = item.windDirectionTo,
-    assignedAreaIds = item.assignedAreaIds;
-  if (assignedAreaIds.length) {
-    return false;
-  }
-  return [windDirectionFrom, windForce, changeType, windDirectionTo].every(function (value) {
-    return value === undefined || value.trim() === '';
-  });
-};
-var isWarningValid = function isWarningValid(item) {
-  var windDirectionFrom = item.windDirectionFrom,
-    windForce = item.windForce,
-    assignedAreaIds = item.assignedAreaIds,
-    changeType = item.changeType,
-    windDirectionTo = item.windDirectionTo;
-  // Direction, windspeed and areas are required.
-  if (!windDirectionFrom || !windForce || !assignedAreaIds.length) {
-    return false;
-  }
-  // If there is a Change selected, Direction to is also required
-  if (changeType && changeType !== 'NO_CHANGE') {
-    return !!windDirectionTo;
-  }
-  return true;
-};
-var isWarningsValid = function isWarningsValid(warnings) {
-  // One single empty row is allowed, if not empty it should be valid
-  if (warnings.length === 1) {
-    return isWarningEmpty(warnings[0]) || isWarningValid(warnings[0]);
-  }
-  return warnings.every(function (warning) {
-    return !isWarningEmpty(warning) && isWarningValid(warning);
+var 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 getLevelFromWindForce = function getLevelFromWindForce(maritimeConfig, windForce) {
-  var _maritimeConfig$marit;
-  var period = maritimeConfig.maritimeLevelDefinition.maritimeLevelsSummer ? 'maritimeLevelsSummer' : 'maritimeLevelsWinter';
-  var levelInfo = (_maritimeConfig$marit = maritimeConfig.maritimeLevelDefinition) == null ? void 0 : _maritimeConfig$marit[period].find(function (level) {
-    return (level == null ? void 0 : level.windForce) === windForce;
-  });
-  return (levelInfo == null ? void 0 : levelInfo.level) || 'extreme';
+
+var spinnerSx$1 = {
+  width: '16px!important',
+  height: '16px!important',
+  position: 'absolute',
+  top: 0,
+  bottom: 0,
+  margin: 'auto',
+  marginLeft: 1
 };
-var getType = function getType(domain) {
-  switch (domain) {
-    case 'coastalWaters':
-      return 'maritimeWarningCoastal';
-    case 'northSeaDistricts':
-    default:
-      return 'maritimeWarningNorthSea';
-  }
-};
-var mapItemsToMaritimeWarnings = function mapItemsToMaritimeWarnings(warnings, domain, maritimeConfig, editor) {
-  var type = getType(domain);
-  if (warnings.length === 1 && warnings[0].assignedAreaIds.length === 0) {
-    // 1 warning without any areas means cancel/withdraw all warnings
-    return [{
-      type: type,
-      editor: editor,
-      status: PublicWarningStatus.PUBLISHED,
-      warningDetail: {
-        areas: [],
-        domain: type
-      }
-    }];
-  }
-  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(maritimeConfig, warning.windForce || ''),
-        probability: 100,
-        areas: warning.assignedAreaIds.map(function (areaId) {
-          var areaDetails = maritimeConfig.districtList[domain].find(function (district) {
-            return district.districtName === areaId;
-          });
-          return {
-            objectName: areaId,
-            geoJSON: (areaDetails == null ? void 0 : areaDetails.geoJSON) || {
-              type: 'FeatureCollection',
-              features: []
-            }
-          };
-        }),
-        windDirectionFrom: warning.windDirectionFrom,
-        windForce: warning.windForce,
-        changeType: warning.changeType || 'NO_CHANGE',
-        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,
-      validFrom: warning.warningDetail.validFrom,
-      validUntil: warning.warningDetail.validUntil
-    };
-  });
-};
-
-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 spinnerSx$1 = {
-  width: '16px!important',
-  height: '16px!important',
-  position: 'absolute',
-  top: 0,
-  bottom: 0,
-  margin: 'auto',
-  marginLeft: 1
-};
-var getWarningsValidity = function getWarningsValidity(t, warnings) {
-  var validUntil = warnings.length > 0 && warnings[0].validUntil ? dateUtils.dateToString(dateUtils.createDate(warnings[0].validUntil), dateUtils.DATE_FORMAT_NAME_OF_DAY_MONTH) : '';
-  return validUntil ? "" + t('maritime-warning-validuntil') + validUntil : '';
+var getWarningsValidity = function getWarningsValidity(t, warnings) {
+  var validUntil = warnings.length > 0 && warnings[0].validUntil ? dateUtils.dateToString(dateUtils.createDate(warnings[0].validUntil), dateUtils.DATE_FORMAT_NAME_OF_DAY_MONTH) : '';
+  return validUntil ? "" + t('maritime-warning-validuntil') + validUntil : '';
 };
 var MaritimeWarningsForm = function MaritimeWarningsForm(_ref) {
   var _sx, _sx2, _sx3, _sx4;
@@ -7083,7 +7385,7 @@ var MaritimeWarningsForm = function MaritimeWarningsForm(_ref) {
       }
     }, _callee);
   })), [onClear, t, showConfirmDialog]);
-  var isValid = isWarningsValid(warnings);
+  var isValid = isWarningsValid(warnings, maritimeConfig);
   var onSwitchMode = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(event) {
       var checked, isReadOnly;
@@ -7614,173 +7916,6 @@ var MaritimeWarningsFormConnect = function MaritimeWarningsFormConnect(_ref) {
   });
 };
 
-var CancelAviationDialogContent = function CancelAviationDialogContent(_ref) {
-  var product = _ref.product,
-    warningType = _ref.warningType;
-  var _useTACApi = useTACApi(),
-    fetchSigmetCancelTAC = _useTACApi.fetchSigmetCancelTAC,
-    fetchAirmetCancelTAC = _useTACApi.fetchAirmetCancelTAC,
-    fetchSigmetTAC = _useTACApi.fetchSigmetTAC,
-    fetchAirmetTAC = _useTACApi.fetchAirmetTAC;
-  var _React$useState = React__default.useState(null),
-    cancelTAC = _React$useState[0],
-    setCancelTAC = _React$useState[1];
-  var _React$useState2 = React__default.useState(null),
-    currentTAC = _React$useState2[0],
-    setCurrentTAC = _React$useState2[1];
-  var _useWarningsTranslati = useWarningsTranslation(),
-    t = _useWarningsTranslati.t;
-  React__default.useEffect(function () {
-    var fetchData = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var cancelResult, currentResult;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              if (!(warningType === 'sigmet')) {
-                _context.next = 7;
-                break;
-              }
-              _context.next = 4;
-              return fetchSigmetCancelTAC(product);
-            case 4:
-              _context.t0 = _context.sent;
-              _context.next = 10;
-              break;
-            case 7:
-              _context.next = 9;
-              return fetchAirmetCancelTAC(product);
-            case 9:
-              _context.t0 = _context.sent;
-            case 10:
-              cancelResult = _context.t0;
-              setCancelTAC(cancelResult.data);
-              if (!(warningType === 'sigmet')) {
-                _context.next = 18;
-                break;
-              }
-              _context.next = 15;
-              return fetchSigmetTAC(product);
-            case 15:
-              _context.t1 = _context.sent;
-              _context.next = 21;
-              break;
-            case 18:
-              _context.next = 20;
-              return fetchAirmetTAC(product);
-            case 20:
-              _context.t1 = _context.sent;
-            case 21:
-              currentResult = _context.t1;
-              setCurrentTAC(currentResult.data);
-              _context.next = 27;
-              break;
-            case 25:
-              _context.prev = 25;
-              _context.t2 = _context["catch"](0);
-            case 27:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, null, [[0, 25]]);
-      }));
-      return function fetchData() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    void fetchData();
-  }, [fetchAirmetCancelTAC, fetchAirmetTAC, fetchSigmetCancelTAC, fetchSigmetTAC, product, warningType]);
-  var tacBlockStyle = {
-    whiteSpace: 'pre-wrap',
-    wordBreak: 'break-word',
-    overflowX: 'auto',
-    overflowY: 'auto',
-    maxWidth: '100%',
-    fontFamily: 'monospace',
-    fontSize: '0.9rem',
-    minHeight: 120,
-    maxHeight: 140
-  };
-  var renderTacWithSequence = function renderTacWithSequence(tac, noTacKey, product) {
-    if (!tac) {
-      return jsx(Box, {
-        component: "pre",
-        sx: tacBlockStyle,
-        children: t(noTacKey)
-      });
-    }
-    var noTac = t(noTacKey);
-    var hasTac = tac.split('\n').length > 0 && tac !== noTac;
-    var sequenceNumberInTac = findSequenceNumber(tac, noTac);
-    var sequenceStyle = getSequenceStyling(product, hasTac);
-    var words = tac.split(' ');
-    return jsxs(Box, {
-      component: "pre",
-      sx: tacBlockStyle,
-      children: [jsx(Box, {
-        component: "span",
-        sx: {
-          fontWeight: 'bold',
-          fontSize: 12,
-          mr: 1.5
-        },
-        children: t('tac-label')
-      }), words.map(function (word, i) {
-        return jsx(Box
-        // eslint-disable-next-line react/no-array-index-key
-        , {
-          component: "span",
-          sx: hasTac && word === sequenceNumberInTac ? sequenceStyle : {},
-          children: word + (i < words.length - 1 ? ' ' : '')
-        }, word + "-" + i);
-      })]
-    });
-  };
-  return jsxs(Box, {
-    sx: {
-      width: '500px',
-      maxWidth: '600px'
-    },
-    children: [jsx(Typography, {
-      variant: "subtitle2",
-      marginTop: "15px",
-      children: jsx("strong", {
-        children: t('cancel-message')
-      })
-    }), jsx("div", {
-      style: {
-        display: 'flex',
-        alignItems: 'flex-start'
-      },
-      children: renderTacWithSequence(cancelTAC, 'tac-missing-data')
-    }), jsx(Typography, {
-      variant: "subtitle2",
-      children: jsx("strong", {
-        children: t('will-cancel-message')
-      })
-    }), jsx("div", {
-      style: {
-        display: 'flex',
-        alignItems: 'flex-start'
-      },
-      children: jsxs(Box, {
-        component: "pre",
-        sx: tacBlockStyle,
-        children: [jsx(Box, {
-          component: "span",
-          sx: {
-            fontWeight: 'bold',
-            fontSize: 12,
-            mr: 1.5
-          },
-          children: t('tac-label')
-        }), currentTAC != null ? currentTAC : t('tac-missing-data')]
-      })
-    })]
-  });
-};
-
 var _excluded$3 = ["IS_DRAFT", "object", "translation-select"];
 var useScrollTopOnError = function useScrollTopOnError(error) {
   var ref = React.useRef(null);
@@ -8044,11 +8179,8 @@ var Form = function Form(_ref5) {
     isPublishing = _React$useState[0],
     setIsPublishing = _React$useState[1];
   var _React$useState2 = React.useState(false),
-    isCancelling = _React$useState2[0],
-    setIsCancelling = _React$useState2[1];
-  var _React$useState3 = React.useState(false),
-    isSaving = _React$useState3[0],
-    setIsSaving = _React$useState3[1];
+    isSaving = _React$useState2[0],
+    setIsSaving = _React$useState2[1];
   var _useTACApi = useTACApi(),
     fetchSigmetTAC = _useTACApi.fetchSigmetTAC,
     fetchAirmetTAC = _useTACApi.fetchAirmetTAC;
@@ -8077,12 +8209,12 @@ var Form = function Form(_ref5) {
     };
   }, [endOfWarningValidity, formState, onCloseForm]);
   var initialPublicWarningArea = (publicWarningDetails == null || (_publicWarningDetails = publicWarningDetails.areas) == null ? void 0 : _publicWarningDetails.length) && (publicWarningDetails == null || (_publicWarningDetails2 = publicWarningDetails.areas[0]) == null ? void 0 : _publicWarningDetails2.geoJSON);
-  var _React$useState4 = React.useState(initialPublicWarningArea),
-    warningGeoJSONFeature = _React$useState4[0],
-    setWarningGeoJSONFeature = _React$useState4[1];
-  var _React$useState5 = React.useState(publicWarningDetails == null ? void 0 : publicWarningDetails.areas),
-    originalWarningAreas = _React$useState5[0],
-    setOriginalWarningAreas = _React$useState5[1];
+  var _React$useState3 = React.useState(initialPublicWarningArea),
+    warningGeoJSONFeature = _React$useState3[0],
+    setWarningGeoJSONFeature = _React$useState3[1];
+  var _React$useState4 = React.useState(publicWarningDetails == null ? void 0 : publicWarningDetails.areas),
+    originalWarningAreas = _React$useState4[0],
+    setOriginalWarningAreas = _React$useState4[1];
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
   var _useFormContext = useFormContext(),
@@ -8164,12 +8296,7 @@ var Form = function Form(_ref5) {
       confirmLabel: getConfirmationDialogButtonLabel(t, action, warningType || 'airmet'),
       cancelLabel: getConfirmationDialogCancelLabel(t, action),
       catchOnCancel: action === ProductAction.CLOSE,
-      content:
-      // eslint-disable-next-line no-nested-ternary
-      action === ProductAction.CANCEL ? jsx(CancelAviationDialogContent, {
-        product: selectedAviationProduct,
-        warningType: warningType
-      }) : isVAPhenomenon(selectedAviationProduct, action) && !isShortTest() ? jsx(FormProvider, Object.assign({}, formMethods, {
+      content: isVAPhenomenon(selectedAviationProduct, action) && !isShortTest() ? jsx(FormProvider, Object.assign({}, formMethods, {
         children: jsx(CancelSigmetVolcanicMovements, {
           sigmet: selectedAviationProduct,
           productConfig: aviationConfig
@@ -8199,9 +8326,6 @@ var Form = function Form(_ref5) {
     };
   }();
   var getPublishButtonLabel = function getPublishButtonLabel() {
-    if (isCancelling) {
-      return t('cancelling');
-    }
     if (isPublishing) {
       return t('warning-button-publishing');
     }
@@ -8225,7 +8349,7 @@ var Form = function Form(_ref5) {
             return _context0.abrupt("return");
           case 2:
             _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;
+            _context0.next = _context0.t0 === ProductAction.SAVE ? 5 : _context0.t0 === ProductAction.PUBLISH ? 14 : _context0.t0 === ProductAction.AMEND ? 17 : _context0.t0 === ProductAction.RENEW ? 19 : _context0.t0 === ProductAction.DISCARD ? 19 : _context0.t0 === ProductAction.DUPLICATE ? 19 : _context0.t0 === ProductAction.CLOSE ? 19 : 20;
             break;
           case 5:
             toggleIsDraft(true);
@@ -8244,7 +8368,7 @@ var Form = function Form(_ref5) {
             })["catch"](function () {});
           case 12:
             setIsSaving(false);
-            return _context0.abrupt("break", 23);
+            return _context0.abrupt("break", 21);
           case 14:
             toggleIsDraft(false);
             void handleSubmit(/*#__PURE__*/function () {
@@ -8279,17 +8403,8 @@ var Form = function Form(_ref5) {
                 return _ref11.apply(this, arguments);
               };
             }())();
-            return _context0.abrupt("break", 23);
+            return _context0.abrupt("break", 21);
           case 17:
-            void showConfirmDialog(action).then(function () {
-              setIsCancelling(true);
-              void cancelAviationProduct(warningType)["finally"](function () {
-                setIsCancelling(false);
-                onCloseForm();
-              });
-            });
-            return _context0.abrupt("break", 23);
-          case 19:
             void handleSubmit(/*#__PURE__*/function () {
               var _ref13 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9(formValues) {
                 return _regeneratorRuntime().wrap(function _callee9$(_context9) {
@@ -8322,12 +8437,12 @@ var Form = function Form(_ref5) {
                 return _ref13.apply(this, arguments);
               };
             }())();
-            return _context0.abrupt("break", 23);
-          case 21:
-            return _context0.abrupt("break", 23);
-          case 22:
+            return _context0.abrupt("break", 21);
+          case 19:
+            return _context0.abrupt("break", 21);
+          case 20:
             console.warn("Unhandled product action: " + action);
-          case 23:
+          case 21:
           case "end":
             return _context0.stop();
         }
@@ -8716,7 +8831,7 @@ var Form = function Form(_ref5) {
               sx: {
                 width: '100%'
               },
-              disabled: isPublishing || isCancelling,
+              disabled: isPublishing,
               onClick: function onClick() {
                 void (selectedAviationProduct ? handleSubmitAviationProduct(ProductAction.CANCEL, warningType) : onPressPublish());
               },
@@ -8724,7 +8839,7 @@ var Form = function Form(_ref5) {
                 style: {
                   position: 'relative'
                 },
-                children: [getPublishButtonLabel(), (isPublishing || isCancelling) && jsx(CircularProgress, {
+                children: [getPublishButtonLabel(), isPublishing && jsx(CircularProgress, {
                   "data-testid": "spinner",
                   color: "inherit",
                   sx: spinnerSx
@@ -9828,6 +9943,7 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
   var isFormDirty = useSelector(function (store) {
     return getSelectedPublicIsFormDirty(store);
   });
+  usePreventBrowserClose(isFormDirty);
   var publicWarningState = useSelector(getPublicWarning);
   var _ref2 = publicWarningState || {},
     status = _ref2.status,
@@ -11412,34 +11528,109 @@ var PublicWarningList = function PublicWarningList(_ref) {
   });
 };
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var getPublicWarningsStore = function getPublicWarningsStore(store) {
-  if (store && store.publicWarnings) {
-    return store.publicWarnings;
-  }
-  return null;
-};
-var _publicWarningsAdapte = publicWarningsAdapter.getSelectors(function (state) {
-    var _state$publicWarnings, _state$publicWarnings2;
-    return (_state$publicWarnings = state == null || (_state$publicWarnings2 = state.publicWarnings) == null ? void 0 : _state$publicWarnings2.warnings) != null ? _state$publicWarnings : {
-      entities: {},
-      ids: []
+var ConfirmDeleteWarningDialog = function ConfirmDeleteWarningDialog(_ref) {
+  var _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose,
+    title = _ref.title,
+    description = _ref.description,
+    request = _ref.request,
+    confirmLabel = _ref.confirmLabel,
+    callback = _ref.callback,
+    isLocked = _ref.isLocked;
+  var _useWarningsTranslati = useWarningsTranslation(),
+    t = _useWarningsTranslati.t;
+  var defaultError = isLocked ? t('warning-dialog-delete-islocked') : undefined;
+  var _React$useState = React__default.useState(false),
+    isLoading = _React$useState[0],
+    setIsLoading = _React$useState[1];
+  var _React$useState2 = React__default.useState(defaultError),
+    error = _React$useState2[0],
+    setError = _React$useState2[1];
+  var onSubmit = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setIsLoading(true);
+            _context.prev = 1;
+            _context.next = 4;
+            return request();
+          case 4:
+            callback && callback();
+            setIsLoading(false);
+            _context.next = 12;
+            break;
+          case 8:
+            _context.prev = 8;
+            _context.t0 = _context["catch"](1);
+            setError(getAxiosErrorMessage(_context.t0));
+            setIsLoading(false);
+          case 12:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[1, 8]]);
+    }));
+    return function onSubmit() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return jsx(ConfirmationDialog, Object.assign({
+    title: title,
+    open: true,
+    confirmLabel: confirmLabel,
+    cancelLabel: t('warning-dialog-cancel'),
+    description: !error ? description : '',
+    onClose: onClose,
+    onSubmit: onSubmit,
+    isLoading: isLoading
+  }, error && {
+    content: jsxs(Box, {
+      sx: {
+        marginBottom: 0
+      },
+      children: [jsx(AlertBanner, {
+        title: error,
+        severity: isLocked ? 'warning' : 'error'
+      }), jsx(Typography, {
+        variant: "body1",
+        sx: {
+          marginTop: 1
+        },
+        children: description
+      })]
+    })
+  }));
+};
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var getPublicWarningsStore = function getPublicWarningsStore(store) {
+  if (store && store.publicWarnings) {
+    return store.publicWarnings;
+  }
+  return null;
+};
+var _publicWarningsAdapte = publicWarningsAdapter.getSelectors(function (state) {
+    var _state$publicWarnings, _state$publicWarnings2;
+    return (_state$publicWarnings = state == null || (_state$publicWarnings2 = state.publicWarnings) == null ? void 0 : _state$publicWarnings2.warnings) != null ? _state$publicWarnings : {
+      entities: {},
+      ids: []
     };
   }),
   selectAllPublicWarnings = _publicWarningsAdapte.selectAll;
@@ -11668,79 +11859,232 @@ var useWarningFilters = function useWarningFilters(warnings, onUpdateFilters, sa
   };
 };
 
-var ConfirmDeleteWarningDialog = function ConfirmDeleteWarningDialog(_ref) {
-  var _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose,
-    title = _ref.title,
-    description = _ref.description,
-    request = _ref.request,
-    confirmLabel = _ref.confirmLabel,
-    callback = _ref.callback,
-    isLocked = _ref.isLocked;
+var CancelAviationDialogContent = function CancelAviationDialogContent(_ref) {
+  var _cancelQuery$data$dat, _cancelQuery$data, _currentQuery$data$da, _currentQuery$data, _t;
+  var product = _ref.product,
+    warningType = _ref.warningType,
+    errorMessage = _ref.errorMessage;
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
-  var defaultError = isLocked ? t('warning-dialog-delete-islocked') : undefined;
-  var _React$useState = React__default.useState(false),
-    isLoading = _React$useState[0],
-    setIsLoading = _React$useState[1];
-  var _React$useState2 = React__default.useState(defaultError),
-    error = _React$useState2[0],
-    setError = _React$useState2[1];
-  var onSubmit = /*#__PURE__*/function () {
+  var isSigmet = warningType === 'sigmet';
+  var enabled = !!(product != null && product.uuid);
+  // Only run the two queries we actually need
+  var sigCancel = useFetchSigmetCancelTAC(product, isSigmet && enabled);
+  var airCancel = useFetchAirmetCancelTAC(product, !isSigmet && enabled);
+  var sigCurrent = useFetchSigmetTAC(product, isSigmet && enabled);
+  var airCurrent = useFetchAirmetTAC(product, !isSigmet && enabled);
+  // Pick active queries per warning type
+  var cancelQuery = isSigmet ? sigCancel : airCancel;
+  var currentQuery = isSigmet ? sigCurrent : airCurrent;
+  // Derived TAC strings
+  var cancelTAC = (_cancelQuery$data$dat = (_cancelQuery$data = cancelQuery.data) == null ? void 0 : _cancelQuery$data.data) != null ? _cancelQuery$data$dat : null;
+  var currentTAC = (_currentQuery$data$da = (_currentQuery$data = currentQuery.data) == null ? void 0 : _currentQuery$data.data) != null ? _currentQuery$data$da : null;
+  // Per-section loading/error
+  var isLoadingCancel = cancelQuery.isLoading || !enabled;
+  var isLoadingCurrent = currentQuery.isLoading || !enabled;
+  var isErrorCancel = !!cancelQuery.error;
+  var isErrorCurrent = !!currentQuery.error;
+  var loadingLabel = (_t = t('loading')) != null ? _t : 'Loading...';
+  var noTacLabel = t('tac-missing-data');
+  var COLLAPSED = 90; // px
+  var tacBlockStyle = {
+    whiteSpace: 'pre-wrap',
+    wordBreak: 'break-word',
+    overflowX: 'auto',
+    overflowY: 'auto',
+    maxWidth: '100%',
+    fontFamily: 'monospace',
+    fontSize: '0.9rem',
+    lineHeight: 1.4
+  };
+  var renderPre = function renderPre(text) {
+    return jsx(Box, {
+      component: "pre",
+      sx: tacBlockStyle,
+      children: text
+    });
+  };
+  var renderTacWithSequence = function renderTacWithSequence(tac, noTacKey, prod) {
+    if (!tac) {
+      return jsx(Box, {
+        component: "pre",
+        sx: tacBlockStyle,
+        children: t(noTacKey)
+      });
+    }
+    var noTac = t(noTacKey);
+    var hasTac = tac.split('\n').length > 0 && tac !== noTac;
+    var sequenceNumberInTac = findSequenceNumber(tac, noTac);
+    var sequenceStyle = getSequenceStyling(prod, hasTac);
+    var words = tac.split(' ');
+    return jsx(Box, {
+      component: "pre",
+      sx: tacBlockStyle,
+      children: words.map(function (word, i) {
+        return jsx(Box, {
+          component: "span",
+          sx: hasTac && word === sequenceNumberInTac ? sequenceStyle : {},
+          children: word + (i < words.length - 1 ? ' ' : '')
+        }, word + "-" + i);
+      })
+    });
+  };
+  var cancelContent;
+  if (isLoadingCancel) {
+    cancelContent = renderPre(loadingLabel);
+  } else if (isErrorCancel) {
+    cancelContent = renderPre(noTacLabel);
+  } else {
+    cancelContent = renderTacWithSequence(cancelTAC, 'tac-missing-data');
+  }
+  var currentContent;
+  if (isLoadingCurrent) {
+    currentContent = renderPre(loadingLabel);
+  } else if (isErrorCurrent) {
+    currentContent = renderPre(noTacLabel);
+  } else {
+    currentContent = jsx(Box, {
+      component: "pre",
+      sx: tacBlockStyle,
+      children: currentTAC != null ? currentTAC : noTacLabel
+    });
+  }
+  return jsxs(Box, {
+    sx: {
+      width: 500,
+      maxWidth: 600
+    },
+    children: [jsx(Typography, {
+      fontWeight: "medium",
+      variant: "inherit",
+      children: t('cancel-message')
+    }), jsx("div", {
+      style: {
+        display: 'flex',
+        paddingLeft: 12
+      },
+      children: jsx(Collapse, {
+        collapsedSize: COLLAPSED,
+        easing: "ease",
+        "in": true,
+        timeout: 200,
+        children: cancelContent
+      })
+    }), jsx(Typography, {
+      fontWeight: "medium",
+      variant: "inherit",
+      children: t('will-cancel-message')
+    }), jsx("div", {
+      style: {
+        display: 'flex',
+        paddingLeft: 12
+      },
+      children: jsx(Collapse, {
+        collapsedSize: COLLAPSED,
+        easing: "ease",
+        "in": true,
+        timeout: 200,
+        children: currentContent
+      })
+    }), errorMessage ? jsx(Box, {
+      sx: {
+        marginBottom: 2
+      },
+      children: jsx(AlertBanner, {
+        title: errorMessage,
+        shouldClose: true
+      })
+    }) : null]
+  });
+};
+
+var CancelAviationConfirmDialog = function CancelAviationConfirmDialog(_ref) {
+  var open = _ref.open,
+    type = _ref.type,
+    product = _ref.product,
+    showVA = _ref.showVA,
+    aviationConfig = _ref.aviationConfig,
+    sigmet = _ref.sigmet,
+    confirmLabel = _ref.confirmLabel,
+    title = _ref.title,
+    onClose = _ref.onClose,
+    cancelAviationProduct = _ref.cancelAviationProduct,
+    onSuccess = _ref.onSuccess;
+  var _React$useState = React__default.useState(null),
+    errorMsg = _React$useState[0],
+    setErrorMsg = _React$useState[1];
+  var _React$useState2 = React__default.useState(false),
+    isSubmitting = _React$useState2[0],
+    setIsSubmitting = _React$useState2[1];
+  var vaForm = useForm({
+    mode: 'onChange',
+    defaultValues: {}
+  });
+  var handleSubmit = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            setIsLoading(true);
-            _context.prev = 1;
-            _context.next = 4;
-            return request();
-          case 4:
-            callback && callback();
-            setIsLoading(false);
-            _context.next = 12;
+            setIsSubmitting(true);
+            setErrorMsg(null);
+            _context.prev = 2;
+            _context.next = 5;
+            return cancelAviationProduct(product, type);
+          case 5:
+            setIsSubmitting(false);
+            onSuccess == null || onSuccess();
+            onClose();
+            _context.next = 14;
             break;
-          case 8:
-            _context.prev = 8;
-            _context.t0 = _context["catch"](1);
-            setError(getAxiosErrorMessage(_context.t0));
-            setIsLoading(false);
-          case 12:
+          case 10:
+            _context.prev = 10;
+            _context.t0 = _context["catch"](2);
+            setIsSubmitting(false);
+            setErrorMsg("Failed to cancel " + type.toUpperCase() + ": " + humanizeApiErrorMessage(_context.t0));
+          case 14:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[1, 8]]);
+      }, _callee, null, [[2, 10]]);
     }));
-    return function onSubmit() {
+    return function handleSubmit() {
       return _ref2.apply(this, arguments);
     };
   }();
-  return jsx(ConfirmationDialog, Object.assign({
+  return jsxs(CustomDialog, {
+    "data-testid": "cancel-aviation-dialog",
     title: title,
-    open: true,
-    confirmLabel: confirmLabel,
-    cancelLabel: t('warning-dialog-cancel'),
-    description: !error ? description : '',
+    description: "",
+    open: open,
     onClose: onClose,
-    onSubmit: onSubmit,
-    isLoading: isLoading
-  }, error && {
-    content: jsxs(Box, {
-      sx: {
-        marginBottom: 0
-      },
-      children: [jsx(AlertBanner, {
-        title: error,
-        severity: isLocked ? 'warning' : 'error'
-      }), jsx(Typography, {
-        variant: "body1",
+    isResizable: true,
+    resizableDefaultSize: {
+      width: 560,
+      height: 'auto'
+    },
+    actions: jsx(ConfirmationButtons, {
+      confirmLabel: confirmLabel,
+      cancelLabel: "Close",
+      isLoading: isSubmitting,
+      onSubmit: handleSubmit,
+      onClose: onClose
+    }),
+    children: [jsx(CancelAviationDialogContent, {
+      product: product,
+      warningType: type,
+      errorMessage: errorMsg != null ? errorMsg : undefined
+    }), showVA ? jsxs(FormProvider, Object.assign({}, vaForm, {
+      children: [jsx(Box, {
+        component: "hr",
         sx: {
-          marginTop: 1
-        },
-        children: description
+          my: 1
+        }
+      }), jsx(CancelSigmetVolcanicMovements, {
+        productConfig: aviationConfig,
+        sigmet: sigmet
       })]
-    })
-  }));
+    })) : null]
+  });
 };
 
 var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
@@ -11868,14 +12212,28 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
       confirmLabel: t('warning-dialog-expire-confirm'),
       title: t('warning-dialog-expire-title'),
       description: t('warning-dialog-expire-description'),
-      request: function request() {
-        return saveWarning({
-          id: expiredWarning.id,
-          data: Object.assign({}, expiredWarning, {
-            type: 'public'
-          })
-        });
-      },
+      request: function () {
+        var _request = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+          return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+            while (1) switch (_context3.prev = _context3.next) {
+              case 0:
+                return _context3.abrupt("return", saveWarning({
+                  id: expiredWarning.id,
+                  data: Object.assign({}, expiredWarning, {
+                    type: 'public'
+                  })
+                }));
+              case 1:
+              case "end":
+                return _context3.stop();
+            }
+          }, _callee3);
+        }));
+        function request() {
+          return _request.apply(this, arguments);
+        }
+        return request;
+      }(),
       callback: function callback() {
         return onRemoveSuccess(expiredWarning.id, t('warning-dialog-expire-succes'));
       }
@@ -11889,14 +12247,28 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
       confirmLabel: t('warning-dialog-withdraw-confirm'),
       title: t('warning-dialog-withdraw-title'),
       description: t('warning-dialog-withdraw-description'),
-      request: function request() {
-        return saveWarning({
-          id: withdrawnWarning.id,
-          data: Object.assign({}, withdrawnWarning, {
-            type: 'public'
-          })
-        });
-      },
+      request: function () {
+        var _request2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+          return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+            while (1) switch (_context4.prev = _context4.next) {
+              case 0:
+                return _context4.abrupt("return", saveWarning({
+                  id: withdrawnWarning.id,
+                  data: Object.assign({}, withdrawnWarning, {
+                    type: 'public'
+                  })
+                }));
+              case 1:
+              case "end":
+                return _context4.stop();
+            }
+          }, _callee4);
+        }));
+        function request() {
+          return _request2.apply(this, arguments);
+        }
+        return request;
+      }(),
       callback: function callback() {
         return onRemoveSuccess(withdrawnWarning.id, t('warning-dialog-withdraw-succes'));
       }
@@ -11910,48 +12282,89 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
     postSigmet = _usePostSigmet.mutateAsync;
   var _usePostAirmet = usePostAirmet(),
     postAirmet = _usePostAirmet.mutateAsync;
-  var deleteAviationProduct = /*#__PURE__*/function () {
-    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) {
+  var aviationWarnings = useAviationWarnings();
+  var selectedBackendProduct = React__default.useMemo(function () {
+    return aviationWarnings.find(function (aviationProduct) {
+      return aviationProduct.uuid === selectedWarningId;
+    });
+  }, [aviationWarnings, selectedWarningId]);
+  var postAviationProduct = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(productToPost, newStatus, type, opts) {
+      var _productToPost$uuid, _opts$vaSigmetMoveToF;
+      var uuid, body, _param, param;
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
-            _context3.prev = 0;
-            uuid = (productToPost == null ? void 0 : productToPost.sigmetAirmetDetails.uuid) || null;
-            if (!(warningType === 'sigmet')) {
-              _context3.next = 7;
+            uuid = (_productToPost$uuid = productToPost == null ? void 0 : productToPost.uuid) != null ? _productToPost$uuid : null;
+            body = newStatus === 'CANCELLED' && selectedBackendProduct ? getCancelSigmet(selectedBackendProduct, (_opts$vaSigmetMoveToF = opts == null ? void 0 : opts.vaSigmetMoveToFIR) != null ? _opts$vaSigmetMoveToF : 'UNKNOWN') : productToPost;
+            if (!(type === 'sigmet')) {
+              _context5.next = 5;
               break;
             }
-            _postProductParam = createSigmetPostParameter(productToPost.sigmetAirmetDetails, newStatus, uuid);
-            _context3.next = 6;
-            return postSigmet(_postProductParam);
-          case 6:
-            return _context3.abrupt("return", _context3.sent);
+            _param = createSigmetPostParameter(body, newStatus, uuid);
+            return _context5.abrupt("return", postSigmet(_param));
+          case 5:
+            param = createAirmetPostParameter(body, newStatus, uuid);
+            return _context5.abrupt("return", postAirmet(param));
           case 7:
-            postProductParam = createAirmetPostParameter(productToPost.sigmetAirmetDetails, newStatus, uuid);
-            _context3.next = 10;
-            return postAirmet(postProductParam);
-          case 10:
-            return _context3.abrupt("return", _context3.sent);
-          case 13:
-            _context3.prev = 13;
-            _context3.t0 = _context3["catch"](0);
-            errorMessage = _context3.t0 instanceof Error ? _context3.t0 : 'Unknown error occurred';
-            dispatch(snackbarActions.openSnackbar({
-              type: snackbarTypes.SnackbarMessageType.VERBATIM_MESSAGE,
-              message: "Failed to save " + warningType.toUpperCase() + ": " + errorMessage
-            }));
-            throw _context3.t0;
-          case 18:
           case "end":
-            return _context3.stop();
+            return _context5.stop();
         }
-      }, _callee3, null, [[0, 13]]);
+      }, _callee5);
     }));
-    return function deleteAviationProduct(_x5, _x6, _x7) {
+    return function postAviationProduct(_x5, _x6, _x7, _x8) {
       return _ref4.apply(this, arguments);
     };
   }();
+  var getCancelSigmet = function getCancelSigmet(selectedProduct, vaSigmetMoveToFIR) {
+    if ('sigmet' in selectedProduct) {
+      return prepareCancelSigmet(selectedProduct.sigmet, vaSigmetMoveToFIR != null ? vaSigmetMoveToFIR : 'UNKNOWN');
+    }
+    return selectedProduct.airmet;
+  };
+  var _cancelAviationProduct = /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(warning, type) {
+      var result;
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            _context6.next = 2;
+            return postAviationProduct(warning, 'CANCELLED', type);
+          case 2:
+            result = _context6.sent;
+            return _context6.abrupt("return", result != null ? result : null);
+          case 4:
+          case "end":
+            return _context6.stop();
+        }
+      }, _callee6);
+    }));
+    return function cancelAviationProduct(_x9, _x0) {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+  var _React$useState2 = React__default.useState(false),
+    cancelOpen = _React$useState2[0],
+    setCancelOpen = _React$useState2[1];
+  var _React$useState3 = React__default.useState(null),
+    cancelCtx = _React$useState3[0],
+    setCancelCtx = _React$useState3[1];
+  var openCancelDialog = function openCancelDialog(warning) {
+    var type = warning.warningDetail.level === 'SIG' ? 'sigmet' : 'airmet';
+    var product = warning.sigmetAirmetDetails;
+    var showVA = isVAPhenomenon(warning.sigmetAirmetDetails, ProductAction.CANCEL);
+    setCancelCtx({
+      type: type,
+      product: product,
+      showVA: showVA,
+      sigmet: warning.sigmetAirmetDetails
+    });
+    setCancelOpen(true);
+  };
+  var closeCancelDialog = function closeCancelDialog() {
+    setCancelOpen(false);
+    setCancelCtx(null);
+  };
   var handleAviationProductClick = function handleAviationProductClick(warning, actionType) {
     if (!warning) {
       return;
@@ -11970,19 +12383,38 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
         updatedWarning = duplicateAviationProduct(warning);
         void openPublicWarningDialog('edit', updatedWarning, type);
         break;
-      case 'CANCEL':
-        void openPublicWarningDialog('cancel', warning, type);
-        break;
+      case ProductAction.CANCEL:
+        {
+          openCancelDialog(warning);
+          break;
+        }
       case 'DISCARD':
         {
-          var isLocked = warning.editor && warning.editor !== (auth == null ? void 0 : auth.username) || false;
+          var _warning$editor, _auth$username;
+          var editor = (_warning$editor = warning.editor) != null ? _warning$editor : '';
+          var currentUser = (_auth$username = auth == null ? void 0 : auth.username) != null ? _auth$username : '';
+          var isLocked = editor !== '' && editor !== currentUser;
           setConfirmDialogOptions({
             confirmLabel: t('warning-dialog-delete-confirm'),
             title: t('warning-dialog-delete-title'),
             description: t('warning-dialog-delete-description'),
-            request: function request() {
-              return deleteAviationProduct(warning, 'DISCARDED', type);
-            },
+            request: function () {
+              var _request3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+                return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+                  while (1) switch (_context7.prev = _context7.next) {
+                    case 0:
+                      return _context7.abrupt("return", postAviationProduct(warning.sigmetAirmetDetails, 'DISCARDED', type));
+                    case 1:
+                    case "end":
+                      return _context7.stop();
+                  }
+                }, _callee7);
+              }));
+              function request() {
+                return _request3.apply(this, arguments);
+              }
+              return request;
+            }(),
             callback: function callback() {
               return onRemoveSuccess(warning.id);
             },
@@ -11993,38 +12425,38 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
     }
   };
   var editMaritimeWarning = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(warning) {
-      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(warning) {
+      return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+        while (1) switch (_context8.prev = _context8.next) {
           case 0:
             if (!(warning && auth != null && auth.username && !warning.editor)) {
-              _context4.next = 9;
+              _context8.next = 9;
               break;
             }
-            _context4.prev = 1;
-            _context4.next = 4;
+            _context8.prev = 1;
+            _context8.next = 4;
             return updateMaritimeWarningEditor({
               domain: warning.type,
               isEditor: true
             });
           case 4:
-            _context4.next = 8;
+            _context8.next = 8;
             break;
           case 6:
-            _context4.prev = 6;
-            _context4.t0 = _context4["catch"](1);
+            _context8.prev = 6;
+            _context8.t0 = _context8["catch"](1);
           case 8:
             refetchWarnings();
           case 9:
             void openPublicWarningDialog('', undefined, warning.type);
           case 10:
           case "end":
-            return _context4.stop();
+            return _context8.stop();
         }
-      }, _callee4, null, [[1, 6]]);
+      }, _callee8, null, [[1, 6]]);
     }));
-    return function editMaritimeWarning(_x8) {
-      return _ref5.apply(this, arguments);
+    return function editMaritimeWarning(_x1) {
+      return _ref6.apply(this, arguments);
     };
   }();
   var handleMaritimeProductClick = function handleMaritimeProductClick(warning, actionType) {
@@ -12047,20 +12479,37 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
     }));
   };
   var deleteWarning = function deleteWarning(warningId, warningEditor) {
-    var isLocked = warningEditor && warningEditor !== (auth == null ? void 0 : auth.username) || false;
+    var _auth$username2;
+    var editor = warningEditor != null ? warningEditor : '';
+    var currentUser = (_auth$username2 = auth == null ? void 0 : auth.username) != null ? _auth$username2 : '';
+    var isLocked = editor !== '' && editor !== currentUser;
     setConfirmDialogOptions({
       confirmLabel: t('warning-dialog-delete-confirm'),
       title: t('warning-dialog-delete-title'),
       description: t('warning-dialog-delete-description'),
-      request: function request() {
-        return deletePublicWarning({
-          id: warningId
-        }, {
-          onSuccess: function onSuccess() {
-            return onRemoveSuccessHooks(warningId);
-          }
-        });
-      },
+      request: function () {
+        var _request4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
+          return _regeneratorRuntime().wrap(function _callee9$(_context9) {
+            while (1) switch (_context9.prev = _context9.next) {
+              case 0:
+                return _context9.abrupt("return", deletePublicWarning({
+                  id: warningId
+                }, {
+                  onSuccess: function onSuccess() {
+                    return onRemoveSuccessHooks(warningId);
+                  }
+                }));
+              case 1:
+              case "end":
+                return _context9.stop();
+            }
+          }, _callee9);
+        }));
+        function request() {
+          return _request4.apply(this, arguments);
+        }
+        return request;
+      }(),
       isLocked: isLocked
     });
   };
@@ -12072,14 +12521,28 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
       confirmLabel: t('warning-dialog-delete-confirm'),
       title: t('warning-dialog-delete-title'),
       description: t('warning-dialog-delete-description'),
-      request: function request() {
-        return saveWarning({
-          id: ignoredWarning.id,
-          data: Object.assign({}, ignoredWarning, {
-            type: 'public'
-          })
-        });
-      },
+      request: function () {
+        var _request5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee0() {
+          return _regeneratorRuntime().wrap(function _callee0$(_context0) {
+            while (1) switch (_context0.prev = _context0.next) {
+              case 0:
+                return _context0.abrupt("return", saveWarning({
+                  id: ignoredWarning.id,
+                  data: Object.assign({}, ignoredWarning, {
+                    type: 'public'
+                  })
+                }));
+              case 1:
+              case "end":
+                return _context0.stop();
+            }
+          }, _callee0);
+        }));
+        function request() {
+          return _request5.apply(this, arguments);
+        }
+        return request;
+      }(),
       callback: function callback() {
         return onRemoveSuccess(ignoredWarning.id, t('warning-dialog-delete-succes'));
       }
@@ -12126,17 +12589,18 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
   var filteredWarnings = React__default.useMemo(function () {
     return combinedWarnings.filter(filterHookState.byFilterState);
   }, [combinedWarnings, filterHookState.byFilterState]);
-  var _React$useState2 = React__default.useState({
+  var _React$useState4 = React__default.useState({
       TODO: false,
       DRAFT: false,
       PUBLISHED: true,
       EXPIRED: false
     }),
-    expandedSections = _React$useState2[0],
-    setExpandedSections = _React$useState2[1];
+    expandedSections = _React$useState4[0],
+    setExpandedSections = _React$useState4[1];
   var filteredWarningsByExpandedSections = React__default.useMemo(function () {
     return filteredWarnings.filter(function (warning) {
-      return warning.status && expandedSections[warning.status] || warning.productStatus && expandedSections[warning.productStatus];
+      var _ref7;
+      return (_ref7 = warning.status && expandedSections[warning.status]) != null ? _ref7 : warning.productStatus && expandedSections[warning.productStatus];
     });
   }, [filteredWarnings, expandedSections]);
   var selectedAviationProductId = (_filteredWarnings$fin = filteredWarnings.find(function (warning) {
@@ -12144,19 +12608,27 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
   })) == null ? void 0 : _filteredWarnings$fin.id;
   var allFeatures = React__default.useMemo(function () {
     return filteredWarningsByExpandedSections.flatMap(function (warning) {
-      return (warning == null ? void 0 : warning.id) && warning.id !== selectedAviationProductId && (warning != null && warning.warningDetail && warning.warningDetail.areas ? warning.warningDetail.areas.filter(function (area) {
-        return area.geoJSON;
+      var _warning$warningDetai, _warning$warningDetai2;
+      var id = warning == null ? void 0 : warning.id;
+      if (!id || id === selectedAviationProductId) {
+        return [];
+      }
+      var areas = (_warning$warningDetai = warning == null || (_warning$warningDetai2 = warning.warningDetail) == null ? void 0 : _warning$warningDetai2.areas) != null ? _warning$warningDetai : [];
+      return areas.filter(function (area) {
+        return !!area.geoJSON;
       }).map(function (area) {
+        var _warning$warningDetai3, _area$areaId;
+        var level = warning == null || (_warning$warningDetai3 = warning.warningDetail) == null ? void 0 : _warning$warningDetai3.level;
         var isAviationWarning = warning.warningDetail.level === 'SIG' || warning.warningDetail.level === 'AIR';
-        var styledGeoJSON = warningLevelFeatureColors(warning.warningDetail.level, area.geoJSON, isAviationWarning);
+        var styledGeoJSON = level ? warningLevelFeatureColors(level, area.geoJSON, isAviationWarning) : area.geoJSON;
         return {
-          id: warning.id + area.areaId,
-          originalId: warning.id,
+          id: id + ((_area$areaId = area.areaId) != null ? _area$areaId : ''),
+          originalId: id,
           geoJSON: styledGeoJSON
         };
-      }) : []) || [];
+      });
     }).filter(function (feature) {
-      return feature.id;
+      return !!feature.id;
     });
   }, [filteredWarningsByExpandedSections, selectedAviationProductId]);
   var _useUpdateSharedData = useUpdateSharedData({
@@ -12165,35 +12637,62 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
     hoveredFeatureId = _useUpdateSharedData.hoverId;
   return jsxs(Fragment, {
     children: [jsx(PublicWarningList, {
-      warnings: filteredWarnings,
+      error: error != null ? error : undefined,
       expandedSections: expandedSections,
-      setExpandedSections: setExpandedSections,
+      filterHookState: filterHookState,
+      hoveredFeatureId: hoveredFeatureId,
       isLoading: isFetching,
-      error: error || undefined,
-      onSelectWarning: selectWarning,
+      lastUpdatedTime: lastUpdateTime,
+      onActionAviationWarning: handleAviationProductClick,
+      onActionMaritimeWarning: handleMaritimeProductClick,
       onCreateWarning: createWarning,
-      onEditWarning: editWarning,
-      onDeleteWarning: deleteWarning,
       onDeleteReviewWarning: deleteReviewWarning,
+      onDeleteWarning: deleteWarning,
+      onEditWarning: editWarning,
       onExpireWarning: expireWarning,
+      onRefetchWarnings: refetchWarnings,
+      onSelectWarning: selectWarning,
       onWithdrawWarning: withdrawWarning,
       selectedWarningId: selectedWarningId,
-      lastUpdatedTime: lastUpdateTime,
-      onRefetchWarnings: refetchWarnings,
-      filterHookState: filterHookState,
-      hoveredFeatureId: hoveredFeatureId,
-      onActionAviationWarning: handleAviationProductClick,
-      onActionMaritimeWarning: handleMaritimeProductClick
-    }), confirmDialogOptions && jsx(ConfirmDeleteWarningDialog, {
+      setExpandedSections: setExpandedSections,
+      warnings: filteredWarnings
+    }), confirmDialogOptions ? jsx(ConfirmDeleteWarningDialog, {
+      callback: confirmDialogOptions.callback,
+      confirmLabel: confirmDialogOptions.confirmLabel,
+      description: confirmDialogOptions.description,
+      isLocked: confirmDialogOptions.isLocked,
       onClose: function onClose() {
         return setConfirmDialogOptions(undefined);
       },
-      title: confirmDialogOptions.title,
-      description: confirmDialogOptions.description,
       request: confirmDialogOptions.request,
-      confirmLabel: confirmDialogOptions.confirmLabel,
-      callback: confirmDialogOptions.callback,
-      isLocked: confirmDialogOptions.isLocked
+      title: confirmDialogOptions.title
+    }) : null, cancelCtx && jsx(CancelAviationConfirmDialog, {
+      open: cancelOpen,
+      type: cancelCtx.type,
+      product: cancelCtx.product,
+      showVA: cancelCtx.showVA,
+      aviationConfig: aviationConfig,
+      sigmet: cancelCtx.sigmet,
+      title: getConfirmationDialogTitle(t, ProductAction.CANCEL, cancelCtx.type),
+      confirmLabel: getConfirmationDialogButtonLabel(t, ProductAction.CANCEL, cancelCtx.type),
+      onClose: closeCancelDialog,
+      cancelAviationProduct: function () {
+        var _cancelAviationProduct2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee1(product, t) {
+          return _regeneratorRuntime().wrap(function _callee1$(_context1) {
+            while (1) switch (_context1.prev = _context1.next) {
+              case 0:
+                return _context1.abrupt("return", _cancelAviationProduct(product, t));
+              case 1:
+              case "end":
+                return _context1.stop();
+            }
+          }, _callee1);
+        }));
+        function cancelAviationProduct(_x10, _x11) {
+          return _cancelAviationProduct2.apply(this, arguments);
+        }
+        return cancelAviationProduct;
+      }()
     })]
   });
 };