@opengeoweb/taf 13.1.1 → 14.0.0

package/README.md

@@ -45,7 +45,7 @@ const Component = () => {
 
 ## Configuration
 
-The TAF configuration is currently coming from the frontend and is located in `libs/taf/src/lib/utils/tafConfig.json`
+The TAF configuration is fetched from the [TAF backend](https://gitlab.com/opengeoweb/backend-services/aviation-taf-backend) via the `/taf-config` endpoint.
 
 ## AutoTaf
 

package/index.esm.js

@@ -1,14 +1,14 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default from 'react';
-import { Grid, Button, Chip, Box, Typography, TextField, Card, Tabs, Tab, MenuList, MenuItem, Backdrop, CircularProgress } from '@mui/material';
+import { Grid, Button, Chip, Box, Typography, TextField, LinearProgress, Card, Tabs, Tab, MenuList, MenuItem, Backdrop, CircularProgress } from '@mui/material';
 import { useFormContext, useFieldArray, Controller } from 'react-hook-form';
 import { useDispatch } from 'react-redux';
 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, dateUtils, sessionStorageProvider, getErrorMessage as getErrorMessage$1, getWarningMessage, CustomIconButton, CustomTooltip, ToolContainerDraggable, Avatar, getInitials, ToggleMenu, useConfirmationDialog, usePreventBrowserClose, SwitchButton, CustomDialog, ToolHeader, AlertBanner, LastUpdateTime, ErrorBoundary } from '@opengeoweb/shared';
+import { SHARED_NAMESPACE, dateUtils, sessionStorageProvider, getErrorMessage as getErrorMessage$1, getWarningMessage, CustomIconButton, CustomTooltip, ToolContainerDraggable, Avatar, getInitials, ToggleMenu, useConfirmationDialog, usePreventBrowserClose, SwitchButton, AlertBanner, CustomDialog, ToolHeader, LastUpdateTime, ErrorBoundary } from '@opengeoweb/shared';
 import { snackbarActions, snackbarTypes } from '@opengeoweb/snackbar';
 import 'i18next';
 import { useTranslation } from 'react-i18next';
@@ -18,7 +18,7 @@ import { getHeaders, handleResponse, useAuthQuery, useAuthenticationContext } fr
 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 LinearProgress from '@mui/material/LinearProgress';
+import LinearProgress$1 from '@mui/material/LinearProgress';
 import Box$1 from '@mui/material/Box';
 import { http, HttpResponse, delay } from 'msw';
 
@@ -48,6 +48,8 @@ var en = {
 	"error-auth-message": "Please log in to proceed.",
 	"error-list": "An error has occurred while retrieving the list",
 	"error-title-retry": "Try again",
+	"error-config": "An error has occurred while retrieving the TAF configuration",
+	"error-config-message": "Failed to get TAF configuration from backend",
 	"editor-on": "You are now the editor for TAF {{location}}",
 	"editor-off": "You are now no longer the editor for TAF {{location}}",
 	"taf-import-message": "TAF {{location}} {{locationLabel}} was imported successfully",
@@ -130,6 +132,8 @@ var fi = {
 	"error-auth-message": "Kirjaudu sisään jatkaaksesi",
 	"error-list": "Listaa haettaessa on tapahtunut virhe",
 	"error-title-retry": "Yritä uudelleen",
+	"error-config": "🚧 ei käännetty",
+	"error-config-message": "🚧 ei käännetty",
 	"editor-on": "Olet nyt TAF:n {{location}} editoija",
 	"editor-off": "Et ole enää TAF:n {{location}} editoija",
 	"taf-import-message": "TAF {{location}} {{locationLabel}} tuotu onnistuneesti",
@@ -212,6 +216,8 @@ var no = {
 	"error-auth-message": "Vennligst logg inn.",
 	"error-list": "En feil har oppstått ved henting av liste",
 	"error-title-retry": "Prøv igjen",
+	"error-config": "ikke oversatt",
+	"error-config-message": "ikke oversatt",
 	"editor-on": "Du er no redaktøren for TAF {{location}}",
 	"editor-off": "Du er ikke lenger redaktøren for TAF {{location}}",
 	"taf-import-message": "TAF {{location}} {{locationLabel}} ble importert",
@@ -294,6 +300,8 @@ var nl = {
 	"error-auth-message": "Log in om door te gaan.",
 	"error-list": "Er is een fout opgetreden bij het laden van de lijst",
 	"error-title-retry": "Probeer opnieuw",
+	"error-config": "Er is een fout opgetreden bij het laden van de TAF configuratie",
+	"error-config-message": "De TAF configuratie kon niet worden opgehaald",
 	"editor-on": "Je bent nu de editor van TAF {{location}}",
 	"editor-off": "Je bent nu niet langer de editor van TAF {{location}}",
 	"taf-import-message": "TAF {{location}} {{locationLabel}} is succesvol geïmporteerd",
@@ -2599,60 +2607,10 @@ var getTAC = function getTAC(auth, data) {
     body: JSON.stringify(data)
   }).then(handleResponse);
 };
-
-var location_indicator_mwo = "EHDB";
-var 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"
-	}
-};
-var locationOrder = [
-	"EHAM",
-	"EHRD",
-	"EHLE",
-	"EHGG",
-	"EHBK",
-	"TNCB"
-];
-var autoTAFlocations = [
-	"EHAM",
-	"EHRD",
-	"EHLE",
-	"EHGG",
-	"EHBK"
-];
-var tafConfig = {
-	location_indicator_mwo: location_indicator_mwo,
-	locations: locations,
-	locationOrder: locationOrder,
-	autoTAFlocations: autoTAFlocations
+var getTafConfig = function getTafConfig(auth) {
+  return fetch(tafBaseUrl + "/taf-config", {
+    headers: getHeaders(auth)
+  }).then(handleResponse);
 };
 
 /* *
@@ -2672,15 +2630,7 @@ var tafConfig = {
  * Copyright 2022 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-// TODO: should be validated
-var getTafSettings = function getTafSettings() {
-  return tafConfig;
-};
-var tafSettings = getTafSettings();
 var getLocationSetting = function getLocationSetting(location, locationSettings) {
-  if (locationSettings === void 0) {
-    locationSettings = tafSettings.locations;
-  }
   return locationSettings[location];
 };
 var sortTafsOnLocation = function sortTafsOnLocation(tafList, locationOrder) {
@@ -2688,7 +2638,7 @@ var sortTafsOnLocation = function sortTafsOnLocation(tafList, locationOrder) {
     tafList = [];
   }
   if (locationOrder === void 0) {
-    locationOrder = tafSettings.locationOrder;
+    locationOrder = [];
   }
   return [].concat(tafList).sort(function (_ref, _ref2) {
     var tafA = _ref.taf;
@@ -2709,9 +2659,9 @@ var sortTafsOnIssueDate = function sortTafsOnIssueDate(tafList) {
     return -1;
   });
 };
-var getBaseTime = function getBaseTime(baseTime, location) {
+var getBaseTime = function getBaseTime(baseTime, location, tafConfig) {
   var currentBaseTime = dateUtils.utc(baseTime);
-  var activityPeriod = getLocationSetting(location).activity_period;
+  var activityPeriod = getLocationSetting(location, tafConfig.locations).activity_period;
   var nextBaseTime = dateUtils.add(dateUtils.utc(baseTime), {
     hours: activityPeriod
   });
@@ -2720,9 +2670,9 @@ var getBaseTime = function getBaseTime(baseTime, location) {
     nextBaseTime: nextBaseTime
   };
 };
-var getTafTimeSlot = function getTafTimeSlot(baseTime, location, status) {
+var getTafTimeSlot = function getTafTimeSlot(baseTime, location, status, tafConfig) {
   var now = dateUtils.utc();
-  var _getBaseTime = getBaseTime(baseTime, location),
+  var _getBaseTime = getBaseTime(baseTime, location, tafConfig),
     currentBaseTime = _getBaseTime.currentBaseTime,
     nextBaseTime = _getBaseTime.nextBaseTime;
   if (status === 'EXPIRED') {
@@ -2733,12 +2683,12 @@ var getTafTimeSlot = function getTafTimeSlot(baseTime, location, status) {
   }
   return 'UPCOMING';
 };
-var sortTafTimeSlots = function sortTafTimeSlots(tafList) {
+var sortTafTimeSlots = function sortTafTimeSlots(tafList, tafConfig) {
   var sortedListOnIssueDate = sortTafsOnIssueDate(tafList);
-  var sortedListOnLocation = sortTafsOnLocation(sortedListOnIssueDate);
+  var sortedListOnLocation = sortTafsOnLocation(sortedListOnIssueDate, tafConfig.locationOrder);
   return sortedListOnLocation.reduce(function (sortedTafList, tafFromBackend) {
     var taf = tafFromBackend.taf;
-    var timeSlot = getTafTimeSlot(taf.baseTime, taf.location, taf.status);
+    var timeSlot = getTafTimeSlot(taf.baseTime, taf.location, taf.status, tafConfig);
     if (timeSlot === 'EXPIRED') {
       sortedTafList.expired.push(tafFromBackend);
     } else if (timeSlot === 'ACTIVE') {
@@ -2787,9 +2737,6 @@ 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) {
@@ -2872,6 +2819,12 @@ var useTafList = function useTafList(disabled) {
   }
   return useAuthQuery(['taf-list'], getTafList, disabled, 1000 * 60 * 5);
 };
+var useTafConfig = function useTafConfig(disabled) {
+  if (disabled === void 0) {
+    disabled = false;
+  }
+  return useAuthQuery(['taf-config'], getTafConfig, disabled, false);
+};
 var usePostTaf = function usePostTaf() {
   var queryClient = useQueryClient();
   var _useAuthenticationCon = useAuthenticationContext(),
@@ -4198,10 +4151,12 @@ var TafFormTextField = function TafFormTextField(_ref3) {
           onBlur: function onBlur(event) {
             return onBlurField(event, field.onBlur);
           },
-          inputProps: {
-            maxLength: maxLength,
-            className: 'inputText',
-            'aria-label': name
+          slotProps: {
+            htmlInput: {
+              maxLength: maxLength,
+              className: 'inputText',
+              'aria-label': name
+            }
           },
           autoFocus: autoFocus,
           shouldPreventUppercase: shouldPreventUppercase
@@ -5445,7 +5400,7 @@ var AdverseWeatherTACMessage = function AdverseWeatherTACMessage(_ref) {
               color: 'geowebColors.captions.captionError.rgba',
               fontWeight: 'bold'
             }),
-            children: word.text === '=' ? "" + word.text : " " + word.text
+            children: word.text === '=' ? word.text : " " + word.text
           }, word.text + index.toString());
         })
       }, line.toString() + index.toString());
@@ -5453,6 +5408,94 @@ var AdverseWeatherTACMessage = function AdverseWeatherTACMessage(_ref) {
   });
 };
 
+var TafConfigContext = /*#__PURE__*/React__default.createContext({
+  tafConfig: null
+});
+var useTafConfigContext = function useTafConfigContext() {
+  return React__default.useContext(TafConfigContext);
+};
+var TafConfigWrapper = function TafConfigWrapper(_ref) {
+  var children = _ref.children;
+  var _useTafTranslation = useTafTranslation(),
+    t = _useTafTranslation.t;
+  var _React$useState = React__default.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__default.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__default.useMemo(function () {
+    return {
+      tafConfig: tafConfig
+    };
+  }, [tafConfig]);
+  if (isLoggedIn && isFetching) {
+    return jsx(LinearProgress, {
+      "data-testid": "tafconfig-loading-bar",
+      color: "secondary",
+      sx: {
+        marginBottom: '-4px'
+      }
+    });
+  }
+  if (errorMessage || !tafConfig) {
+    return jsx(AlertBanner, {
+      severity: "error",
+      title: errorMessage ? errorMessage.title : ERROR_CONFIG,
+      info: errorMessage ? errorMessage.info : ERROR_CONFIG_MESSAGE,
+      "data-testid": "error-message",
+      actionButtonProps: !errorMessage || errorMessage.title !== ERROR_AUTH ? {
+        title: t('error-title-retry'),
+        onClick: onFetchConfig
+      } : undefined
+    });
+  }
+  return jsx(TafConfigContext.Provider, {
+    value: contextValue,
+    children: children
+  });
+};
+
 var TacHighLight = function TacHighLight(_ref) {
   var isActive = _ref.isActive,
     children = _ref.children;
@@ -5483,8 +5526,10 @@ var TacContainer = function TacContainer(_ref2) {
   var status = taf.status,
     location = taf.location,
     baseTime = taf.baseTime;
-  var locationLabel = getLocationSetting(location).label;
-  var timeSlot = getTafTimeSlot(baseTime, location, status);
+  var _useTafConfigContext = useTafConfigContext(),
+    tafConfig = _useTafConfigContext.tafConfig;
+  var locationLabel = getLocationSetting(location, tafConfig.locations).label;
+  var timeSlot = getTafTimeSlot(baseTime, location, status, tafConfig);
   var _useFormContext = useFormContext(),
     getValues = _useFormContext.getValues,
     trigger = _useFormContext.trigger,
@@ -5727,7 +5772,9 @@ var TacContainerLayout = function TacContainerLayout(_ref) {
     exportBtnSlot = _ref.exportBtnSlot,
     statusSlot = _ref.statusSlot,
     children = _ref.children;
-  var locationLabel = getLocationSetting(location).label;
+  var _useTafConfigContext = useTafConfigContext(),
+    tafConfig = _useTafConfigContext.tafConfig;
+  var locationLabel = getLocationSetting(location, tafConfig.locations).label;
   return jsxs(Box, {
     sx: {
       marginBottom: '20px'
@@ -5819,13 +5866,15 @@ var AutoTaf = function AutoTaf(_ref2) {
   var _useTafTranslation = useTafTranslation(),
     t = _useTafTranslation.t;
   var scrollRef = React__default.useRef(null);
+  var _useTafConfigContext = useTafConfigContext(),
+    tafConfig = _useTafConfigContext.tafConfig;
   React__default.useEffect(function () {
     if (activeTaf) {
       scrollToPosition(scrollRef, activeTaf.taf.location);
     }
   }, [activeTaf]);
   var renderAutoTaf = function renderAutoTaf(tafList) {
-    var autoTafLocations = getAutoTafLocations();
+    var autoTafLocations = getAutoTafLocations(tafConfig == null ? void 0 : tafConfig.autoTAFlocations);
     if (!autoTafLocations) {
       return jsx(Message, {
         text: t('autotaf-no-config')
@@ -5969,11 +6018,13 @@ var TopTabs = function TopTabs(_ref) {
     t = _useTafTranslation.t;
   var _useFormContext = useFormContext(),
     isDirty = _useFormContext.formState.isDirty;
+  var _useTafConfigContext = useTafConfigContext(),
+    tafConfig = _useTafConfigContext.tafConfig;
   if (!tafFromBackend) {
     return null;
   }
   var activeTab = timeSlot === 'UPCOMING' ? 0 : 1;
-  var _getBaseTime = getBaseTime(tafFromBackend.taf.baseTime, tafFromBackend.taf.location),
+  var _getBaseTime = getBaseTime(tafFromBackend.taf.baseTime, tafFromBackend.taf.location, tafConfig),
     currentBaseTime = _getBaseTime.currentBaseTime,
     nextBaseTime = _getBaseTime.nextBaseTime;
   var tabs = [{
@@ -6276,7 +6327,9 @@ var TafLayout = function TafLayout(_ref) {
   var _useTafModuleContext = useTafModuleContext(),
     onValidateForm = _useTafModuleContext.onValidateForm,
     tafAction = _useTafModuleContext.tafAction;
-  var _React$useState = React__default.useState(sortTafTimeSlots(tafList)),
+  var _useTafConfigContext = useTafConfigContext(),
+    tafConfig = _useTafConfigContext.tafConfig;
+  var _React$useState = React__default.useState(sortTafTimeSlots(tafList, tafConfig)),
     _React$useState$ = _React$useState[0],
     upcoming = _React$useState$.upcoming,
     current = _React$useState$.current,
@@ -6445,9 +6498,9 @@ var TafLayout = function TafLayout(_ref) {
   };
   React__default.useEffect(function () {
     var _locations$activeTafI;
-    var newSortedTafs = sortTafTimeSlots(tafList);
+    var newSortedTafs = sortTafTimeSlots(tafList, tafConfig);
     var updatedLocations = timeSlot === 'ACTIVE' ? newSortedTafs.current : newSortedTafs.upcoming;
-    updateSortedTafs(sortTafTimeSlots(tafList));
+    updateSortedTafs(sortTafTimeSlots(tafList, tafConfig));
     setLocations(updatedLocations);
     // update active index
     var previousActiveLocationUUID = (_locations$activeTafI = locations[activeTafIndex]) == null || (_locations$activeTafI = _locations$activeTafI.taf) == null ? void 0 : _locations$activeTafI.uuid;
@@ -6660,10 +6713,6 @@ var TafModule = function TafModule(_ref) {
   var _React$useState = React.useState(null),
     errorMessage = _React$useState[0],
     setErrorMessage = _React$useState[1];
-  var _useAuthenticationCon = useAuthenticationContext$1(),
-    isLoggedIn = _useAuthenticationCon.isLoggedIn;
-  var ERROR_AUTH = t('error-auth');
-  var ERROR_AUTH_MESSAGE = t('error-auth-message');
   var _useTafList = useTafList(),
     isFetching = _useTafList.isFetching,
     tafListError = _useTafList.error,
@@ -6689,12 +6738,7 @@ var TafModule = function TafModule(_ref) {
     };
   }();
   React.useEffect(function () {
-    if (!isLoggedIn) {
-      setErrorMessage({
-        title: ERROR_AUTH,
-        info: ERROR_AUTH_MESSAGE
-      });
-    } else if (tafListError) {
+    if (tafListError) {
       setErrorMessage({
         title: t('error-list'),
         info: tafListError.message
@@ -6702,7 +6746,7 @@ var TafModule = function TafModule(_ref) {
     } else {
       setErrorMessage(null);
     }
-  }, [t, tafListError, isLoggedIn, ERROR_AUTH, ERROR_AUTH_MESSAGE]);
+  }, [t, tafListError]);
   return jsx(ResponsiveWrapper, {
     children: jsxs(Box, {
       component: "div",
@@ -6711,7 +6755,7 @@ var TafModule = function TafModule(_ref) {
       sx: {
         height: '100%'
       },
-      children: [isLoggedIn && isFetching && jsx(LinearProgress, {
+      children: [isFetching && jsx(LinearProgress$1, {
         "data-testid": "loading-bar",
         color: "secondary",
         sx: {
@@ -6722,10 +6766,10 @@ var TafModule = function TafModule(_ref) {
         title: errorMessage.title,
         info: errorMessage.info,
         "data-testid": "error-message",
-        actionButtonProps: errorMessage.title !== ERROR_AUTH ? {
+        actionButtonProps: {
           title: t('error-title-retry'),
           onClick: onUpdateTaf
-        } : undefined
+        }
       }) : null, jsx(TafLayout, {
         tafList: tafList || [],
         onUpdateTaf: onUpdateTaf,
@@ -6740,8 +6784,10 @@ var Wrapper = function Wrapper(_ref3) {
     isAutoTafEnabled = _ref3$isAutoTafEnable === void 0 ? false : _ref3$isAutoTafEnable,
     props = _objectWithoutPropertiesLoose(_ref3, _excluded);
   return jsx(TafWrapper, Object.assign({}, props, {
-    children: jsx(TafModule, {
-      isAutoTafEnabled: isAutoTafEnabled
+    children: jsx(TafConfigWrapper, {
+      children: jsx(TafModule, {
+        isAutoTafEnabled: isAutoTafEnabled
+      })
     })
   }));
 };
@@ -6775,7 +6821,6 @@ var TafApiWrapper = function TafApiWrapper(_ref) {
 };
 var componentsLookUp = function componentsLookUp(payload, _ref2,
 // TODO: find a good way to type this module without the apps complaining
-// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 ConnectedModuleWrapper) {
   var config = _ref2.config,
@@ -7997,6 +8042,43 @@ 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());
 }), http.post(/^.*\/taf$/, /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -8058,6 +8140,8 @@ var tafEndPoints = [http.get(/^.*\/taflist$/, function () {
         return _context3.stop();
     }
   }, _callee3);
-})))];
+}))), http.get(/^.*\/taf-config$/, function () {
+  return HttpResponse.json(fakeTafConfig);
+})];
 
 export { TAF_NAMESPACE, TafApiWrapper, TafForm, Wrapper as TafModule, componentsLookUp, tafEndPoints, tafScreenPreset, tafTranslations };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/taf",
-  "version": "13.1.1",
+  "version": "14.0.0",
   "description": "GeoWeb TAF library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,15 +8,15 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/api": "13.1.1",
-    "@opengeoweb/shared": "13.1.1",
+    "@opengeoweb/api": "14.0.0",
+    "@opengeoweb/shared": "14.0.0",
     "react-hook-form": "^7.50.1",
-    "@opengeoweb/theme": "13.1.1",
-    "@opengeoweb/form-fields": "13.1.1",
-    "@opengeoweb/authentication": "13.1.1",
+    "@opengeoweb/theme": "14.0.0",
+    "@opengeoweb/form-fields": "14.0.0",
+    "@opengeoweb/authentication": "14.0.0",
     "@reduxjs/toolkit": "^2.6.1",
     "react-redux": "^9.2.0",
-    "@opengeoweb/snackbar": "13.1.1",
+    "@opengeoweb/snackbar": "14.0.0",
     "react-sortablejs": "^6.1.4",
     "sortablejs": "^1.15.1",
     "@emotion/react": "^11.11.1",

package/src/lib/components/TafLayout/utils.d.ts

@@ -1,27 +1,27 @@
 import { TFunction } from 'i18next';
 import { AxiosError } from 'axios';
-import { AutoTAFlocations, Taf, TafConfigLocation, TafConfigLocations, TafFromBackend, TafFromFrontEnd, TafStatus, TimeSlot } from '../../types';
-export declare const getLocationSetting: (location: string, locationSettings?: TafConfigLocations) => TafConfigLocation;
+import { AutoTAFlocations, Taf, TafConfig, TafConfigLocation, TafConfigLocations, TafFromBackend, TafFromFrontEnd, TafStatus, TimeSlot } from '../../types';
+export declare const getLocationSetting: (location: string, locationSettings: TafConfigLocations) => TafConfigLocation;
 export declare const sortTafsOnLocation: (tafList?: TafFromBackend[], locationOrder?: string[]) => TafFromBackend[];
 export declare const sortTafsOnIssueDate: (tafList?: TafFromBackend[]) => TafFromBackend[];
-export declare const getBaseTime: (baseTime: string, location: string) => {
+export declare const getBaseTime: (baseTime: string, location: string, tafConfig: TafConfig) => {
     currentBaseTime: Date;
     nextBaseTime: Date;
 };
-export declare const getTafTimeSlot: (baseTime: string, location: string, status: TafStatus) => TimeSlot;
+export declare const getTafTimeSlot: (baseTime: string, location: string, status: TafStatus, tafConfig: TafConfig) => TimeSlot;
 interface TafTimeSlots {
     current: TafFromBackend[];
     upcoming: TafFromBackend[];
     expired: TafFromBackend[];
 }
-export declare const sortTafTimeSlots: (tafList: TafFromBackend[]) => TafTimeSlots;
+export declare const sortTafTimeSlots: (tafList: TafFromBackend[], tafConfig: TafConfig) => TafTimeSlots;
 export declare const muiTabA11yProps: (index: number) => {
     id: string;
     "aria-controls": string;
 };
 export declare const getNewTafLocationIndex: (tafLocations: TafFromBackend[], previousTafLocationUUID: string) => number;
 export declare const getPreviousTaf: (tafList: TafFromBackend[], currentTaf: TafFromBackend) => Taf;
-export declare const getAutoTafLocations: (autoTAFlocations?: AutoTAFlocations | undefined) => AutoTAFlocations | null;
+export declare const getAutoTafLocations: (autoTAFlocations: AutoTAFlocations | undefined) => AutoTAFlocations | null;
 export declare const scrollToPosition: (scrollRef: React.RefObject<HTMLElement>, activeLocation: string) => void;
 export declare const formatBaseTime: (time: Date) => string;
 export declare const getSnackbarMessage: (tafFromFrontEnd: TafFromFrontEnd, isAutoSaved: boolean, t: TFunction) => string;

package/src/lib/components/TafModule/TafModule.stories.d.ts

@@ -30,6 +30,15 @@ export declare const TafModuleLightThemeWithErrorOnLoadingList: {
         };
     };
 };
+export declare const TafModuleLightThemeWithErrorOnLoadingConfig: {
+    parameters: {
+        msw: {
+            handlers: {
+                taf: import("msw").HttpHandler[];
+            };
+        };
+    };
+};
 export declare const TafModuleWithNewData: {
     parameters: {
         msw: {

package/src/lib/components/TafWrapper/TafConfigWrapper.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { TafConfig } from '../../types';
+interface TafConfigWrapperContext {
+    tafConfig?: TafConfig;
+}
+export declare const TafConfigContext: React.Context<TafConfigWrapperContext>;
+export declare const useTafConfigContext: () => Partial<TafConfigWrapperContext>;
+interface TafConfigWrapperProps {
+    children?: React.ReactNode;
+}
+declare const TafConfigWrapper: React.FC<TafConfigWrapperProps>;
+export default TafConfigWrapper;

package/src/lib/utils/taf-api/api.d.ts

@@ -1,6 +1,7 @@
 import { Credentials } from '@opengeoweb/authentication';
-import { TAC, Taf, TafFromBackend, TafFromFrontEnd } from '../../types';
+import { TAC, Taf, TafConfig, TafFromBackend, TafFromFrontEnd } from '../../types';
 export declare const getTafList: (auth: Credentials) => Promise<TafFromBackend[]>;
 export declare const postTaf: (auth: Credentials, data: TafFromFrontEnd) => Promise<Response>;
 export declare const patchTaf: (auth: Credentials, data: TafFromFrontEnd, force?: boolean) => Promise<Response>;
 export declare const getTAC: (auth: Credentials, data: Taf) => Promise<TAC>;
+export declare const getTafConfig: (auth: Credentials) => Promise<TafConfig>;

package/src/lib/utils/taf-api/fakeApi.d.ts

@@ -1,5 +1,6 @@
-import { AdverseWeatherTAC, TafFromBackend } from '../../types';
+import { AdverseWeatherTAC, TafFromBackend, TafConfig } from '../../types';
 export declare const getFakeUpdatedList: () => TafFromBackend[];
 export declare const fakeTafTac = "TAF EHAM 0812/0918 20020G35KT 0500 SN BKN040 BECMG 0814/0816 0700 BKN001=";
 export declare const fakeTafTacJson: AdverseWeatherTAC;
+export declare const fakeTafConfig: TafConfig;
 export declare const tafEndPoints: import("msw").HttpHandler[];

package/src/lib/utils/taf-api/hooks.d.ts

@@ -1,7 +1,8 @@
 import { UseMutationResult, UseQueryResult } from '@tanstack/react-query';
-import { TAC, Taf, TafFromBackend, TafFromFrontEnd } from '../../types';
+import { TAC, Taf, TafFromBackend, TafFromFrontEnd, TafConfig } from '../../types';
 import { TafError } from '../../components/TafLayout/utils';
 export declare const useTafList: (disabled?: boolean) => UseQueryResult<TafFromBackend[]>;
+export declare const useTafConfig: (disabled?: boolean) => UseQueryResult<TafConfig>;
 type PostReturnType<T> = UseMutationResult<Response | null, Error, T>;
 interface PostTafProps {
     tafData: TafFromFrontEnd;