@opengeoweb/taf 11.0.0 → 12.0.0

package/index.esm.js

@@ -6,9 +6,9 @@ import { useFormContext, useFieldArray, Controller } from 'react-hook-form';
 import { useDispatch } from 'react-redux';
 import { ReactSortable } from 'react-sortablejs';
 import Sortable from 'sortablejs';
-import { useAuthenticationContext } from '@opengeoweb/authentication';
+import { getConfig, useAuthenticationContext } from '@opengeoweb/authentication';
 import { HIDDEN_INPUT_HELPER_IS_DRAFT, getDeepProperty, useDraftFormHelpers, ReactHookFormHiddenInput, ReactHookFormProvider } from '@opengeoweb/form-fields';
-import { SHARED_NAMESPACE, dateUtils, useIsMounted, CustomIconButton, CustomTooltip, ToolContainerDraggable, Avatar, getInitials, ToggleMenu, useConfirmationDialog, usePreventBrowserClose, SwitchButton, ToolHeader, AlertBanner, getErrorMessage as getErrorMessage$1, getWarningMessage, LastUpdateTime, usePoller, ErrorBoundary } from '@opengeoweb/shared';
+import { SHARED_NAMESPACE, dateUtils, useIsMounted, CustomIconButton, CustomTooltip, ToolContainerDraggable, Avatar, getInitials, ToggleMenu, useConfirmationDialog, usePreventBrowserClose, SwitchButton, ToolHeader, AlertBanner, getErrorMessage as getErrorMessage$1, getWarningMessage, LastUpdateTime, ErrorBoundary } from '@opengeoweb/shared';
 import { snackbarActions, snackbarTypes } from '@opengeoweb/snackbar';
 import 'i18next';
 import { useTranslation } from 'react-i18next';
@@ -16,7 +16,7 @@ import { isEqual } from 'lodash';
 import { DragHandle as DragHandle$1, ThumbsUp, Add, Delete, Close, Clock, Cancel, Success, Edit, Export, ListItem } from '@opengeoweb/theme';
 import ReactDOM from 'react-dom';
 import { useTheme } from '@emotion/react';
-import { useApiContext, createApiInstance, createFakeApiInstance, ApiProvider } from '@opengeoweb/api';
+import { getHeaders, handleResponse, useAuthQuery, useApiContext, createApiInstance, createFakeApiInstance, ApiProvider } from '@opengeoweb/api';
 import LinearProgress from '@mui/material/LinearProgress';
 import Box$1 from '@mui/material/Box';
 
@@ -96,7 +96,11 @@ var en = {
 	"confirm-clear-description": "Are you sure you want to clear this row?",
 	"issues-button-0": "0 issues",
 	"issues-button-1": "1 issue",
-	"issues-button-multiple": "{{amount}} issues"
+	"issues-button-multiple": "{{amount}} issues",
+	autotaf: "Autotaf",
+	"autotaf-no-data": "No autoTAFs available",
+	"autotaf-no-location": "No data available for this location",
+	"autotaf-no-config": "Missing config key: autoTAFlocations"
 };
 var fi = {
 	"issues-button-title": "Näkymän yksityiskohdat",
@@ -174,7 +178,11 @@ var fi = {
 	"confirm-clear-description": "Oletko varma, että haluat tyhjentää tämän rivin?",
 	"issues-button-0": "0 ongelmaa",
 	"issues-button-1": "1 ongelma",
-	"issues-button-multiple": "{{amount}} ongelmaa"
+	"issues-button-multiple": "{{amount}} ongelmaa",
+	autotaf: "Autotaf",
+	"autotaf-no-data": "Ei autoTAF-tietoja saatavilla",
+	"autotaf-no-location": "Tietoja ei ole saatavilla tälle sijainnille",
+	"autotaf-no-config": "Puuttuva määritysavain: autoTAFlocations"
 };
 var no = {
 	"issues-button-title": "Vis detaljer",
@@ -252,7 +260,11 @@ var no = {
 	"confirm-clear-description": "Er du sikker på at du tømme denne raden?",
 	"issues-button-0": "Ingen problem",
 	"issues-button-1": "1 problem",
-	"issues-button-multiple": "{{amount}} problem"
+	"issues-button-multiple": "{{amount}} problem",
+	autotaf: "Autotaf",
+	"autotaf-no-data": "Ingen autoTAF-er tilgjengelig",
+	"autotaf-no-location": "Ingen data tilgjengelig for denne lokasjonen",
+	"autotaf-no-config": "Mangler konfigurasjonsnøkkel: autoTAFlocations"
 };
 var nl = {
 	"issues-button-title": "Bekijk details",
@@ -330,7 +342,11 @@ var nl = {
 	"confirm-clear-description": "Weet je zeker dat je deze rij leeg wilt maken?",
 	"issues-button-0": "0 problemen",
 	"issues-button-1": "1 probleem",
-	"issues-button-multiple": "{{amount}} problemen"
+	"issues-button-multiple": "{{amount}} problemen",
+	autotaf: "Autotaf",
+	"autotaf-no-data": "Geen autoTAFs beschikbaar",
+	"autotaf-no-location": "Geen data beschikbaar voor deze locatie",
+	"autotaf-no-config": "Ontbrekende configuratie: autoTAFlocations"
 };
 var tafTranslations = {
 	en: en,
@@ -1185,14 +1201,14 @@ var validateOverlapWithFM = function validateOverlapWithFM(currentChangeGroup, n
   return true;
 };
 
-var config$1 = [{
+var config$2 = [{
   key: 'range',
   size: 4
 }, {
   key: 'unit',
   size: 1
 }];
-var configAsObject$1 = Object.assign(config$1).reduce(function (list, item) {
+var configAsObject$1 = Object.assign(config$2).reduce(function (list, item) {
   var _Object$assign;
   return Object.assign({}, list, (_Object$assign = {}, _Object$assign[item.key] = item, _Object$assign));
 }, {});
@@ -1822,7 +1838,7 @@ function parseWeatherToObject(value) {
   return trimmedWeather;
 }
 
-var config = [{
+var config$1 = [{
   key: 'direction',
   size: 3
 }, {
@@ -1839,7 +1855,7 @@ var config = [{
   key: 'unit',
   size: 2
 }];
-var configAsObject = Object.assign(config).reduce(function (list, item) {
+var configAsObject = Object.assign(config$1).reduce(function (list, item) {
   var _Object$assign;
   return Object.assign({}, list, (_Object$assign = {}, _Object$assign[item.key] = item, _Object$assign));
 }, {});
@@ -1887,7 +1903,7 @@ var formatWindToString = function formatWindToString(value) {
   if (!value) {
     return value;
   }
-  return config.reduce(function (stringValue, item) {
+  return config$1.reduce(function (stringValue, item) {
     var key = item.key;
     var propValue = value[key];
     var hasValue = propValue !== undefined && propValue !== null && propValue !== '';
@@ -1898,7 +1914,7 @@ var extractValidateWindSections = function extractValidateWindSections(value, va
   if (validation === void 0) {
     validation = false;
   }
-  return config.reduce(function (obj, item) {
+  return config$1.reduce(function (obj, item) {
     var key = item.key,
       size = item.size;
     var returnObj = obj;
@@ -2591,7 +2607,7 @@ var validateFourthCloud = function validateFourthCloud(firstCloudValue, secondCl
 var DATE_FORMAT_ISSUE_TIME = "ddHHmm'Z";
 var DATE_FORMAT_BASE_TIME = 'HH:mm dd MMM';
 
-var _excluded$4 = ["cavOK"],
+var _excluded$5 = ["cavOK"],
   _excluded2 = ["visibility"],
   _excluded3 = ["cloud"],
   _excluded4 = ["weather"],
@@ -2648,7 +2664,7 @@ function formatFormValues(row) {
         {
           // Assume if cavOK field set to true - no visibility field, otherwise return the original list containing the visibility and remove cavOK
           list.cavOK;
-            var formData = _objectWithoutPropertiesLoose(list, _excluded$4);
+            var formData = _objectWithoutPropertiesLoose(list, _excluded$5);
           if (list[key]) {
             return Object.assign({}, formData, {
               visibility: formatVisibilityToString(list[key])
@@ -3566,7 +3582,7 @@ var ResponsiveWrapper = function ResponsiveWrapper(_ref) {
   });
 };
 
-var _excluded$3 = ["shouldPreventUppercase"];
+var _excluded$4 = ["shouldPreventUppercase"];
 var textFieldStyle = function textFieldStyle(theme, shouldPreventUppercase) {
   var _ref;
   return _ref = {
@@ -3646,7 +3662,7 @@ var getDisplayValue = function getDisplayValue(value, disabled) {
 var BaseTextField = /*#__PURE__*/React__default.memo(function (_ref2) {
   var _ref2$shouldPreventUp = _ref2.shouldPreventUppercase,
     shouldPreventUppercase = _ref2$shouldPreventUp === void 0 ? false : _ref2$shouldPreventUp,
-    props = _objectWithoutPropertiesLoose(_ref2, _excluded$3);
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded$4);
   var theme = useTheme();
   var styling = textFieldStyle(theme, shouldPreventUppercase);
   return jsx(TextField, Object.assign({
@@ -3874,7 +3890,7 @@ var TafFormOptionsButton = function TafFormOptionsButton(_ref) {
   });
 };
 
-var _excluded$2 = ["isNotRequiredForAction", "isChangeGroup", "disabled", "index", "onRemoveChangeGroup", "field", "dragHandle", "onAddChangeGroupBelow", "onAddChangeGroupAbove", "onClearRow"];
+var _excluded$3 = ["isNotRequiredForAction", "isChangeGroup", "disabled", "index", "onRemoveChangeGroup", "field", "dragHandle", "onAddChangeGroupBelow", "onAddChangeGroupAbove", "onClearRow"];
 var getDefaultValue = function getDefaultValue(fieldName, data) {
   if (!data) {
     return '';
@@ -3908,7 +3924,7 @@ var TafFormRow = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     onAddChangeGroupAbove = _ref$onAddChangeGroup2 === void 0 ? function () {} : _ref$onAddChangeGroup2,
     _ref$onClearRow = _ref.onClearRow,
     onClearRow = _ref$onClearRow === void 0 ? function () {} : _ref$onClearRow,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   var namePrefix = !isChangeGroup ? 'baseForecast' : "changeGroups[" + index + "]";
   var fieldNames = getFieldNames(isChangeGroup, index);
   var _useFormContext = useFormContext(),
@@ -4332,6 +4348,55 @@ var TafFormRow = /*#__PURE__*/React__default.forwardRef(function (_ref, 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 config = getConfig();
+var tafBaseUrl = config.GW_TAF_BASE_URL || '';
+var getTafList = function getTafList(auth) {
+  return fetch(tafBaseUrl + "/taflist", {
+    headers: getHeaders(auth)
+  }).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 useTafList = function useTafList(disabled) {
+  if (disabled === void 0) {
+    disabled = false;
+  }
+  return useAuthQuery(['taf-list'], getTafList, disabled, 1000 * 60 * 5);
+};
+
 // prevents default functionality
 var noop = function noop() {};
 var TafForm = /*#__PURE__*/React__default.memo(function (_ref) {
@@ -4356,10 +4421,6 @@ var TafForm = /*#__PURE__*/React__default.memo(function (_ref) {
     onSwitchEditor = _ref$onSwitchEditor === void 0 ? function () {
       return null;
     } : _ref$onSwitchEditor,
-    _ref$fetchNewTafList = _ref.fetchNewTafList,
-    fetchNewTafList = _ref$fetchNewTafList === void 0 ? function () {
-      return null;
-    } : _ref$fetchNewTafList,
     _ref$previousTaf = _ref.previousTaf,
     previousTaf = _ref$previousTaf === void 0 ? null : _ref$previousTaf;
   var _useTafTranslation = useTafTranslation(),
@@ -4463,9 +4524,11 @@ var TafForm = /*#__PURE__*/React__default.memo(function (_ref) {
   var isLatestEditor = function isLatestEditor(latestEditor, userName) {
     return latestEditor !== '' && latestEditor !== null && latestEditor !== userName;
   };
+  var _useTafList = useTafList(true),
+    fetchNewTafList = _useTafList.refetch;
   var setIsEditor = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(checked) {
-      var username, latestList, _latestList$find, latestEditor, didSucceed;
+      var username, _yield$fetchNewTafLis, latestList, _latestList$find, latestEditor, didSucceed;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -4473,38 +4536,45 @@ var TafForm = /*#__PURE__*/React__default.memo(function (_ref) {
             _context.next = 3;
             return fetchNewTafList();
           case 3:
-            latestList = _context.sent;
+            _yield$fetchNewTafLis = _context.sent;
+            latestList = _yield$fetchNewTafLis.data;
+            if (latestList) {
+              _context.next = 7;
+              break;
+            }
+            return _context.abrupt("return", false);
+          case 7:
             _latestList$find = latestList.find(function (taf) {
               return taf.taf.uuid === originalTaf.uuid;
             }), latestEditor = _latestList$find.editor;
             if (!(username === latestEditor)) {
-              _context.next = 7;
+              _context.next = 10;
               break;
             }
             return _context.abrupt("return", true);
-          case 7:
+          case 10:
             if (!(!checked && isLatestEditor(latestEditor, auth == null ? void 0 : auth.username))) {
-              _context.next = 9;
+              _context.next = 12;
               break;
             }
             return _context.abrupt("return", true);
-          case 9:
+          case 12:
             if (!(checked && isLatestEditor(latestEditor, auth == null ? void 0 : auth.username))) {
-              _context.next = 12;
+              _context.next = 15;
               break;
             }
-            _context.next = 12;
+            _context.next = 15;
             return confirmDialog({
               title: t('switch-title'),
               description: t('switch-description'),
               confirmLabel: t('switch-confirm')
             });
-          case 12:
-            _context.next = 14;
+          case 15:
+            _context.next = 17;
             return onSwitchEditor(Object.assign({}, tafFromBackend, {
               editor: username
             }));
-          case 14:
+          case 17:
             didSucceed = _context.sent;
             if (didSucceed) {
               showSnackbar(checked ? t('editor-on', {
@@ -4514,7 +4584,7 @@ var TafForm = /*#__PURE__*/React__default.memo(function (_ref) {
               }));
             }
             return _context.abrupt("return", didSucceed);
-          case 17:
+          case 20:
           case "end":
             return _context.stop();
         }
@@ -4885,12 +4955,12 @@ var TafForm = /*#__PURE__*/React__default.memo(function (_ref) {
   prevProps.tafFromBackend.editor === nextProps.tafFromBackend.editor;
 });
 
-var _excluded$1 = ["children", "value", "index"];
+var _excluded$2 = ["children", "value", "index"];
 var TabPanel = function TabPanel(_ref) {
   var children = _ref.children,
     value = _ref.value,
     index = _ref.index,
-    other = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+    other = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   return jsx(Box, Object.assign({
     role: "tabpanel",
     hidden: value !== index,
@@ -4958,10 +5028,18 @@ var locationOrder = [
 	"EHBK",
 	"TNCB"
 ];
+var autoTAFlocations = [
+	"EHAM",
+	"EHRD",
+	"EHLE",
+	"EHGG",
+	"EHBK"
+];
 var tafConfig = {
 	location_indicator_mwo: location_indicator_mwo,
 	locations: locations,
-	locationOrder: locationOrder
+	locationOrder: locationOrder,
+	autoTAFlocations: autoTAFlocations
 };
 
 /* *
@@ -5108,6 +5186,23 @@ var getPreviousTaf = function getPreviousTaf(tafList, currentTaf) {
   });
   return previousTaf ? previousTaf.taf : null;
 };
+var getAutoTafLocations = function getAutoTafLocations(autoTAFlocations) {
+  if (autoTAFlocations === void 0) {
+    autoTAFlocations = tafSettings.autoTAFlocations;
+  }
+  return autoTAFlocations || null;
+};
+var scrollToPosition = function scrollToPosition(scrollRef, activeLocation) {
+  if (!scrollRef.current) {
+    return;
+  }
+  var containerTop = scrollRef.current.getBoundingClientRect().top;
+  var firstLocation = scrollRef.current.querySelector("[data-location=\"" + activeLocation + "\"]");
+  var paddingTop = parseInt(getComputedStyle(scrollRef.current).paddingTop, 10);
+  var firstLocationTop = firstLocation == null ? void 0 : firstLocation.getBoundingClientRect().top;
+  var newScrollPosition = firstLocationTop - containerTop + scrollRef.current.scrollTop - paddingTop;
+  scrollRef.current.scrollTo(newScrollPosition, newScrollPosition);
+};
 
 var IconWithTooltip = function IconWithTooltip(_ref) {
   var title = _ref.title,
@@ -5239,12 +5334,27 @@ var AdverseWeatherTACMessage = function AdverseWeatherTACMessage(_ref) {
   });
 };
 
-var TacContainer = function TacContainer(_ref) {
-  var taf = _ref.taf,
-    _ref$isActive = _ref.isActive,
-    isActive = _ref$isActive === void 0 ? false : _ref$isActive,
-    _ref$isFormDisabled = _ref.isFormDisabled,
-    isFormDisabled = _ref$isFormDisabled === void 0 ? false : _ref$isFormDisabled;
+var TacHighLight = function TacHighLight(_ref) {
+  var isActive = _ref.isActive,
+    children = _ref.children;
+  return jsx(Box, {
+    component: "span",
+    sx: Object.assign({
+      display: 'inline',
+      boxDecorationBreak: 'clone',
+      WebkitBoxDecorationBreak: 'clone'
+    }, isActive && {
+      backgroundColor: 'geowebColors.functional.warningHighlight.rgba'
+    }),
+    children: children
+  });
+};
+var TacContainer = function TacContainer(_ref2) {
+  var taf = _ref2.taf,
+    _ref2$isActive = _ref2.isActive,
+    isActive = _ref2$isActive === void 0 ? false : _ref2$isActive,
+    _ref2$isFormDisabled = _ref2.isFormDisabled,
+    isFormDisabled = _ref2$isFormDisabled === void 0 ? false : _ref2$isFormDisabled;
   var _useTafTranslation = useTafTranslation(),
     t = _useTafTranslation.t;
   var _useApiContext = useApiContext(),
@@ -5372,15 +5482,8 @@ var TacContainer = function TacContainer(_ref) {
         letterSpacing: '0.4px',
         color: 'geowebColors.captions.captionStatus.rgba'
       },
-      children: typeof TAC === 'string' ? jsx(Box, {
-        component: "span",
-        sx: Object.assign({
-          display: 'inline',
-          boxDecorationBreak: 'clone',
-          WebkitBoxDecorationBreak: 'clone'
-        }, isActive && {
-          backgroundColor: 'geowebColors.functional.warningHighlight.rgba'
-        }),
+      children: typeof TAC === 'string' ? jsx(TacHighLight, {
+        isActive: isActive,
         children: TAC
       }) : jsx(AdverseWeatherTACMessage, {
         TAC: TAC,
@@ -5420,17 +5523,6 @@ var TacOverview = function TacOverview(_ref) {
   var isActiveLocation = function isActiveLocation(location) {
     return location === activeLocation;
   };
-  var scrollToPosition = React__default.useCallback(function () {
-    if (!scrollRef.current) {
-      return;
-    }
-    var containerTop = scrollRef.current.getBoundingClientRect().top;
-    var firstLocation = scrollRef.current.querySelector("[data-location=\"" + activeLocation + "\"]");
-    var paddingTop = parseInt(getComputedStyle(scrollRef.current).paddingTop, 10);
-    var firstLocationTop = firstLocation == null ? void 0 : firstLocation.getBoundingClientRect().top;
-    var newScrollPosition = firstLocationTop - containerTop + scrollRef.current.scrollTop - paddingTop;
-    scrollRef.current.scrollTo(newScrollPosition, newScrollPosition);
-  }, [activeLocation]);
   var resetScrollPosition = function resetScrollPosition() {
     return scrollRef.current.scrollTo(0, 0);
   };
@@ -5440,18 +5532,18 @@ var TacOverview = function TacOverview(_ref) {
   };
   React__default.useEffect(function () {
     if (activeLocation) {
-      scrollToPosition();
+      scrollToPosition(scrollRef, activeLocation);
     }
-  }, [activeLocation, scrollToPosition]);
+  }, [activeLocation]);
   React__default.useEffect(function () {
     var SCROLL_DELAY = 1000;
     var timer = setTimeout(function () {
-      scrollToPosition();
+      scrollToPosition(scrollRef, activeLocation);
     }, SCROLL_DELAY);
     return function () {
       clearTimeout(timer);
     };
-  }, [activeTab, scrollToPosition]);
+  }, [activeLocation, activeTab]);
   return jsxs(Card, {
     variant: "outlined",
     sx: {
@@ -5510,11 +5602,183 @@ var TacOverview = function TacOverview(_ref) {
   });
 };
 
+var TacContainerLayout = function TacContainerLayout(_ref) {
+  var location = _ref.location,
+    _ref$isActive = _ref.isActive,
+    isActive = _ref$isActive === void 0 ? false : _ref$isActive,
+    exportBtnSlot = _ref.exportBtnSlot,
+    statusSlot = _ref.statusSlot,
+    children = _ref.children;
+  var locationLabel = getLocationSetting(location).label;
+  return jsxs(Box, {
+    sx: {
+      marginBottom: '20px'
+    },
+    "data-location": location,
+    className: isActive ? 'active' : undefined,
+    role: "listitem",
+    "aria-label": location,
+    children: [jsxs(Box, {
+      sx: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        height: 24
+      },
+      children: [jsxs(Box, {
+        sx: {
+          display: 'flex',
+          alignItems: 'center'
+        },
+        children: [jsx(Box, {
+          sx: {
+            width: 24,
+            height: 24,
+            display: 'flex',
+            marginRight: '2px',
+            paddingTop: '6px',
+            alignItems: 'center',
+            justifyContent: 'center'
+          },
+          children: statusSlot
+        }), jsxs(Typography, {
+          sx: Object.assign({
+            lineHeight: 1
+          }, isActive && {
+            backgroundColor: 'geowebColors.functional.warningHighlight.rgba',
+            padding: '0 2px',
+            marginLeft: '-2px'
+          }),
+          children: [jsx(Typography, {
+            sx: {
+              fontSize: '12px',
+              color: 'geowebColors.captions.captionInformation.rgba'
+            },
+            "data-testid": "tafLocation",
+            component: "span",
+            children: location
+          }), jsx(Typography, {
+            sx: {
+              fontSize: '12px',
+              marginLeft: '10px'
+            },
+            "data-testid": "tafLocationLabel",
+            component: "span",
+            children: locationLabel
+          })]
+        })]
+      }), exportBtnSlot]
+    }), jsx(Box, {
+      sx: {
+        fontSize: '12px',
+        letterSpacing: '0.4px',
+        color: 'geowebColors.captions.captionStatus.rgba'
+      },
+      children: children
+    })]
+  });
+};
+
+var Message = function Message(_ref) {
+  var text = _ref.text;
+  return jsx(Typography, {
+    variant: "body2",
+    sx: {
+      fontSize: '12px',
+      fontWeight: 'normal',
+      fontStyle: 'normal',
+      lineHeight: 0.96,
+      color: 'geowebColors.textInputField.label.rgba'
+    },
+    children: text
+  });
+};
+var AutoTaf = function AutoTaf(_ref2) {
+  var tafList = _ref2.tafList,
+    _ref2$isFormDisabled = _ref2.isFormDisabled,
+    isFormDisabled = _ref2$isFormDisabled === void 0 ? false : _ref2$isFormDisabled,
+    activeTaf = _ref2.activeTaf;
+  var _useTafTranslation = useTafTranslation(),
+    t = _useTafTranslation.t;
+  var scrollRef = React__default.useRef(null);
+  React__default.useEffect(function () {
+    if (activeTaf) {
+      scrollToPosition(scrollRef, activeTaf.taf.location);
+    }
+  }, [activeTaf]);
+  var renderAutoTaf = function renderAutoTaf(tafList) {
+    var autoTafLocations = getAutoTafLocations();
+    if (!autoTafLocations) {
+      return jsx(Message, {
+        text: t('autotaf-no-config')
+      });
+    }
+    if (tafList.length === 0) {
+      return jsx(Message, {
+        text: t('autotaf-no-data')
+      });
+    }
+    return autoTafLocations.map(function (tafLocation) {
+      var foundLocation = tafList.find(function (tafFromBackend) {
+        return tafFromBackend.taf.location === tafLocation;
+      });
+      if (foundLocation) {
+        return jsx(TacContainer, {
+          taf: foundLocation.taf,
+          isFormDisabled: isFormDisabled,
+          isActive: foundLocation.taf.location === (activeTaf == null ? void 0 : activeTaf.taf.location)
+        }, tafLocation);
+      }
+      return jsx(TacContainerLayout, {
+        location: tafLocation,
+        isActive: tafLocation === (activeTaf == null ? void 0 : activeTaf.taf.location),
+        children: jsx(TacHighLight, {
+          isActive: tafLocation === (activeTaf == null ? void 0 : activeTaf.taf.location),
+          children: t('autotaf-no-location')
+        })
+      }, tafLocation);
+    });
+  };
+  return jsxs(Card, {
+    variant: "outlined",
+    sx: {
+      my: 1,
+      display: 'flex',
+      flexDirection: 'column',
+      maxHeight: '252px',
+      overflow: {
+        xs: 'hidden',
+        sm: 'initial'
+      }
+    },
+    "data-testid": "autotaf",
+    children: [jsx(TafHeader, {
+      title: t('autotaf'),
+      sx: {
+        textTransform: 'uppercase'
+      }
+    }), jsx(Box, {
+      ref: scrollRef,
+      sx: {
+        padding: {
+          xs: '12px',
+          sm: '6px',
+          md: '16px',
+          lg: '24px'
+        },
+        overflow: 'auto'
+      },
+      children: renderAutoTaf(tafList)
+    })]
+  });
+};
+
 var TacOverviewMobile = function TacOverviewMobile(_ref) {
   var upcomingTafs = _ref.upcomingTafs,
     currentTafs = _ref.currentTafs,
     expiredTafs = _ref.expiredTafs,
     activeTaf = _ref.activeTaf,
+    autoTafs = _ref.autoTafs,
     _ref$defaultOpen = _ref.defaultOpen,
     defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen;
   var _useTafTranslation = useTafTranslation(),
@@ -5565,6 +5829,9 @@ var TacOverviewMobile = function TacOverviewMobile(_ref) {
         expiredTafs: expiredTafs,
         activeTaf: activeTaf,
         hideTitle: true
+      }), autoTafs && jsx(AutoTaf, {
+        tafList: autoTafs,
+        activeTaf: activeTaf
       })]
     })]
   });
@@ -5844,10 +6111,6 @@ var TafPanel = function TafPanel(_ref2) {
       return null;
     } : _ref2$setIsFormDisabl,
     error = _ref2.error,
-    _ref2$fetchNewTafList = _ref2.fetchNewTafList,
-    fetchNewTafList = _ref2$fetchNewTafList === void 0 ? function () {
-      return null;
-    } : _ref2$fetchNewTafList,
     _ref2$previousTaf = _ref2.previousTaf,
     previousTaf = _ref2$previousTaf === void 0 ? null : _ref2$previousTaf,
     tafAction = _ref2.tafAction;
@@ -5928,7 +6191,6 @@ var TafPanel = function TafPanel(_ref2) {
         isDisabled: isFormDisabled,
         setIsDisabled: setIsFormDisabled,
         onSwitchEditor: patchTaf,
-        fetchNewTafList: fetchNewTafList,
         previousTaf: previousTaf
       })
     })]
@@ -5981,14 +6243,31 @@ var getSnackbarMessage = function getSnackbarMessage(tafFromFrontEnd, isAutoSave
       return t('snackbar-save', content);
   }
 };
+var filterAutoTafs = function filterAutoTafs(tafList) {
+  return tafList.reduce(function (tList, tafFromBackend) {
+    var _Object$assign;
+    var status = tafFromBackend.taf.status;
+    var listToAdd = status === 'AUTO' ? 'autoTafList' : 'tafList';
+    return Object.assign({}, tList, (_Object$assign = {}, _Object$assign[listToAdd] = tList[listToAdd].concat(tafFromBackend), _Object$assign));
+  }, {
+    tafList: [],
+    autoTafList: []
+  });
+};
 var TafLayout = function TafLayout(_ref2) {
-  var _ref2$tafList = _ref2.tafList,
-    tafList = _ref2$tafList === void 0 ? [] : _ref2$tafList,
+  var completTafList = _ref2.tafList,
     _ref2$onUpdateTaf = _ref2.onUpdateTaf,
     onUpdateTaf = _ref2$onUpdateTaf === void 0 ? function () {
       return null;
     } : _ref2$onUpdateTaf,
-    lastUpdateTime = _ref2.lastUpdateTime;
+    lastUpdateTime = _ref2.lastUpdateTime,
+    _ref2$isAutoTafEnable = _ref2.isAutoTafEnabled,
+    isAutoTafEnabled = _ref2$isAutoTafEnable === void 0 ? false : _ref2$isAutoTafEnable;
+  var _React$useMemo = React__default.useMemo(function () {
+      return filterAutoTafs(completTafList);
+    }, [completTafList]),
+    tafList = _React$useMemo.tafList,
+    autoTafList = _React$useMemo.autoTafList;
   var _useTafTranslation = useTafTranslation(),
     t = _useTafTranslation.t;
   var _useApiContext = useApiContext(),
@@ -6284,12 +6563,14 @@ var TafLayout = function TafLayout(_ref2) {
                   position: 'relative',
                   minHeight: locations.length * 62 + 32
                 },
-                children: [jsx(TacOverviewMobile, {
+                children: [jsx(TacOverviewMobile, Object.assign({
                   upcomingTafs: upcoming,
                   currentTafs: current,
                   expiredTafs: expired,
                   activeTaf: activeTaf
-                }), locations.map(function (tafFromBackend, index) {
+                }, isAutoTafEnabled && {
+                  autoTafs: autoTafList
+                })), locations.map(function (tafFromBackend, index) {
                   return jsx(TafPanel, {
                     activeTafIndex: activeTafIndex,
                     index: index,
@@ -6302,30 +6583,36 @@ var TafLayout = function TafLayout(_ref2) {
                     patchTaf: patchTaf,
                     isLoading: isLoading,
                     error: error,
-                    fetchNewTafList: onUpdateTaf,
                     previousTaf: getPreviousTaf(tafList, tafFromBackend),
                     tafAction: tafAction
                   }, tafFromBackend.taf.uuid);
                 })]
               })
-            }), jsx(Grid2, {
+            }), jsxs(Grid2, {
               size: {
                 xs: 0,
                 sm: 3
               },
-              sx: {
+              sx: Object.assign({
                 height: {
                   xs: 0,
                   sm: '100%'
                 }
-              },
-              children: jsx(TacOverview, {
+              }, isAutoTafEnabled && {
+                display: 'flex',
+                flexDirection: 'column'
+              }),
+              children: [jsx(TacOverview, {
                 upcomingTafs: upcoming,
                 currentTafs: current,
                 expiredTafs: expired,
                 activeTaf: activeTaf,
                 isFormDisabled: isFormDisabled
-              })
+              }), isAutoTafEnabled && jsx(AutoTaf, {
+                tafList: autoTafList,
+                isFormDisabled: isFormDisabled,
+                activeTaf: activeTaf
+              })]
             })]
           })
         })]
@@ -6339,10 +6626,10 @@ var TafLayout = function TafLayout(_ref2) {
   });
 };
 
-var _excluded = ["children"];
+var _excluded$1 = ["children"];
 var TafWrapper = function TafWrapper(_ref) {
   var children = _ref.children,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   return jsx(ReactHookFormProvider, {
     options: {
       mode: 'onTouched',
@@ -6371,77 +6658,37 @@ var TafWrapper = function TafWrapper(_ref) {
   });
 };
 
-var getCurrentDate = function getCurrentDate() {
-  return dateUtils.dateToString(dateUtils.utc(), dateUtils.DATE_FORMAT_HOURS);
-};
-var TafModule = function TafModule() {
+var _excluded = ["isAutoTafEnabled"];
+var TafModule = function TafModule(_ref) {
+  var isAutoTafEnabled = _ref.isAutoTafEnabled;
   var _useTafTranslation = useTafTranslation(),
     t = _useTafTranslation.t;
-  var _useApiContext = useApiContext(),
-    api = _useApiContext.api;
-  var _React$useState = React.useState([]),
-    tafList = _React$useState[0],
-    setTafList = _React$useState[1];
-  var _React$useState2 = React.useState(true),
-    isLoading = _React$useState2[0],
-    setIsLoading = _React$useState2[1];
-  var _React$useState3 = React.useState(null),
-    errorMessage = _React$useState3[0],
-    setErrorMessage = _React$useState3[1];
-  var _React$useState4 = React.useState(),
-    lastUpdateTime = _React$useState4[0],
-    setLastUpdateTime = _React$useState4[1];
+  var _React$useState = React.useState(null),
+    errorMessage = _React$useState[0],
+    setErrorMessage = _React$useState[1];
   var _useAuthenticationCon = useAuthenticationContext(),
     isLoggedIn = _useAuthenticationCon.isLoggedIn;
   var ERROR_AUTH = t('error-auth');
   var ERROR_AUTH_MESSAGE = t('error-auth-message');
-  var fetchNewTafList = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var result;
+  var _useTafList = useTafList(),
+    isFetching = _useTafList.isFetching,
+    tafListError = _useTafList.error,
+    tafList = _useTafList.data,
+    dataUpdatedAt = _useTafList.dataUpdatedAt,
+    fetchNewTafList = _useTafList.refetch;
+  var lastUpdateTime = dateUtils.dateToString(new Date(dataUpdatedAt), dateUtils.DATE_FORMAT_HOURS);
+  var onUpdateTaf = /*#__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);
-            setErrorMessage(null);
-            _context.prev = 2;
-            _context.next = 5;
-            return api.getTafList();
-          case 5:
-            result = _context.sent;
-            setTafList(result.data);
-            setIsLoading(false);
-            setLastUpdateTime(getCurrentDate());
-            return _context.abrupt("return", result.data);
-          case 12:
-            _context.prev = 12;
-            _context.t0 = _context["catch"](2);
-            setErrorMessage({
-              title: t('error-list'),
-              info: _context.t0.message
-            });
-            setIsLoading(false);
-            return _context.abrupt("return", []);
-          case 17:
+            _context.next = 2;
+            return fetchNewTafList();
+          case 2:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[2, 12]]);
-    }));
-    return function fetchNewTafList() {
-      return _ref.apply(this, arguments);
-    };
-  }();
-  var onUpdateTaf = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            return _context2.abrupt("return", fetchNewTafList());
-          case 1:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
+      }, _callee);
     }));
     return function onUpdateTaf() {
       return _ref2.apply(this, arguments);
@@ -6453,12 +6700,15 @@ var TafModule = function TafModule() {
         title: ERROR_AUTH,
         info: ERROR_AUTH_MESSAGE
       });
+    } else if (tafListError) {
+      setErrorMessage({
+        title: t('error-list'),
+        info: tafListError.message
+      });
     } else {
-      void fetchNewTafList();
+      setErrorMessage(null);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isLoggedIn]);
-  usePoller([tafList, errorMessage], fetchNewTafList);
+  }, [t, tafListError, isLoggedIn, ERROR_AUTH, ERROR_AUTH_MESSAGE]);
   return jsx(ResponsiveWrapper, {
     children: jsxs(Box, {
       component: "div",
@@ -6467,7 +6717,7 @@ var TafModule = function TafModule() {
       sx: {
         height: '100%'
       },
-      children: [isLoggedIn && isLoading && jsx(LinearProgress, {
+      children: [isLoggedIn && isFetching && jsx(LinearProgress, {
         "data-testid": "loading-bar",
         color: "secondary",
         sx: {
@@ -6480,19 +6730,25 @@ var TafModule = function TafModule() {
         "data-testid": "error-message",
         actionButtonProps: errorMessage.title !== ERROR_AUTH ? {
           title: t('error-title-retry'),
-          onClick: fetchNewTafList
+          onClick: onUpdateTaf
         } : undefined
       }) : null, jsx(TafLayout, {
-        tafList: tafList,
+        tafList: tafList || [],
         onUpdateTaf: onUpdateTaf,
-        lastUpdateTime: lastUpdateTime
+        lastUpdateTime: lastUpdateTime,
+        isAutoTafEnabled: isAutoTafEnabled
       })]
     })
   });
 };
-var Wrapper = function Wrapper(props) {
+var Wrapper = function Wrapper(_ref3) {
+  var _ref3$isAutoTafEnable = _ref3.isAutoTafEnabled,
+    isAutoTafEnabled = _ref3$isAutoTafEnable === void 0 ? false : _ref3$isAutoTafEnable,
+    props = _objectWithoutPropertiesLoose(_ref3, _excluded);
   return jsx(TafWrapper, Object.assign({}, props, {
-    children: jsx(TafModule, {})
+    children: jsx(TafModule, {
+      isAutoTafEnabled: isAutoTafEnabled
+    })
   }));
 };
 
@@ -6515,9 +6771,6 @@ var Wrapper = function Wrapper(props) {
  * */
 var getApiRoutes$1 = function getApiRoutes(axiosInstance) {
   return {
-    getTafList: function getTafList() {
-      return axiosInstance.get('/taflist');
-    },
     postTaf: function postTaf(formData) {
       return axiosInstance.post('/taf', Object.assign({}, formData));
     },
@@ -7090,6 +7343,228 @@ var fakeTafList = [{
       }
     }]
   }
+},
+// auto tafs
+{
+  creationDate: upcomingValidDateStart,
+  canbe: [],
+  editor: null,
+  taf: {
+    uuid: '5f9583fjdf0sdf337925',
+    baseTime: upcomingValidDateStart,
+    validDateStart: upcomingValidDateStart,
+    validDateEnd: upcomingValidDateEnd,
+    location: 'EHAM',
+    status: 'AUTO',
+    messageType: 'ORG',
+    baseForecast: {
+      valid: {
+        start: upcomingValidDateStart,
+        end: upcomingValidDateEnd
+      }
+    }
+  }
+}, {
+  creationDate: upcomingValidDateStart,
+  canbe: [],
+  editor: null,
+  taf: {
+    uuid: '5fsds9583fjd111137925',
+    baseTime: upcomingValidDateStart,
+    validDateStart: upcomingValidDateStart,
+    validDateEnd: upcomingValidDateEnd,
+    location: 'EHRD',
+    status: 'AUTO',
+    messageType: 'ORG',
+    baseForecast: {
+      valid: {
+        start: upcomingValidDateStart,
+        end: upcomingValidDateEnd
+      },
+      wind: {
+        direction: 180,
+        speed: 10,
+        unit: 'KT'
+      },
+      cavOK: true
+    }
+  }
+}, {
+  creationDate: upcomingValidDateStart,
+  canbe: [],
+  editor: null,
+  taf: {
+    uuid: '7549054545485',
+    baseTime: upcomingValidDateStart,
+    validDateStart: upcomingValidDateStart,
+    validDateEnd: upcomingValidDateEnd,
+    location: 'EHLE',
+    status: 'AUTO',
+    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, 3),
+        end: dateAdd(upcomingValidDateStart, 4)
+      },
+      visibility: {
+        range: 100,
+        unit: 'M'
+      },
+      cloud: {
+        cloud1: {
+          verticalVisibility: 5
+        }
+      }
+    }]
+  }
+}, {
+  creationDate: upcomingValidDateStart,
+  canbe: [],
+  editor: null,
+  taf: {
+    uuid: '4354545345345',
+    issueDate: upcomingValidDateStart,
+    baseTime: currentDate + "T18:00:00Z",
+    validDateStart: currentDate + "T18:00:00Z",
+    validDateEnd: upcomingValidDateEnd,
+    location: 'EHLE',
+    status: 'AUTO',
+    messageType: 'ORG',
+    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'
+        }
+      }
+    }]
+  }
+}, {
+  creationDate: upcomingValidDateStart,
+  canbe: ['CANCELLED', 'AMENDED', 'CORRECTED'],
+  editor: null,
+  taf: {
+    uuid: '5f9583fjdf45454ff4330f337925',
+    issueDate: upcomingValidDateStart,
+    baseTime: upcomingValidDateStart,
+    validDateStart: upcomingValidDateStart,
+    validDateEnd: upcomingValidDateEnd,
+    location: 'EHGG',
+    status: 'AUTO',
+    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
+        }
+      }
+    }]
+  }
 }];
 var fakeNewTaf = {
   creationDate: currentDate + "T12:00:00Z",
@@ -7554,15 +8029,6 @@ var getFakeUpdatedList = function getFakeUpdatedList() {
 };
 var getApiRoutes = function getApiRoutes(axiosInstance) {
   return {
-    getTafList: function getTafList() {
-      // eslint-disable-next-line no-console
-      console.log('Retrieving new TAF list');
-      return axiosInstance.get('/taflist').then(function () {
-        return {
-          data: getFakeUpdatedList()
-        };
-      });
-    },
     postTaf: function postTaf(_postTaf) {
       // eslint-disable-next-line no-console
       console.log("The new status of the taf will be " + _postTaf.changeStatusTo);
@@ -7624,7 +8090,8 @@ var TafApiWrapper = function TafApiWrapper(_ref) {
   var config = _ref.config,
     auth = _ref.auth,
     onSetAuth = _ref.onSetAuth,
-    onPreventCloseView = _ref.onPreventCloseView;
+    onPreventCloseView = _ref.onPreventCloseView,
+    initialProps = _ref.initialProps;
   return config ? jsx(ApiProvider, {
     config: {
       baseURL: config.baseURL,
@@ -7637,7 +8104,8 @@ var TafApiWrapper = function TafApiWrapper(_ref) {
     createApi: createApi$1,
     children: jsx(ErrorBoundary, {
       children: jsx(Wrapper, {
-        onPreventCloseView: onPreventCloseView
+        onPreventCloseView: onPreventCloseView,
+        isAutoTafEnabled: initialProps == null ? void 0 : initialProps.isAutoTafEnabled
       })
     })
   }) : null;
@@ -7653,12 +8121,17 @@ ConnectedModuleWrapper) {
   if (ConnectedModuleWrapper === void 0) {
     ConnectedModuleWrapper = null;
   }
-  var componentType = payload.componentType;
+  var componentType = payload.componentType,
+    initialProps = payload.initialProps;
   switch (componentType) {
     case 'TafModule':
       if (ConnectedModuleWrapper) {
         return jsx(ConnectedModuleWrapper, {
-          component: TafApiWrapper,
+          component: function component(props) {
+            return jsx(TafApiWrapper, Object.assign({}, props, {
+              initialProps: initialProps
+            }));
+          },
           payload: payload,
           "data-testid": "tafmodule",
           config: config,
@@ -7670,7 +8143,8 @@ ConnectedModuleWrapper) {
         "data-testid": "tafmodule",
         config: config,
         auth: auth,
-        onSetAuth: onSetAuth
+        onSetAuth: onSetAuth,
+        initialProps: initialProps
       });
     default:
       return null;