@opengeoweb/sigmet-airmet 4.15.1 → 4.17.0

package/index.esm.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 import { Box, Button, FormControlLabel, Radio, Grid, Typography, Checkbox, MenuItem, FormHelperText, useTheme, Dialog, DialogTitle, DialogContent, Card, LinearProgress, List, ListItem, Backdrop, CircularProgress } from '@mui/material';
 import { useFormContext } from 'react-hook-form';
 import { useDraftFormHelpers, ReactHookFormRadioGroup, ReactHookFormSelect, ReactHookFormNumberField, isInteger, isValidMax, isValidMin, isEmpty, ReactHookFormDateTime, isValidDate, isBefore, isBetween, hasMaxFeaturePoints, hasMulitpleIntersections, ReactHookFormHiddenInput, isMaximumOneDrawing, hasIntersectionWithFIR, isValidGeoJsonCoordinates, isXHoursBefore, isAfter, isXHoursAfter, ReactHookFormTextField, isLatitude, isNonOrBothCoordinates, isLongitude, ReactHookFormFormControl, isGeometryDirty, ReactHookFormProvider, defaultFormOptions } from '@opengeoweb/form-fields';
-import { useApiContext, createApiInstance } from '@opengeoweb/api';
+import { useApiContext, useApi, createApiInstance, createNonAuthApiInstance } from '@opengeoweb/api';
 import produce, { produce as produce$1 } from 'immer';
 import * as turf from '@turf/turf';
 import { polygonToLineString, booleanClockwise, rewind } from '@turf/turf';
@@ -15,6 +15,7 @@ import { debounce } from 'lodash';
 import { useDispatch, useSelector, shallowEqual } from 'react-redux';
 import Ajv from 'ajv';
 import mergeAjvPatch from 'ajv-merge-patch';
+import { Box as Box$1 } from '@mui/system';
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
@@ -776,9 +777,17 @@ var getConfirmationDialogTitle = function getConfirmationDialogTitle(action, pro
 };
 var getConfirmationDialogContent = function getConfirmationDialogContent(action, productType) {
   var product = productType.toUpperCase();
-  if (action === 'DISCARDED') return "Are you sure you would like to discard this ".concat(product, "? Its properties will be lost");
+
+  if (action === 'DISCARDED') {
+    return "Are you sure you would like to discard this ".concat(product, "? Its properties will be lost");
+  }
+
   if (action === 'CLOSED') return 'Do you want to save any changes made?';
-  if (action === 'PUBLISHED') return "Are you sure you want to publish this ".concat(product, "?");
+
+  if (action === 'PUBLISHED') {
+    return "Are you sure you want to publish this ".concat(product, "?");
+  }
+
   return "Are you sure you want to cancel this ".concat(product, "?");
 };
 var getConfirmationDialogButtonLabel = function getConfirmationDialogButtonLabel(action, productType) {
@@ -896,6 +905,17 @@ var getMinMovementSpeedValue = function getMinMovementSpeedValue(unit, selectedF
 
   return movement_min !== undefined && movement_min[unit] ? movement_min[unit] : DEFAULT_MIN_MOVEMENT_SPEED;
 };
+/** Trigger form validations for given list of field names if field has a value */
+
+var triggerValidations = function triggerValidations(fieldNames, getValues, trigger) {
+  fieldNames.forEach(function (field) {
+    var value = getValues(field);
+
+    if (value || value === 0) {
+      trigger(field);
+    }
+  });
+};
 
 var getDrawModeFromSelectionType = function getDrawModeFromSelectionType(selectionType) {
   switch (selectionType) {
@@ -933,9 +953,11 @@ var addFeatureProperties = function addFeatureProperties(geojson, featurePropert
   });
 };
 var getInitialGeoJSONState = function getInitialGeoJSONState(productConfig, currentSelectedFIR, initialGeometry) {
+  var startGeometry = initialGeometry && initialGeometry.start ? initialGeometry.start : geoJSONTemplate['BOX']['start'];
+  var endGeometry = initialGeometry && initialGeometry.end ? initialGeometry.end : geoJSONTemplate['BOX']['end'];
   return {
-    start: addFeatureProperties(initialGeometry === null || initialGeometry === void 0 ? void 0 : initialGeometry.start, featurePropsStart),
-    end: addFeatureProperties(initialGeometry === null || initialGeometry === void 0 ? void 0 : initialGeometry.end, featurePropsEnd),
+    start: addFeatureProperties(startGeometry, featurePropsStart),
+    end: addFeatureProperties(endGeometry, featurePropsEnd),
     intersectionStart: addFeatureProperties(initialGeometry === null || initialGeometry === void 0 ? void 0 : initialGeometry.intersectionStart, featurePropsIntersectionStart),
     intersectionEnd: addFeatureProperties(initialGeometry === null || initialGeometry === void 0 ? void 0 : initialGeometry.intersectionEnd, featurePropsIntersectionEnd),
     fir: addFeatureProperties(getFir(productConfig, currentSelectedFIR), featurePropsFIR)
@@ -1467,6 +1489,22 @@ var DrawTools = function DrawTools(_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 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2022 - Finnish Meteorological Institute (FMI)
+ * */
 var DEFAULT_ROUNDING_LEVELS_FL = 100;
 var DEFAULT_ROUNDING_LEVELS_FT = 5;
 var DEFAULT_ROUNDING_LEVELS_M = 1;
@@ -1544,9 +1582,13 @@ var Levels = function Levels(_ref) {
       isRequired = _useDraftFormHelpers.isRequired;
 
   var levelInfoMode = watch('levelInfoMode');
-  var selectedFIR = watch('locationIndicatorATSR'); // Get allowed level units based on selected FIR - if no FIR selected, allow all default units
 
-  var allowedLevelUnitsForFir = getAllowedUnits(selectedFIR, productConfig, 'level_unit', LevelUnits);
+  var getFIRValue = function getFIRValue() {
+    return getValues('locationIndicatorATSR');
+  }; // Get allowed level units based on selected FIR - if no FIR selected, allow all default units
+
+
+  var allowedLevelUnitsForFir = getAllowedUnits(getFIRValue(), productConfig, 'level_unit', LevelUnits);
   React__default.useEffect(function () {
     if (levelInfoMode !== 'BETW') {
       unregister('lowerLevel');
@@ -1621,9 +1663,7 @@ var Levels = function Levels(_ref) {
     isReadOnly: isReadOnly,
     defaultValue: 'FL',
     onChange: function onChange() {
-      if (getValues('level.value') || getValues('level.value') === 0) {
-        trigger('level.value');
-      }
+      triggerValidations(['level.value'], getValues, trigger);
 
       _onChange();
     }
@@ -1646,17 +1686,17 @@ var Levels = function Levels(_ref) {
         isInteger: isInteger,
         max: function max(value) {
           return (// The max level depends on the unit
-            isValidMax(value, getMaxLevelValue(getValues('level.unit'), selectedFIR, productConfig)) || "The maximum level in ".concat(LevelUnits[getValues('level.unit')], " is ").concat(getMaxLevelValue(getValues('level.unit'), selectedFIR, productConfig))
+            isValidMax(value, getMaxLevelValue(getValues('level.unit'), getFIRValue(), productConfig)) || "The maximum level in ".concat(LevelUnits[getValues('level.unit')], " is ").concat(getMaxLevelValue(getValues('level.unit'), getFIRValue(), productConfig))
           );
         },
         min: function min(value) {
           return (// The min level depends on the unit
-            isValidMin(value, getMinLevelValue(getValues('level.unit'), selectedFIR, productConfig)) || "The minimum level in ".concat(LevelUnits[getValues('level.unit')], " is ").concat(getMinLevelValue(getValues('level.unit'), selectedFIR, productConfig))
+            isValidMin(value, getMinLevelValue(getValues('level.unit'), getFIRValue(), productConfig)) || "The minimum level in ".concat(LevelUnits[getValues('level.unit')], " is ").concat(getMinLevelValue(getValues('level.unit'), getFIRValue(), productConfig))
           );
         },
         validateLevels: function validateLevels(value) {
           return (// level step depends on the unit
-            _validateLevels(value, getValues('level.unit'), productConfig, selectedFIR)
+            _validateLevels(value, getValues('level.unit'), productConfig, getFIRValue())
           );
         }
       }
@@ -1701,7 +1741,7 @@ var Levels = function Levels(_ref) {
     isReadOnly: isReadOnly,
     defaultValue: 'FL',
     onChange: function onChange() {
-      trigger([].concat(_toConsumableArray(getValues('level.value') || getValues('level.value') === 0 ? ['level.value'] : []), _toConsumableArray(getValues('lowerLevel.value') || getValues('lowerLevel.value') === 0 ? ['lowerLevel.value'] : []), ['lowerLevel.unit']));
+      triggerValidations(['level.value', 'lowerLevel.value', 'lowerLevel.unit'], getValues, trigger);
 
       _onChange();
     }
@@ -1724,17 +1764,17 @@ var Levels = function Levels(_ref) {
         isInteger: isInteger,
         max: function max(value) {
           return (// The max level depends on the unit
-            isValidMax(value, getMaxLevelValue(getValues('level.unit'), selectedFIR, productConfig)) || "The maximum level in ".concat(LevelUnits[getValues('level.unit')], " is ").concat(getMaxLevelValue(getValues('level.unit'), selectedFIR, productConfig))
+            isValidMax(value, getMaxLevelValue(getValues('level.unit'), getFIRValue(), productConfig)) || "The maximum level in ".concat(LevelUnits[getValues('level.unit')], " is ").concat(getMaxLevelValue(getValues('level.unit'), getFIRValue(), productConfig))
           );
         },
         min: function min(value) {
           return (// The min level depends on the unit
-            isValidMin(value, getMinLevelValue(getValues('level.unit'), selectedFIR, productConfig)) || "The minimum level in ".concat(LevelUnits[getValues('level.unit')], " is ").concat(getMinLevelValue(getValues('level.unit'), selectedFIR, productConfig))
+            isValidMin(value, getMinLevelValue(getValues('level.unit'), getFIRValue(), productConfig)) || "The minimum level in ".concat(LevelUnits[getValues('level.unit')], " is ").concat(getMinLevelValue(getValues('level.unit'), getFIRValue(), productConfig))
           );
         },
         validateLevels: function validateLevels(value) {
           return (// level step depends on the unit
-            _validateLevels(value, getValues('level.unit'), productConfig, selectedFIR)
+            _validateLevels(value, getValues('level.unit'), productConfig, getFIRValue())
           );
         }
       }
@@ -1742,7 +1782,7 @@ var Levels = function Levels(_ref) {
     disabled: isDisabled,
     isReadOnly: isReadOnly,
     onChange: function onChange() {
-      return (getValues('lowerLevel.value') || getValues('lowerLevel.value') === 0) && trigger('lowerLevel.value');
+      triggerValidations(['lowerLevel.value'], getValues, trigger);
     },
     autoFocus: true
   }))), /*#__PURE__*/React__default.createElement(Grid, {
@@ -1793,11 +1833,7 @@ var Levels = function Levels(_ref) {
     isReadOnly: isReadOnly,
     defaultValue: getValues('level.unit') || 'FL',
     onChange: function onChange() {
-      if (getValues('lowerLevel.value') || getValues('lowerLevel.value') === 0) {
-        trigger('lowerLevel.value');
-      }
-
-      trigger('level.unit');
+      triggerValidations(['lowerLevel.value', 'level.unit'], getValues, trigger);
 
       _onChange();
     }
@@ -1819,12 +1855,12 @@ var Levels = function Levels(_ref) {
         isInteger: isInteger,
         max: function max(value) {
           return (// The max level depends on the unit
-            isValidMax(value, getMaxLevelValue(getValues('lowerLevel.unit'), selectedFIR, productConfig)) || "The maximum level in ".concat(LevelUnits[getValues('lowerLevel.unit')], " is ").concat(getMaxLevelValue(getValues('lowerLevel.unit'), selectedFIR, productConfig))
+            isValidMax(value, getMaxLevelValue(getValues('lowerLevel.unit'), getFIRValue(), productConfig)) || "The maximum level in ".concat(LevelUnits[getValues('lowerLevel.unit')], " is ").concat(getMaxLevelValue(getValues('lowerLevel.unit'), getFIRValue(), productConfig))
           );
         },
         min: function min(value) {
           return (// The min level depends on the unit
-            isValidMin(value, getMinLevelValue(getValues('lowerLevel.unit'), selectedFIR, productConfig)) || "The minimum level in ".concat(LevelUnits[getValues('lowerLevel.unit')], " is ").concat(getMinLevelValue(getValues('lowerLevel.unit'), selectedFIR, productConfig))
+            isValidMin(value, getMinLevelValue(getValues('lowerLevel.unit'), getFIRValue(), productConfig)) || "The minimum level in ".concat(LevelUnits[getValues('lowerLevel.unit')], " is ").concat(getMinLevelValue(getValues('lowerLevel.unit'), getFIRValue(), productConfig))
           );
         },
         isLevelLower: function isLevelLower$1(value) {
@@ -1834,7 +1870,7 @@ var Levels = function Levels(_ref) {
         },
         validateLevels: function validateLevels(value) {
           return (// level step depends on the unit
-            _validateLevels(value, getValues('lowerLevel.unit'), productConfig, selectedFIR)
+            _validateLevels(value, getValues('lowerLevel.unit'), productConfig, getFIRValue())
           );
         }
       }
@@ -1887,9 +1923,7 @@ var Levels = function Levels(_ref) {
     isReadOnly: isReadOnly,
     defaultValue: 'FL',
     onChange: function onChange() {
-      if (getValues('level.value') || getValues('level.value') === 0) {
-        trigger('level.value');
-      }
+      triggerValidations(['level.value'], getValues, trigger);
 
       _onChange();
     }
@@ -1911,17 +1945,17 @@ var Levels = function Levels(_ref) {
         isInteger: isInteger,
         max: function max(value) {
           return (// The max level depends on the unit
-            isValidMax(value, getMaxLevelValue(getValues('level.unit'), selectedFIR, productConfig)) || "The maximum level in ".concat(LevelUnits[getValues('level.unit')], " is ").concat(getMaxLevelValue(getValues('level.unit'), selectedFIR, productConfig))
+            isValidMax(value, getMaxLevelValue(getValues('level.unit'), getFIRValue(), productConfig)) || "The maximum level in ".concat(LevelUnits[getValues('level.unit')], " is ").concat(getMaxLevelValue(getValues('level.unit'), getFIRValue(), productConfig))
           );
         },
         min: function min(value) {
           return (// The min level depends on the unit
-            isValidMin(value, getMinLevelValue(getValues('level.unit'), selectedFIR, productConfig)) || "The minimum level in ".concat(LevelUnits[getValues('level.unit')], " is ").concat(getMinLevelValue(getValues('level.unit'), selectedFIR, productConfig))
+            isValidMin(value, getMinLevelValue(getValues('level.unit'), getFIRValue(), productConfig)) || "The minimum level in ".concat(LevelUnits[getValues('level.unit')], " is ").concat(getMinLevelValue(getValues('level.unit'), getFIRValue(), productConfig))
           );
         },
         validateLevels: function validateLevels(value) {
           return (// level step depends on the unit
-            _validateLevels(value, getValues('level.unit'), productConfig, selectedFIR)
+            _validateLevels(value, getValues('level.unit'), productConfig, getFIRValue())
           );
         }
       }
@@ -1977,9 +2011,7 @@ var ObservationForecast = function ObservationForecast(_ref) {
       }
     },
     onChange: function onChange() {
-      if (getValues('observationOrForecastTime')) {
-        trigger('observationOrForecastTime');
-      }
+      triggerValidations(['observationOrForecastTime'], getValues, trigger);
     },
     isReadOnly: isReadOnly
   }, (!isReadOnly || watch('isObservationOrForecast') === 'OBS') && /*#__PURE__*/React__default.createElement(RadioButtonAndLabel, {
@@ -2052,6 +2084,23 @@ var ObservationForecastTime = function ObservationForecastTime(_ref) {
   })) : null;
 };
 
+/* *
+ * 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 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2022 - Finnish Meteorological Institute (FMI)
+ * */
+
 var Phenomenon = function Phenomenon(_ref) {
   var productType = _ref.productType,
       isDisabled = _ref.isDisabled,
@@ -2083,9 +2132,9 @@ var Phenomenon = function Phenomenon(_ref) {
         setValue('movementType', null);
       }
 
-      _onChange();
+      triggerValidations(['validDateStart', 'validDateEnd'], getValues, trigger);
 
-      return trigger([].concat(_toConsumableArray(getValues('validDateStart') ? ['validDateStart'] : []), _toConsumableArray(getValues('validDateEnd') ? ['validDateEnd'] : [])));
+      _onChange();
     },
     autoFocus: true
   }, Object.keys(phenomenaList).map(function (key) {
@@ -2256,9 +2305,13 @@ var Progress = function Progress(_ref) {
       isDraft = _useDraftFormHelpers.isDraft;
 
   var movementType = watch('movementType');
-  var selectedFIR = watch('locationIndicatorATSR'); // Get allowed movement units based on selected FIR - if no FIR selected, allow all units
 
-  var allowedMovementUnitsForFir = getAllowedUnits(selectedFIR, productConfig, 'movement_unit', MovementUnit);
+  var getFIRValue = function getFIRValue() {
+    return getValues('locationIndicatorATSR');
+  }; // Get allowed movement units based on selected FIR - if no FIR selected, allow all units
+
+
+  var allowedMovementUnitsForFir = getAllowedUnits(getFIRValue(), productConfig, 'movement_unit', MovementUnit);
   React__default.useEffect(function () {
     if (movementType !== 'MOVEMENT') {
       unregister('movementDirection');
@@ -2348,10 +2401,7 @@ var Progress = function Progress(_ref) {
     "data-testid": "movement-movementUnit",
     onChange: function onChange(event) {
       event.stopPropagation();
-
-      if (getValues('movementSpeed') || getValues('movementSpeed') === 0) {
-        trigger('movementSpeed');
-      }
+      triggerValidations(['movementSpeed'], getValues, trigger);
 
       _onChange();
     }
@@ -2372,17 +2422,17 @@ var Progress = function Progress(_ref) {
         isInteger: isInteger,
         min: function min(value) {
           return (// The max level depends on the unit
-            isValidMin(value, getMinMovementSpeedValue(getValues('movementUnit'), selectedFIR, productConfig)) || "The minimum level in ".concat(MovementUnit[getValues('movementUnit')], " is ").concat(getMinMovementSpeedValue(getValues('movementUnit'), selectedFIR, productConfig))
+            isValidMin(value, getMinMovementSpeedValue(getValues('movementUnit'), getFIRValue(), productConfig)) || "The minimum level in ".concat(MovementUnit[getValues('movementUnit')], " is ").concat(getMinMovementSpeedValue(getValues('movementUnit'), getFIRValue(), productConfig))
           );
         },
         max: function max(value) {
           return (// The max level depends on the unit
-            isValidMax(value, getMaxMovementSpeedValue(getValues('movementUnit'), selectedFIR, productConfig)) || "The maximum level in ".concat(MovementUnit[getValues('movementUnit')], " is ").concat(getMaxMovementSpeedValue(getValues('movementUnit'), selectedFIR, productConfig))
+            isValidMax(value, getMaxMovementSpeedValue(getValues('movementUnit'), getFIRValue(), productConfig)) || "The maximum level in ".concat(MovementUnit[getValues('movementUnit')], " is ").concat(getMaxMovementSpeedValue(getValues('movementUnit'), getFIRValue(), productConfig))
           );
         },
         validateMovementSteps: function validateMovementSteps(value) {
           return (// movement step depends on the unit
-            _validateMovementSteps(value, getValues('movementUnit'), productConfig, selectedFIR)
+            _validateMovementSteps(value, getValues('movementUnit'), productConfig, getFIRValue())
           );
         }
       }
@@ -2487,7 +2537,9 @@ var SelectFIR = function SelectFIR(_ref) {
       onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
 
   var _useFormContext = useFormContext(),
-      setValue = _useFormContext.setValue;
+      setValue = _useFormContext.setValue,
+      trigger = _useFormContext.trigger,
+      getValues = _useFormContext.getValues;
 
   var _useDraftFormHelpers = useDraftFormHelpers(),
       isRequired = _useDraftFormHelpers.isRequired;
@@ -2508,7 +2560,10 @@ var SelectFIR = function SelectFIR(_ref) {
     setValue('locationIndicatorATSU', valuesFromConfig.locationIndicatorATSU);
     setValue('firName', valuesFromConfig.firName);
     setValue('locationIndicatorMWO', valuesFromConfig.locationIndicatorMWO);
-    setValue('firGeometry', valuesFromConfig.firGeometry);
+    setValue('firGeometry', valuesFromConfig.firGeometry); // trigger validation for generic fields that depend on FIR config
+
+    var fieldnames = ['validDateStart', 'validDateEnd', 'movementSpeed', 'level.value', 'lowerLevel.value'];
+    triggerValidations(fieldnames, getValues, trigger);
     onChange(changeEvent);
   };
 
@@ -2667,13 +2722,7 @@ var ValidFrom = function ValidFrom(_ref) {
       }
     },
     onChange: function onChange() {
-      if (getValues('validDateEnd')) {
-        trigger('validDateEnd');
-      }
-
-      if (getValues('observationOrForecastTime')) {
-        trigger('observationOrForecastTime');
-      }
+      triggerValidations(['validDateEnd', 'observationOrForecastTime'], getValues, trigger);
 
       _onChange();
     },
@@ -2744,13 +2793,7 @@ var ValidUntil = function ValidUntil(_ref) {
     disabled: isDisabled,
     isReadOnly: isReadOnly,
     onChange: function onChange() {
-      if (getValues('validDateStart')) {
-        trigger('validDateStart');
-      }
-
-      if (getValues('observationOrForecastTime')) {
-        trigger('observationOrForecastTime');
-      }
+      triggerValidations(['validDateStart', 'observationOrForecastTime'], getValues, trigger);
 
       _onChange();
     }
@@ -2920,9 +2963,12 @@ var SurfaceVisibility = function SurfaceVisibility(_ref) {
       isRequired = _useDraftFormHelpers.isRequired;
 
   var _useFormContext = useFormContext(),
-      watch = _useFormContext.watch;
+      getValues = _useFormContext.getValues;
+
+  var getFIRValue = function getFIRValue() {
+    return getValues('locationIndicatorATSR');
+  };
 
-  var selectedFIR = watch('locationIndicatorATSR');
   var visibilityLabel = getFieldLabel('Visibility', isReadOnly);
   var visibilityCauseLabel = getFieldLabel('Cause', isReadOnly);
   return /*#__PURE__*/React__default.createElement(Grid, {
@@ -2953,16 +2999,16 @@ var SurfaceVisibility = function SurfaceVisibility(_ref) {
         isRequired: isRequired,
         min: function min(value) {
           return (// The min level depends on the unit
-            isValidMin(value, getMinVisibilityValue(selectedFIR, productConfig)) || "The minimum visibility in meters is ".concat(getMinVisibilityValue(selectedFIR, productConfig))
+            isValidMin(value, getMinVisibilityValue(getFIRValue(), productConfig)) || "The minimum visibility in meters is ".concat(getMinVisibilityValue(getFIRValue(), productConfig))
           );
         },
         max: function max(value) {
           return (// The max level depends on the unit
-            isValidMax(value, getMaxVisibilityValue(selectedFIR, productConfig)) || "The maximum visibility in meters is ".concat(getMaxVisibilityValue(selectedFIR, productConfig))
+            isValidMax(value, getMaxVisibilityValue(getFIRValue(), productConfig)) || "The maximum visibility in meters is ".concat(getMaxVisibilityValue(getFIRValue(), productConfig))
           );
         },
         validateSurfaceVisibility: function validateSurfaceVisibility(value) {
-          return _validateSurfaceVisibility(value, productConfig, selectedFIR);
+          return _validateSurfaceVisibility(value, productConfig, getFIRValue());
         }
       }
     },
@@ -3040,15 +3086,17 @@ var SurfaceWind = function SurfaceWind(_ref) {
 
   var _useFormContext = useFormContext(),
       trigger = _useFormContext.trigger,
-      getValues = _useFormContext.getValues,
-      watch = _useFormContext.watch;
+      getValues = _useFormContext.getValues;
 
   var _useDraftFormHelpers = useDraftFormHelpers(),
       isRequired = _useDraftFormHelpers.isRequired;
 
-  var selectedFIR = watch('locationIndicatorATSR'); // Get allowed speed units based on selected FIR - if no FIR selected, allow all units
+  var getFIRValue = function getFIRValue() {
+    return getValues('locationIndicatorATSR');
+  }; // Get allowed speed units based on selected FIR - if no FIR selected, allow all units
+
 
-  var allowedWindUnitsForFir = getAllowedUnits(selectedFIR, productConfig, 'surfacewind_unit', WindUnit);
+  var allowedWindUnitsForFir = getAllowedUnits(getFIRValue(), productConfig, 'surfacewind_unit', WindUnit);
   var windLabel = getFieldLabel('Wind direction', isReadOnly, 'Set');
   var speedLabel = getFieldLabel('Speed', isReadOnly, 'Set');
   return /*#__PURE__*/React__default.createElement(Grid, {
@@ -3085,7 +3133,7 @@ var SurfaceWind = function SurfaceWind(_ref) {
       validate: {
         isRequired: isRequired,
         validateSurfaceWindDirection: function validateSurfaceWindDirection(value) {
-          return _validateSurfaceWindDirection(value, productConfig, selectedFIR);
+          return _validateSurfaceWindDirection(value, productConfig, getFIRValue());
         }
       }
     },
@@ -3113,9 +3161,7 @@ var SurfaceWind = function SurfaceWind(_ref) {
     defaultValue: 'KT',
     "data-testid": "surfaceWind-windUnit",
     onChange: function onChange() {
-      if (getValues('windSpeed') || getValues('windSpeed') === 0) {
-        trigger('windSpeed');
-      }
+      triggerValidations(['windSpeed'], getValues, trigger);
 
       _onChange();
     }
@@ -3136,12 +3182,12 @@ var SurfaceWind = function SurfaceWind(_ref) {
         isInteger: isInteger,
         min: function min(value) {
           return (// The min level depends on the unit
-            isValidMin(value, getMinWindSpeedValue(getValues('windUnit'), selectedFIR, productConfig)) || "The minimum wind speed in ".concat(WindUnit[getValues('windUnit')], " is ").concat(getMinWindSpeedValue(getValues('windUnit'), selectedFIR, productConfig))
+            isValidMin(value, getMinWindSpeedValue(getValues('windUnit'), getFIRValue(), productConfig)) || "The minimum wind speed in ".concat(WindUnit[getValues('windUnit')], " is ").concat(getMinWindSpeedValue(getValues('windUnit'), getFIRValue(), productConfig))
           );
         },
         max: function max(value) {
           return (// The max level depends on the unit
-            isValidMax(value, getMaxWindSpeedValue(getValues('windUnit'), selectedFIR, productConfig)) || "The maximum wind speed in ".concat(WindUnit[getValues('windUnit')], " is ").concat(getMaxWindSpeedValue(getValues('windUnit'), selectedFIR, productConfig))
+            isValidMax(value, getMaxWindSpeedValue(getValues('windUnit'), getFIRValue(), productConfig)) || "The maximum wind speed in ".concat(WindUnit[getValues('windUnit')], " is ").concat(getMaxWindSpeedValue(getValues('windUnit'), getFIRValue(), productConfig))
           );
         }
       }
@@ -3229,10 +3275,13 @@ var CloudLevels = function CloudLevels(_ref) {
   var _useDraftFormHelpers = useDraftFormHelpers(),
       isRequired = _useDraftFormHelpers.isRequired;
 
-  var selectedFIR = watch('locationIndicatorATSR');
+  var getFIRValue = function getFIRValue() {
+    return getValues('locationIndicatorATSR');
+  };
+
   var cloudLevelInfoMode = watch('cloudLevelInfoMode'); // Get allowed cloud level units based on selected FIR - if no FIR selected, allow all default units
 
-  var allowedCloudLevelUnitsForFir = getAllowedUnits(selectedFIR, productConfig, 'cloud_level_unit', CloudLevelUnits);
+  var allowedCloudLevelUnitsForFir = getAllowedUnits(getFIRValue(), productConfig, 'cloud_level_unit', CloudLevelUnits);
   React__default.useEffect(function () {
     if (cloudLevelInfoMode === 'BETW_SFC' || cloudLevelInfoMode === 'BETW_SFC_ABV') {
       unregister('cloudLowerLevel');
@@ -3325,16 +3374,9 @@ var CloudLevels = function CloudLevels(_ref) {
     isReadOnly: isReadOnly,
     defaultValue: 'FT',
     onChange: function onChange() {
-      if (getValues('cloudLevel.value') || getValues('cloudLevel.value') === 0) {
-        trigger('cloudLevel.value');
-      } // Unit change is reflected in the Lower Cloud Level
-
-
+      // Unit change is reflected in the Lower Cloud Level
       setValue('cloudLowerLevel.unit', getValues('cloudLevel.unit'));
-
-      if (getValues('cloudLowerLevel.value') || getValues('cloudLowerLevel.value') === 0) {
-        trigger('cloudLowerLevel.value');
-      }
+      triggerValidations(['cloudLevel.value', 'cloudLowerLevel.value'], getValues, trigger);
 
       _onChange();
     }
@@ -3357,23 +3399,23 @@ var CloudLevels = function CloudLevels(_ref) {
         isInteger: isInteger,
         min: function min(value) {
           return (// The min level depends on the unit
-            isValidMin(value, getMinCloudLevelValue(getValues('cloudLevel.unit'), selectedFIR, productConfig)) || "The minimum level in ".concat(CloudLevelUnits[getValues('cloudLevel.unit')], " is ").concat(getMinCloudLevelValue(getValues('cloudLevel.unit'), selectedFIR, productConfig))
+            isValidMin(value, getMinCloudLevelValue(getValues('cloudLevel.unit'), getFIRValue(), productConfig)) || "The minimum level in ".concat(CloudLevelUnits[getValues('cloudLevel.unit')], " is ").concat(getMinCloudLevelValue(getValues('cloudLevel.unit'), getFIRValue(), productConfig))
           );
         },
         max: function max(value) {
           return (// The max level depends on the unit
-            isValidMax(value, getMaxCloudLevelValue(getValues('cloudLevel.unit'), selectedFIR, productConfig)) || "The maximum level in ".concat(CloudLevelUnits[getValues('cloudLevel.unit')], " is ").concat(getMaxCloudLevelValue(getValues('cloudLevel.unit'), selectedFIR, productConfig))
+            isValidMax(value, getMaxCloudLevelValue(getValues('cloudLevel.unit'), getFIRValue(), productConfig)) || "The maximum level in ".concat(CloudLevelUnits[getValues('cloudLevel.unit')], " is ").concat(getMaxCloudLevelValue(getValues('cloudLevel.unit'), getFIRValue(), productConfig))
           );
         },
         step: function step(value) {
-          return validateRoundedStep(value, getValues('cloudLevel.unit'), productConfig, selectedFIR);
+          return validateRoundedStep(value, getValues('cloudLevel.unit'), productConfig, getFIRValue());
         }
       }
     },
     disabled: isDisabled,
     isReadOnly: isReadOnly,
     onChange: function onChange() {
-      return (getValues('cloudLowerLevel.value') || getValues('cloudLowerLevel.value') === 0) && trigger('cloudLowerLevel.value');
+      triggerValidations(['cloudLowerLevel.value'], getValues, trigger);
     }
   }))), /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
@@ -3438,16 +3480,9 @@ var CloudLevels = function CloudLevels(_ref) {
     isReadOnly: isReadOnly,
     defaultValue: getValues('cloudLevel.unit') ? getValues('cloudLevel.unit') : 'FT',
     onChange: function onChange() {
-      if (getValues('cloudLowerLevel.value') || getValues('cloudLowerLevel.value') === 0) {
-        trigger('cloudLowerLevel.value');
-      } // Unit change is reflected in the Upper Cloud Level
-
-
+      // Unit change is reflected in the Upper Cloud Level
       setValue('cloudLevel.unit', getValues('cloudLowerLevel.unit'));
-
-      if (getValues('cloudLevel.value') || getValues('cloudLevel.value') === 0) {
-        trigger('cloudLevel.value');
-      }
+      triggerValidations(['cloudLowerLevel.value', 'cloudLevel.value'], getValues, trigger);
 
       _onChange();
     }
@@ -3469,12 +3504,12 @@ var CloudLevels = function CloudLevels(_ref) {
         isInteger: isInteger,
         min: function min(value) {
           return (// The min level depends on the unit
-            isValidMin(value, getMinCloudLowerLevelValue(getValues('cloudLowerLevel.unit'), selectedFIR, productConfig)) || "The minimum level in ".concat(CloudLevelUnits[getValues('cloudLowerLevel.unit')], " is ").concat(getMinCloudLowerLevelValue(getValues('cloudLowerLevel.unit'), selectedFIR, productConfig))
+            isValidMin(value, getMinCloudLowerLevelValue(getValues('cloudLowerLevel.unit'), getFIRValue(), productConfig)) || "The minimum level in ".concat(CloudLevelUnits[getValues('cloudLowerLevel.unit')], " is ").concat(getMinCloudLowerLevelValue(getValues('cloudLowerLevel.unit'), getFIRValue(), productConfig))
           );
         },
         max: function max(value) {
           return (// The max level depends on the unit
-            isValidMax(value, getMaxCloudLowerLevelValue(getValues('cloudLowerLevel.unit'), selectedFIR, productConfig)) || "The maximum level in ".concat(CloudLevelUnits[getValues('cloudLowerLevel.unit')], " is ").concat(getMaxCloudLowerLevelValue(getValues('cloudLowerLevel.unit'), selectedFIR, productConfig))
+            isValidMax(value, getMaxCloudLowerLevelValue(getValues('cloudLowerLevel.unit'), getFIRValue(), productConfig)) || "The maximum level in ".concat(CloudLevelUnits[getValues('cloudLowerLevel.unit')], " is ").concat(getMaxCloudLowerLevelValue(getValues('cloudLowerLevel.unit'), getFIRValue(), productConfig))
           );
         },
         isLevelLower: function isLevelLower$1(value) {
@@ -3483,7 +3518,7 @@ var CloudLevels = function CloudLevels(_ref) {
           );
         },
         step: function step(value) {
-          return validateRoundedStep(value, getValues('cloudLowerLevel.unit'), productConfig, selectedFIR);
+          return validateRoundedStep(value, getValues('cloudLowerLevel.unit'), productConfig, getFIRValue());
         }
       }
     },
@@ -8271,7 +8306,8 @@ var AirmetForm = function AirmetForm(_ref) {
       watch = _useFormContext2.watch,
       setValue = _useFormContext2.setValue,
       handleSubmit = _useFormContext2.handleSubmit,
-      getValues = _useFormContext2.getValues;
+      getValues = _useFormContext2.getValues,
+      trigger = _useFormContext2.trigger;
 
   var _React$useState = React__default.useState(mode === 'view'),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -8387,7 +8423,11 @@ var AirmetForm = function AirmetForm(_ref) {
           return updateStartDrawing(updatedGeoJson);
         });
 
-        _setLayerGeoJSONs(updatedGeoJson);
+        _setLayerGeoJSONs(updatedGeoJson); // trigger validation for airmet specific fields that depend on FIR config
+
+
+        var fieldnames = ['windDirection', 'windSpeed', 'visibilityValue', 'cloudLevel.value', 'cloudLowerLevel.value'];
+        triggerValidations(fieldnames, getValues, trigger);
       }
     }), /*#__PURE__*/React__default.createElement(StartGeometry, {
       isReadOnly: isReadOnly,
@@ -9430,7 +9470,9 @@ var MetInfoWrapper = function MetInfoWrapper(_ref) {
     toggleDialogOpen();
   };
 
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ProductList, {
+  return /*#__PURE__*/React__default.createElement(Box$1, {
+    "data-testid": "sigmetAirmetComponent"
+  }, /*#__PURE__*/React__default.createElement(ProductList, {
     productList: productList,
     productType: productType,
     isLoading: isLoadingList,
@@ -9446,6 +9488,63 @@ var MetInfoWrapper = function MetInfoWrapper(_ref) {
   }));
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * */
+var ERROR_TITLE = 'Something went wrong with loading the configuration file';
+
+var DownloadSigmetAirmetConfigWrapper = function DownloadSigmetAirmetConfigWrapper(_ref) {
+  var productType = _ref.productType,
+      config = _ref.config;
+
+  var _useApiContext = useApiContext(),
+      api = _useApiContext.api;
+
+  var getConfigurationRequest = api[productType === 'sigmet' ? 'getSigmetConfiguration' : 'getAirmetConfiguration'];
+
+  var _useApi = useApi(getConfigurationRequest, config),
+      productConfig = _useApi.result,
+      isConfigLoading = _useApi.isLoading,
+      error = _useApi.error;
+
+  if (isConfigLoading) {
+    return /*#__PURE__*/React__default.createElement(Box$1, {
+      sx: {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/React__default.createElement(CircularProgress, {
+      "data-testid": "loadingSpinner"
+    }));
+  }
+
+  if (error) {
+    return /*#__PURE__*/React__default.createElement(AlertBanner, {
+      title: ERROR_TITLE,
+      info: error.message
+    });
+  }
+
+  return /*#__PURE__*/React__default.createElement(MetInfoWrapper, {
+    productType: productType,
+    productConfig: productConfig
+  });
+};
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -9463,8 +9562,11 @@ var MetInfoWrapper = function MetInfoWrapper(_ref) {
  * Copyright 2022 - Finnish Meteorological Institute (FMI)
  * */
 
-var getApiRoutes = function getApiRoutes(axiosInstance) {
+var getApiRoutes = function getApiRoutes(axiosInstance, nonAuthAxiosInstance) {
   return {
+    getSigmetConfiguration: function getSigmetConfiguration(config) {
+      return nonAuthAxiosInstance.get("/assets/".concat(config.GW_FEATURE_MODULE_SIGMET_CONFIGURATION));
+    },
     getSigmetList: function getSigmetList() {
       return axiosInstance.get('/sigmetlist');
     },
@@ -9474,6 +9576,9 @@ var getApiRoutes = function getApiRoutes(axiosInstance) {
     getSigmetTAC: function getSigmetTAC(sigmetData) {
       return axiosInstance.post('/sigmet2tac', Object.assign({}, sigmetData));
     },
+    getAirmetConfiguration: function getAirmetConfiguration(config) {
+      return nonAuthAxiosInstance.get("/assets/".concat(config.GW_FEATURE_MODULE_AIRMET_CONFIGURATION));
+    },
     getAirmetList: function getAirmetList() {
       return axiosInstance.get('/airmetlist');
     },
@@ -9488,7 +9593,8 @@ var getApiRoutes = function getApiRoutes(axiosInstance) {
 
 var createApi = function createApi(props) {
   var axiosInstance = createApiInstance(props);
-  return getApiRoutes(axiosInstance);
+  var nonAuthAxiosInstance = createNonAuthApiInstance({});
+  return getApiRoutes(axiosInstance, nonAuthAxiosInstance);
 };
 
-export { AirmetForm, AirmetPhenomena, CloudLevelUnits, ContentDialog, Direction, LevelUnits, MapDrawMode, MapViewGeoJson, MetInfoWrapper, MovementUnit, ProductList, ProductListRow, ProductStatusDescription, SigmetForm, SigmetPhenomena, StartOrEndDrawing, VisibilityCause, WindUnit, createApi, isInstanceOfAirmet, isInstanceOfCancelAirmet, isInstanceOfCancelSigmet, isInstanceOfCancelSigmetOrAirmet, isInstanceOfSigmet, isInstanceOfSigmetOrAirmet };
+export { AirmetForm, AirmetPhenomena, CloudLevelUnits, ContentDialog, Direction, DownloadSigmetAirmetConfigWrapper, LevelUnits, MapDrawMode, MapViewGeoJson, MetInfoWrapper, MovementUnit, ProductList, ProductListRow, ProductStatusDescription, SigmetForm, SigmetPhenomena, StartOrEndDrawing, VisibilityCause, WindUnit, createApi, isInstanceOfAirmet, isInstanceOfCancelAirmet, isInstanceOfCancelSigmet, isInstanceOfCancelSigmetOrAirmet, isInstanceOfSigmet, isInstanceOfSigmetOrAirmet };