@opengeoweb/sigmet-airmet 1.1.4 → 1.2.3

package/sigmet-airmet.esm.js

@@ -1,4 +1,5 @@
-import React__default, { useRef, useEffect, createElement, useState } from 'react';
+import * as React from 'react';
+import React__default from 'react';
 import { makeStyles, FormControlLabel, Radio, Grid, Typography, SvgIcon, Tooltip, Button, Checkbox, MenuItem, FormHelperText, Dialog, DialogTitle, DialogContent, Card, CardContent, List, ListItem, Backdrop, CircularProgress } from '@material-ui/core';
 import { MuiPickersUtilsProvider } from '@material-ui/pickers';
 import MomentUtils from '@date-io/moment';
@@ -8,7 +9,8 @@ import { useApiContext, useApi, createApiInstance } from '@opengeoweb/api';
 import produce, { produce as produce$1 } from 'immer';
 import { useDispatch, useSelector, shallowEqual } from 'react-redux';
 import { mapTypes, mapSelectors, generateMapId, generateLayerId, mapActions, MapViewConnect, MapViewLayer } from '@opengeoweb/core';
-import { feature, simplify, intersect, polygonToLineString, booleanClockwise, rewind } from '@turf/turf';
+import * as turf from '@turf/turf';
+import { polygonToLineString, booleanClockwise, rewind } from '@turf/turf';
 import { useDraftFormHelpers, useIsMounted, StatusTag, AlertBanner, usePreventBrowserClose, useConfirmationDialog, isAxiosError, getAxiosErrorMessage, ConfirmationServiceProvider, usePoller } from '@opengeoweb/shared';
 import { LocationOn, Delete, ArrowBackIos, InfoOutlined, Create, CheckCircle, Schedule } from '@material-ui/icons';
 import moment from 'moment';
@@ -108,10 +110,10 @@ function __read(o, n) {
     return ar;
 }
 
-function __spread() {
-    for (var ar = [], i = 0; i < arguments.length; i++)
-        ar = ar.concat(__read(arguments[i]));
-    return ar;
+function __spreadArray(to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
 }
 
 var srsAndBboxDefault = {
@@ -497,8 +499,8 @@ var MapViewGeoJson = function MapViewGeoJson(_a) {
   var mapDimensions = useSelector(function (store) {
     return mapSelectors.getMapDimensions(store, 'main-map');
   }, shallowEqual);
-  var mapId = useRef("sigmet-" + generateMapId()).current;
-  useEffect(function () {
+  var mapId = React.useRef("sigmet-" + generateMapId()).current;
+  React.useEffect(function () {
     if (mapLayers && mapLayers.length) {
       // use maplayers, but change layerId and current mapId
       var layers = mapLayers.map(function (layer) {
@@ -539,18 +541,18 @@ var MapViewGeoJson = function MapViewGeoJson(_a) {
       srs: srsAndBboxDefault.srs
     })); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  return /*#__PURE__*/createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     style: {
       height: '100%'
     },
     "data-testid": "MapView"
-  }, /*#__PURE__*/createElement(MapViewConnect, {
+  }, /*#__PURE__*/React.createElement(MapViewConnect, {
     mapId: mapId
-  }, /*#__PURE__*/createElement(MapViewLayer, {
+  }, /*#__PURE__*/React.createElement(MapViewLayer, {
     id: "geojsonlayer-fir-" + mapId,
     isInEditMode: false,
     geojson: geoJSONs.fir
-  }), /*#__PURE__*/createElement(MapViewLayer, {
+  }), /*#__PURE__*/React.createElement(MapViewLayer, {
     id: "geojsonlayer-end-" + mapId,
     isInEditMode: drawMode.end !== null && layerDrawModes.end !== null,
     geojson: geoJSONs.end,
@@ -569,7 +571,7 @@ var MapViewGeoJson = function MapViewGeoJson(_a) {
       exitDrawModeCallbackEnd();
     },
     featureNrToEdit: 0
-  }), /*#__PURE__*/createElement(MapViewLayer, {
+  }), /*#__PURE__*/React.createElement(MapViewLayer, {
     id: "geojsonlayer-start-" + mapId,
     isInEditMode: drawMode.start !== null && layerDrawModes.start !== null,
     geojson: geoJSONs.start,
@@ -588,11 +590,11 @@ var MapViewGeoJson = function MapViewGeoJson(_a) {
       exitDrawModeCallbackStart();
     },
     featureNrToEdit: 0
-  }), /*#__PURE__*/createElement(MapViewLayer, {
+  }), /*#__PURE__*/React.createElement(MapViewLayer, {
     id: "geojsonlayer-intersection-end-" + mapId,
     isInEditMode: false,
     geojson: geoJSONs.intersectionEnd
-  }), /*#__PURE__*/createElement(MapViewLayer, {
+  }), /*#__PURE__*/React.createElement(MapViewLayer, {
     id: "geojsonlayer-intersection-start-" + mapId,
     isInEditMode: false,
     geojson: geoJSONs.intersectionStart
@@ -828,7 +830,7 @@ var useDrawMode = function useDrawMode(initialGeometry) {
   /* For the radio buttons */
 
 
-  var _a = __read(useState({
+  var _a = __read(React.useState({
     start: null,
     end: null
   }), 2),
@@ -837,7 +839,7 @@ var useDrawMode = function useDrawMode(initialGeometry) {
   /* Drawmode for the layers */
 
 
-  var _b = __read(useState({
+  var _b = __read(React.useState({
     start: getInitialLayerDrawModes('start'),
     end: getInitialLayerDrawModes('end')
   }), 2),
@@ -846,7 +848,7 @@ var useDrawMode = function useDrawMode(initialGeometry) {
   /* GeoJSONs for the layers */
 
 
-  var _c = __read(useState(function () {
+  var _c = __read(React.useState(function () {
     return {
       start: addFeatureProperties(initialGeometry && initialGeometry.start, featurePropsStart),
       end: addFeatureProperties(initialGeometry && initialGeometry.end, featurePropsEnd),
@@ -974,15 +976,15 @@ var useDrawMode = function useDrawMode(initialGeometry) {
  */
 
 var intersectGeoJSONS = function intersectGeoJSONS(a, b) {
-  var featureA = feature(a.features[0].geometry);
-  var featureB = feature(b.features[0].geometry);
+  var featureA = turf.feature(a.features[0].geometry);
+  var featureB = turf.feature(b.features[0].geometry);
   var options = {
     tolerance: 0.001,
     highQuality: true
   };
-  var simplifiedA = simplify(featureA, options);
-  var simplifiedB = simplify(featureB, options);
-  var intersection = intersect(simplifiedA, simplifiedB);
+  var simplifiedA = turf.simplify(featureA, options);
+  var simplifiedB = turf.simplify(featureB, options);
+  var intersection = turf.intersect(simplifiedA, simplifiedB);
   return addFeatureProperties({
     type: 'FeatureCollection',
     features: intersection === null ? [{
@@ -1036,7 +1038,7 @@ var createInterSections = function createInterSections(geoJSONs) {
  * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
  * */
-var useStyles = makeStyles({
+var useStyles$6 = makeStyles({
   productForm: {
     overflowY: 'scroll',
     overflowX: 'hidden',
@@ -1123,7 +1125,7 @@ var Change = function Change(_a) {
       isReadOnly = _a.isReadOnly;
   var watch = useFormContext().watch;
   var isRequired = useDraftFormHelpers().isRequired;
-  var classes = useStyles();
+  var classes = useStyles$6();
   return /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     container: true,
@@ -1216,7 +1218,7 @@ var FIRDraw = function FIRDraw(props) {
  * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
  * */
-var useStyles$1 = makeStyles({
+var useStyles$5 = makeStyles({
   drawButtons: {
     color: '#0075a9',
     borderRadius: '5px',
@@ -1237,7 +1239,7 @@ var DrawTools = function DrawTools(_a) {
       type = _b === void 0 ? '' : _b,
       drawMode = _a.drawMode,
       setDrawMode = _a.setDrawMode;
-  var classes = useStyles$1();
+  var classes = useStyles$5();
   return /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 12,
@@ -1556,39 +1558,39 @@ var getProductFormMode = function getProductFormMode(canBeOptions, productListIt
   return canBeOptions.includes('PUBLISHED') ? 'edit' : 'view';
 };
 var getProductFormLifecycleButtons = function getProductFormLifecycleButtons(canBe, onButtonPress) {
-  return /*#__PURE__*/createElement(Grid, {
+  return /*#__PURE__*/React.createElement(Grid, {
     container: true,
     spacing: 1,
     justify: "flex-end"
-  }, canBe.includes('DISCARDED') && /*#__PURE__*/createElement(Grid, {
+  }, canBe.includes('DISCARDED') && /*#__PURE__*/React.createElement(Grid, {
     item: true
-  }, /*#__PURE__*/createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     color: "secondary",
     onClick: function onClick() {
       onButtonPress('DISCARDED');
     },
     "data-testid": "productform-dialog-discard"
-  }, "Discard")), canBe.includes('DRAFTED') && /*#__PURE__*/createElement(Grid, {
+  }, "Discard")), canBe.includes('DRAFTED') && /*#__PURE__*/React.createElement(Grid, {
     item: true
-  }, /*#__PURE__*/createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     color: "secondary",
     variant: "outlined",
     onClick: function onClick() {
       onButtonPress('DRAFT');
     },
     "data-testid": "productform-dialog-draft"
-  }, "Save")), canBe.includes('CANCELLED') && /*#__PURE__*/createElement(Grid, {
+  }, "Save")), canBe.includes('CANCELLED') && /*#__PURE__*/React.createElement(Grid, {
     item: true
-  }, /*#__PURE__*/createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     color: "secondary",
     variant: "contained",
     onClick: function onClick() {
       onButtonPress('CANCELLED');
     },
     "data-testid": "productform-dialog-cancel"
-  }, "Cancel")), canBe.includes('PUBLISHED') && /*#__PURE__*/createElement(Grid, {
+  }, "Cancel")), canBe.includes('PUBLISHED') && /*#__PURE__*/React.createElement(Grid, {
     item: true
-  }, /*#__PURE__*/createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     color: "secondary",
     variant: "contained",
     onClick: function onClick() {
@@ -1730,8 +1732,8 @@ var rewindGeometry = function rewindGeometry(geoJSON) {
   });
 };
 
-var location_indicator_mwo = "EHDB";
-var firareas = {
+var location_indicator_mwo$1 = "EHDB";
+var firareas$1 = {
 	EHAA: {
 		firname: "AMSTERDAM FIR",
 		location_indicator_atsr: "EHAA",
@@ -1768,17 +1770,17 @@ var firareas = {
 		]
 	}
 };
-var active_firs = [
+var active_firs$1 = [
 	"EHAA"
 ];
 var sigmetConfig = {
-	location_indicator_mwo: location_indicator_mwo,
-	firareas: firareas,
-	active_firs: active_firs
+	location_indicator_mwo: location_indicator_mwo$1,
+	firareas: firareas$1,
+	active_firs: active_firs$1
 };
 
-var location_indicator_mwo$1 = "EHDB";
-var firareas$1 = {
+var location_indicator_mwo = "EHDB";
+var firareas = {
 	EHAA: {
 		firname: "AMSTERDAM FIR",
 		location_indicator_atsr: "EHAA",
@@ -1814,13 +1816,13 @@ var firareas$1 = {
 		]
 	}
 };
-var active_firs$1 = [
+var active_firs = [
 	"EHAA"
 ];
 var airmetConfig = {
-	location_indicator_mwo: location_indicator_mwo$1,
-	firareas: firareas$1,
-	active_firs: active_firs$1
+	location_indicator_mwo: location_indicator_mwo,
+	firareas: firareas,
+	active_firs: active_firs
 };
 
 var invalidLevelsTill4900FTStepsMessage = 'Levels must be rounded to the nearest 100ft';
@@ -1874,7 +1876,7 @@ var Levels = function Levels(_a) {
       clearErrors = _c.clearErrors;
 
   var isRequired = useDraftFormHelpers().isRequired;
-  var classes = useStyles();
+  var classes = useStyles$6();
   var config = productType === 'sigmet' ? sigmetConfig : airmetConfig;
   var allowedUnits = useProductSettings(config).allowedUnits;
   var selectedFIR = watch('locationIndicatorATSR'); // Get allowed level units based on selected FIR - if no FIR selected, allow all default units
@@ -2004,7 +2006,8 @@ var Levels = function Levels(_a) {
         }
       }
     },
-    disabled: isDisabled
+    disabled: isDisabled,
+    autoFocus: true
   }))) : null, (!isReadOnly || watch('levelInfoMode') === 'BETW' || watch('levelInfoMode') === 'BETW_SFC') && /*#__PURE__*/React__default.createElement(RadioButtonAndLabel, {
     value: "BETW",
     label: "Between",
@@ -2037,7 +2040,7 @@ var Levels = function Levels(_a) {
     disabled: isDisabled,
     defaultValue: 'FL',
     onChange: function onChange() {
-      trigger(__spread(getValues('level.value') || getValues('level.value') === 0 ? ['level.value'] : [], getValues('lowerLevel.value') || getValues('lowerLevel.value') === 0 ? ['lowerLevel.value'] : [], ['lowerLevel.unit']));
+      trigger(__spreadArray(__spreadArray(__spreadArray([], __read(getValues('level.value') || getValues('level.value') === 0 ? ['level.value'] : [])), __read(getValues('lowerLevel.value') || getValues('lowerLevel.value') === 0 ? ['lowerLevel.value'] : [])), ['lowerLevel.unit']));
 
       _onChange();
     }
@@ -2074,7 +2077,8 @@ var Levels = function Levels(_a) {
     disabled: isDisabled,
     onChange: function onChange() {
       return (getValues('lowerLevel.value') || getValues('lowerLevel.value') === 0) && trigger('lowerLevel.value');
-    }
+    },
+    autoFocus: true
   }))), /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 12,
@@ -2233,7 +2237,8 @@ var Levels = function Levels(_a) {
         }
       }
     },
-    disabled: isDisabled
+    disabled: isDisabled,
+    autoFocus: true
   }))) : null))));
 };
 
@@ -2331,7 +2336,7 @@ var ObservationForecastTime = function ObservationForecastTime(_a) {
     return null;
   } : _b;
   var watch = useFormContext().watch;
-  var classes = useStyles();
+  var classes = useStyles$6();
   return (!isReadOnly || watch('observationOrForecastTime') !== null) && /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     container: true,
@@ -2383,7 +2388,7 @@ var Phenomenon = function Phenomenon(_a) {
       setValue = _c.setValue,
       trigger = _c.trigger;
 
-  var classes = useStyles();
+  var classes = useStyles$6();
   var phenomenaList = productType === 'sigmet' ? SigmetPhenomena : AirmetPhenomena;
   return /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
@@ -2428,7 +2433,7 @@ var Phenomenon = function Phenomenon(_a) {
 
       _onChange();
 
-      return trigger(__spread(getValues('validDateStart') ? ['validDateStart'] : [], getValues('validDateEnd') ? ['validDateEnd'] : []));
+      return trigger(__spreadArray(__spreadArray([], __read(getValues('validDateStart') ? ['validDateStart'] : [])), __read(getValues('validDateEnd') ? ['validDateEnd'] : [])));
     },
     autoFocus: true
   }, Object.keys(phenomenaList).map(function (key) {
@@ -2455,8 +2460,8 @@ var Phenomenon = function Phenomenon(_a) {
  * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
  * */
-var noIntersectionMessage = 'The start position needs to be (partly) inside the FIR';
-var maximum6PointsMessage = 'The start position drawing allows a maximum of 6 individual points';
+var noIntersectionMessage$1 = 'The start position needs to be (partly) inside the FIR';
+var maximum6PointsMessage$1 = 'The start position drawing allows a maximum of 6 individual points';
 var exitDrawModeMessage = 'Press ESC to exit draw mode';
 var maxFeaturePointsMessage = 'Intersection of the drawn polygon with the FIR-boundary has more than 6 individual points. Check if the TAC in the preview corresponds to the intended area.';
 var multiIntersectionsMessage = 'The drawn polygon has multiple intersections with the FIR-boundary. The drawn polygon will be used for the TAC-code.';
@@ -2467,7 +2472,7 @@ var StartGeometry = function StartGeometry(_a) {
       drawMode = _a.drawMode,
       geoJSONs = _a.geoJSONs,
       setDrawModeType = _a.setDrawModeType;
-  var classes = useStyles();
+  var classes = useStyles$6();
 
   var _c = useFormContext(),
       errors = _c.errors,
@@ -2517,13 +2522,13 @@ var StartGeometry = function StartGeometry(_a) {
           return isMaximumOneDrawing(value) || 'Only one start position drawing is allowed';
         },
         intersectWithFIR: function intersectWithFIR(value) {
-          return hasIntersectionWithFIR(value, watch('startGeometryIntersect')) || noIntersectionMessage;
+          return hasIntersectionWithFIR(value, watch('startGeometryIntersect')) || noIntersectionMessage$1;
         },
         coordinatesNotEmpty: function coordinatesNotEmpty(value) {
           return isDraft() ? true : isValidGeoJsonCoordinates(value) || 'A start position drawing is required';
         },
         hasMaxFeaturePoints: function hasMaxFeaturePoints$1(value) {
-          return isFir(value) ? true : !hasMaxFeaturePoints(value) || maximum6PointsMessage;
+          return isFir(value) ? true : !hasMaxFeaturePoints(value) || maximum6PointsMessage$1;
         }
       }
     }
@@ -2550,8 +2555,8 @@ var StartGeometry = function StartGeometry(_a) {
  * */
 var movementStepValMessageKT = 'Speed should be rounded to the nearest 5kt';
 var movementStepValMessageKMH = 'Speed should be rounded to the nearest 10kmh';
-var noIntersectionMessage$1 = 'The end position needs to be (partly) inside the FIR';
-var maximum6PointsMessage$1 = 'The end position drawing allows a maximum of 6 individual points';
+var noIntersectionMessage = 'The end position needs to be (partly) inside the FIR';
+var maximum6PointsMessage = 'The end position drawing allows a maximum of 6 individual points';
 
 var _validateMovementSteps = function validateMovementSteps(value, unit) {
   if (isEmpty(value)) return true; // Parse to integer to check for steps
@@ -2607,7 +2612,7 @@ var Progress = function Progress(_a) {
     return null;
   } : _d;
 
-  var classes = useStyles();
+  var classes = useStyles$6();
 
   var _e = useFormContext(),
       watch = _e.watch,
@@ -2687,7 +2692,8 @@ var Progress = function Progress(_a) {
       event.stopPropagation();
 
       _onChange();
-    }
+    },
+    autoFocus: true
   }, Object.keys(Direction).map(function (key) {
     return /*#__PURE__*/React__default.createElement(MenuItem, {
       value: key,
@@ -2793,10 +2799,10 @@ var Progress = function Progress(_a) {
           return getValues('movementType') === 'FORECAST_POSITION' && !isDraft() ? isValidGeoJsonCoordinates(value) || 'An end position drawing is required when selecting End position' : true;
         },
         intersectWithFIR: function intersectWithFIR(value) {
-          return hasIntersectionWithFIR(value, getValues('endGeometryIntersect')) || noIntersectionMessage$1;
+          return hasIntersectionWithFIR(value, getValues('endGeometryIntersect')) || noIntersectionMessage;
         },
         hasMaxFeaturePoints: function hasMaxFeaturePoints$1(value) {
-          return isFir(value) ? true : !hasMaxFeaturePoints(value) || maximum6PointsMessage$1;
+          return isFir(value) ? true : !hasMaxFeaturePoints(value) || maximum6PointsMessage;
         }
       }
     }
@@ -2825,7 +2831,7 @@ var Progress = function Progress(_a) {
 var SelectFIR = function SelectFIR(_a) {
   var productType = _a.productType,
       isDisabled = _a.isDisabled;
-  var classes = useStyles();
+  var classes = useStyles$6();
   var setValue = useFormContext().setValue;
   var isRequired = useDraftFormHelpers().isRequired;
   var config = productType === 'sigmet' ? sigmetConfig : airmetConfig;
@@ -2908,7 +2914,7 @@ var Type = function Type(_a) {
       isDisabled = _a.isDisabled;
   var watch = useFormContext().watch;
   var isRequired = useDraftFormHelpers().isRequired;
-  var classes = useStyles();
+  var classes = useStyles$6();
   return /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     container: true,
@@ -2986,7 +2992,7 @@ var ValidFrom = function ValidFrom(_a) {
       getValues = _c.getValues,
       trigger = _c.trigger;
 
-  var classes = useStyles();
+  var classes = useStyles$6();
   var isRequired = useDraftFormHelpers().isRequired;
   var config = productType === 'sigmet' ? sigmetConfig : airmetConfig;
   return /*#__PURE__*/React__default.createElement(Grid, {
@@ -3073,7 +3079,7 @@ var ValidUntil = function ValidUntil(_a) {
       trigger = _c.trigger;
 
   var isRequired = useDraftFormHelpers().isRequired;
-  var classes = useStyles();
+  var classes = useStyles$6();
   var config = productType === 'sigmet' ? sigmetConfig : airmetConfig;
   var defaultHoursValid = productType === 'sigmet' ? 3 : 1;
   return /*#__PURE__*/React__default.createElement(Grid, {
@@ -3156,7 +3162,7 @@ var VolcanicFields = function VolcanicFields(_a) {
       trigger = _b.trigger,
       getValues = _b.getValues;
 
-  var classes = useStyles();
+  var classes = useStyles$6();
   return /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     container: true,
@@ -3271,7 +3277,7 @@ var SurfaceVisibility = function SurfaceVisibility(_a) {
     return null;
   } : _b;
 
-  var classes = useStyles();
+  var classes = useStyles$6();
   var isRequired = useDraftFormHelpers().isRequired;
   return /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
@@ -3374,7 +3380,7 @@ var SurfaceWind = function SurfaceWind(_a) {
       watch = _c.watch;
 
   var isRequired = useDraftFormHelpers().isRequired;
-  var classes = useStyles();
+  var classes = useStyles$6();
   var allowedUnits = useProductSettings(airmetConfig).allowedUnits;
   var selectedFIR = watch('locationIndicatorATSR'); // Get allowed speed units based on selected FIR - if no FIR selected, allow all units
 
@@ -3526,7 +3532,7 @@ var CloudLevels = function CloudLevels(_a) {
       getValues = _c.getValues;
 
   var isRequired = useDraftFormHelpers().isRequired;
-  var classes = useStyles();
+  var classes = useStyles$6();
   var allowedUnits = useProductSettings(airmetConfig).allowedUnits;
   var selectedFIR = watch('locationIndicatorATSR'); // Get allowed cloud level units based on selected FIR - if no FIR selected, allow all default units
 
@@ -3769,7 +3775,7 @@ var CloudLevels = function CloudLevels(_a) {
   })))))));
 };
 
-var useStyles$2 = makeStyles({
+var useStyles$4 = makeStyles({
   tacOutput: {
     paddingTop: '16px',
     whiteSpace: 'break-spaces'
@@ -3808,7 +3814,7 @@ var useTAC = function useTAC(initialProduct, getTAC) {
 
   var retrieveTAC = function retrieveTAC(product) {
     return __awaiter(void 0, void 0, void 0, function () {
-      var result, error_1;
+      var result;
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
@@ -3830,7 +3836,7 @@ var useTAC = function useTAC(initialProduct, getTAC) {
             , 3];
 
           case 2:
-            error_1 = _a.sent();
+            _a.sent();
 
             if (isMounted.current) {
               setTAC(noTAC);
@@ -3871,7 +3877,7 @@ var useTAC = function useTAC(initialProduct, getTAC) {
 
 var ProductFormTAC = function ProductFormTAC(_a) {
   var tac = _a.tac;
-  var classes = useStyles$2();
+  var classes = useStyles$4();
   var tacLines = tac.split('\n');
   return /*#__PURE__*/React__default.createElement(Typography, {
     variant: "body2",
@@ -3895,7 +3901,7 @@ var SigmetForm = function SigmetForm(_a) {
       initialSigmet = _c === void 0 ? null : _c,
       _d = _a.initialCancelSigmet,
       initialCancelSigmet = _d === void 0 ? null : _d;
-  var classes = useStyles();
+  var classes = useStyles$6();
   var api = useApiContext().api;
 
   var _e = useFormContext(),
@@ -4159,7 +4165,7 @@ var AirmetForm = function AirmetForm(_a) {
       initialAirmet = _c === void 0 ? null : _c,
       _d = _a.initialCancelAirmet,
       initialCancelAirmet = _d === void 0 ? null : _d;
-  var classes = useStyles();
+  var classes = useStyles$6();
   var api = useApiContext().api;
 
   var _e = useFormContext(),
@@ -4415,46 +4421,46 @@ var ContentDialog = function ContentDialog(_a) {
     }
   };
 
-  return /*#__PURE__*/createElement(Dialog, __assign({
+  return /*#__PURE__*/React.createElement(Dialog, __assign({
     "data-testid": "contentDialog",
     open: open,
     onClose: handleClose,
     maxWidth: other.maxWidth ? other.maxWidth : 'lg',
     disableBackdropClick: true
-  }, other), /*#__PURE__*/createElement(DialogTitle, {
+  }, other), /*#__PURE__*/React.createElement(DialogTitle, {
     disableTypography: true,
     className: classes.dialogHeader
-  }, /*#__PURE__*/createElement(Grid, {
+  }, /*#__PURE__*/React.createElement(Grid, {
     container: true,
     alignItems: "center"
-  }, /*#__PURE__*/createElement(Grid, {
+  }, /*#__PURE__*/React.createElement(Grid, {
     item: true,
     xs: true
-  }, /*#__PURE__*/createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     onClick: handleClose,
     color: "secondary",
     size: "medium",
-    startIcon: /*#__PURE__*/createElement(ArrowBackIos, {
+    startIcon: /*#__PURE__*/React.createElement(ArrowBackIos, {
       fontSize: "small",
       color: "secondary"
     }),
     "data-testid": "contentdialog-close"
-  }, /*#__PURE__*/createElement(Typography, {
+  }, /*#__PURE__*/React.createElement(Typography, {
     variant: "subtitle1",
     color: "secondary"
-  }, "BACK"))), /*#__PURE__*/createElement(Grid, {
+  }, "BACK"))), /*#__PURE__*/React.createElement(Grid, {
     item: true,
     xs: true,
     className: classes.dialogTitle
-  }, /*#__PURE__*/createElement(Typography, {
+  }, /*#__PURE__*/React.createElement(Typography, {
     "data-testid": "dialogTitle",
     variant: "h6"
-  }, title)), /*#__PURE__*/createElement(Grid, {
+  }, title)), /*#__PURE__*/React.createElement(Grid, {
     item: true,
     xs: true
-  }, /*#__PURE__*/createElement(Grid, {
+  }, /*#__PURE__*/React.createElement(Grid, {
     container: true
-  }, options)))), alertBanner !== null && alertBanner, /*#__PURE__*/createElement(DialogContent, {
+  }, options)))), alertBanner !== null && alertBanner, /*#__PURE__*/React.createElement(DialogContent, {
     className: classes.dialogChildren
   }, children));
 };
@@ -4525,7 +4531,7 @@ var getCancelSeqId = function getCancelSeqId(product) {
   return product.cancelsAirmetSequenceId;
 };
 
-var useStyles$4 = makeStyles({
+var useStyles$2 = makeStyles({
   cardWrapper: {
     width: '100%'
   },
@@ -4556,7 +4562,7 @@ var formatValidTime = function formatValidTime(startDate, endDate, format) {
 var ProductListRow = function ProductListRow(_a) {
   var product = _a.product,
       productType = _a.productType;
-  var classes = useStyles$4();
+  var classes = useStyles$2();
   var api = useApiContext().api;
   var isMounted = useIsMounted().isMounted;
 
@@ -4682,7 +4688,7 @@ var ProductListRow = function ProductListRow(_a) {
  * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
  * */
-var useStyles$5 = makeStyles({
+var useStyles$1 = makeStyles({
   errorMessage: {
     width: '1200px',
     marginTop: '10px'
@@ -4703,7 +4709,7 @@ var ProductList = function ProductList(_a) {
       error = _a.error,
       onClickProductRow = _a.onClickProductRow,
       onClickNewProduct = _a.onClickNewProduct;
-  var classes = useStyles$5();
+  var classes = useStyles$1();
   return /*#__PURE__*/React__default.createElement(Grid, {
     container: true,
     direction: "column",
@@ -4792,7 +4798,7 @@ var CancelSigmetVolcanicMovements = function CancelSigmetVolcanicMovements(_a) {
   })));
 };
 
-var useStyles$6 = makeStyles({
+var useStyles = makeStyles({
   backdrop: {
     zIndex: 1500,
     color: '#fff'
@@ -4821,7 +4827,7 @@ var ProductFormDialogContent = function ProductFormDialogContent(_a) {
       productType = _a.productType,
       productCanBe = _a.productCanBe,
       product = _a.product;
-  var classes = useStyles$6();
+  var classes = useStyles();
   var api = useApiContext().api;
   var apiCall = productType === 'sigmet' ? api.postSigmet : api.postAirmet;
 
@@ -4840,19 +4846,19 @@ var ProductFormDialogContent = function ProductFormDialogContent(_a) {
   usePreventBrowserClose(isDirty);
   var confirmationDialog = useConfirmationDialog();
 
-  var _d = __read(useState(false), 2),
+  var _d = __read(React.useState(false), 2),
       showLoader = _d[0],
       setLoader = _d[1];
 
-  var _e = __read(useState(false), 2),
+  var _e = __read(React.useState(false), 2),
       errorStoreMessage = _e[0],
       setErrorStoreMessage = _e[1];
 
-  var _f = __read(useState(''), 2),
+  var _f = __read(React.useState(''), 2),
       errorStoreMessageText = _f[0],
       setErrorStoreMessageText = _f[1];
 
-  useEffect(function () {
+  React.useEffect(function () {
     // set the values of the newly selected product
     reset(product !== null ? __assign({}, product) : {});
     return function () {
@@ -4863,8 +4869,8 @@ var ProductFormDialogContent = function ProductFormDialogContent(_a) {
 
   var postProduct = function postProduct(_productToPost, newStatus) {
     // remove hidden helper fields
-    var IS_DRAFT = _productToPost.IS_DRAFT,
-        productToPost = __rest(_productToPost, ["IS_DRAFT"]);
+    _productToPost.IS_DRAFT;
+        var productToPost = __rest(_productToPost, ["IS_DRAFT"]);
 
     var uuid = product !== null && product.uuid ? product.uuid : null;
     var postProductParam = productType === 'sigmet' ? createSigmetPostParameter(productToPost, newStatus, uuid) : createAirmetPostParameter(productToPost, newStatus, uuid);
@@ -4896,7 +4902,7 @@ var ProductFormDialogContent = function ProductFormDialogContent(_a) {
       confirmLabel: getConfirmationDialogButtonLabel(action, productType),
       cancelLabel: getConfirmationDialogCancelLabel(action),
       catchOnCancel: action === 'CLOSED',
-      content: isVAPhenomenon(product, action) ? /*#__PURE__*/createElement(CancelSigmetVolcanicMovements, {
+      content: isVAPhenomenon(product, action) ? /*#__PURE__*/React.createElement(CancelSigmetVolcanicMovements, {
         sigmet: product
       }) : null
     });
@@ -4965,7 +4971,7 @@ var ProductFormDialogContent = function ProductFormDialogContent(_a) {
   };
 
   var title = getDialogtitle(product, productType);
-  return /*#__PURE__*/createElement(ContentDialog, {
+  return /*#__PURE__*/React.createElement(ContentDialog, {
     open: isOpen,
     toggleDialogStatus: function toggleDialogStatus() {
       return onProductButtonPress('CLOSED');
@@ -4978,27 +4984,27 @@ var ProductFormDialogContent = function ProductFormDialogContent(_a) {
     onClose: function onClose() {
       return onProductButtonPress('CLOSED');
     },
-    alertBanner: errorStoreMessage ? /*#__PURE__*/createElement(AlertBanner, {
+    alertBanner: errorStoreMessage ? /*#__PURE__*/React.createElement(AlertBanner, {
       severity: "error",
       title: "An error has occurred while saving, please try again",
       info: errorStoreMessageText
     }) : null,
     options: getProductFormLifecycleButtons(productCanBe, onProductButtonPress)
-  }, productType === 'sigmet' ? /*#__PURE__*/createElement(SigmetForm, {
+  }, productType === 'sigmet' ? /*#__PURE__*/React.createElement(SigmetForm, {
     mode: mode,
     isCancelSigmet: product !== null && isInstanceOfCancelSigmet(product),
     initialSigmet: product !== null && !isInstanceOfCancelSigmet(product) ? product : null,
     initialCancelSigmet: product !== null && isInstanceOfCancelSigmet(product) ? product : null
-  }) : /*#__PURE__*/createElement(AirmetForm, {
+  }) : /*#__PURE__*/React.createElement(AirmetForm, {
     mode: mode,
     isCancelAirmet: product !== null && isInstanceOfCancelAirmet(product),
     initialAirmet: product !== null && !isInstanceOfCancelAirmet(product) ? product : null,
     initialCancelAirmet: product !== null && isInstanceOfCancelAirmet(product) ? product : null
-  }), /*#__PURE__*/createElement(DraftFieldHelper, null), /*#__PURE__*/createElement(Backdrop, {
+  }), /*#__PURE__*/React.createElement(DraftFieldHelper, null), /*#__PURE__*/React.createElement(Backdrop, {
     "data-testid": "loader",
     open: showLoader,
     className: classes.backdrop
-  }, /*#__PURE__*/createElement(CircularProgress, {
+  }, /*#__PURE__*/React.createElement(CircularProgress, {
     color: "inherit"
   })));
 };
@@ -5034,9 +5040,9 @@ var ProductFormDialog = function ProductFormDialog(_a) {
     return null;
   }
 
-  return /*#__PURE__*/createElement(ReactHookFormProvider, {
+  return /*#__PURE__*/React.createElement(ReactHookFormProvider, {
     options: defaultFormOptions
-  }, /*#__PURE__*/createElement(ConfirmationServiceProvider, null, /*#__PURE__*/createElement(ProductFormDialogContent, {
+  }, /*#__PURE__*/React.createElement(ConfirmationServiceProvider, null, /*#__PURE__*/React.createElement(ProductFormDialogContent, {
     isOpen: isOpen,
     toggleDialogStatus: toggleDialogStatus,
     mode: mode,