@opengeoweb/taf 15.1.0 → 15.2.0

package/index.esm.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Chip, Box, Typography, Grid, Button, TextField, MenuList, MenuItem, LinearProgress, Card, Tabs, Tab, Backdrop, CircularProgress } from '@mui/material';
+import { Chip, Box, Typography, Grid, Button, TextField, LinearProgress, MenuList, MenuItem, Card, Tabs, Tab, Backdrop, CircularProgress } from '@mui/material';
 import React, { useState, useEffect } from 'react';
 import { useFormContext, useFieldArray, Controller } from 'react-hook-form';
 import { useDispatch } from 'react-redux';
@@ -7,7 +7,7 @@ import { ReactSortable } from 'react-sortablejs';
 import Sortable from 'sortablejs';
 import { useAuthenticationContext as useAuthenticationContext$1 } from '@opengeoweb/authentication';
 import { HIDDEN_INPUT_HELPER_IS_DRAFT, getDeepProperty, useDraftFormHelpers, ReactHookFormHiddenInput, ReactHookFormProvider } from '@opengeoweb/form-fields';
-import { SHARED_NAMESPACE, CustomTooltip, ToolContainerDraggable, Avatar, getInitials, CustomIconButton, dateUtils, sessionStorageProvider, getErrorMessage as getErrorMessage$1, getWarningMessage, ToggleMenu, useConfirmationDialog, usePreventBrowserClose, SwitchButton, AlertBanner, CustomDialog, ToolHeader, LastUpdateTime, ErrorBoundary } from '@opengeoweb/shared';
+import { SHARED_NAMESPACE, CustomTooltip, ToolContainerDraggable, Avatar, getInitials, CustomIconButton, dateUtils, sessionStorageProvider, getErrorMessage as getErrorMessage$1, getWarningMessage, AlertBanner, ToggleMenu, useConfirmationDialog, usePreventBrowserClose, SwitchButton, CustomDialog, ToolHeader, LastUpdateTime, ErrorBoundary } from '@opengeoweb/shared';
 import { snackbarActions, snackbarTypes } from '@opengeoweb/snackbar';
 import 'i18next';
 import { useTranslation } from 'react-i18next';
@@ -104,6 +104,7 @@ var en = {
 	"autotaf-no-data": "No autoTAFs available",
 	"autotaf-no-location": "No data available for this location",
 	"autotaf-no-config": "Missing config key: autoTAFlocations",
+	remark: "RMK",
 	"no-locations-message": "No locations available for this timeslot"
 };
 var fi = {
@@ -2925,20 +2926,23 @@ var DATE_FORMAT_BASE_TIME = 'HH:mm dd MMM';
 var config = sessionStorageProvider.getConfig();
 var tafBaseUrl = config.GW_TAF_BASE_URL || '';
 var getTafList = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(auth) {
+  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(auth, type) {
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          return _context.abrupt("return", fetch(tafBaseUrl + "/taflist", {
+          if (type === void 0) {
+            type = 'TAF';
+          }
+          return _context.abrupt("return", fetch(tafBaseUrl + "/taflist?type=" + type, {
             headers: getHeaders(auth)
           }).then(handleResponse));
-        case 1:
+        case 2:
         case "end":
           return _context.stop();
       }
     }, _callee);
   }));
-  return function getTafList(_x) {
+  return function getTafList(_x, _x2) {
     return _ref.apply(this, arguments);
   };
 }();
@@ -2958,7 +2962,7 @@ var postTaf = /*#__PURE__*/function () {
       }
     }, _callee2);
   }));
-  return function postTaf(_x2, _x3) {
+  return function postTaf(_x3, _x4) {
     return _ref2.apply(this, arguments);
   };
 }();
@@ -2978,7 +2982,7 @@ var patchTaf = /*#__PURE__*/function () {
       }
     }, _callee3);
   }));
-  return function patchTaf(_x4, _x5, _x6) {
+  return function patchTaf(_x5, _x6, _x7) {
     return _ref3.apply(this, arguments);
   };
 }();
@@ -2998,25 +3002,28 @@ var getTAC = /*#__PURE__*/function () {
       }
     }, _callee4);
   }));
-  return function getTAC(_x7, _x8) {
+  return function getTAC(_x8, _x9) {
     return _ref4.apply(this, arguments);
   };
 }();
 var getTafConfig = /*#__PURE__*/function () {
-  var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(auth) {
+  var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(auth, type) {
     return _regeneratorRuntime().wrap(function _callee5$(_context5) {
       while (1) switch (_context5.prev = _context5.next) {
         case 0:
-          return _context5.abrupt("return", fetch(tafBaseUrl + "/taf-config", {
+          if (type === void 0) {
+            type = 'TAF';
+          }
+          return _context5.abrupt("return", fetch(tafBaseUrl + "/taf-config?type=" + type, {
             headers: getHeaders(auth)
           }).then(handleResponse));
-        case 1:
+        case 2:
         case "end":
           return _context5.stop();
       }
     }, _callee5);
   }));
-  return function getTafConfig(_x9) {
+  return function getTafConfig(_x0, _x1) {
     return _ref5.apply(this, arguments);
   };
 }();
@@ -3038,6 +3045,9 @@ var getTafConfig = /*#__PURE__*/function () {
  * Copyright 2022 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
+var isTafConfigLocationFixedPeriod = function isTafConfigLocationFixedPeriod(location) {
+  return location.activity_period !== undefined;
+};
 var getLocationSetting = function getLocationSetting(location, locationSettings) {
   return locationSettings[location];
 };
@@ -3068,11 +3078,54 @@ var sortTafsOnIssueDate = function sortTafsOnIssueDate(tafList) {
   });
 };
 var getBaseTime = function getBaseTime(baseTime, location, tafConfig) {
-  var currentBaseTime = dateUtils.utc(baseTime);
-  var activityPeriod = getLocationSetting(location, tafConfig.locations).activity_period;
-  var nextBaseTime = dateUtils.add(dateUtils.utc(baseTime), {
-    hours: activityPeriod
-  });
+  var configLocation = getLocationSetting(location, tafConfig.locations);
+  var currentBaseTime;
+  var nextBaseTime;
+  if (isTafConfigLocationFixedPeriod(configLocation)) {
+    var activityPeriod = configLocation.activity_period;
+    currentBaseTime = dateUtils.utc(baseTime);
+    nextBaseTime = dateUtils.add(dateUtils.utc(baseTime), {
+      hours: activityPeriod
+    });
+  } else {
+    currentBaseTime = dateUtils.utc(baseTime);
+    var startTimeIndex = configLocation.valid_start_times.findLastIndex(function (hour) {
+      return currentBaseTime.getUTCHours() >= hour;
+    });
+    // when current hour is lower than then first item in valid_start_times. we need to move to the last hour of the previous day
+    if (startTimeIndex === -1) {
+      var lastStartTimeIndex = configLocation.valid_start_times.length - 1;
+      currentBaseTime = dateUtils.sub(currentBaseTime, {
+        days: 1
+      });
+      currentBaseTime = dateUtils.set(currentBaseTime, {
+        hours: configLocation.valid_start_times[lastStartTimeIndex],
+        minutes: 0,
+        seconds: 0
+      });
+    } else {
+      // We make sure that the hours match the value in valid_start_times
+      // or should we just assume that the baseTime aligns with the config here?
+      currentBaseTime = dateUtils.set(currentBaseTime, {
+        hours: configLocation.valid_start_times[startTimeIndex],
+        minutes: 0,
+        seconds: 0
+      });
+    }
+    var nextStartTimeIndex = (startTimeIndex + 1) % configLocation.valid_start_times.length;
+    var nextStartTimeHour = configLocation.valid_start_times[nextStartTimeIndex];
+    nextBaseTime = dateUtils.set(currentBaseTime, {
+      hours: nextStartTimeHour,
+      minutes: 0,
+      seconds: 0
+    });
+    // If next start time is earlier than or equal to current start time, it means we've wrapped to the next day
+    if (nextStartTimeHour <= configLocation.valid_start_times[startTimeIndex]) {
+      nextBaseTime = dateUtils.add(nextBaseTime, {
+        days: 1
+      });
+    }
+  }
   return {
     currentBaseTime: currentBaseTime,
     nextBaseTime: nextBaseTime
@@ -3088,21 +3141,25 @@ var calculateBaseTime = function calculateBaseTime(tafConfig) {
   var currentHour = dateUtils.getHours(currentTime);
   // take the first location from config (via locationOrder)
   var firstLocation = tafConfig.locationOrder[0];
-  var activityPeriod = getLocationSetting(firstLocation, tafConfig.locations).activity_period;
-  var baseHour = Math.floor(currentHour / activityPeriod) * activityPeriod;
-  var currentBaseTime = dateUtils.set(currentTime, {
-    hours: baseHour,
-    minutes: 0,
-    seconds: 0,
-    milliseconds: 0
-  });
-  var nextBaseTime = dateUtils.add(currentBaseTime, {
-    hours: activityPeriod
-  });
-  return {
-    currentBaseTime: currentBaseTime,
-    nextBaseTime: nextBaseTime
-  };
+  var configLocation = getLocationSetting(firstLocation, tafConfig.locations);
+  if (isTafConfigLocationFixedPeriod(configLocation)) {
+    var activityPeriod = configLocation.activity_period;
+    var baseHour = Math.floor(currentHour / activityPeriod) * activityPeriod;
+    var currentBaseTime = dateUtils.set(currentTime, {
+      hours: baseHour,
+      minutes: 0,
+      seconds: 0,
+      milliseconds: 0
+    });
+    var nextBaseTime = dateUtils.add(currentBaseTime, {
+      hours: activityPeriod
+    });
+    return {
+      currentBaseTime: currentBaseTime,
+      nextBaseTime: nextBaseTime
+    };
+  }
+  return getBaseTime(currentTime.toUTCString(), firstLocation, tafConfig);
 };
 var getTafTimeSlot = function getTafTimeSlot(baseTime, location, status, tafConfig) {
   var now = dateUtils.utc();
@@ -3247,17 +3304,53 @@ var parseErrorMessage = function parseErrorMessage(error, params, t) {
   };
 };
 
-var useTafList = function useTafList(disabled) {
+var useTafList = function useTafList(type, disabled) {
+  if (type === void 0) {
+    type = 'TAF';
+  }
   if (disabled === void 0) {
     disabled = false;
   }
-  return useAuthQuery(['taf-list'], getTafList, disabled, 1000 * 60 * 5);
+  return useAuthQuery(['taf-list', type], /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(auth) {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            return _context.abrupt("return", getTafList(auth, type));
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), disabled, 1000 * 60 * 5);
 };
-var useTafConfig = function useTafConfig(disabled) {
+var useTafConfig = function useTafConfig(type, disabled) {
+  if (type === void 0) {
+    type = 'TAF';
+  }
   if (disabled === void 0) {
     disabled = false;
   }
-  return useAuthQuery(['taf-config'], getTafConfig, disabled, false);
+  return useAuthQuery(['taf-config', type], /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(auth) {
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            return _context2.abrupt("return", getTafConfig(auth, type));
+          case 1:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function (_x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), disabled, false);
 };
 var usePostTaf = function usePostTaf() {
   var queryClient = useQueryClient();
@@ -3268,83 +3361,83 @@ var usePostTaf = function usePostTaf() {
   var dispatch = useDispatch();
   return useMutation({
     mutationFn: function () {
-      var _mutationFn = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
+      var _mutationFn = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref3) {
         var tafData, setError;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              tafData = _ref.tafData, setError = _ref.setError;
+              tafData = _ref3.tafData, setError = _ref3.setError;
               if (auth) {
-                _context.next = 3;
+                _context3.next = 3;
                 break;
               }
               throw new Error('Authentication context not found');
             case 3:
               setError(null);
-              return _context.abrupt("return", postTaf(auth, tafData));
+              return _context3.abrupt("return", postTaf(auth, tafData));
             case 5:
             case "end":
-              return _context.stop();
+              return _context3.stop();
           }
-        }, _callee);
+        }, _callee3);
       }));
-      function mutationFn(_x) {
+      function mutationFn(_x3) {
         return _mutationFn.apply(this, arguments);
       }
       return mutationFn;
     }(),
     onSuccess: function () {
-      var _onSuccess = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_data, _ref2) {
+      var _onSuccess = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_data, _ref4) {
         var tafData, isAutoSaved, message;
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
             case 0:
-              tafData = _ref2.tafData, isAutoSaved = _ref2.isAutoSaved;
+              tafData = _ref4.tafData, isAutoSaved = _ref4.isAutoSaved;
               message = getSnackbarMessage(tafData, isAutoSaved, t);
               dispatch(snackbarActions.openSnackbar({
                 type: snackbarTypes.SnackbarMessageType.VERBATIM_MESSAGE,
                 message: message
               }));
               // trigger refetch for the list
-              _context2.next = 5;
+              _context4.next = 5;
               return queryClient.invalidateQueries({
                 queryKey: ['taf-list']
               });
             case 5:
             case "end":
-              return _context2.stop();
+              return _context4.stop();
           }
-        }, _callee2);
+        }, _callee4);
       }));
-      function onSuccess(_x2, _x3) {
+      function onSuccess(_x4, _x5) {
         return _onSuccess.apply(this, arguments);
       }
       return onSuccess;
     }(),
     onError: function () {
-      var _onError = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(error, _ref3) {
+      var _onError = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(error, _ref5) {
         var tafData, setError, tafError;
-        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
             case 0:
-              tafData = _ref3.tafData, setError = _ref3.setError;
+              tafData = _ref5.tafData, setError = _ref5.setError;
               tafError = parseErrorMessage(error, tafData, t);
               setError(tafError);
               if (!isWarning(tafError)) {
-                _context3.next = 6;
+                _context5.next = 6;
                 break;
               }
-              _context3.next = 6;
+              _context5.next = 6;
               return queryClient.invalidateQueries({
                 queryKey: ['taf-list']
               });
             case 6:
             case "end":
-              return _context3.stop();
+              return _context5.stop();
           }
-        }, _callee3);
+        }, _callee5);
       }));
-      function onError(_x4, _x5) {
+      function onError(_x6, _x7) {
         return _onError.apply(this, arguments);
       }
       return onError;
@@ -3359,45 +3452,45 @@ var usePatchTaf = function usePatchTaf() {
     t = _useTafTranslation2.t;
   return useMutation({
     mutationFn: function () {
-      var _mutationFn2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_ref4) {
+      var _mutationFn2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(_ref6) {
         var tafData, setError, force;
-        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
             case 0:
-              tafData = _ref4.tafData, setError = _ref4.setError, force = _ref4.force;
+              tafData = _ref6.tafData, setError = _ref6.setError, force = _ref6.force;
               if (auth) {
-                _context4.next = 3;
+                _context6.next = 3;
                 break;
               }
               throw new Error('Authentication context not found');
             case 3:
               setError(null);
-              return _context4.abrupt("return", patchTaf(auth, tafData, force));
+              return _context6.abrupt("return", patchTaf(auth, tafData, force));
             case 5:
             case "end":
-              return _context4.stop();
+              return _context6.stop();
           }
-        }, _callee4);
+        }, _callee6);
       }));
-      function mutationFn(_x6) {
+      function mutationFn(_x8) {
         return _mutationFn2.apply(this, arguments);
       }
       return mutationFn;
     }(),
     onSuccess: function () {
-      var _onSuccess2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
-        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+      var _onSuccess2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+        return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
-              _context5.next = 2;
+              _context7.next = 2;
               return queryClient.invalidateQueries({
                 queryKey: ['taf-list']
               });
             case 2:
             case "end":
-              return _context5.stop();
+              return _context7.stop();
           }
-        }, _callee5);
+        }, _callee7);
       }));
       function onSuccess() {
         return _onSuccess2.apply(this, arguments);
@@ -3405,22 +3498,22 @@ var usePatchTaf = function usePatchTaf() {
       return onSuccess;
     }(),
     onError: function () {
-      var _onError2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(error, _ref5) {
+      var _onError2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(error, _ref7) {
         var tafData, setError, newError;
-        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+        return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
-              tafData = _ref5.tafData, setError = _ref5.setError;
+              tafData = _ref7.tafData, setError = _ref7.setError;
               if (!(error.cause === 409)) {
-                _context6.next = 6;
+                _context8.next = 6;
                 break;
               }
-              _context6.next = 4;
+              _context8.next = 4;
               return queryClient.invalidateQueries({
                 queryKey: ['taf-list']
               });
             case 4:
-              _context6.next = 8;
+              _context8.next = 8;
               break;
             case 6:
               // no refetch, show error message
@@ -3428,11 +3521,11 @@ var usePatchTaf = function usePatchTaf() {
               setError(newError);
             case 8:
             case "end":
-              return _context6.stop();
+              return _context8.stop();
           }
-        }, _callee6);
+        }, _callee8);
       }));
-      function onError(_x7, _x8) {
+      function onError(_x9, _x0) {
         return _onError2.apply(this, arguments);
       }
       return onError;
@@ -3444,26 +3537,26 @@ var useGetTAC = function useGetTAC() {
     auth = _useAuthenticationCon3.auth;
   return useMutation({
     mutationFn: function () {
-      var _mutationFn3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(_ref6) {
+      var _mutationFn3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9(_ref8) {
         var tafData;
-        return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+        return _regeneratorRuntime().wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
             case 0:
-              tafData = _ref6.tafData;
+              tafData = _ref8.tafData;
               if (auth) {
-                _context7.next = 3;
+                _context9.next = 3;
                 break;
               }
               throw new Error('Authentication context not found');
             case 3:
-              return _context7.abrupt("return", getTAC(auth, tafData));
+              return _context9.abrupt("return", getTAC(auth, tafData));
             case 4:
             case "end":
-              return _context7.stop();
+              return _context9.stop();
           }
-        }, _callee7);
+        }, _callee9);
       }));
-      function mutationFn(_x9) {
+      function mutationFn(_x1) {
         return _mutationFn3.apply(this, arguments);
       }
       return mutationFn;
@@ -3975,11 +4068,14 @@ var createChangeGroup = function createChangeGroup(changeGroup) {
     cloud: Object.assign({}, emptyChangegroup.cloud, changeGroup.cloud)
   });
 };
-var prepareTafValues = function prepareTafValues(_taf, tafAction, addEmptyChangeGroups) {
+var prepareTafValues = function prepareTafValues(_taf, tafAction, addEmptyChangeGroups, shouldEnableRemark) {
   var _taf$changeGroups, _Object$assign2;
   if (addEmptyChangeGroups === void 0) {
     addEmptyChangeGroups = false;
   }
+  if (shouldEnableRemark === void 0) {
+    shouldEnableRemark = false;
+  }
   // If action is AMEND/CORRECT/DRAFT_AMEND/DRAFT_CORRECTION - add previous valid start and end
   // If action is AMEND/DRAFT_AMEND - update validity start time to current time
   var taf = tafAction === 'AMEND' || tafAction === 'DRAFT_AMEND' || tafAction === 'CORRECT' || tafAction === 'DRAFT_CORRECT' ? getAmendedCorrectedTafTimes(_taf, tafAction) : _taf;
@@ -4001,18 +4097,24 @@ var prepareTafValues = function prepareTafValues(_taf, tafAction, addEmptyChange
   }
   return Object.assign({
     issueDate: '',
+    type: 'TAF',
     previousId: null,
     previousValidDateStart: null,
     previousValidDateEnd: null
+  }, shouldEnableRemark && {
+    remark: ''
   }, taf, (_Object$assign2 = {
     messageType: getMessageType(taf, tafAction),
     baseForecast: baseForecast,
     changeGroups: changeGroups
   }, _Object$assign2[HIDDEN_INPUT_HELPER_IS_DRAFT] = true, _Object$assign2));
 };
-var prepareTafExportValues = function prepareTafExportValues(tafToCopy, currentTaf) {
+var prepareTafExportValues = function prepareTafExportValues(tafToCopy, currentTaf, shouldEnableRemark) {
   var _currentTaf$baseForec;
-  var convertedCopy = prepareTafValues(tafToCopy, undefined, false);
+  if (shouldEnableRemark === void 0) {
+    shouldEnableRemark = false;
+  }
+  var convertedCopy = prepareTafValues(tafToCopy, undefined, false, shouldEnableRemark);
   var baseForecast = convertedCopy.baseForecast,
     _convertedCopy$change = convertedCopy.changeGroups,
     changeGroups = _convertedCopy$change === void 0 ? [] : _convertedCopy$change;
@@ -4150,7 +4252,9 @@ var ResponsiveWrapper = function ResponsiveWrapper(_ref) {
   });
 };
 
-var _excluded$4 = ["shouldPreventUppercase"];
+var _excluded$4 = ["shouldPreventUppercase", "textAlign", "sx"];
+var TEXTFIELD_WIDTH_PERCENTAGE = 100 / 13;
+var TEXTFIELD_MIN_WIDTH = '60px';
 var textFieldStyle = function textFieldStyle(theme, shouldPreventUppercase) {
   var _ref;
   return _ref = {
@@ -4173,6 +4277,10 @@ var textFieldStyle = function textFieldStyle(theme, shouldPreventUppercase) {
         WebkitTransitionDelay: '86400s' // 1 day delay
       }
     },
+    '&[data-text-align="left"] input': {
+      textAlign: 'left',
+      paddingLeft: '12px'
+    },
     label: {
       transformOrigin: 'center top',
       right: 0,
@@ -4185,12 +4293,20 @@ var textFieldStyle = function textFieldStyle(theme, shouldPreventUppercase) {
       maxWidth: '100%',
       transform: 'translate(0px, 16px) scale(1)'
     },
+    '&[data-text-align="left"] label': {
+      transformOrigin: 'left top',
+      transform: 'translate(12px, 16px) scale(1)',
+      textAlign: 'left'
+    },
     // shrink
     ' .MuiInputLabel-shrink': {
       transform: 'translate(2px, 10px) scale(0.75) !important',
       letterSpacing: '0.33px',
       textAlign: 'left'
     },
+    '&[data-text-align="left"] .MuiInputLabel-shrink': {
+      transform: 'translate(12px, 10px) scale(0.75) !important'
+    },
     // root
     '&': {
       '.Mui-disabled:before': {
@@ -4231,16 +4347,19 @@ var getDisplayValue = function getDisplayValue(value, disabled) {
 var BaseTextField = /*#__PURE__*/React.memo(function (_ref2) {
   var _ref2$shouldPreventUp = _ref2.shouldPreventUppercase,
     shouldPreventUppercase = _ref2$shouldPreventUp === void 0 ? false : _ref2$shouldPreventUp,
+    textAlign = _ref2.textAlign,
+    sx = _ref2.sx,
     props = _objectWithoutPropertiesLoose(_ref2, _excluded$4);
   var theme = useTheme();
   var styling = textFieldStyle(theme, shouldPreventUppercase);
   return jsx(TextField, Object.assign({
-    sx: styling,
+    "data-text-align": textAlign,
+    sx: [styling].concat(Array.isArray(sx) ? sx : [sx]),
     type: "text",
     variant: "filled"
   }, props));
 }, function (prevProps, nextProps) {
-  return prevProps.value === nextProps.value && prevProps.error === nextProps.error && prevProps.name === nextProps.name && prevProps.disabled === nextProps.disabled;
+  return prevProps.value === nextProps.value && prevProps.error === nextProps.error && prevProps.name === nextProps.name && prevProps.disabled === nextProps.disabled && prevProps.textAlign === nextProps.textAlign;
 });
 var TafFormTextField = function TafFormTextField(_ref3) {
   var label = _ref3.label,
@@ -4319,8 +4438,8 @@ var TafFormTextField = function TafFormTextField(_ref3) {
   var hasError = !!fieldErrors;
   return jsx(Grid, {
     sx: {
-      width: 100 / 13 + "%",
-      minWidth: 60
+      width: TEXTFIELD_WIDTH_PERCENTAGE + "%",
+      minWidth: TEXTFIELD_MIN_WIDTH
     },
     children: jsx(Controller, {
       control: control,
@@ -4359,6 +4478,78 @@ var TafFormTextField = function TafFormTextField(_ref3) {
   });
 };
 
+var TafRemarkField = function TafRemarkField(_ref) {
+  var disabled = _ref.disabled,
+    isEditor = _ref.isEditor;
+  var _useTafTranslation = useTafTranslation(),
+    t = _useTafTranslation.t;
+  var _useFormContext = useFormContext(),
+    control = _useFormContext.control,
+    setValue = _useFormContext.setValue,
+    trigger = _useFormContext.trigger;
+  return jsx(Box, {
+    sx: {
+      display: 'flex',
+      flexDirection: 'row',
+      justifyContent: 'flex-end',
+      marginTop: '8px',
+      marginRight: 'max(28px, 3.5%)',
+      paddingLeft: {
+        xs: '2px',
+        lg: '10px'
+      },
+      paddingRight: {
+        xs: '2px',
+        lg: '10px'
+      }
+    },
+    children: jsx(Controller, {
+      control: control,
+      name: "remark",
+      render: function render(_ref2) {
+        var field = _ref2.field;
+        return jsx(BaseTextField, {
+          disabled: disabled,
+          inputRef: field.ref,
+          label: t('remark'),
+          name: "remark",
+          onBlur: function onBlur() {
+            void trigger();
+            field.onBlur();
+          },
+          onChange: function onChange(event) {
+            field.onChange(event.currentTarget.value.toUpperCase());
+          },
+          onKeyDown: function onKeyDown(event) {
+            if (event.key.toUpperCase() === 'D' && !field.value) {
+              event.preventDefault();
+              setValue('remark', 'DUE TO LACK OF DATA NO ');
+            }
+          },
+          size: "small",
+          slotProps: {
+            htmlInput: {
+              'aria-label': 'remark'
+            }
+          },
+          sx: {
+            // the size of a taf textfield
+            '--taf-textfield-size': "max(" + TEXTFIELD_WIDTH_PERCENTAGE + "%, " + TEXTFIELD_MIN_WIDTH + ")",
+            // the width of the row minus the drag thingie
+            '--total-row-size': 'calc(100% - 62px)',
+            // calculates the size of the taf remark field so that it nicely aligns with the taf textfield rows
+            // even when these rows are wrapped.
+            width: isEditor ? "round(down, var(--total-row-size), var(--taf-textfield-size))" : '100%',
+            marginLeft: 'auto'
+          },
+          textAlign: "left",
+          value: field.value || ''
+        });
+      }
+    })
+  });
+};
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -4420,6 +4611,96 @@ var validateProbabilityField = function validateProbabilityField(value) {
   return isValid ? true : invalidProbabilityMessage;
 };
 
+var TafConfigContext = /*#__PURE__*/React.createContext({
+  tafConfig: null
+});
+var useTafConfigContext = function useTafConfigContext() {
+  return React.useContext(TafConfigContext);
+};
+var TafConfigWrapper = function TafConfigWrapper(_ref) {
+  var children = _ref.children,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'TAF' : _ref$type;
+  var _useTafTranslation = useTafTranslation(),
+    t = _useTafTranslation.t;
+  var _React$useState = React.useState(null),
+    errorMessage = _React$useState[0],
+    setErrorMessage = _React$useState[1];
+  var ERROR_CONFIG = t('error-config');
+  var ERROR_CONFIG_MESSAGE = t('error-config-message');
+  var _useAuthenticationCon = useAuthenticationContext$1(),
+    isLoggedIn = _useAuthenticationCon.isLoggedIn;
+  var ERROR_AUTH = t('error-auth');
+  var ERROR_AUTH_MESSAGE = t('error-auth-message');
+  var _useTafConfig = useTafConfig(type),
+    isFetching = _useTafConfig.isFetching,
+    tafConfigError = _useTafConfig.error,
+    tafConfig = _useTafConfig.data,
+    fetchConfig = _useTafConfig.refetch;
+  var onFetchConfig = /*#__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:
+            _context.next = 2;
+            return fetchConfig();
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onFetchConfig() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  React.useEffect(function () {
+    if (!isLoggedIn) {
+      setErrorMessage({
+        title: ERROR_AUTH,
+        info: ERROR_AUTH_MESSAGE
+      });
+    } else if (tafConfigError) {
+      setErrorMessage({
+        title: ERROR_CONFIG,
+        info: tafConfigError.message
+      });
+    } else {
+      setErrorMessage(null);
+    }
+  }, [t, isLoggedIn, tafConfigError, ERROR_CONFIG, ERROR_AUTH, ERROR_AUTH_MESSAGE]);
+  var contextValue = React.useMemo(function () {
+    return {
+      tafConfig: tafConfig
+    };
+  }, [tafConfig]);
+  if (isLoggedIn && isFetching) {
+    return jsx(LinearProgress, {
+      color: "secondary",
+      "data-testid": "tafconfig-loading-bar",
+      sx: {
+        marginBottom: '-4px'
+      }
+    });
+  }
+  if (errorMessage || !tafConfig) {
+    return jsx(AlertBanner, {
+      actionButtonProps: !errorMessage || (errorMessage == null ? void 0 : errorMessage.title) !== ERROR_AUTH ? {
+        title: t('error-title-retry'),
+        onClick: onFetchConfig
+      } : undefined,
+      "data-testid": "error-message",
+      info: errorMessage ? errorMessage.info : ERROR_CONFIG_MESSAGE,
+      severity: "error",
+      title: errorMessage ? errorMessage.title : ERROR_CONFIG
+    });
+  }
+  return jsx(TafConfigContext.Provider, {
+    value: contextValue,
+    children: children
+  });
+};
+
 var TafFormOptionsButton = function TafFormOptionsButton(_ref) {
   var isChangeGroup = _ref.isChangeGroup,
     addChangeGroupBelow = _ref.addChangeGroupBelow,
@@ -4501,6 +4782,8 @@ var TafFormRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _useFormContext = useFormContext(),
     getValues = _useFormContext.getValues,
     trigger = _useFormContext.trigger;
+  var _useTafConfigContext = useTafConfigContext(),
+    tafConfig = _useTafConfigContext.tafConfig;
   // cross-field required validation
   var _getRequiredCrossFiel = getRequiredCrossFields(fieldNames),
     mainFields = _getRequiredCrossFiel[0],
@@ -4527,8 +4810,13 @@ var TafFormRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _validateRequiredMainFields = function validateRequiredMainFields(value, fieldName) {
     var changeField = getValues(namePrefix + ".change");
     var visibilityField = getValues(namePrefix + ".visibility");
-    var isFM = changeField && changeField.trim() === 'FM';
-    var isCAVOK = visibilityField && visibilityField.trim() === 'CAVOK';
+    var isFM = (changeField == null ? void 0 : changeField.trim()) === 'FM';
+    var isCAVOK = (visibilityField == null ? void 0 : visibilityField.trim()) === 'CAVOK';
+    // it is possible to send a empty row when the remark field has "DUE TO LACK OF DATA NO NAF" in it
+    var remark = getValues('remark');
+    if ((tafConfig == null ? void 0 : tafConfig.type) === 'NAF' && (remark == null ? void 0 : remark.toUpperCase()) === 'DUE TO LACK OF DATA NO NAF') {
+      return true;
+    }
     if (isNotRequiredForAction(value) !== true && !value.length) {
       if (isChangeGroup && isFM || !isChangeGroup) {
         // exception for CavOK
@@ -5047,7 +5335,9 @@ var TafForm = /*#__PURE__*/React.memo(function (_ref) {
       }, _callee2);
     })) : _ref$onSwitchEditor,
     _ref$previousTaf = _ref.previousTaf,
-    previousTaf = _ref$previousTaf === void 0 ? null : _ref$previousTaf;
+    previousTaf = _ref$previousTaf === void 0 ? null : _ref$previousTaf,
+    _ref$shouldEnableRema = _ref.shouldEnableRemark,
+    shouldEnableRemark = _ref$shouldEnableRema === void 0 ? false : _ref$shouldEnableRema;
   var _useTafTranslation = useTafTranslation(),
     t = _useTafTranslation.t;
   var formRef = React.useRef(null);
@@ -5094,7 +5384,7 @@ var TafForm = /*#__PURE__*/React.memo(function (_ref) {
     onPreventCloseView(isFormDirty);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isFormDirty]);
-  var hiddenInputFields = ['baseTime', 'issueDate', 'uuid', 'validDateStart', 'validDateEnd', 'status', 'previousId', 'previousValidDateStart', 'previousValidDateEnd', HIDDEN_INPUT_HELPER_IS_DRAFT];
+  var hiddenInputFields = ['baseTime', 'issueDate', 'uuid', 'validDateStart', 'validDateEnd', 'status', 'previousId', 'previousValidDateStart', 'previousValidDateEnd', 'type', HIDDEN_INPUT_HELPER_IS_DRAFT];
   var onSubmit = function onSubmit(data) {
     // eslint-disable-next-line no-console
     console.log('submit:', convertTafValuesToObject(data));
@@ -5148,7 +5438,7 @@ var TafForm = /*#__PURE__*/React.memo(function (_ref) {
       tafToReset = originalTaf;
     }
     var shouldAddEmptyChangGroup = !resetDisabled;
-    var newTaf = prepareTafValues(tafToReset, action, shouldAddEmptyChangGroup);
+    var newTaf = prepareTafValues(tafToReset, action, shouldAddEmptyChangGroup, shouldEnableRemark);
     resetFormValues(newTaf);
     setIsDisabled(resetDisabled);
     setTafAction(action);
@@ -5301,7 +5591,7 @@ var TafForm = /*#__PURE__*/React.memo(function (_ref) {
             while (1) switch (_context7.prev = _context7.next) {
               case 0:
                 _context7.next = 2;
-                return onFormAction(action, convertTafValuesToObject(prepareTafValues(originalTaf, action)));
+                return onFormAction(action, convertTafValuesToObject(prepareTafValues(originalTaf, action, false, shouldEnableRemark)));
               case 2:
               case "end":
                 return _context7.stop();
@@ -5432,7 +5722,9 @@ var TafForm = /*#__PURE__*/React.memo(function (_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   React.useEffect(function () {
-    var newValues = prepareTafValues(originalTaf, undefined, !isDefaultDisabled);
+    var newValues = prepareTafValues(originalTaf, undefined, !isDefaultDisabled,
+    // Only add empty changegroup rows if not yet published
+    shouldEnableRemark);
     // set new form values when taf values changed
     resetFormValues(newValues);
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -5529,7 +5821,10 @@ var TafForm = /*#__PURE__*/React.memo(function (_ref) {
             onRemoveChangeGroup: onRemoverow
           }, item.id);
         })
-      }), !isDisabled && isEditor ? jsx(Grid, {
+      }), shouldEnableRemark ? jsx(TafRemarkField, {
+        disabled: isDisabled,
+        isEditor: isEditor
+      }) : null, !isDisabled && isEditor ? jsx(Grid, {
         container: true,
         sx: {
           justifyContent: 'space-between',
@@ -5787,97 +6082,9 @@ var AdverseWeatherTACMessage = function AdverseWeatherTACMessage(_ref) {
   });
 };
 
-var TafConfigContext = /*#__PURE__*/React.createContext({
-  tafConfig: null
-});
-var useTafConfigContext = function useTafConfigContext() {
-  return React.useContext(TafConfigContext);
-};
-var TafConfigWrapper = function TafConfigWrapper(_ref) {
-  var children = _ref.children;
-  var _useTafTranslation = useTafTranslation(),
-    t = _useTafTranslation.t;
-  var _React$useState = React.useState(null),
-    errorMessage = _React$useState[0],
-    setErrorMessage = _React$useState[1];
-  var ERROR_CONFIG = t('error-config');
-  var ERROR_CONFIG_MESSAGE = t('error-config-message');
-  var _useAuthenticationCon = useAuthenticationContext$1(),
-    isLoggedIn = _useAuthenticationCon.isLoggedIn;
-  var ERROR_AUTH = t('error-auth');
-  var ERROR_AUTH_MESSAGE = t('error-auth-message');
-  var _useTafConfig = useTafConfig(),
-    isFetching = _useTafConfig.isFetching,
-    tafConfigError = _useTafConfig.error,
-    tafConfig = _useTafConfig.data,
-    fetchConfig = _useTafConfig.refetch;
-  var onFetchConfig = /*#__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:
-            _context.next = 2;
-            return fetchConfig();
-          case 2:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function onFetchConfig() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  React.useEffect(function () {
-    if (!isLoggedIn) {
-      setErrorMessage({
-        title: ERROR_AUTH,
-        info: ERROR_AUTH_MESSAGE
-      });
-    } else if (tafConfigError) {
-      setErrorMessage({
-        title: ERROR_CONFIG,
-        info: tafConfigError.message
-      });
-    } else {
-      setErrorMessage(null);
-    }
-  }, [t, isLoggedIn, tafConfigError, ERROR_CONFIG, ERROR_AUTH, ERROR_AUTH_MESSAGE]);
-  var contextValue = React.useMemo(function () {
-    return {
-      tafConfig: tafConfig
-    };
-  }, [tafConfig]);
-  if (isLoggedIn && isFetching) {
-    return jsx(LinearProgress, {
-      color: "secondary",
-      "data-testid": "tafconfig-loading-bar",
-      sx: {
-        marginBottom: '-4px'
-      }
-    });
-  }
-  if (errorMessage || !tafConfig) {
-    return jsx(AlertBanner, {
-      actionButtonProps: !errorMessage || errorMessage.title !== ERROR_AUTH ? {
-        title: t('error-title-retry'),
-        onClick: onFetchConfig
-      } : undefined,
-      "data-testid": "error-message",
-      info: errorMessage ? errorMessage.info : ERROR_CONFIG_MESSAGE,
-      severity: "error",
-      title: errorMessage ? errorMessage.title : ERROR_CONFIG
-    });
-  }
-  return jsx(TafConfigContext.Provider, {
-    value: contextValue,
-    children: children
-  });
-};
-
-var ExportButton = function ExportButton(_ref) {
-  var onClick = _ref.onClick,
-    isHidden = _ref.isHidden;
+var ExportButton = function ExportButton(_ref) {
+  var onClick = _ref.onClick,
+    isHidden = _ref.isHidden;
   var _useTafTranslation = useTafTranslation(),
     t = _useTafTranslation.t;
   return isHidden ? null : jsx(CustomIconButton, {
@@ -5942,7 +6149,7 @@ var TacContainer = function TacContainer(_ref2) {
   }, [dispatch]);
   var handleExport = function handleExport() {
     var currentTaf = getValues();
-    var newTaf = prepareTafExportValues(taf, currentTaf);
+    var newTaf = prepareTafExportValues(taf, currentTaf, tafConfig == null ? void 0 : tafConfig.shouldEnableRemark);
     reset(newTaf, {
       keepDefaultValues: true,
       keepValues: false,
@@ -6475,7 +6682,9 @@ var TafPanel = function TafPanel(_ref) {
     error = _ref.error,
     _ref$previousTaf = _ref.previousTaf,
     previousTaf = _ref$previousTaf === void 0 ? null : _ref$previousTaf,
-    tafAction = _ref.tafAction;
+    tafAction = _ref.tafAction,
+    _ref$shouldEnableRema = _ref.shouldEnableRemark,
+    shouldEnableRemark = _ref$shouldEnableRema === void 0 ? false : _ref$shouldEnableRema;
   var _useTafTranslation = useTafTranslation(),
     t = _useTafTranslation.t;
   var severity = isWarning(error) ? 'warning' : 'error';
@@ -6553,6 +6762,7 @@ var TafPanel = function TafPanel(_ref) {
         previousTaf: previousTaf,
         setIsDisabled: setIsFormDisabled,
         setIsIssuesPaneOpen: setIsIssuesPaneOpen,
+        shouldEnableRemark: shouldEnableRemark,
         tafFromBackend: tafFromBackend
       })
     })]
@@ -6842,7 +7052,7 @@ var TafLayout = function TafLayout(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [tafList, setLocations]);
   React.useEffect(function () {
-    var cancelErrorTimeout = error && error.type === 'CANCELLED' ? setTimeout(function () {
+    var cancelErrorTimeout = (error == null ? void 0 : error.type) === 'CANCELLED' ? setTimeout(function () {
       setError(null);
     }, 10000) : null;
     return function () {
@@ -6957,6 +7167,7 @@ var TafLayout = function TafLayout(_ref) {
                   previousTaf: getPreviousTaf(tafList, tafFromBackend),
                   setIsFormDisabled: setIsFormDisabled,
                   setIsIssuesPaneOpen: onToggleIssuesPane,
+                  shouldEnableRemark: tafConfig == null ? void 0 : tafConfig.shouldEnableRemark,
                   tafAction: tafAction,
                   tafFromBackend: tafFromBackend
                 }, tafFromBackend.taf.uuid);
@@ -7028,6 +7239,7 @@ var TafWrapper = function TafWrapper(_ref) {
         uuid: '',
         issueDate: '',
         status: '',
+        type: 'TAF',
         IS_DRAFT: false
       }
     },
@@ -7037,15 +7249,16 @@ var TafWrapper = function TafWrapper(_ref) {
   });
 };
 
-var _excluded = ["isAutoTafEnabled"];
+var _excluded = ["isAutoTafEnabled", "type"];
 var TafModule = function TafModule(_ref) {
-  var isAutoTafEnabled = _ref.isAutoTafEnabled;
+  var isAutoTafEnabled = _ref.isAutoTafEnabled,
+    type = _ref.type;
   var _useTafTranslation = useTafTranslation(),
     t = _useTafTranslation.t;
   var _useState = useState(null),
     errorMessage = _useState[0],
     setErrorMessage = _useState[1];
-  var _useTafList = useTafList(),
+  var _useTafList = useTafList(type),
     isFetching = _useTafList.isFetching,
     tafListError = _useTafList.error,
     tafList = _useTafList.data,
@@ -7114,11 +7327,15 @@ var TafModule = function TafModule(_ref) {
 var Wrapper = function Wrapper(_ref3) {
   var _ref3$isAutoTafEnable = _ref3.isAutoTafEnabled,
     isAutoTafEnabled = _ref3$isAutoTafEnable === void 0 ? false : _ref3$isAutoTafEnable,
+    _ref3$type = _ref3.type,
+    type = _ref3$type === void 0 ? 'TAF' : _ref3$type,
     props = _objectWithoutPropertiesLoose(_ref3, _excluded);
   return jsx(TafWrapper, Object.assign({}, props, {
     children: jsx(TafConfigWrapper, {
+      type: type,
       children: jsx(TafModule, {
-        isAutoTafEnabled: isAutoTafEnabled
+        isAutoTafEnabled: isAutoTafEnabled,
+        type: type
       })
     })
   }));
@@ -7147,7 +7364,8 @@ var TafApiWrapper = function TafApiWrapper(_ref) {
   return config ? jsx(ErrorBoundary, {
     children: jsx(Wrapper, {
       isAutoTafEnabled: initialProps == null ? void 0 : initialProps.isAutoTafEnabled,
-      onPreventCloseView: onPreventCloseView
+      onPreventCloseView: onPreventCloseView,
+      type: initialProps == null ? void 0 : initialProps.type
     })
   }) : null;
 };
@@ -7191,9 +7409,94 @@ ConnectedModuleWrapper) {
   }
 };
 
+var fakeTafConfig = {
+  type: 'TAF',
+  location_indicator_mwo: 'EHDB',
+  locations: {
+    EHAM: {
+      validity_duration: 30,
+      activity_period: 6,
+      label: 'Schiphol'
+    },
+    EHRD: {
+      validity_duration: 30,
+      activity_period: 6,
+      label: 'Rotterdam'
+    },
+    EHGG: {
+      validity_duration: 30,
+      activity_period: 6,
+      label: 'Eelde'
+    },
+    EHBK: {
+      validity_duration: 30,
+      activity_period: 6,
+      label: 'Maastricht'
+    },
+    EHLE: {
+      validity_duration: 30,
+      activity_period: 6,
+      label: 'Lelystad'
+    },
+    TNCB: {
+      validity_duration: 30,
+      activity_period: 6,
+      label: 'Bonaire'
+    },
+    EHAK: {
+      validity_duration: 30,
+      activity_period: 6,
+      label: 'Akureyri'
+    },
+    EHFD: {
+      validity_duration: 30,
+      activity_period: 6,
+      label: 'Farnborough'
+    },
+    EHDV: {
+      validity_duration: 30,
+      activity_period: 6,
+      label: 'De Vries'
+    },
+    EHHW: {
+      validity_duration: 30,
+      activity_period: 6,
+      label: 'Holland'
+    },
+    EHKV: {
+      validity_duration: 30,
+      activity_period: 6,
+      label: 'Kavala'
+    },
+    EHMG: {
+      validity_duration: 30,
+      activity_period: 6,
+      label: 'München'
+    },
+    EHMA: {
+      validity_duration: 30,
+      activity_period: 6,
+      label: 'Maastricht'
+    },
+    EHPG: {
+      validity_duration: 30,
+      activity_period: 6,
+      label: 'Petersburg'
+    },
+    EHQN: {
+      validity_duration: 30,
+      activity_period: 6,
+      label: 'Queenstown'
+    }
+  },
+  locationOrder: ['EHAM', 'EHRD', 'EHLE', 'EHGG', 'EHBK', 'TNCB', 'EHAK', 'EHFD', 'EHDV', 'EHHW', 'EHKV', 'EHMG', 'EHMA', 'EHPG', 'EHQN'],
+  autoTAFlocations: ['EHAM', 'EHRD', 'EHLE', 'EHGG', 'EHBK'],
+  shouldEnableRemark: false
+};
+
 // Used to mimic an authenticated user
-var MOCK_USERNAME = 'user.name';
-var currentDate = dateUtils.dateToString(dateUtils.utc(), dateUtils.DATE_FORMAT_YEAR);
+var MOCK_USERNAME$1 = 'user.name';
+var currentDate$1 = dateUtils.dateToString(dateUtils.utc(), dateUtils.DATE_FORMAT_YEAR);
 var tomorrowDate = dateUtils.dateToString(dateUtils.add(dateUtils.utc(), {
   days: 1
 }), dateUtils.DATE_FORMAT_YEAR);
@@ -7212,7 +7515,7 @@ var validDateRange = function validDateRange(refHour, period) {
   });
   return [dateUtils.dateToString(start, dateUtils.DATE_FORMAT_UTC, false), dateUtils.dateToString(end, dateUtils.DATE_FORMAT_UTC, false)];
 };
-var dateAdd = function dateAdd(refDateAsString, hours) {
+var dateAdd$1 = function dateAdd(refDateAsString, hours) {
   var newDate = dateUtils.add(dateUtils.utc(refDateAsString), {
     hours: hours
   });
@@ -7235,7 +7538,7 @@ var _validDateRange3 = validDateRange(dateUtils.sub(dateUtils.utc(), {
 var fakeTafList = [{
   creationDate: upcomingValidDateStart,
   canbe: ['DRAFTED', 'DISCARDED', 'PUBLISHED'],
-  editor: MOCK_USERNAME,
+  editor: MOCK_USERNAME$1,
   taf: {
     uuid: '5f9583fjdf0f337925',
     baseTime: upcomingValidDateStart,
@@ -7319,8 +7622,8 @@ var fakeTafList = [{
       change: 'TEMPO',
       probability: 'PROB30',
       valid: {
-        start: dateAdd(upcomingValidDateStart, 3),
-        end: dateAdd(upcomingValidDateStart, 4)
+        start: dateAdd$1(upcomingValidDateStart, 3),
+        end: dateAdd$1(upcomingValidDateStart, 4)
       },
       visibility: {
         range: 100,
@@ -7336,12 +7639,12 @@ var fakeTafList = [{
 }, {
   creationDate: upcomingValidDateStart,
   canbe: ['CANCELLED', 'AMENDED', 'CORRECTED'],
-  editor: MOCK_USERNAME,
+  editor: MOCK_USERNAME$1,
   taf: {
     uuid: '43545345345',
     issueDate: upcomingValidDateStart,
-    baseTime: currentDate + "T18:00:00Z",
-    validDateStart: currentDate + "T18:00:00Z",
+    baseTime: currentDate$1 + "T18:00:00Z",
+    validDateStart: currentDate$1 + "T18:00:00Z",
     validDateEnd: upcomingValidDateEnd,
     previousId: 'jkdjkdfjkgdf',
     previousValidDateStart: upcomingValidDateStart,
@@ -7365,8 +7668,8 @@ var fakeTafList = [{
     changeGroups: [{
       change: 'BECMG',
       valid: {
-        start: dateAdd(upcomingValidDateStart, 1),
-        end: dateAdd(upcomingValidDateStart, 2)
+        start: dateAdd$1(upcomingValidDateStart, 1),
+        end: dateAdd$1(upcomingValidDateStart, 2)
       },
       visibility: {
         range: 1000,
@@ -7381,7 +7684,7 @@ var fakeTafList = [{
     }, {
       change: 'FM',
       valid: {
-        start: dateAdd(upcomingValidDateStart, 2)
+        start: dateAdd$1(upcomingValidDateStart, 2)
       },
       visibility: {
         range: 6000,
@@ -7444,8 +7747,8 @@ var fakeTafList = [{
       change: 'TEMPO',
       probability: 'PROB30',
       valid: {
-        start: dateAdd(upcomingValidDateStart, 1),
-        end: dateAdd(upcomingValidDateStart, 2)
+        start: dateAdd$1(upcomingValidDateStart, 1),
+        end: dateAdd$1(upcomingValidDateStart, 2)
       },
       visibility: {
         range: 200,
@@ -7506,7 +7809,7 @@ var fakeTafList = [{
   taf: {
     uuid: 'gh56734fghfgh',
     previousId: '8574jnf93475',
-    issueDate: currentDate + "T16:16:00Z",
+    issueDate: currentDate$1 + "T16:16:00Z",
     baseTime: upcomingValidDateStart,
     validDateStart: upcomingValidDateStart,
     validDateEnd: upcomingValidDateEnd,
@@ -7517,7 +7820,7 @@ var fakeTafList = [{
     messageType: 'AMD',
     baseForecast: {
       valid: {
-        start: currentDate + "T16:12:00Z",
+        start: currentDate$1 + "T16:12:00Z",
         end: upcomingValidDateEnd
       },
       visibility: {
@@ -7619,7 +7922,7 @@ var fakeTafList = [{
     }
   }
 }, {
-  creationDate: currentDate + "T06:00:00Z",
+  creationDate: currentDate$1 + "T06:00:00Z",
   canbe: ['DRAFTED', 'DISCARDED', 'PUBLISHED'],
   editor: null,
   taf: {
@@ -7639,7 +7942,7 @@ var fakeTafList = [{
     }
   }
 }, {
-  creationDate: currentDate + "T06:00:00Z",
+  creationDate: currentDate$1 + "T06:00:00Z",
   canbe: ['DRAFTED', 'DISCARDED', 'PUBLISHED'],
   editor: null,
   taf: {
@@ -7659,7 +7962,7 @@ var fakeTafList = [{
     }
   }
 }, {
-  creationDate: currentDate + "T06:00:00Z",
+  creationDate: currentDate$1 + "T06:00:00Z",
   canbe: ['DRAFTED', 'DISCARDED', 'PUBLISHED'],
   editor: null,
   taf: {
@@ -7706,8 +8009,8 @@ var fakeTafList = [{
     changeGroups: [{
       change: 'BECMG',
       valid: {
-        start: dateAdd(expiredValidDateStart, 1),
-        end: dateAdd(expiredValidDateStart, 4)
+        start: dateAdd$1(expiredValidDateStart, 1),
+        end: dateAdd$1(expiredValidDateStart, 4)
       },
       visibility: {
         range: 1000,
@@ -7719,7 +8022,7 @@ var fakeTafList = [{
     }, {
       change: 'FM',
       valid: {
-        start: dateAdd(expiredValidDateStart, 5)
+        start: dateAdd$1(expiredValidDateStart, 5)
       },
       visibility: {
         range: 6000,
@@ -7827,8 +8130,8 @@ var fakeTafList = [{
       change: 'TEMPO',
       probability: 'PROB30',
       valid: {
-        start: dateAdd(upcomingValidDateStart, 3),
-        end: dateAdd(upcomingValidDateStart, 4)
+        start: dateAdd$1(upcomingValidDateStart, 3),
+        end: dateAdd$1(upcomingValidDateStart, 4)
       },
       visibility: {
         range: 100,
@@ -7848,8 +8151,8 @@ var fakeTafList = [{
   taf: {
     uuid: '4354545345345',
     issueDate: upcomingValidDateStart,
-    baseTime: currentDate + "T18:00:00Z",
-    validDateStart: currentDate + "T18:00:00Z",
+    baseTime: currentDate$1 + "T18:00:00Z",
+    validDateStart: currentDate$1 + "T18:00:00Z",
     validDateEnd: upcomingValidDateEnd,
     location: 'EHLE',
     status: 'AUTO',
@@ -7870,8 +8173,8 @@ var fakeTafList = [{
     changeGroups: [{
       change: 'BECMG',
       valid: {
-        start: dateAdd(upcomingValidDateStart, 1),
-        end: dateAdd(upcomingValidDateStart, 2)
+        start: dateAdd$1(upcomingValidDateStart, 1),
+        end: dateAdd$1(upcomingValidDateStart, 2)
       },
       visibility: {
         range: 1000,
@@ -7886,7 +8189,7 @@ var fakeTafList = [{
     }, {
       change: 'FM',
       valid: {
-        start: dateAdd(upcomingValidDateStart, 2)
+        start: dateAdd$1(upcomingValidDateStart, 2)
       },
       visibility: {
         range: 6000,
@@ -7949,8 +8252,8 @@ var fakeTafList = [{
       change: 'TEMPO',
       probability: 'PROB30',
       valid: {
-        start: dateAdd(upcomingValidDateStart, 1),
-        end: dateAdd(upcomingValidDateStart, 2)
+        start: dateAdd$1(upcomingValidDateStart, 1),
+        end: dateAdd$1(upcomingValidDateStart, 2)
       },
       visibility: {
         range: 200,
@@ -7969,13 +8272,13 @@ var fakeNewTaf = {
     messageType: 'ORG',
     status: 'NEW',
     uuid: '5f9583fjdf0445332f337925',
-    baseTime: currentDate + "T12:00:00Z",
-    validDateStart: currentDate + "T12:00:00Z",
+    baseTime: currentDate$1 + "T12:00:00Z",
+    validDateStart: currentDate$1 + "T12:00:00Z",
     validDateEnd: tomorrowDate + "T18:00:00Z",
     location: 'EHBK',
     baseForecast: {
       valid: {
-        start: currentDate + "T12:00:00Z",
+        start: currentDate$1 + "T12:00:00Z",
         end: tomorrowDate + "T18:00:00Z"
       }
     }
@@ -7997,16 +8300,16 @@ var fakeNewTaf = {
 var fakePublishedTaf = {
   taf: {
     uuid: 'slsdkjg-023895',
-    issueDate: currentDate + "T12:00:00Z",
-    baseTime: currentDate + "T12:00:00Z",
-    validDateStart: currentDate + "T12:00:00Z",
+    issueDate: currentDate$1 + "T12:00:00Z",
+    baseTime: currentDate$1 + "T12:00:00Z",
+    validDateStart: currentDate$1 + "T12:00:00Z",
     validDateEnd: tomorrowDate + "T18:00:00Z",
     location: 'EHLE',
     status: 'PUBLISHED',
     messageType: 'ORG',
     baseForecast: {
       valid: {
-        start: currentDate + "T12:00:00Z",
+        start: currentDate$1 + "T12:00:00Z",
         end: tomorrowDate + "T18:00:00Z"
       },
       wind: {
@@ -8019,7 +8322,7 @@ var fakePublishedTaf = {
     changeGroups: [{
       change: 'FM',
       valid: {
-        start: currentDate + "T12:00:00Z"
+        start: currentDate$1 + "T12:00:00Z"
       },
       visibility: {
         range: 6000,
@@ -8048,7 +8351,7 @@ var fakePublishedTaf = {
     }, {
       change: 'BECMG',
       valid: {
-        start: currentDate + "T23:00:00Z",
+        start: currentDate$1 + "T23:00:00Z",
         end: tomorrowDate + "T01:00:00Z"
       },
       wind: {
@@ -8133,15 +8436,15 @@ var fakePublishedTaf = {
 var fakeDraftTaf = {
   taf: {
     uuid: '5f9583fjdf0f337925',
-    baseTime: currentDate + "T18:00:00Z",
-    validDateStart: currentDate + "T18:00:00Z",
+    baseTime: currentDate$1 + "T18:00:00Z",
+    validDateStart: currentDate$1 + "T18:00:00Z",
     validDateEnd: tomorrowDate + "T23:59:00Z",
     location: 'EHLE',
     status: 'DRAFT',
     messageType: 'ORG',
     baseForecast: {
       valid: {
-        start: currentDate + "T18:00:00Z",
+        start: currentDate$1 + "T18:00:00Z",
         end: tomorrowDate + "T23:59:00Z"
       },
       wind: {
@@ -8182,17 +8485,17 @@ var fakeDraftAmendmentTaf = {
   taf: {
     uuid: '954905487',
     previousId: '5f9583fjdf45ff4330f337925',
-    baseTime: currentDate + "T12:00:00Z",
-    validDateStart: currentDate + "T14:00:00Z",
+    baseTime: currentDate$1 + "T12:00:00Z",
+    validDateStart: currentDate$1 + "T14:00:00Z",
     validDateEnd: tomorrowDate + "T18:00:00Z",
-    previousValidDateStart: currentDate + "T12:00:00Z",
+    previousValidDateStart: currentDate$1 + "T12:00:00Z",
     previousValidDateEnd: tomorrowDate + "T18:00:00Z",
     location: 'EHAM',
     status: 'DRAFT_AMENDED',
     messageType: 'AMD',
     baseForecast: {
       valid: {
-        start: currentDate + "T14:00:00Z",
+        start: currentDate$1 + "T14:00:00Z",
         end: tomorrowDate + "T18:00:00Z"
       },
       visibility: {
@@ -8218,8 +8521,8 @@ var fakeDraftAmendmentTaf = {
       change: 'TEMPO',
       probability: 'PROB30',
       valid: {
-        start: currentDate + "T15:00:00Z",
-        end: currentDate + "T16:00:00Z"
+        start: currentDate$1 + "T15:00:00Z",
+        end: currentDate$1 + "T16:00:00Z"
       },
       visibility: {
         range: 100,
@@ -8281,18 +8584,18 @@ var fakeAmendmentTaf = {
   taf: {
     uuid: '754905486',
     previousId: '5f9583fjdf45ff4330f337925',
-    issueDate: currentDate + "T14:00:00Z",
-    baseTime: currentDate + "T12:00:00Z",
-    validDateStart: currentDate + "T14:00:00Z",
+    issueDate: currentDate$1 + "T14:00:00Z",
+    baseTime: currentDate$1 + "T12:00:00Z",
+    validDateStart: currentDate$1 + "T14:00:00Z",
     validDateEnd: tomorrowDate + "T18:00:00Z",
-    previousValidDateStart: currentDate + "T12:00:00Z",
+    previousValidDateStart: currentDate$1 + "T12:00:00Z",
     previousValidDateEnd: tomorrowDate + "T18:00:00Z",
     location: 'EHAM',
     status: 'AMENDED',
     messageType: 'AMD',
     baseForecast: {
       valid: {
-        start: currentDate + "T14:00:00Z",
+        start: currentDate$1 + "T14:00:00Z",
         end: tomorrowDate + "T18:00:00Z"
       },
       visibility: {
@@ -8335,13 +8638,630 @@ var fakeAmendmentTaf = {
   })
 });
 
+var fakeNafConfig = {
+  type: 'NAF',
+  location_indicator_mwo: 'EHAK',
+  locations: {
+    EHAK: {
+      valid_durations: [9, 9, 9, 6],
+      valid_start_times: [5, 8, 11, 14],
+      label: 'A12-CPP'
+    },
+    EHFD: {
+      valid_durations: [9, 9, 9, 6],
+      valid_start_times: [5, 8, 11, 14],
+      label: 'F3-FB-1'
+    },
+    EHDV: {
+      valid_durations: [9, 9, 9, 6],
+      valid_start_times: [5, 8, 11, 14],
+      label: 'D15-FA-1'
+    },
+    EHHW: {
+      valid_durations: [9, 9, 9, 6],
+      valid_start_times: [5, 8, 11, 14],
+      label: 'BG-OHVS2'
+    },
+    EHKV: {
+      valid_durations: [9, 9, 9, 6],
+      valid_start_times: [5, 8, 11, 14],
+      label: 'K14-FA-1C'
+    },
+    EHMG: {
+      valid_durations: [9, 9, 9, 6],
+      valid_start_times: [5, 8, 11, 14],
+      label: 'L9-FF-1'
+    },
+    EHMA: {
+      valid_durations: [9, 9, 9, 6],
+      valid_start_times: [5, 8, 11, 14],
+      label: 'AWG-1'
+    },
+    EHQN: {
+      valid_durations: [9, 9, 9, 6],
+      valid_start_times: [5, 8, 11, 14],
+      label: 'HKN'
+    },
+    EHPG: {
+      valid_durations: [9, 9, 9, 6],
+      valid_start_times: [5, 8, 11, 14],
+      label: 'P11-B'
+    }
+  },
+  locationOrder: ['EHAK', 'EHFD', 'EHDV', 'EHHW', 'EHKV', 'EHMG', 'EHMA', 'EHQN', 'EHPG'],
+  autoTAFlocations: ['EHAK', 'EHFD', 'EHDV', 'EHHW', 'EHKV', 'EHMG', 'EHMA', 'EHQN', 'EHPG'],
+  shouldEnableRemark: true
+};
+
+/* *
+ * 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 2026 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2026 - Finnish Meteorological Institute (FMI)
+ * Copyright 2026 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+// Used to mimic an authenticated user
+var MOCK_USERNAME = 'user.name';
+var now = dateUtils.utc();
+var currentDate = dateUtils.dateToString(dateUtils.utc(), dateUtils.DATE_FORMAT_YEAR);
+var dateAdd = function dateAdd(refDateAsString, hours) {
+  var newDate = dateUtils.add(dateUtils.utc(refDateAsString), {
+    hours: hours
+  });
+  var formattedDate = dateUtils.dateToString(newDate, dateUtils.DATE_FORMAT_UTC);
+  return formattedDate;
+};
+function getDateRange(locationConfig, index, addDays) {
+  if (addDays === void 0) {
+    addDays = 0;
+  }
+  var baseDate = dateUtils.add(now, {
+    days: addDays
+  });
+  var start = dateUtils.set(baseDate, {
+    hours: locationConfig.valid_start_times[index],
+    minutes: 0,
+    seconds: 0
+  }, true);
+  var end = dateUtils.add(start, {
+    hours: locationConfig.valid_durations[index]
+  });
+  return [dateUtils.dateToString(start, dateUtils.DATE_FORMAT_UTC, false), dateUtils.dateToString(end, dateUtils.DATE_FORMAT_UTC, false)];
+}
+function withLocationDates(location, cb) {
+  var locationConfig = fakeNafConfig.locations[location];
+  var currentIndex = locationConfig.valid_start_times.findLastIndex(function (startTime) {
+    return now.getUTCHours() >= startTime;
+  });
+  var currentIsYesterday = currentIndex === -1;
+  if (currentIsYesterday) {
+    currentIndex = locationConfig.valid_start_times.length - 1;
+  }
+  var upcomingIndex = (currentIndex + 1) % locationConfig.valid_start_times.length;
+  // If upcoming start time is earlier than or equal to current start time, we've wrapped to the next day
+  var upcomingWrapsToNextDay = locationConfig.valid_start_times[upcomingIndex] <= locationConfig.valid_start_times[currentIndex];
+  var _getDateRange = getDateRange(locationConfig, currentIndex, currentIsYesterday ? -1 : 0),
+    currentValidDateStart = _getDateRange[0],
+    currentValidDateEnd = _getDateRange[1];
+  var _getDateRange2 = getDateRange(locationConfig, upcomingIndex, upcomingWrapsToNextDay ? 1 : 0),
+    upcomingValidDateStart = _getDateRange2[0],
+    upcomingValidDateEnd = _getDateRange2[1];
+  return cb({
+    currentValidDateStart: currentValidDateStart,
+    currentValidDateEnd: currentValidDateEnd,
+    upcomingValidDateStart: upcomingValidDateStart,
+    upcomingValidDateEnd: upcomingValidDateEnd
+  });
+}
+var fakeNafList = [withLocationDates('EHAK', function (_ref) {
+  var upcomingValidDateStart = _ref.upcomingValidDateStart,
+    upcomingValidDateEnd = _ref.upcomingValidDateEnd;
+  return {
+    creationDate: upcomingValidDateStart,
+    canbe: ['DRAFTED', 'DISCARDED', 'PUBLISHED'],
+    editor: MOCK_USERNAME,
+    taf: {
+      uuid: '5f9583fjdf0f337925',
+      type: 'NAF',
+      baseTime: upcomingValidDateStart,
+      validDateStart: upcomingValidDateStart,
+      validDateEnd: upcomingValidDateEnd,
+      location: 'EHAK',
+      status: 'NEW',
+      messageType: 'ORG',
+      baseForecast: {
+        valid: {
+          start: upcomingValidDateStart,
+          end: upcomingValidDateEnd
+        }
+      },
+      remark: 'THIS IS A REMARK'
+    }
+  };
+}), withLocationDates('EHFD', function (_ref2) {
+  var upcomingValidDateStart = _ref2.upcomingValidDateStart,
+    upcomingValidDateEnd = _ref2.upcomingValidDateEnd;
+  return {
+    creationDate: upcomingValidDateStart,
+    canbe: ['DRAFTED', 'DISCARDED', 'PUBLISHED'],
+    editor: null,
+    taf: {
+      uuid: '5f9583fjd111137925',
+      type: 'NAF',
+      baseTime: upcomingValidDateStart,
+      validDateStart: upcomingValidDateStart,
+      validDateEnd: upcomingValidDateEnd,
+      location: 'EHFD',
+      status: 'DRAFT',
+      messageType: 'ORG',
+      baseForecast: {
+        valid: {
+          start: upcomingValidDateStart,
+          end: upcomingValidDateEnd
+        },
+        wind: {
+          direction: 180,
+          speed: 10,
+          unit: 'KT'
+        },
+        cavOK: true
+      }
+    }
+  };
+}), withLocationDates('EHKV', function (_ref3) {
+  var upcomingValidDateStart = _ref3.upcomingValidDateStart,
+    upcomingValidDateEnd = _ref3.upcomingValidDateEnd;
+  return {
+    creationDate: upcomingValidDateStart,
+    canbe: ['CANCELLED', 'AMENDED', 'DISCARDED'],
+    editor: null,
+    taf: {
+      uuid: '754905485',
+      type: 'NAF',
+      baseTime: upcomingValidDateStart,
+      previousId: '5f9583fjdf45ff4330f337925',
+      validDateStart: upcomingValidDateStart,
+      validDateEnd: upcomingValidDateEnd,
+      previousValidDateStart: upcomingValidDateStart,
+      previousValidDateEnd: upcomingValidDateEnd,
+      location: 'EHKV',
+      status: 'DRAFT_AMENDED',
+      messageType: 'AMD',
+      baseForecast: {
+        valid: {
+          start: upcomingValidDateStart,
+          end: upcomingValidDateEnd
+        },
+        visibility: {
+          range: 600,
+          unit: 'M'
+        },
+        wind: {
+          direction: 180,
+          speed: 10,
+          unit: 'KT'
+        },
+        weather: {
+          weather1: 'SN'
+        },
+        cloud: {
+          cloud1: {
+            coverage: 'BKN',
+            height: 35
+          }
+        }
+      },
+      changeGroups: [{
+        change: 'TEMPO',
+        probability: 'PROB30',
+        valid: {
+          start: dateAdd(upcomingValidDateStart, 3),
+          end: dateAdd(upcomingValidDateStart, 4)
+        },
+        visibility: {
+          range: 100,
+          unit: 'M'
+        },
+        cloud: {
+          cloud1: {
+            verticalVisibility: 5
+          }
+        }
+      }]
+    }
+  };
+}), withLocationDates('EHKV', function (_ref4) {
+  var upcomingValidDateStart = _ref4.upcomingValidDateStart,
+    upcomingValidDateEnd = _ref4.upcomingValidDateEnd;
+  return {
+    creationDate: upcomingValidDateStart,
+    canbe: ['CANCELLED', 'AMENDED', 'CORRECTED'],
+    editor: MOCK_USERNAME,
+    taf: {
+      uuid: '43545345345',
+      type: 'NAF',
+      issueDate: upcomingValidDateStart,
+      baseTime: currentDate + "T18:00:00Z",
+      validDateStart: currentDate + "T18:00:00Z",
+      validDateEnd: upcomingValidDateEnd,
+      previousId: 'jkdjkdfjkgdf',
+      previousValidDateStart: upcomingValidDateStart,
+      previousValidDateEnd: upcomingValidDateEnd,
+      location: 'EHKV',
+      status: 'CORRECTED',
+      messageType: 'COR',
+      baseForecast: {
+        valid: {
+          start: upcomingValidDateStart,
+          end: upcomingValidDateEnd
+        },
+        wind: {
+          direction: 350,
+          speed: 46,
+          gust: 67,
+          unit: 'KT'
+        },
+        cavOK: true
+      },
+      changeGroups: [{
+        change: 'BECMG',
+        valid: {
+          start: dateAdd(upcomingValidDateStart, 1),
+          end: dateAdd(upcomingValidDateStart, 2)
+        },
+        visibility: {
+          range: 1000,
+          unit: 'M'
+        },
+        weather: {
+          weather1: 'MIFG'
+        },
+        cloud: {
+          cloud1: 'NSC'
+        }
+      }, {
+        change: 'FM',
+        valid: {
+          start: dateAdd(upcomingValidDateStart, 2)
+        },
+        visibility: {
+          range: 6000,
+          unit: 'M'
+        },
+        weather: {
+          weather1: '+SHRA'
+        },
+        cloud: {
+          cloud1: {
+            coverage: 'BKN',
+            height: 40
+          },
+          cloud2: {
+            coverage: 'OVC',
+            height: 60,
+            type: 'CB'
+          }
+        }
+      }]
+    }
+  };
+}), withLocationDates('EHFD', function (_ref5) {
+  var upcomingValidDateStart = _ref5.upcomingValidDateStart,
+    upcomingValidDateEnd = _ref5.upcomingValidDateEnd;
+  return {
+    creationDate: upcomingValidDateStart,
+    canbe: ['CANCELLED', 'AMENDED', 'CORRECTED'],
+    editor: null,
+    taf: {
+      uuid: '5f9583fjdf45ff4330f337925',
+      type: 'NAF',
+      issueDate: upcomingValidDateStart,
+      baseTime: upcomingValidDateStart,
+      validDateStart: upcomingValidDateStart,
+      validDateEnd: upcomingValidDateEnd,
+      location: 'EHFD',
+      status: 'PUBLISHED',
+      messageType: 'ORG',
+      baseForecast: {
+        valid: {
+          start: upcomingValidDateStart,
+          end: upcomingValidDateEnd
+        },
+        visibility: {
+          range: 600,
+          unit: 'M'
+        },
+        wind: {
+          direction: 180,
+          speed: 10,
+          unit: 'KT'
+        },
+        weather: {
+          weather1: 'SN'
+        },
+        cloud: {
+          cloud1: {
+            coverage: 'BKN',
+            height: 35
+          }
+        }
+      },
+      changeGroups: [{
+        change: 'TEMPO',
+        probability: 'PROB30',
+        valid: {
+          start: dateAdd(upcomingValidDateStart, 1),
+          end: dateAdd(upcomingValidDateStart, 2)
+        },
+        visibility: {
+          range: 200,
+          unit: 'M'
+        },
+        cloud: {
+          cloud1: {
+            verticalVisibility: 5
+          }
+        }
+      }]
+    }
+  };
+}), withLocationDates('EHHW', function (_ref6) {
+  var upcomingValidDateStart = _ref6.upcomingValidDateStart,
+    upcomingValidDateEnd = _ref6.upcomingValidDateEnd;
+  return {
+    creationDate: upcomingValidDateStart,
+    canbe: ['AMENDED'],
+    editor: null,
+    taf: {
+      uuid: '5464565464',
+      type: 'NAF',
+      previousId: '5445fghrfg3546456',
+      issueDate: upcomingValidDateStart,
+      baseTime: upcomingValidDateStart,
+      validDateStart: upcomingValidDateStart,
+      validDateEnd: upcomingValidDateEnd,
+      previousValidDateStart: upcomingValidDateStart,
+      previousValidDateEnd: upcomingValidDateEnd,
+      location: 'EHHW',
+      status: 'CANCELLED',
+      messageType: 'CNL',
+      baseForecast: {
+        valid: {
+          start: upcomingValidDateStart,
+          end: upcomingValidDateEnd
+        },
+        visibility: {
+          range: 600,
+          unit: 'M'
+        },
+        wind: {
+          direction: 180,
+          speed: 10,
+          unit: 'KT'
+        },
+        weather: {
+          weather1: 'SN'
+        },
+        cloud: {
+          cloud1: {
+            coverage: 'BKN',
+            height: 35
+          }
+        }
+      }
+    }
+  };
+}), withLocationDates('EHMA', function (_ref7) {
+  var upcomingValidDateStart = _ref7.upcomingValidDateStart,
+    upcomingValidDateEnd = _ref7.upcomingValidDateEnd;
+  return {
+    creationDate: upcomingValidDateStart,
+    canbe: ['CANCELLED', 'AMENDED', 'CORRECTED'],
+    editor: 'max.jansen',
+    taf: {
+      uuid: 'gh56734fghfgh',
+      type: 'NAF',
+      previousId: '8574jnf93475',
+      issueDate: currentDate + "T16:16:00Z",
+      baseTime: upcomingValidDateStart,
+      validDateStart: upcomingValidDateStart,
+      validDateEnd: upcomingValidDateEnd,
+      previousValidDateStart: upcomingValidDateStart,
+      previousValidDateEnd: upcomingValidDateEnd,
+      location: 'EHMA',
+      status: 'AMENDED',
+      messageType: 'AMD',
+      baseForecast: {
+        valid: {
+          start: currentDate + "T16:12:00Z",
+          end: upcomingValidDateEnd
+        },
+        visibility: {
+          range: 600,
+          unit: 'M'
+        },
+        wind: {
+          direction: 180,
+          speed: 10,
+          unit: 'KT'
+        },
+        weather: {
+          weather1: 'SN'
+        },
+        cloud: {
+          cloud1: {
+            coverage: 'BKN',
+            height: 35
+          }
+        }
+      }
+    }
+  };
+}), withLocationDates('EHQN', function (_ref8) {
+  var currentValidDateStart = _ref8.currentValidDateStart,
+    currentValidDateEnd = _ref8.currentValidDateEnd;
+  return {
+    creationDate: currentValidDateStart,
+    canbe: ['CANCELLED', 'AMENDED', 'CORRECTED'],
+    editor: null,
+    taf: {
+      uuid: 'giskdj09845872039',
+      type: 'NAF',
+      issueDate: currentValidDateStart,
+      baseTime: currentValidDateStart,
+      validDateStart: currentValidDateStart,
+      validDateEnd: currentValidDateEnd,
+      location: 'EHQN',
+      status: 'PUBLISHED',
+      messageType: 'ORG',
+      baseForecast: {
+        valid: {
+          start: currentValidDateStart,
+          end: currentValidDateEnd
+        },
+        visibility: {
+          range: 500,
+          unit: 'M'
+        },
+        wind: {
+          direction: 200,
+          speed: 20,
+          gust: 35,
+          unit: 'KT'
+        },
+        weather: {
+          weather1: 'SN'
+        },
+        cloud: {
+          cloud1: {
+            coverage: 'BKN',
+            height: 40
+          }
+        }
+      }
+    }
+  };
+}), withLocationDates('EHPG', function (_ref9) {
+  var currentValidDateStart = _ref9.currentValidDateStart,
+    currentValidDateEnd = _ref9.currentValidDateEnd;
+  return {
+    creationDate: currentValidDateStart,
+    canbe: ['DRAFTED', 'DISCARDED', 'PUBLISHED'],
+    editor: null,
+    taf: {
+      uuid: 'ghskdj09845872039',
+      type: 'NAF',
+      baseTime: currentValidDateStart,
+      validDateStart: currentValidDateStart,
+      validDateEnd: currentValidDateEnd,
+      location: 'EHPG',
+      status: 'NEW',
+      messageType: 'ORG',
+      baseForecast: {
+        valid: {
+          start: currentValidDateStart,
+          end: currentValidDateEnd
+        }
+      }
+    }
+  };
+}), withLocationDates('EHDV', function (_ref0) {
+  var currentValidDateStart = _ref0.currentValidDateStart,
+    currentValidDateEnd = _ref0.currentValidDateEnd;
+  return {
+    creationDate: currentValidDateStart,
+    canbe: ['DRAFTED', 'DISCARDED', 'PUBLISHED'],
+    editor: null,
+    taf: {
+      uuid: 'eHDV123456789',
+      type: 'NAF',
+      baseTime: currentValidDateStart,
+      validDateStart: currentValidDateStart,
+      validDateEnd: currentValidDateEnd,
+      location: 'EHDV',
+      status: 'NEW',
+      messageType: 'ORG',
+      baseForecast: {
+        valid: {
+          start: currentValidDateStart,
+          end: currentValidDateEnd
+        },
+        wind: {
+          direction: 270,
+          speed: 15,
+          unit: 'KT'
+        },
+        cavOK: true
+      }
+    }
+  };
+}),
+// Added missing NafLocation: EHMG
+withLocationDates('EHMG', function (_ref1) {
+  var currentValidDateStart = _ref1.currentValidDateStart,
+    currentValidDateEnd = _ref1.currentValidDateEnd;
+  return {
+    creationDate: currentValidDateStart,
+    canbe: ['DRAFTED', 'DISCARDED', 'PUBLISHED'],
+    editor: null,
+    taf: {
+      uuid: 'eHMG987654321',
+      type: 'NAF',
+      baseTime: currentValidDateStart,
+      validDateStart: currentValidDateStart,
+      validDateEnd: currentValidDateEnd,
+      location: 'EHMG',
+      status: 'NEW',
+      messageType: 'ORG',
+      baseForecast: {
+        valid: {
+          start: currentValidDateStart,
+          end: currentValidDateEnd
+        },
+        visibility: {
+          range: 8000,
+          unit: 'M'
+        },
+        wind: {
+          direction: 90,
+          speed: 8,
+          unit: 'KT'
+        },
+        cloud: {
+          cloud1: {
+            coverage: 'SCT',
+            height: 25
+          }
+        }
+      }
+    }
+  };
+})];
+
 var fakeUpdatedTafList = [].concat(fakeTafList);
-var setFakeUpdatedList = function setFakeUpdatedList(newList) {
+var setFakeUpdatedTafList = function setFakeUpdatedTafList(newList) {
   fakeUpdatedTafList = newList;
 };
-var getFakeUpdatedList = function getFakeUpdatedList() {
+var getFakeUpdatedTafList = function getFakeUpdatedTafList() {
   return fakeUpdatedTafList;
 };
+var fakeUpdatedNafList = [].concat(fakeNafList);
+var setFakeUpdatedNafList = function setFakeUpdatedNafList(newList) {
+  fakeUpdatedNafList = newList;
+};
+var getFakeUpdatedNafList = function getFakeUpdatedNafList() {
+  return fakeUpdatedNafList;
+};
 var fakeTafTacJson = {
   tac: [[{
     text: 'TAF'
@@ -8374,45 +9294,13 @@ var fakeTafTacJson = {
     text: '='
   }]]
 };
-var fakeTafConfig = {
-  location_indicator_mwo: 'EHDB',
-  locations: {
-    EHAM: {
-      validity_duration: 30,
-      activity_period: 6,
-      label: 'Schiphol'
-    },
-    EHRD: {
-      validity_duration: 30,
-      activity_period: 6,
-      label: 'Rotterdam'
-    },
-    EHGG: {
-      validity_duration: 30,
-      activity_period: 6,
-      label: 'Eelde'
-    },
-    EHBK: {
-      validity_duration: 30,
-      activity_period: 6,
-      label: 'Maastricht'
-    },
-    EHLE: {
-      validity_duration: 30,
-      activity_period: 6,
-      label: 'Lelystad'
-    },
-    TNCB: {
-      validity_duration: 30,
-      activity_period: 6,
-      label: 'Bonaire'
-    }
-  },
-  locationOrder: ['EHAM', 'EHRD', 'EHLE', 'EHGG', 'EHBK', 'TNCB'],
-  autoTAFlocations: ['EHAM', 'EHRD', 'EHLE', 'EHGG', 'EHBK']
-};
-var tafEndPoints = [http.get(/^.*\/taflist$/, function () {
-  return HttpResponse.json(getFakeUpdatedList());
+var tafEndPoints = [http.get(/^.*\/taflist$/, function (_ref) {
+  var request = _ref.request;
+  var url = new URL(request.url);
+  if (url.searchParams.get('type') === 'NAF') {
+    return HttpResponse.json(getFakeUpdatedNafList());
+  }
+  return HttpResponse.json(getFakeUpdatedTafList());
 }), http.post(/^.*\/taf$/, /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
   return _regeneratorRuntime().wrap(function _callee$(_context) {
     while (1) switch (_context.prev = _context.next) {
@@ -8427,17 +9315,18 @@ var tafEndPoints = [http.get(/^.*\/taflist$/, function () {
     }
   }, _callee);
 }))), http.patch(/^.*\/taf$/, /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2) {
-    var request, patchTaf, updatedList;
+  var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref3) {
+    var request, patchTaf, items, updatedList;
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          request = _ref2.request;
+          request = _ref3.request;
           _context2.next = 3;
           return request.json();
         case 3:
           patchTaf = _context2.sent;
-          updatedList = getFakeUpdatedList().map(function (tafFromBackend) {
+          items = patchTaf.taf.type === 'NAF' ? getFakeUpdatedNafList() : getFakeUpdatedTafList();
+          updatedList = items.map(function (tafFromBackend) {
             if (tafFromBackend.taf.uuid === patchTaf.taf.uuid) {
               return Object.assign({}, tafFromBackend, {
                 editor: patchTaf.editor
@@ -8445,19 +9334,23 @@ var tafEndPoints = [http.get(/^.*\/taflist$/, function () {
             }
             return tafFromBackend;
           });
-          setFakeUpdatedList(updatedList);
-          _context2.next = 8;
+          if (patchTaf.taf.type === 'NAF') {
+            setFakeUpdatedNafList(updatedList);
+          } else {
+            setFakeUpdatedTafList(updatedList);
+          }
+          _context2.next = 9;
           return delay();
-        case 8:
-          return _context2.abrupt("return", HttpResponse.json(null));
         case 9:
+          return _context2.abrupt("return", HttpResponse.json(null));
+        case 10:
         case "end":
           return _context2.stop();
       }
     }, _callee2);
   }));
   return function (_x) {
-    return _ref3.apply(this, arguments);
+    return _ref4.apply(this, arguments);
   };
 }()), http.post(/^.*\/taf2tac$/, /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
   return _regeneratorRuntime().wrap(function _callee3$(_context3) {
@@ -8472,7 +9365,12 @@ var tafEndPoints = [http.get(/^.*\/taflist$/, function () {
         return _context3.stop();
     }
   }, _callee3);
-}))), http.get(/^.*\/taf-config$/, function () {
+}))), http.get(/^.*\/taf-config/, function (_ref6) {
+  var request = _ref6.request;
+  var url = new URL(request.url);
+  if (url.searchParams.get('type') === 'NAF') {
+    return HttpResponse.json(fakeNafConfig);
+  }
   return HttpResponse.json(fakeTafConfig);
 })];