@opengeoweb/sigmet-airmet 1.2.2 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/lib/components/MapViewGeoJson/constants.d.ts +0 -29
  2. package/lib/components/ProductForms/ProductFormDialog.d.ts +3 -2
  3. package/lib/components/ProductForms/ProductFormFields/ValidUntil.d.ts +3 -0
  4. package/lib/utils/KNMIlayers.d.ts +15 -0
  5. package/lib/utils/mockdata/fakeAirmetList.d.ts +1 -0
  6. package/lib/utils/testUtils.d.ts +2 -0
  7. package/package.json +12 -12
  8. package/sigmet-airmet.esm.js +890 -658
  9. package/sigmet-airmet.umd.js +492 -442
package/sigmet-airmet.umd.js CHANGED
@@ -2,7 +2,7 @@
2
2
  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@material-ui/core'), require('@material-ui/pickers'), require('@date-io/moment'), require('react-hook-form'), require('@opengeoweb/form-fields'), require('@opengeoweb/api'), require('immer'), require('react-redux'), require('@opengeoweb/core'), require('@turf/turf'), require('@opengeoweb/shared'), require('@material-ui/icons'), require('moment'), require('lodash'), require('@material-ui/lab')) :
3
3
  typeof define === 'function' && define.amd ? define(['exports', 'react', '@material-ui/core', '@material-ui/pickers', '@date-io/moment', 'react-hook-form', '@opengeoweb/form-fields', '@opengeoweb/api', 'immer', 'react-redux', '@opengeoweb/core', '@turf/turf', '@opengeoweb/shared', '@material-ui/icons', 'moment', 'lodash', '@material-ui/lab'], factory) :
4
4
  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.SigmetAirmet = {}, global.React, global.core$1, global.pickers, global.MomentUtils, global.reactHookForm, global.formFields, global.api, global.produce, global.reactRedux, global.core, global.turf, global.shared, global.icons, global.moment, global.lodash, global.lab));
5
- }(this, (function (exports, React, core$1, pickers, MomentUtils, reactHookForm, formFields, api, produce, reactRedux, core, turf, shared, icons, moment, lodash, lab) { 'use strict';
5
+ })(this, (function (exports, React, core$1, pickers, MomentUtils, reactHookForm, formFields, api, produce, reactRedux, core, turf, shared, icons, moment, lodash, lab) { 'use strict';
6
6
 
7
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
8
 
@@ -15,14 +15,12 @@
15
15
  var d = Object.getOwnPropertyDescriptor(e, k);
16
16
  Object.defineProperty(n, k, d.get ? d : {
17
17
  enumerable: true,
18
- get: function () {
19
- return e[k];
20
- }
18
+ get: function () { return e[k]; }
21
19
  });
22
20
  }
23
21
  });
24
22
  }
25
- n['default'] = e;
23
+ n["default"] = e;
26
24
  return Object.freeze(n);
27
25
  }
28
26
 
@@ -141,34 +139,6 @@
141
139
  },
142
140
  srs: 'EPSG:3857'
143
141
  };
144
- var baseLayer = {
145
- name: 'WorldMap_Light_Grey_Canvas',
146
- title: 'WorldMap_Light_Grey_Canvas',
147
- type: 'twms',
148
- layerType: core.mapTypes.LayerType.baseLayer,
149
- enabled: true
150
- };
151
- var countryBorders = {
152
- service: 'https://geoservices.knmi.nl/wms?DATASET=baselayers&',
153
- name: 'countryborders',
154
- format: 'image/png',
155
- layerType: core.mapTypes.LayerType.overLayer,
156
- enabled: true
157
- };
158
- var northSeaPlatforms = {
159
- service: 'https://adaguc-server-geoweb.geoweb.knmi.cloud/adagucserver?dataset=OVL-sigmetairmet',
160
- name: 'northseastations',
161
- format: 'image/png',
162
- layerType: core.mapTypes.LayerType.overLayer,
163
- enabled: true
164
- };
165
- var majorAirportsEHAA = {
166
- service: 'https://adaguc-server-geoweb.geoweb.knmi.cloud/adagucserver?dataset=OVL-sigmetairmet',
167
- name: 'airports',
168
- format: 'image/png',
169
- layerType: core.mapTypes.LayerType.overLayer,
170
- enabled: true
171
- };
172
142
  var featurePropsStart = {
173
143
  stroke: '#f24a00',
174
144
  'stroke-width': 1.5,
@@ -475,11 +445,48 @@
475
445
  StartOrEndDrawing["end"] = "end";
476
446
  })(StartOrEndDrawing || (StartOrEndDrawing = {}));
477
447
 
448
+ /* *
449
+ * Licensed under the Apache License, Version 2.0 (the "License");
450
+ * you may not use this file except in compliance with the License.
451
+ * You may obtain a copy of the License at
452
+ *
453
+ * http://www.apache.org/licenses/LICENSE-2.0
454
+ *
455
+ * Unless required by applicable law or agreed to in writing, software
456
+ * distributed under the License is distributed on an "AS IS" BASIS,
457
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
458
+ * See the License for the specific language governing permissions and
459
+ * limitations under the License.
460
+ *
461
+ * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
462
+ * Copyright 2021 - Finnish Meteorological Institute (FMI)
463
+ * */
464
+ var adagucBaseUrl = 'https://adaguc-server-geoweb.geoweb.knmi.cloud/adagucserver';
465
+ var KNMIGeoWebSigmetAirmetOverlays = {
466
+ name: 'SigmetAirmetOverlays',
467
+ url: adagucBaseUrl + "?dataset=OVL-sigmetairmet",
468
+ id: 'sigmetairmetoverlays'
469
+ };
470
+ var northSeaPlatforms = {
471
+ service: KNMIGeoWebSigmetAirmetOverlays.url,
472
+ name: 'northseastations',
473
+ format: 'image/png',
474
+ layerType: core.mapTypes.LayerType.overLayer,
475
+ enabled: true
476
+ };
477
+ var majorAirportsEHAA = {
478
+ service: KNMIGeoWebSigmetAirmetOverlays.url,
479
+ name: 'airports',
480
+ format: 'image/png',
481
+ layerType: core.mapTypes.LayerType.overLayer,
482
+ enabled: true
483
+ };
484
+
478
485
  var allowOneGeoJSONFeature = function allowOneGeoJSONFeature(mode, geojson) {
479
486
  switch (mode) {
480
487
  case MapDrawMode.BOX:
481
488
  case MapDrawMode.POLYGON:
482
- return geojson.features[0].geometry.coordinates.length > 1 ? produce__default['default'](geojson, function (draft) {
489
+ return geojson.features[0].geometry.coordinates.length > 1 ? produce__default["default"](geojson, function (draft) {
483
490
  draft.features[0].geometry.coordinates = [draft.features[0].geometry.coordinates[1]];
484
491
  }) : geojson;
485
492
 
@@ -509,13 +516,24 @@
509
516
  _g = _a.exitDrawModeCallbackEnd,
510
517
  exitDrawModeCallbackEnd = _g === void 0 ? function () {} : _g;
511
518
  var dispatch = reactRedux.useDispatch();
519
+ var firstMap = reactRedux.useSelector(function (store) {
520
+ return core.mapSelectors.getFirstMap(store);
521
+ }, reactRedux.shallowEqual);
522
+ var firstMapId = firstMap && firstMap.id ? firstMap.id : null;
512
523
  var mapLayers = reactRedux.useSelector(function (store) {
513
- return core.mapSelectors.getMapLayers(store, 'main-map');
524
+ return core.mapSelectors.getMapLayers(store, firstMapId);
514
525
  }, reactRedux.shallowEqual);
515
526
  var mapDimensions = reactRedux.useSelector(function (store) {
516
- return core.mapSelectors.getMapDimensions(store, 'main-map');
527
+ return core.mapSelectors.getMapDimensions(store, firstMapId);
517
528
  }, reactRedux.shallowEqual);
518
529
  var mapId = React__namespace.useRef("sigmet-" + core.generateMapId()).current;
530
+ var timesliderId = React__namespace.useRef("sigmet-" + core.generateTimesliderId()).current;
531
+ var syncGroupAddGroup = React__namespace.useCallback(function (payload) {
532
+ return dispatch(core.SyncGroups.actions.syncGroupAddGroup(payload));
533
+ }, [dispatch]);
534
+ var syncGroupAddTarget = React__namespace.useCallback(function (payload) {
535
+ return dispatch(core.SyncGroups.actions.syncGroupAddTarget(payload));
536
+ }, [dispatch]);
519
537
  React__namespace.useEffect(function () {
520
538
  if (mapLayers && mapLayers.length) {
521
539
  // use maplayers, but change layerId and current mapId
@@ -541,9 +559,9 @@
541
559
 
542
560
  dispatch(core.mapActions.setBaseLayers({
543
561
  mapId: mapId,
544
- layers: [__assign(__assign({}, baseLayer), {
562
+ layers: [__assign(__assign({}, core.publicLayers.baseLayerGrey), {
545
563
  id: "baselayer-" + mapId
546
- }), __assign(__assign({}, countryBorders), {
564
+ }), __assign(__assign({}, core.publicLayers.overLayer), {
547
565
  id: "countryborders-" + mapId
548
566
  }), __assign(__assign({}, northSeaPlatforms), {
549
567
  id: "northseaplatforms-" + mapId
@@ -555,14 +573,31 @@
555
573
  mapId: mapId,
556
574
  bbox: srsAndBboxDefault.bbox,
557
575
  srs: srsAndBboxDefault.srs
558
- })); // eslint-disable-next-line react-hooks/exhaustive-deps
576
+ }));
577
+ syncGroupAddGroup({
578
+ groupId: 'Time_SigmetAirmet',
579
+ title: 'Group 1 for sigmet/airmet map',
580
+ type: core.SyncGroups.constants.SYNCGROUPS_TYPE_SETTIME
581
+ });
582
+ syncGroupAddTarget({
583
+ groupId: 'Time_SigmetAirmet',
584
+ targetId: mapId
585
+ });
586
+ syncGroupAddTarget({
587
+ groupId: 'Time_SigmetAirmet',
588
+ targetId: timesliderId
589
+ }); // eslint-disable-next-line react-hooks/exhaustive-deps
559
590
  }, []);
560
591
  return /*#__PURE__*/React__namespace.createElement("div", {
561
592
  style: {
562
- height: '100%'
593
+ position: 'relative',
594
+ height: '99%'
563
595
  },
564
596
  "data-testid": "MapView"
565
- }, /*#__PURE__*/React__namespace.createElement(core.MapViewConnect, {
597
+ }, /*#__PURE__*/React__namespace.createElement(core.MapControls, null, /*#__PURE__*/React__namespace.createElement(core.LayerManagerMapButtonConnect, {
598
+ source: "module",
599
+ mapId: mapId
600
+ })), /*#__PURE__*/React__namespace.createElement(core.MapViewConnect, {
566
601
  mapId: mapId
567
602
  }, /*#__PURE__*/React__namespace.createElement(core.MapViewLayer, {
568
603
  id: "geojsonlayer-fir-" + mapId,
@@ -614,6 +649,17 @@
614
649
  id: "geojsonlayer-intersection-start-" + mapId,
615
650
  isInEditMode: false,
616
651
  geojson: geoJSONs.intersectionStart
652
+ })), /*#__PURE__*/React__namespace.createElement("div", {
653
+ style: {
654
+ position: 'absolute',
655
+ left: '0',
656
+ bottom: '0',
657
+ zIndex: 1000,
658
+ width: '100%'
659
+ }
660
+ }, /*#__PURE__*/React__namespace.createElement(core.TimeSliderConnect, {
661
+ sourceId: timesliderId,
662
+ mapId: mapId
617
663
  })));
618
664
  };
619
665
 
@@ -826,7 +872,7 @@
826
872
 
827
873
  var addFeatureProperties = function addFeatureProperties(geojson, featureProperties) {
828
874
  if (!geojson) return null;
829
- return produce__default['default'](geojson, function (draft) {
875
+ return produce__default["default"](geojson, function (draft) {
830
876
  if (draft.features && draft.features.length > 0 && draft.features[0].properties) {
831
877
  Object.keys(featureProperties).forEach(function (key) {
832
878
  draft.features[0].properties[key] = featureProperties[key];
@@ -896,7 +942,7 @@
896
942
  {
897
943
  if (newGeoJSONDrawMode[startOrEnd] !== mapDrawMode) {
898
944
  /* Set for either start or end GeoJSON; key is the same as in the MapDrawMode ENUM */
899
- var cleanGeoJSON = produce__default['default'](geoJSONs, function (draft) {
945
+ var cleanGeoJSON = produce__default["default"](geoJSONs, function (draft) {
900
946
  draft[startOrEnd] = addFeatureProperties(geoJSONTemplate[mapDrawMode][startOrEnd], featureStyleProperties);
901
947
  });
902
948
  setLayerGeoJSONs(createInterSections(cleanGeoJSON));
@@ -919,7 +965,7 @@
919
965
  case MapDrawMode.FIR:
920
966
  {
921
967
  newGeoJSONDrawMode[startOrEnd] = mapDrawMode;
922
- var cleanGeoJSON = produce__default['default'](geoJSONs, function (draft) {
968
+ var cleanGeoJSON = produce__default["default"](geoJSONs, function (draft) {
923
969
  draft[startOrEnd] = addFeatureProperties(getFir(), __assign(__assign({}, featureStyleProperties), {
924
970
  selectionType: 'fir'
925
971
  }));
@@ -948,7 +994,7 @@
948
994
  case MapDrawMode.POINT:
949
995
  case MapDrawMode.BOX:
950
996
  {
951
- var cleanGeoJSON = produce__default['default'](geoJSONs, function (draft) {
997
+ var cleanGeoJSON = produce__default["default"](geoJSONs, function (draft) {
952
998
  draft[startOrEnd] = addFeatureProperties(geoJSONTemplate[newGeoJSONDrawMode[startOrEnd]][startOrEnd], featureStyleProperties);
953
999
  });
954
1000
  var intersections = createInterSections(cleanGeoJSON);
@@ -959,7 +1005,7 @@
959
1005
 
960
1006
  default:
961
1007
  {
962
- var cleanGeoJSON = produce__default['default'](geoJSONs, function (draft) {
1008
+ var cleanGeoJSON = produce__default["default"](geoJSONs, function (draft) {
963
1009
  draft[startOrEnd] = addFeatureProperties(geoJSONTemplate['POLYGON'][startOrEnd], featureStyleProperties);
964
1010
  });
965
1011
  var intersections = createInterSections(cleanGeoJSON);
@@ -1022,7 +1068,7 @@
1022
1068
  */
1023
1069
 
1024
1070
  var createInterSections = function createInterSections(geoJSONs) {
1025
- var intersections = produce__default['default'](geoJSONs, function (draft) {
1071
+ var intersections = produce__default["default"](geoJSONs, function (draft) {
1026
1072
  try {
1027
1073
  draft.intersectionStart = addFeatureProperties(intersectGeoJSONS(geoJSONs.start, geoJSONs.fir), featurePropsIntersectionStart);
1028
1074
  } catch (e) {
@@ -1104,12 +1150,12 @@
1104
1150
  disabled = _a === void 0 ? true : _a,
1105
1151
  restProps = __rest(props, ["value", "label", "disabled"]);
1106
1152
 
1107
- return /*#__PURE__*/React__default['default'].createElement(core$1.FormControlLabel, __assign({
1153
+ return /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, __assign({
1108
1154
  style: {
1109
1155
  pointerEvents: 'none'
1110
1156
  },
1111
1157
  value: value,
1112
- control: /*#__PURE__*/React__default['default'].createElement(core$1.Radio, {
1158
+ control: /*#__PURE__*/React__default["default"].createElement(core$1.Radio, {
1113
1159
  style: {
1114
1160
  pointerEvents: 'auto'
1115
1161
  }
@@ -1142,27 +1188,27 @@
1142
1188
  var watch = reactHookForm.useFormContext().watch;
1143
1189
  var isRequired = shared.useDraftFormHelpers().isRequired;
1144
1190
  var classes = useStyles$6();
1145
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1191
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1146
1192
  item: true,
1147
1193
  container: true,
1148
1194
  spacing: 2
1149
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1195
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1150
1196
  item: true,
1151
1197
  xs: 4,
1152
1198
  container: true,
1153
1199
  justify: "flex-end"
1154
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
1200
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
1155
1201
  variant: "subtitle1",
1156
1202
  className: classes.label
1157
- }, "Change")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1203
+ }, "Change")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1158
1204
  item: true,
1159
1205
  xs: 8,
1160
1206
  container: true,
1161
1207
  justify: "flex-start"
1162
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1208
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1163
1209
  item: true,
1164
1210
  xs: 12
1165
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormRadioGroup, {
1211
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormRadioGroup, {
1166
1212
  name: "change",
1167
1213
  rules: {
1168
1214
  validate: {
@@ -1170,17 +1216,17 @@
1170
1216
  }
1171
1217
  },
1172
1218
  disabled: isDisabled
1173
- }, (!isReadOnly || watch('change') === 'WKN') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
1219
+ }, (!isReadOnly || watch('change') === 'WKN') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
1174
1220
  value: "WKN",
1175
1221
  label: "Weakening",
1176
1222
  disabled: isDisabled,
1177
1223
  "data-testid": "change-WKN"
1178
- }), (!isReadOnly || watch('change') === 'NC') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
1224
+ }), (!isReadOnly || watch('change') === 'NC') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
1179
1225
  value: "NC",
1180
1226
  label: "No change",
1181
1227
  disabled: isDisabled,
1182
1228
  "data-testid": "change-NC"
1183
- }), (!isReadOnly || watch('change') === 'INTSF') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
1229
+ }), (!isReadOnly || watch('change') === 'INTSF') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
1184
1230
  value: "INTSF",
1185
1231
  label: "Intensifying",
1186
1232
  disabled: isDisabled,
@@ -1189,28 +1235,28 @@
1189
1235
  };
1190
1236
 
1191
1237
  var RegionDraw = function RegionDraw(props) {
1192
- return /*#__PURE__*/React__default['default'].createElement(core$1.SvgIcon, __assign({}, props), /*#__PURE__*/React__default['default'].createElement("path", {
1238
+ return /*#__PURE__*/React__default["default"].createElement(core$1.SvgIcon, __assign({}, props), /*#__PURE__*/React__default["default"].createElement("path", {
1193
1239
  d: "M6,2 L6,2.999 L10,2.999 L10,2 L14,2 L14,2.999 L18,2.999 L18,2 L22,2 L22,6 L20.999,6 L20.999,10 L22,10 L22,14 L20.999,14 L20.999,18 L22,18 L22,22 L18,22 L18,20.999 L14,20.999 L14,22 L10,22 L10,20.999 L6,20.999 L6,22 L2,22 L2,18 L2.999,18 L2.999,14 L2,14 L2,10 L2.999,10 L2.999,6 L2,6 L2,2 L6,2 Z M10,4.999 L6,4.999 L6,6 L4.999,6 L4.999,10 L6,10 L6,14 L4.999,14 L4.999,18 L6,18 L6,18.999 L10,18.999 L10,18 L14,18 L14,18.999 L18,18.999 L18,18 L18.999,18 L18.999,14 L18,14 L18,10 L18.999,10 L18.999,6 L18,6 L18,4.999 L14,4.999 L14,6 L10,6 L10,4.999 Z"
1194
1240
  }));
1195
1241
  };
1196
1242
  var PolygonDraw = function PolygonDraw(props) {
1197
- return /*#__PURE__*/React__default['default'].createElement(core$1.SvgIcon, __assign({}, props), /*#__PURE__*/React__default['default'].createElement("path", {
1243
+ return /*#__PURE__*/React__default["default"].createElement(core$1.SvgIcon, __assign({}, props), /*#__PURE__*/React__default["default"].createElement("path", {
1198
1244
  d: "M14,1 L14,4.113 L12.0044614,2.2 L11.994,5.221 L4.039,19 L5,19 L5,23 L1,23 L1,19 L2.307,19 L10.389,5 L10,5 L10,1 L14,1 Z M13.0044614,4.62000715 L23.2887637,14.4827842 L18.3738381,14.8752125 L20.4451897,19.755011 L18.7229079,20.4860763 L16.6515563,15.6062777 L12.9550728,18.8691758 L13.0044614,4.62000715 Z"
1199
1245
  }));
1200
1246
  };
1201
1247
  var FIRDraw = function FIRDraw(props) {
1202
- return /*#__PURE__*/React__default['default'].createElement(core$1.SvgIcon, __assign({}, props), /*#__PURE__*/React__default['default'].createElement("g", {
1248
+ return /*#__PURE__*/React__default["default"].createElement(core$1.SvgIcon, __assign({}, props), /*#__PURE__*/React__default["default"].createElement("g", {
1203
1249
  stroke: "none",
1204
1250
  strokeWidth: "1",
1205
1251
  fill: "none",
1206
1252
  fillRule: "evenodd"
1207
- }, /*#__PURE__*/React__default['default'].createElement("g", {
1253
+ }, /*#__PURE__*/React__default["default"].createElement("g", {
1208
1254
  id: "Group",
1209
1255
  transform: "translate(4.000000, 0.000000)"
1210
- }, /*#__PURE__*/React__default['default'].createElement("path", {
1256
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
1211
1257
  d: "M14.8612239,11 L14.9115011,11.5388601 L15.4197993,11.75539 L15.5062084,11.9691775 L15.8660263,12.0777202 L15.7718043,12.6691807 L16,13.1878797 L15.5310922,13.8290155 L15.4230174,14.8586232 L14.4731116,14.8586232 L14.3413147,15.6661887 L14.7077015,15.7340105 L14.9889562,15.8690566 L15.2449574,15.7156639 L15.4230174,16.0774735 L15.196158,16.8150936 L14.2348991,17.6802157 L14.7272502,18.2072539 L13.3205268,18.746114 L12.047777,18.746114 L12.1147638,19.2849741 L12.5898001,19.6079144 L12.8870258,21.0848077 L12.3930048,21.6641694 L12.5166848,21.9119171 L12.851619,21.9119171 L11.9807902,22.6528497 L12.5859302,23.3547223 L12.249957,24 L11.1769482,23.865285 L10.9807329,23.3905749 L11.645856,21.9792746 L10.5070799,21.3056995 L9.7115087,21.5622995 L9.30131696,20.942772 L9.43529062,20.6321244 L9.30131696,20.3434493 L8.96368864,20.7746275 L8.497475,20.7668394 L8.497475,20.3434493 L8.134919,20.7668394 L7.69363303,20.3434493 L7.29171205,20.6321244 L7.49267254,21.1036269 L6.89145898,20.9259266 L6.49233131,21.3663084 L5.79757169,21.7882637 L5.48306763,21.7772021 L5.34909397,21.5751295 L4.81319933,21.3056995 L4.63461208,21.5622995 L4.14333102,21.5622995 L4,20.9528744 L4.81319933,20.7668394 L4.27730468,20.2279793 L5.14813348,19.7564767 L5.14813348,19.2849741 L5.61704129,19.2176166 L5.73827291,18.8328559 L6.15293593,18.5151739 L6.53844831,17.9057488 L7.15773839,17.1451281 L7.69363303,16.0774735 L8.02856718,14.4184153 L8.16254085,13.7634284 L8.22952768,13.4248705 L8.497475,13.4117175 L8.69843549,13.6943005 L9.30131696,13.492228 L9.50227745,13.9839918 L9.49196322,14.4352332 L9.90261766,14.3678756 L10.1051589,14.5216286 L9.63625111,14.9740933 L9.38186146,14.8817439 L9.1871628,15.0704029 L9.42694382,15.5309318 L9.23433013,15.7823834 L9.50227745,15.8161505 L8.89062784,16.4610105 L9.21171018,16.2596747 L9.50227745,16.4559585 L9.56926428,16.0774735 L10.5009881,15.5160892 L10.6410536,15.3108808 L11.1769482,15.1088083 L10.9090009,14.8192006 L10.9759877,14.2331606 L11.1769482,13.9637306 L10.8487404,13.9371218 L10.3461208,13.8963731 L10.1592144,13.6937797 L10.3461208,13.5595855 L10.3461208,12.4209228 L10.8420141,11.8756477 L11.8468165,11.4041451 L12.8845691,11.2020725 L13.8253549,11.1058964 L14.8612239,11 Z M8.7,12 L8.95,12.2592593 L8.85,12.6226929 L8.65485536,12.8067665 L8.35,13 L8.05,13 L8.07470604,12.7559881 L8.25,12.4129909 L8.7,12 Z M10.9249796,11.075 L11,11.1807665 L10.910154,11.2972935 L10.7129544,11.4419019 L10.5748988,11.475 L10.4321457,11.6478218 L10.223264,11.725 L10.0512821,11.925 L10,11.775 L10.1293376,11.524267 L10.9249796,11.075 Z M10,11.1649935 L9.93600937,11.2308124 L9.78162743,11.3137311 L9.5,11.4649935 L9.54166667,11.5649935 L9.375,11.7133072 L9.29166667,11.8350065 L9,11.7649935 L9.26666667,11.6149935 L9.46823822,11.3649935 L9.75309187,11.1649935 L10,11.1649935 Z M11.9408062,10.3440643 L12,10.4106778 L11.9104576,10.4940643 L11.8264041,10.4765329 L11.5493383,10.5835595 L11.3701418,10.5440643 L11.2526264,10.6324435 L11.110035,10.6559357 L11,10.5701453 L11,10.4440643 L11.0866007,10.3721815 L11.307998,10.4440643 L11.8507312,10.3604033 L11.9408062,10.3440643 Z",
1212
1258
  fill: "#0075A9"
1213
- }), /*#__PURE__*/React__default['default'].createElement("polygon", {
1259
+ }), /*#__PURE__*/React__default["default"].createElement("polygon", {
1214
1260
  id: "Path",
1215
1261
  stroke: "#0075A9",
1216
1262
  strokeWidth: "1.5",
@@ -1256,22 +1302,22 @@
1256
1302
  drawMode = _a.drawMode,
1257
1303
  setDrawMode = _a.setDrawMode;
1258
1304
  var classes = useStyles$5();
1259
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1305
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1260
1306
  item: true,
1261
1307
  xs: 12,
1262
1308
  container: true,
1263
1309
  justify: "space-between",
1264
1310
  "data-testid": "drawtools"
1265
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1311
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1266
1312
  item: true
1267
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Tooltip, {
1313
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
1268
1314
  title: "Drop a point as " + type + " position"
1269
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Radio, {
1270
- icon: /*#__PURE__*/React__default['default'].createElement(icons.LocationOn, {
1315
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Radio, {
1316
+ icon: /*#__PURE__*/React__default["default"].createElement(icons.LocationOn, {
1271
1317
  className: classes.drawButtons
1272
1318
  }),
1273
1319
  value: true,
1274
- checkedIcon: /*#__PURE__*/React__default['default'].createElement(icons.LocationOn, {
1320
+ checkedIcon: /*#__PURE__*/React__default["default"].createElement(icons.LocationOn, {
1275
1321
  className: classes.drawButtonsSelected
1276
1322
  }),
1277
1323
  checked: drawMode === MapDrawMode.POINT,
@@ -1279,15 +1325,15 @@
1279
1325
  setDrawMode(MapDrawMode.POINT);
1280
1326
  },
1281
1327
  "data-testid": "drawtools-point"
1282
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1328
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1283
1329
  item: true
1284
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Tooltip, {
1330
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
1285
1331
  title: "Draw a box as " + type + " position"
1286
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Radio, {
1287
- icon: /*#__PURE__*/React__default['default'].createElement(RegionDraw, {
1332
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Radio, {
1333
+ icon: /*#__PURE__*/React__default["default"].createElement(RegionDraw, {
1288
1334
  className: classes.drawButtons
1289
1335
  }),
1290
- checkedIcon: /*#__PURE__*/React__default['default'].createElement(RegionDraw, {
1336
+ checkedIcon: /*#__PURE__*/React__default["default"].createElement(RegionDraw, {
1291
1337
  className: classes.drawButtonsSelected
1292
1338
  }),
1293
1339
  checked: drawMode === MapDrawMode.BOX,
@@ -1295,15 +1341,15 @@
1295
1341
  setDrawMode(MapDrawMode.BOX);
1296
1342
  },
1297
1343
  "data-testid": "drawtools-box"
1298
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1344
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1299
1345
  item: true
1300
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Tooltip, {
1346
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
1301
1347
  title: "Draw a shape as " + type + " position"
1302
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Radio, {
1303
- icon: /*#__PURE__*/React__default['default'].createElement(PolygonDraw, {
1348
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Radio, {
1349
+ icon: /*#__PURE__*/React__default["default"].createElement(PolygonDraw, {
1304
1350
  className: classes.drawButtons
1305
1351
  }),
1306
- checkedIcon: /*#__PURE__*/React__default['default'].createElement(PolygonDraw, {
1352
+ checkedIcon: /*#__PURE__*/React__default["default"].createElement(PolygonDraw, {
1307
1353
  className: classes.drawButtonsSelected
1308
1354
  }),
1309
1355
  checked: drawMode === MapDrawMode.POLYGON,
@@ -1311,15 +1357,15 @@
1311
1357
  setDrawMode(MapDrawMode.POLYGON);
1312
1358
  },
1313
1359
  "data-testid": "drawtools-polygon"
1314
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1360
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1315
1361
  item: true
1316
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Tooltip, {
1362
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
1317
1363
  title: "Set FIR as " + type + " position"
1318
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Radio, {
1319
- icon: /*#__PURE__*/React__default['default'].createElement(FIRDraw, {
1364
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Radio, {
1365
+ icon: /*#__PURE__*/React__default["default"].createElement(FIRDraw, {
1320
1366
  className: classes.drawButtons
1321
1367
  }),
1322
- checkedIcon: /*#__PURE__*/React__default['default'].createElement(FIRDraw, {
1368
+ checkedIcon: /*#__PURE__*/React__default["default"].createElement(FIRDraw, {
1323
1369
  className: classes.drawButtonsSelected
1324
1370
  }),
1325
1371
  checked: drawMode === MapDrawMode.FIR,
@@ -1327,15 +1373,15 @@
1327
1373
  setDrawMode(MapDrawMode.FIR);
1328
1374
  },
1329
1375
  "data-testid": "drawtools-fir"
1330
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1376
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1331
1377
  item: true
1332
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Tooltip, {
1378
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
1333
1379
  title: "Remove geometry"
1334
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Radio, {
1335
- icon: /*#__PURE__*/React__default['default'].createElement(icons.Delete, {
1380
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Radio, {
1381
+ icon: /*#__PURE__*/React__default["default"].createElement(icons.Delete, {
1336
1382
  className: classes.drawButtons
1337
1383
  }),
1338
- checkedIcon: /*#__PURE__*/React__default['default'].createElement(icons.Delete, {
1384
+ checkedIcon: /*#__PURE__*/React__default["default"].createElement(icons.Delete, {
1339
1385
  className: classes.drawButtonsSelected
1340
1386
  }),
1341
1387
  checked: drawMode === MapDrawMode.DELETE,
@@ -1698,11 +1744,11 @@
1698
1744
  };
1699
1745
  var getProductIssueDate = function getProductIssueDate(initialProduct, initialCancelProduct) {
1700
1746
  if (initialProduct !== null && (initialProduct.status === 'PUBLISHED' || initialProduct.status === 'EXPIRED') && initialProduct.issueDate) {
1701
- return moment__default['default'].utc(initialProduct.issueDate).format('YYYY/MM/DD HH:mm') + " UTC";
1747
+ return moment__default["default"].utc(initialProduct.issueDate).format('YYYY/MM/DD HH:mm') + " UTC";
1702
1748
  }
1703
1749
 
1704
1750
  if (initialCancelProduct !== null && initialCancelProduct.issueDate) {
1705
- return moment__default['default'].utc(initialCancelProduct.issueDate).format('YYYY/MM/DD HH:mm') + " UTC";
1751
+ return moment__default["default"].utc(initialCancelProduct.issueDate).format('YYYY/MM/DD HH:mm') + " UTC";
1706
1752
  }
1707
1753
 
1708
1754
  return '(Not published)';
@@ -1735,7 +1781,7 @@
1735
1781
  return unitType;
1736
1782
  };
1737
1783
  var rewindGeometry = function rewindGeometry(geoJSON) {
1738
- return produce__default['default'](geoJSON, function (geoJSONDraft) {
1784
+ return produce__default["default"](geoJSON, function (geoJSONDraft) {
1739
1785
  if (geoJSONDraft && geoJSONDraft.features[0].geometry.type === 'Polygon' && geoJSONDraft.features[0].geometry.coordinates[0].length > 1) {
1740
1786
  var geometry = geoJSON.features[0].geometry;
1741
1787
  var lineString = turf.polygonToLineString(geometry);
@@ -1898,27 +1944,27 @@
1898
1944
  var selectedFIR = watch('locationIndicatorATSR'); // Get allowed level units based on selected FIR - if no FIR selected, allow all default units
1899
1945
 
1900
1946
  var allowedLevelUnitsForFir = getAllowedUnits(selectedFIR, allowedUnits, 'level_unit', LevelUnits);
1901
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1947
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1902
1948
  item: true,
1903
1949
  container: true,
1904
1950
  spacing: 2
1905
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1951
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1906
1952
  item: true,
1907
1953
  xs: 4,
1908
1954
  container: true,
1909
1955
  justify: "flex-end"
1910
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
1956
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
1911
1957
  variant: "subtitle1",
1912
1958
  className: classes.label
1913
- }, "Levels")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1959
+ }, "Levels")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1914
1960
  item: true,
1915
1961
  xs: 8,
1916
1962
  container: true,
1917
1963
  justify: "flex-start"
1918
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1964
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1919
1965
  item: true,
1920
1966
  xs: 12
1921
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormRadioGroup, {
1967
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormRadioGroup, {
1922
1968
  name: "levelInfoMode",
1923
1969
  rules: {
1924
1970
  validate: {
@@ -1945,21 +1991,21 @@
1945
1991
 
1946
1992
  clearErrors(['level', 'lowerLevel']);
1947
1993
  }
1948
- }, (!isReadOnly || watch('levelInfoMode') === 'AT' || watch('levelInfoMode') === 'TOPS') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
1994
+ }, (!isReadOnly || watch('levelInfoMode') === 'AT' || watch('levelInfoMode') === 'TOPS') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
1949
1995
  value: "AT",
1950
1996
  label: "At",
1951
1997
  checked: watch('levelInfoMode') === 'AT' || watch('levelInfoMode') === 'TOPS',
1952
1998
  "data-testid": "levels-AT",
1953
1999
  disabled: isDisabled
1954
- }), watch('levelInfoMode') === 'AT' || watch('levelInfoMode') === 'TOPS' ? /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2000
+ }), watch('levelInfoMode') === 'AT' || watch('levelInfoMode') === 'TOPS' ? /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1955
2001
  item: true,
1956
2002
  xs: 12,
1957
2003
  container: true
1958
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2004
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1959
2005
  item: true,
1960
2006
  xs: 3
1961
- }, (!isReadOnly || watch('levelInfoMode') === 'TOPS') && /*#__PURE__*/React__default['default'].createElement(core$1.FormControlLabel, {
1962
- control: /*#__PURE__*/React__default['default'].createElement(core$1.Checkbox, {
2007
+ }, (!isReadOnly || watch('levelInfoMode') === 'TOPS') && /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
2008
+ control: /*#__PURE__*/React__default["default"].createElement(core$1.Checkbox, {
1963
2009
  checked: watch('levelInfoMode') === 'TOPS',
1964
2010
  onChange: function onChange() {
1965
2011
  setValue('levelInfoMode', getValues('levelInfoMode') === 'AT' ? 'TOPS' : 'AT', {
@@ -1971,10 +2017,10 @@
1971
2017
  }),
1972
2018
  "data-testid": "levels-TOPS",
1973
2019
  label: "Tops"
1974
- })), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2020
+ })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1975
2021
  item: true,
1976
2022
  xs: 3
1977
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormSelect, {
2023
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
1978
2024
  name: "level.unit",
1979
2025
  label: "Unit",
1980
2026
  rules: {
@@ -1993,14 +2039,14 @@
1993
2039
  _onChange();
1994
2040
  }
1995
2041
  }, Object.keys(allowedLevelUnitsForFir).map(function (key) {
1996
- return /*#__PURE__*/React__default['default'].createElement(core$1.MenuItem, {
2042
+ return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
1997
2043
  value: key,
1998
2044
  key: key
1999
2045
  }, allowedLevelUnitsForFir[key]);
2000
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2046
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2001
2047
  item: true,
2002
2048
  xs: 6
2003
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormNumberField, {
2049
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
2004
2050
  name: "level.value",
2005
2051
  "data-testid": "level.value",
2006
2052
  label: "Level",
@@ -2024,23 +2070,23 @@
2024
2070
  },
2025
2071
  disabled: isDisabled,
2026
2072
  autoFocus: true
2027
- }))) : null, (!isReadOnly || watch('levelInfoMode') === 'BETW' || watch('levelInfoMode') === 'BETW_SFC') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
2073
+ }))) : null, (!isReadOnly || watch('levelInfoMode') === 'BETW' || watch('levelInfoMode') === 'BETW_SFC') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
2028
2074
  value: "BETW",
2029
2075
  label: "Between",
2030
2076
  checked: watch('levelInfoMode') === 'BETW' || watch('levelInfoMode') === 'BETW_SFC',
2031
2077
  "data-testid": "levels-BETW",
2032
2078
  disabled: isDisabled
2033
- }), watch('levelInfoMode') === 'BETW' || watch('levelInfoMode') === 'BETW_SFC' ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2079
+ }), watch('levelInfoMode') === 'BETW' || watch('levelInfoMode') === 'BETW_SFC' ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2034
2080
  item: true,
2035
2081
  xs: 12,
2036
2082
  container: true
2037
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2083
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2038
2084
  item: true,
2039
2085
  xs: 3
2040
- }), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2086
+ }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2041
2087
  item: true,
2042
2088
  xs: 3
2043
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormSelect, {
2089
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
2044
2090
  name: "level.unit",
2045
2091
  label: "Unit",
2046
2092
  rules: {
@@ -2061,14 +2107,14 @@
2061
2107
  _onChange();
2062
2108
  }
2063
2109
  }, Object.keys(allowedLevelUnitsForFir).map(function (key) {
2064
- return /*#__PURE__*/React__default['default'].createElement(core$1.MenuItem, {
2110
+ return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2065
2111
  value: key,
2066
2112
  key: key
2067
2113
  }, allowedLevelUnitsForFir[key]);
2068
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2114
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2069
2115
  item: true,
2070
2116
  xs: 6
2071
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormNumberField, {
2117
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
2072
2118
  name: "level.value",
2073
2119
  label: "Upper level",
2074
2120
  className: classes.levelField,
@@ -2095,15 +2141,15 @@
2095
2141
  return (getValues('lowerLevel.value') || getValues('lowerLevel.value') === 0) && trigger('lowerLevel.value');
2096
2142
  },
2097
2143
  autoFocus: true
2098
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2144
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2099
2145
  item: true,
2100
2146
  xs: 12,
2101
2147
  container: true
2102
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2148
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2103
2149
  item: true,
2104
2150
  xs: 3
2105
- }, (!isReadOnly || watch('levelInfoMode') === 'BETW_SFC') && /*#__PURE__*/React__default['default'].createElement(core$1.FormControlLabel, {
2106
- control: /*#__PURE__*/React__default['default'].createElement(core$1.Checkbox, {
2151
+ }, (!isReadOnly || watch('levelInfoMode') === 'BETW_SFC') && /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
2152
+ control: /*#__PURE__*/React__default["default"].createElement(core$1.Checkbox, {
2107
2153
  checked: watch('levelInfoMode') === 'BETW_SFC',
2108
2154
  onChange: function onChange() {
2109
2155
  getValues('level.unit') && trigger('level.unit');
@@ -2117,10 +2163,10 @@
2117
2163
  }),
2118
2164
  "data-testid": "levels-SFC",
2119
2165
  label: "SFC"
2120
- })), watch('levelInfoMode') !== 'BETW_SFC' && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2166
+ })), watch('levelInfoMode') !== 'BETW_SFC' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2121
2167
  item: true,
2122
2168
  xs: 3
2123
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormSelect, {
2169
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
2124
2170
  name: "lowerLevel.unit",
2125
2171
  label: "Unit",
2126
2172
  rules: {
@@ -2145,14 +2191,14 @@
2145
2191
  _onChange();
2146
2192
  }
2147
2193
  }, Object.keys(allowedLevelUnitsForFir).map(function (key) {
2148
- return /*#__PURE__*/React__default['default'].createElement(core$1.MenuItem, {
2194
+ return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2149
2195
  value: key,
2150
2196
  key: key
2151
2197
  }, allowedLevelUnitsForFir[key]);
2152
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2198
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2153
2199
  item: true,
2154
2200
  xs: 6
2155
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormNumberField, {
2201
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
2156
2202
  name: "lowerLevel.value",
2157
2203
  label: "Lower level",
2158
2204
  rules: {
@@ -2178,21 +2224,21 @@
2178
2224
  }
2179
2225
  },
2180
2226
  disabled: isDisabled
2181
- }))))) : null, (!isReadOnly || watch('levelInfoMode') === 'ABV' || watch('levelInfoMode') === 'TOPS_ABV') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
2227
+ }))))) : null, (!isReadOnly || watch('levelInfoMode') === 'ABV' || watch('levelInfoMode') === 'TOPS_ABV') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
2182
2228
  value: "ABV",
2183
2229
  label: "Above",
2184
2230
  disabled: isDisabled,
2185
2231
  checked: watch('levelInfoMode') === 'ABV' || watch('levelInfoMode') === 'TOPS_ABV',
2186
2232
  "data-testid": "levels-ABV"
2187
- }), watch('levelInfoMode') === 'ABV' || watch('levelInfoMode') === 'TOPS_ABV' ? /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2233
+ }), watch('levelInfoMode') === 'ABV' || watch('levelInfoMode') === 'TOPS_ABV' ? /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2188
2234
  item: true,
2189
2235
  xs: 12,
2190
2236
  container: true
2191
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2237
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2192
2238
  item: true,
2193
2239
  xs: 3
2194
- }, (!isReadOnly || watch('levelInfoMode') === 'TOPS_ABV') && /*#__PURE__*/React__default['default'].createElement(core$1.FormControlLabel, {
2195
- control: /*#__PURE__*/React__default['default'].createElement(core$1.Checkbox, {
2240
+ }, (!isReadOnly || watch('levelInfoMode') === 'TOPS_ABV') && /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
2241
+ control: /*#__PURE__*/React__default["default"].createElement(core$1.Checkbox, {
2196
2242
  checked: watch('levelInfoMode') === 'TOPS_ABV',
2197
2243
  onChange: function onChange() {
2198
2244
  setValue('levelInfoMode', getValues('levelInfoMode') === 'ABV' ? 'TOPS_ABV' : 'ABV', {
@@ -2203,10 +2249,10 @@
2203
2249
  }),
2204
2250
  label: "Tops",
2205
2251
  "data-testid": "levels-TOPS_ABV"
2206
- })), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2252
+ })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2207
2253
  item: true,
2208
2254
  xs: 3
2209
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormSelect, {
2255
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
2210
2256
  name: "level.unit",
2211
2257
  label: "Unit",
2212
2258
  rules: {
@@ -2225,14 +2271,14 @@
2225
2271
  _onChange();
2226
2272
  }
2227
2273
  }, Object.keys(allowedLevelUnitsForFir).map(function (key) {
2228
- return /*#__PURE__*/React__default['default'].createElement(core$1.MenuItem, {
2274
+ return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2229
2275
  value: key,
2230
2276
  key: key
2231
2277
  }, allowedLevelUnitsForFir[key]);
2232
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2278
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2233
2279
  item: true,
2234
2280
  xs: 6
2235
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormNumberField, {
2281
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
2236
2282
  name: "level.value",
2237
2283
  label: "Level",
2238
2284
  rules: {
@@ -2285,21 +2331,21 @@
2285
2331
  getValues = _b.getValues;
2286
2332
 
2287
2333
  var isRequired = shared.useDraftFormHelpers().isRequired;
2288
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2334
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2289
2335
  item: true,
2290
2336
  container: true,
2291
2337
  spacing: 2
2292
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2338
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2293
2339
  item: true,
2294
2340
  xs: 4,
2295
2341
  container: true,
2296
2342
  justify: "flex-end"
2297
- }), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2343
+ }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2298
2344
  item: true,
2299
2345
  xs: 8,
2300
2346
  container: true,
2301
2347
  justify: "flex-start"
2302
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormRadioGroup, {
2348
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormRadioGroup, {
2303
2349
  name: "isObservationOrForecast",
2304
2350
  disabled: isDisabled,
2305
2351
  rules: {
@@ -2312,12 +2358,12 @@
2312
2358
  trigger('observationOrForecastTime');
2313
2359
  }
2314
2360
  }
2315
- }, (!isReadOnly || watch('isObservationOrForecast') === 'OBS') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
2361
+ }, (!isReadOnly || watch('isObservationOrForecast') === 'OBS') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
2316
2362
  value: "OBS",
2317
2363
  label: "Observed",
2318
2364
  disabled: isDisabled,
2319
2365
  "data-testid": "isObservationOrForecast-OBS"
2320
- }), (!isReadOnly || watch('isObservationOrForecast') === 'FCST') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
2366
+ }), (!isReadOnly || watch('isObservationOrForecast') === 'FCST') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
2321
2367
  value: "FCST",
2322
2368
  label: "Forecast",
2323
2369
  disabled: isDisabled,
@@ -2353,24 +2399,24 @@
2353
2399
  } : _b;
2354
2400
  var watch = reactHookForm.useFormContext().watch;
2355
2401
  var classes = useStyles$6();
2356
- return (!isReadOnly || watch('observationOrForecastTime') !== null) && /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2402
+ return (!isReadOnly || watch('observationOrForecastTime') !== null) && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2357
2403
  item: true,
2358
2404
  container: true,
2359
2405
  spacing: 2
2360
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2406
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2361
2407
  item: true,
2362
2408
  xs: 4,
2363
2409
  container: true,
2364
2410
  justify: "flex-end"
2365
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
2411
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
2366
2412
  variant: "subtitle1",
2367
2413
  className: classes.label
2368
- }, "At")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2414
+ }, "At")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2369
2415
  item: true,
2370
2416
  xs: 8,
2371
2417
  container: true,
2372
2418
  justify: "flex-start"
2373
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormDateTime, {
2419
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormDateTime, {
2374
2420
  disablePast: watch('isObservationOrForecast') === 'FCST',
2375
2421
  disableFuture: watch('isObservationOrForecast') === 'OBS',
2376
2422
  name: "observationOrForecastTime",
@@ -2378,7 +2424,7 @@
2378
2424
  validate: {
2379
2425
  isValidDate: formFields.isValidDate,
2380
2426
  isBefore: function isBefore(val) {
2381
- return watch('isObservationOrForecast') === 'OBS' && val ? formFields.isBefore(val, moment__default['default'].utc().format()) || 'Observation time cannot be in the future' : true;
2427
+ return watch('isObservationOrForecast') === 'OBS' && val ? formFields.isBefore(val, moment__default["default"].utc().format()) || 'Observation time cannot be in the future' : true;
2382
2428
  },
2383
2429
  isBetween: function isBetween(val) {
2384
2430
  return watch('isObservationOrForecast') === 'FCST' && val ? formFields.isBetween(val, watch('validDateStart'), watch('validDateEnd')) || ForecastTimeValidation : true;
@@ -2406,24 +2452,24 @@
2406
2452
 
2407
2453
  var classes = useStyles$6();
2408
2454
  var phenomenaList = productType === 'sigmet' ? SigmetPhenomena : AirmetPhenomena;
2409
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2455
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2410
2456
  item: true,
2411
2457
  container: true,
2412
2458
  spacing: 2
2413
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2459
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2414
2460
  item: true,
2415
2461
  xs: 4,
2416
2462
  container: true,
2417
2463
  justify: "flex-end"
2418
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
2464
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
2419
2465
  variant: "subtitle1",
2420
2466
  className: classes.label
2421
- }, "What")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2467
+ }, "What")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2422
2468
  item: true,
2423
2469
  xs: 8,
2424
2470
  container: true,
2425
2471
  justify: "flex-start"
2426
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormSelect, {
2472
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
2427
2473
  name: "phenomenon",
2428
2474
  label: "Select phenomenon",
2429
2475
  rules: {
@@ -2453,7 +2499,7 @@
2453
2499
  },
2454
2500
  autoFocus: true
2455
2501
  }, Object.keys(phenomenaList).map(function (key) {
2456
- return /*#__PURE__*/React__default['default'].createElement(core$1.MenuItem, {
2502
+ return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2457
2503
  value: key,
2458
2504
  key: key
2459
2505
  }, phenomenaList[key]);
@@ -2495,42 +2541,42 @@
2495
2541
  watch = _c.watch;
2496
2542
 
2497
2543
  var isDraft = shared.useDraftFormHelpers().isDraft;
2498
- return !isReadOnly && /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2544
+ return !isReadOnly && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2499
2545
  item: true,
2500
2546
  container: true,
2501
2547
  spacing: 2,
2502
2548
  className: classes.drawSection
2503
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2549
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2504
2550
  item: true,
2505
2551
  xs: 4,
2506
2552
  container: true,
2507
2553
  justify: "flex-end"
2508
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
2554
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
2509
2555
  variant: "subtitle1",
2510
2556
  className: classes.label
2511
- }, "Start position")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2557
+ }, "Start position")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2512
2558
  item: true,
2513
2559
  xs: 8,
2514
2560
  "data-testid": "startGeometry"
2515
- }, /*#__PURE__*/React__default['default'].createElement(DrawTools, {
2561
+ }, /*#__PURE__*/React__default["default"].createElement(DrawTools, {
2516
2562
  type: StartOrEndDrawing.start,
2517
2563
  drawMode: drawMode[StartOrEndDrawing.start],
2518
2564
  setDrawMode: function setDrawMode(mapDrawMode) {
2519
2565
  setDrawModeType(mapDrawMode, StartOrEndDrawing.start);
2520
2566
  }
2521
- }), drawMode[StartOrEndDrawing.start] && /*#__PURE__*/React__default['default'].createElement(core$1.FormHelperText, {
2567
+ }), drawMode[StartOrEndDrawing.start] && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2522
2568
  variant: "filled",
2523
2569
  className: classes.quitDrawModeMessage
2524
- }, exitDrawModeMessage), !!errors.startGeometry && /*#__PURE__*/React__default['default'].createElement(core$1.FormHelperText, {
2570
+ }, exitDrawModeMessage), !!errors.startGeometry && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2525
2571
  error: true,
2526
2572
  variant: "filled"
2527
2573
  }, errors.startGeometry.message),
2528
2574
  /* non-blocking warnings */
2529
- formFields.hasMaxFeaturePoints(geoJSONs.intersectionStart) && !drawMode[StartOrEndDrawing.start] && !errors.startGeometry && !isFir(geoJSONs.start) && /*#__PURE__*/React__default['default'].createElement(core$1.FormHelperText, {
2575
+ formFields.hasMaxFeaturePoints(geoJSONs.intersectionStart) && !drawMode[StartOrEndDrawing.start] && !errors.startGeometry && !isFir(geoJSONs.start) && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2530
2576
  variant: "filled"
2531
- }, maxFeaturePointsMessage), formFields.hasMulitpleIntersections(geoJSONs.intersectionStart) && !drawMode[StartOrEndDrawing.start] && !errors.startGeometry && !isFir(geoJSONs.start) && /*#__PURE__*/React__default['default'].createElement(core$1.FormHelperText, {
2577
+ }, maxFeaturePointsMessage), formFields.hasMulitpleIntersections(geoJSONs.intersectionStart) && !drawMode[StartOrEndDrawing.start] && !errors.startGeometry && !isFir(geoJSONs.start) && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2532
2578
  variant: "filled"
2533
- }, multiIntersectionsMessage), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
2579
+ }, multiIntersectionsMessage), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
2534
2580
  name: "startGeometry",
2535
2581
  rules: {
2536
2582
  validate: {
@@ -2548,7 +2594,7 @@
2548
2594
  }
2549
2595
  }
2550
2596
  }
2551
- }), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
2597
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
2552
2598
  name: "startGeometryIntersect"
2553
2599
  })));
2554
2600
  };
@@ -2646,27 +2692,27 @@
2646
2692
  var selectedFIR = watch('locationIndicatorATSR'); // Get allowed movement units based on selected FIR - if no FIR selected, allow all units
2647
2693
 
2648
2694
  var allowedMovementUnitsForFir = getAllowedUnits(selectedFIR, allowedUnits, 'movement_unit', MovementUnit);
2649
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2695
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2650
2696
  item: true,
2651
2697
  container: true,
2652
2698
  spacing: 2
2653
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2699
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2654
2700
  item: true,
2655
2701
  xs: 4,
2656
2702
  container: true,
2657
2703
  justify: "flex-end"
2658
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
2704
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
2659
2705
  variant: "subtitle1",
2660
2706
  className: classes.label
2661
- }, "Progress")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2707
+ }, "Progress")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2662
2708
  item: true,
2663
2709
  xs: 8,
2664
2710
  container: true,
2665
2711
  justify: "flex-start"
2666
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2712
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2667
2713
  item: true,
2668
2714
  xs: 12
2669
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormRadioGroup, {
2715
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormRadioGroup, {
2670
2716
  name: "movementType",
2671
2717
  "data-testid": "movementType-group",
2672
2718
  rules: {
@@ -2677,25 +2723,25 @@
2677
2723
  onChange: function onChange() {
2678
2724
  return setDrawModeType ? setDrawModeType(MapDrawMode.DELETE, StartOrEndDrawing.end) : null;
2679
2725
  }
2680
- }, watch('phenomenon') === 'VA_CLD' && (!isReadOnly || movementType === 'NO_VA_EXP') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
2726
+ }, watch('phenomenon') === 'VA_CLD' && (!isReadOnly || movementType === 'NO_VA_EXP') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
2681
2727
  value: "NO_VA_EXP",
2682
2728
  label: "No volcanic ash expected",
2683
2729
  disabled: isDisabled,
2684
2730
  "data-testid": "movementType-NO_VA_EXP"
2685
- }), (!isReadOnly || movementType === 'STATIONARY') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
2731
+ }), (!isReadOnly || movementType === 'STATIONARY') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
2686
2732
  value: "STATIONARY",
2687
2733
  label: "Stationary",
2688
2734
  disabled: isDisabled,
2689
2735
  "data-testid": "movementType-STATIONARY"
2690
- }), (!isReadOnly || movementType === 'MOVEMENT') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
2736
+ }), (!isReadOnly || movementType === 'MOVEMENT') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
2691
2737
  value: "MOVEMENT",
2692
2738
  label: "Movement",
2693
2739
  disabled: isDisabled,
2694
2740
  "data-testid": "movementType-MOVEMENT"
2695
- }), movementType === 'MOVEMENT' && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2741
+ }), movementType === 'MOVEMENT' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2696
2742
  item: true,
2697
2743
  xs: 12
2698
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormSelect, {
2744
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
2699
2745
  name: "movementDirection",
2700
2746
  label: "Set direction",
2701
2747
  rules: {
@@ -2711,18 +2757,18 @@
2711
2757
  },
2712
2758
  autoFocus: true
2713
2759
  }, Object.keys(Direction).map(function (key) {
2714
- return /*#__PURE__*/React__default['default'].createElement(core$1.MenuItem, {
2760
+ return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2715
2761
  value: key,
2716
2762
  key: key
2717
2763
  }, Direction[key]);
2718
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2764
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2719
2765
  item: true,
2720
2766
  xs: 12,
2721
2767
  container: true
2722
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2768
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2723
2769
  item: true,
2724
2770
  xs: 5
2725
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormSelect, {
2771
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
2726
2772
  name: "movementUnit",
2727
2773
  label: "Unit",
2728
2774
  rules: {
@@ -2742,14 +2788,14 @@
2742
2788
  _onChange();
2743
2789
  }
2744
2790
  }, Object.keys(allowedMovementUnitsForFir).map(function (key) {
2745
- return /*#__PURE__*/React__default['default'].createElement(core$1.MenuItem, {
2791
+ return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2746
2792
  value: key,
2747
2793
  key: key
2748
2794
  }, MovementUnit[key]);
2749
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2795
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2750
2796
  item: true,
2751
2797
  xs: 7
2752
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormNumberField, {
2798
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
2753
2799
  name: "movementSpeed",
2754
2800
  label: "Step speed",
2755
2801
  rules: {
@@ -2775,36 +2821,36 @@
2775
2821
  onChange: function onChange(event) {
2776
2822
  return event && event.stopPropagation();
2777
2823
  }
2778
- })))), productType === 'sigmet' && (!isReadOnly || movementType === 'FORECAST_POSITION') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
2824
+ })))), productType === 'sigmet' && (!isReadOnly || movementType === 'FORECAST_POSITION') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
2779
2825
  value: "FORECAST_POSITION",
2780
2826
  label: "End position",
2781
2827
  disabled: isDisabled,
2782
2828
  "data-testid": "movementType-FORECAST_POSITION"
2783
- })), productType === 'sigmet' && movementType === 'FORECAST_POSITION' && /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2829
+ })), productType === 'sigmet' && movementType === 'FORECAST_POSITION' && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2784
2830
  item: true,
2785
2831
  xs: 12,
2786
2832
  "data-testid": "endGeometry",
2787
2833
  className: classes.drawSection
2788
- }, !isReadOnly && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(DrawTools, {
2834
+ }, !isReadOnly && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(DrawTools, {
2789
2835
  "data-testid": "endGeometry-drawTools",
2790
2836
  type: StartOrEndDrawing.end,
2791
2837
  drawMode: drawMode[StartOrEndDrawing.end],
2792
2838
  setDrawMode: function setDrawMode(mapDrawMode) {
2793
2839
  setDrawModeType(mapDrawMode, StartOrEndDrawing.end);
2794
2840
  }
2795
- }), drawMode[StartOrEndDrawing.end] && /*#__PURE__*/React__default['default'].createElement(core$1.FormHelperText, {
2841
+ }), drawMode[StartOrEndDrawing.end] && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2796
2842
  variant: "filled",
2797
2843
  className: classes.quitDrawModeMessage
2798
- }, exitDrawModeMessage), !!errors.endGeometry && /*#__PURE__*/React__default['default'].createElement(core$1.FormHelperText, {
2844
+ }, exitDrawModeMessage), !!errors.endGeometry && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2799
2845
  error: true,
2800
2846
  variant: "filled"
2801
2847
  }, errors.endGeometry.message),
2802
2848
  /* non-blocking warnings */
2803
- formFields.hasMaxFeaturePoints(geoJSONs.intersectionEnd) && !drawMode[StartOrEndDrawing.end] && !errors.endGeometry && !isFir(geoJSONs.end) && /*#__PURE__*/React__default['default'].createElement(core$1.FormHelperText, {
2849
+ formFields.hasMaxFeaturePoints(geoJSONs.intersectionEnd) && !drawMode[StartOrEndDrawing.end] && !errors.endGeometry && !isFir(geoJSONs.end) && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2804
2850
  variant: "filled"
2805
- }, maxFeaturePointsMessage), formFields.hasMulitpleIntersections(geoJSONs.intersectionEnd) && !drawMode[StartOrEndDrawing.end] && !errors.endGeometry && !isFir(geoJSONs.end) && /*#__PURE__*/React__default['default'].createElement(core$1.FormHelperText, {
2851
+ }, maxFeaturePointsMessage), formFields.hasMulitpleIntersections(geoJSONs.intersectionEnd) && !drawMode[StartOrEndDrawing.end] && !errors.endGeometry && !isFir(geoJSONs.end) && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2806
2852
  variant: "filled"
2807
- }, multiIntersectionsMessage)), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
2853
+ }, multiIntersectionsMessage)), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
2808
2854
  name: "endGeometry",
2809
2855
  rules: {
2810
2856
  validate: {
@@ -2822,7 +2868,7 @@
2822
2868
  }
2823
2869
  }
2824
2870
  }
2825
- }), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
2871
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
2826
2872
  name: "endGeometryIntersect"
2827
2873
  })))));
2828
2874
  };
@@ -2857,24 +2903,24 @@
2857
2903
  optionsFIR = _b.optionsFIR,
2858
2904
  allFIRS = _b.allFIRS;
2859
2905
 
2860
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2906
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2861
2907
  item: true,
2862
2908
  container: true,
2863
2909
  spacing: 2
2864
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2910
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2865
2911
  item: true,
2866
2912
  xs: 4,
2867
2913
  container: true,
2868
2914
  justify: "flex-end"
2869
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
2915
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
2870
2916
  variant: "subtitle1",
2871
2917
  className: classes.label
2872
- }, "Where")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2918
+ }, "Where")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2873
2919
  item: true,
2874
2920
  xs: 8,
2875
2921
  container: true,
2876
2922
  justify: "flex-start"
2877
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormSelect, {
2923
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
2878
2924
  name: "locationIndicatorATSR",
2879
2925
  label: "Select FIR",
2880
2926
  rules: {
@@ -2889,20 +2935,20 @@
2889
2935
  setValue('firName', allFIRS[changeEvent.target.value].firname);
2890
2936
  }
2891
2937
  }, optionsFIR.map(function (fir) {
2892
- return /*#__PURE__*/React__default['default'].createElement(core$1.MenuItem, {
2938
+ return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2893
2939
  key: fir.ATSR + "-" + fir.FIR,
2894
2940
  value: fir.ATSR
2895
2941
  }, fir.FIR);
2896
- })), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
2942
+ })), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
2897
2943
  name: "locationIndicatorATSU",
2898
2944
  defaultValue: allFIRS[defaultATSR].location_indicator_atsu
2899
- }), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
2945
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
2900
2946
  name: "locationIndicatorMWO",
2901
2947
  defaultValue: config.location_indicator_mwo
2902
- }), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
2948
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
2903
2949
  name: "firName",
2904
2950
  defaultValue: allFIRS[defaultATSR].firname
2905
- }), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
2951
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
2906
2952
  name: "firGeometry",
2907
2953
  defaultValue: getFir()
2908
2954
  })));
@@ -2931,27 +2977,27 @@
2931
2977
  var watch = reactHookForm.useFormContext().watch;
2932
2978
  var isRequired = shared.useDraftFormHelpers().isRequired;
2933
2979
  var classes = useStyles$6();
2934
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2980
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2935
2981
  item: true,
2936
2982
  container: true,
2937
2983
  spacing: 2
2938
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2984
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2939
2985
  item: true,
2940
2986
  xs: 4,
2941
2987
  container: true,
2942
2988
  justify: "flex-end"
2943
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
2989
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
2944
2990
  variant: "subtitle1",
2945
2991
  className: classes.label
2946
- }, "Type")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2992
+ }, "Type")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2947
2993
  item: true,
2948
2994
  xs: 8,
2949
2995
  container: true,
2950
2996
  justify: "flex-start"
2951
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2997
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2952
2998
  item: true,
2953
2999
  xs: 12
2954
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormRadioGroup, {
3000
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormRadioGroup, {
2955
3001
  name: "type",
2956
3002
  rules: {
2957
3003
  validate: {
@@ -2960,17 +3006,17 @@
2960
3006
  },
2961
3007
  disabled: isDisabled,
2962
3008
  defaultValue: "NORMAL"
2963
- }, (!isReadOnly || watch('type') === 'NORMAL') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
3009
+ }, (!isReadOnly || watch('type') === 'NORMAL') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
2964
3010
  value: "NORMAL",
2965
3011
  label: "Normal",
2966
3012
  disabled: isDisabled,
2967
3013
  "data-testid": "type-NORMAL"
2968
- }), (!isReadOnly || watch('type') === 'TEST') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
3014
+ }), (!isReadOnly || watch('type') === 'TEST') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
2969
3015
  value: "TEST",
2970
3016
  label: "Test",
2971
3017
  disabled: isDisabled,
2972
3018
  "data-testid": "type-TEST"
2973
- }), (!isReadOnly || watch('type') === 'EXERCISE') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
3019
+ }), (!isReadOnly || watch('type') === 'EXERCISE') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
2974
3020
  value: "EXERCISE",
2975
3021
  label: "Exercise",
2976
3022
  disabled: isDisabled,
@@ -3011,38 +3057,38 @@
3011
3057
  var classes = useStyles$6();
3012
3058
  var isRequired = shared.useDraftFormHelpers().isRequired;
3013
3059
  var config = productType === 'sigmet' ? sigmetConfig : airmetConfig;
3014
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3060
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3015
3061
  item: true,
3016
3062
  container: true,
3017
3063
  spacing: 2
3018
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3064
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3019
3065
  item: true,
3020
3066
  xs: 4,
3021
3067
  container: true,
3022
3068
  justify: "flex-end"
3023
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
3069
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
3024
3070
  variant: "subtitle1",
3025
3071
  className: classes.label
3026
- }, "Valid from")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3072
+ }, "Valid from")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3027
3073
  item: true,
3028
3074
  xs: 8,
3029
3075
  container: true,
3030
3076
  justify: "flex-start"
3031
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormDateTime, {
3077
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormDateTime, {
3032
3078
  disablePast: true,
3033
3079
  name: "validDateStart",
3034
- defaultNullValue: moment__default['default'].utc().add(VALID_FROM_TIME_DELAY_IN_MINUTES, 'minutes').format('YYYY-MM-DDTHH:mm:ss[Z]'),
3080
+ defaultNullValue: moment__default["default"].utc().add(VALID_FROM_TIME_DELAY_IN_MINUTES, 'minutes').format('YYYY-MM-DDTHH:mm:ss[Z]'),
3035
3081
  rules: {
3036
3082
  validate: {
3037
3083
  isRequired: isRequired,
3038
3084
  isValidDate: formFields.isValidDate,
3039
3085
  // The validity start can not be before the current time
3040
3086
  isValueBeforeCurrentTime: function isValueBeforeCurrentTime(value) {
3041
- return formFields.isXHoursBefore(value, moment__default['default'].utc().format(), 0) || 'Valid from time cannot be before current time';
3087
+ return formFields.isXHoursBefore(value, moment__default["default"].utc().format(), 0) || 'Valid from time cannot be before current time';
3042
3088
  },
3043
3089
  // The current time can be no more than 4 hours before the validity start (12 for VA/TC SIGMET)
3044
3090
  isCurrentTimeXHoursBeforeValue: function isCurrentTimeXHoursBeforeValue(value) {
3045
- return formFields.isXHoursBefore(moment__default['default'].utc().format(), value, getHoursBeforeValidity(getValues('phenomenon'), getValues('locationIndicatorATSR'), config)) || "Valid from time can be no more than " + getHoursBeforeValidity(getValues('phenomenon'), getValues('locationIndicatorATSR'), config) + " hours after current time";
3091
+ return formFields.isXHoursBefore(moment__default["default"].utc().format(), value, getHoursBeforeValidity(getValues('phenomenon'), getValues('locationIndicatorATSR'), config)) || "Valid from time can be no more than " + getHoursBeforeValidity(getValues('phenomenon'), getValues('locationIndicatorATSR'), config) + " hours after current time";
3046
3092
  }
3047
3093
  }
3048
3094
  },
@@ -3059,7 +3105,7 @@
3059
3105
  },
3060
3106
  disabled: isDisabled,
3061
3107
  "data-testid": "valid-from"
3062
- })), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3108
+ })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3063
3109
  item: true,
3064
3110
  xs: 6
3065
3111
  }));
@@ -3081,6 +3127,11 @@
3081
3127
  * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
3082
3128
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
3083
3129
  * */
3130
+ var DEFAULT_VALID_TIME_SIGMET = 3;
3131
+ var DEFAULT_VALID_TIME_AIRMET = 1;
3132
+ var getDefaultHoursValid = function getDefaultHoursValid(productType) {
3133
+ return productType === 'sigmet' ? DEFAULT_VALID_TIME_SIGMET : DEFAULT_VALID_TIME_AIRMET;
3134
+ };
3084
3135
 
3085
3136
  var ValidUntil = function ValidUntil(_a) {
3086
3137
  var productType = _a.productType,
@@ -3097,28 +3148,28 @@
3097
3148
  var isRequired = shared.useDraftFormHelpers().isRequired;
3098
3149
  var classes = useStyles$6();
3099
3150
  var config = productType === 'sigmet' ? sigmetConfig : airmetConfig;
3100
- var defaultHoursValid = productType === 'sigmet' ? 3 : 1;
3101
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3151
+ var defaultHoursValid = getDefaultHoursValid(productType);
3152
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3102
3153
  item: true,
3103
3154
  container: true,
3104
3155
  spacing: 2
3105
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3156
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3106
3157
  item: true,
3107
3158
  xs: 4,
3108
3159
  container: true,
3109
3160
  justify: "flex-end"
3110
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
3161
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
3111
3162
  variant: "subtitle1",
3112
3163
  className: classes.label
3113
- }, "Valid until")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3164
+ }, "Valid until")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3114
3165
  item: true,
3115
3166
  xs: 8,
3116
3167
  container: true,
3117
3168
  justify: "flex-start"
3118
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormDateTime, {
3169
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormDateTime, {
3119
3170
  disablePast: true,
3120
3171
  name: "validDateEnd",
3121
- defaultNullValue: moment__default['default'].utc().add(defaultHoursValid, 'hour').add(VALID_FROM_TIME_DELAY_IN_MINUTES, 'minutes').format('YYYY-MM-DDTHH:mm:ss[Z]'),
3172
+ defaultNullValue: moment__default["default"].utc().add(defaultHoursValid, 'hour').add(VALID_FROM_TIME_DELAY_IN_MINUTES, 'minutes').format('YYYY-MM-DDTHH:mm:ss[Z]'),
3122
3173
  rules: {
3123
3174
  validate: {
3124
3175
  isRequired: isRequired,
@@ -3145,7 +3196,7 @@
3145
3196
 
3146
3197
  _onChange();
3147
3198
  }
3148
- })), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3199
+ })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3149
3200
  item: true,
3150
3201
  xs: 6
3151
3202
  }));
@@ -3179,25 +3230,25 @@
3179
3230
  getValues = _b.getValues;
3180
3231
 
3181
3232
  var classes = useStyles$6();
3182
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3233
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3183
3234
  item: true,
3184
3235
  container: true,
3185
3236
  spacing: 2
3186
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3237
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3187
3238
  item: true,
3188
3239
  xs: 4,
3189
3240
  container: true,
3190
3241
  justify: "flex-end"
3191
- }), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3242
+ }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3192
3243
  item: true,
3193
3244
  xs: 8,
3194
3245
  container: true,
3195
3246
  justify: "flex-start"
3196
- }, (!isReadOnly || !!watch('vaSigmetVolcanoName')) && /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3247
+ }, (!isReadOnly || !!watch('vaSigmetVolcanoName')) && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3197
3248
  item: true,
3198
3249
  xs: 12,
3199
3250
  className: classes.volcanicField
3200
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormTextField, {
3251
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormTextField, {
3201
3252
  name: "vaSigmetVolcanoName",
3202
3253
  label: "Volcano name",
3203
3254
  rules: {
@@ -3206,10 +3257,10 @@
3206
3257
  disabled: isDisabled,
3207
3258
  helperText: helperText,
3208
3259
  upperCase: true
3209
- })), (!isReadOnly || !!watch('vaSigmetVolcanoCoordinates.latitude')) && /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3260
+ })), (!isReadOnly || !!watch('vaSigmetVolcanoCoordinates.latitude')) && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3210
3261
  item: true,
3211
3262
  xs: 6
3212
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormNumberField, {
3263
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
3213
3264
  name: "vaSigmetVolcanoCoordinates.latitude",
3214
3265
  "data-testid": "vaSigmetVolcanoCoordinates.latitude",
3215
3266
  label: "Latitude",
@@ -3230,10 +3281,10 @@
3230
3281
  onChange: function onChange() {
3231
3282
  return trigger('vaSigmetVolcanoCoordinates.longitude');
3232
3283
  }
3233
- })), (!isReadOnly || !!watch('vaSigmetVolcanoCoordinates.longitude')) && /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3284
+ })), (!isReadOnly || !!watch('vaSigmetVolcanoCoordinates.longitude')) && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3234
3285
  item: true,
3235
3286
  xs: 6
3236
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormNumberField, {
3287
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
3237
3288
  name: "vaSigmetVolcanoCoordinates.longitude",
3238
3289
  "data-testid": "vaSigmetVolcanoCoordinates.longitude",
3239
3290
  label: "Longitude",
@@ -3295,25 +3346,25 @@
3295
3346
 
3296
3347
  var classes = useStyles$6();
3297
3348
  var isRequired = shared.useDraftFormHelpers().isRequired;
3298
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3349
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3299
3350
  item: true,
3300
3351
  container: true,
3301
3352
  spacing: 2
3302
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3353
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3303
3354
  item: true,
3304
3355
  xs: 4,
3305
3356
  container: true,
3306
3357
  justify: "flex-end"
3307
- }), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3358
+ }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3308
3359
  item: true,
3309
3360
  xs: 8,
3310
3361
  container: true,
3311
3362
  justify: "flex-start"
3312
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3363
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3313
3364
  item: true,
3314
3365
  xs: 12,
3315
3366
  className: classes.surfaceVisibility
3316
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormNumberField, {
3367
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
3317
3368
  name: "visibilityValue",
3318
3369
  "data-testid": "surfaceVisibility-visibilityValue",
3319
3370
  label: "Select visibility",
@@ -3333,10 +3384,10 @@
3333
3384
  }
3334
3385
  },
3335
3386
  disabled: isDisabled
3336
- })), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3387
+ })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3337
3388
  item: true,
3338
3389
  xs: 12
3339
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormSelect, {
3390
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
3340
3391
  name: "visibilityCause",
3341
3392
  label: "Select cause",
3342
3393
  rules: {
@@ -3352,7 +3403,7 @@
3352
3403
  _onChange();
3353
3404
  }
3354
3405
  }, Object.keys(VisibilityCause).map(function (key) {
3355
- return /*#__PURE__*/React__default['default'].createElement(core$1.MenuItem, {
3406
+ return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
3356
3407
  value: key,
3357
3408
  key: key
3358
3409
  }, VisibilityCause[key]);
@@ -3401,25 +3452,25 @@
3401
3452
  var selectedFIR = watch('locationIndicatorATSR'); // Get allowed speed units based on selected FIR - if no FIR selected, allow all units
3402
3453
 
3403
3454
  var allowedWindUnitsForFir = getAllowedUnits(selectedFIR, allowedUnits, 'surfacewind_unit', WindUnit);
3404
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3455
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3405
3456
  item: true,
3406
3457
  container: true,
3407
3458
  spacing: 2
3408
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3459
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3409
3460
  item: true,
3410
3461
  xs: 4,
3411
3462
  container: true,
3412
3463
  justify: "flex-end"
3413
- }), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3464
+ }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3414
3465
  item: true,
3415
3466
  xs: 8,
3416
3467
  container: true,
3417
3468
  justify: "flex-start"
3418
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3469
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3419
3470
  item: true,
3420
3471
  xs: 12,
3421
3472
  className: classes.surfaceWind
3422
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormNumberField, {
3473
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
3423
3474
  name: "windDirection",
3424
3475
  label: "Set wind direction",
3425
3476
  helperText: "Value in degrees",
@@ -3439,14 +3490,14 @@
3439
3490
  },
3440
3491
  disabled: isDisabled,
3441
3492
  "data-testid": "surfaceWind-windDirection"
3442
- })), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3493
+ })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3443
3494
  item: true,
3444
3495
  xs: 12,
3445
3496
  container: true
3446
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3497
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3447
3498
  item: true,
3448
3499
  xs: 5
3449
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormSelect, {
3500
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
3450
3501
  name: "windUnit",
3451
3502
  label: "Unit",
3452
3503
  rules: {
@@ -3466,14 +3517,14 @@
3466
3517
  _onChange();
3467
3518
  }
3468
3519
  }, Object.keys(allowedWindUnitsForFir).map(function (key) {
3469
- return /*#__PURE__*/React__default['default'].createElement(core$1.MenuItem, {
3520
+ return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
3470
3521
  value: key,
3471
3522
  key: key
3472
3523
  }, allowedWindUnitsForFir[key]);
3473
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3524
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3474
3525
  item: true,
3475
3526
  xs: 7
3476
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormNumberField, {
3527
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
3477
3528
  name: "windSpeed",
3478
3529
  label: "Set speed",
3479
3530
  rules: {
@@ -3553,38 +3604,38 @@
3553
3604
  var selectedFIR = watch('locationIndicatorATSR'); // Get allowed cloud level units based on selected FIR - if no FIR selected, allow all default units
3554
3605
 
3555
3606
  var allowedCloudLevelUnitsForFir = getAllowedUnits(selectedFIR, allowedUnits, 'cloud_level_unit', CloudLevelUnits);
3556
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3607
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3557
3608
  item: true,
3558
3609
  container: true,
3559
3610
  spacing: 2
3560
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3611
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3561
3612
  item: true,
3562
3613
  xs: 4,
3563
3614
  container: true,
3564
3615
  justify: "flex-end"
3565
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
3616
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
3566
3617
  variant: "subtitle1",
3567
3618
  className: classes.label
3568
- }, "Levels")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3619
+ }, "Levels")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3569
3620
  item: true,
3570
3621
  xs: 8,
3571
3622
  container: true,
3572
3623
  justify: "flex-start"
3573
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3624
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3574
3625
  item: true,
3575
3626
  xs: 12
3576
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
3627
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
3577
3628
  name: "cloudLevelInfoMode",
3578
3629
  defaultValue: "BETW"
3579
- }), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3630
+ }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3580
3631
  item: true,
3581
3632
  xs: 12,
3582
3633
  container: true
3583
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3634
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3584
3635
  item: true,
3585
3636
  xs: 4
3586
- }, (!isReadOnly || watch('cloudLevelInfoMode') === 'BETW_ABV' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV') && /*#__PURE__*/React__default['default'].createElement(core$1.FormControlLabel, {
3587
- control: /*#__PURE__*/React__default['default'].createElement(core$1.Checkbox, {
3637
+ }, (!isReadOnly || watch('cloudLevelInfoMode') === 'BETW_ABV' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV') && /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
3638
+ control: /*#__PURE__*/React__default["default"].createElement(core$1.Checkbox, {
3588
3639
  checked: watch('cloudLevelInfoMode') === 'BETW_ABV' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV',
3589
3640
  onChange: function onChange() {
3590
3641
  switch (getValues('cloudLevelInfoMode')) {
@@ -3619,10 +3670,10 @@
3619
3670
  }),
3620
3671
  "data-testid": "cloudLevels-Above",
3621
3672
  label: "Above"
3622
- })), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3673
+ })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3623
3674
  item: true,
3624
3675
  xs: 3
3625
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormSelect, {
3676
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
3626
3677
  name: "cloudLevel.unit",
3627
3678
  label: "Unit",
3628
3679
  "data-testid": "cloudLevel-unit",
@@ -3649,14 +3700,14 @@
3649
3700
  _onChange();
3650
3701
  }
3651
3702
  }, Object.keys(allowedCloudLevelUnitsForFir).map(function (key) {
3652
- return /*#__PURE__*/React__default['default'].createElement(core$1.MenuItem, {
3703
+ return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
3653
3704
  value: key,
3654
3705
  key: key
3655
3706
  }, allowedCloudLevelUnitsForFir[key]);
3656
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3707
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3657
3708
  item: true,
3658
3709
  xs: 5
3659
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormNumberField, {
3710
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
3660
3711
  name: "cloudLevel.value",
3661
3712
  label: "Upper level",
3662
3713
  "data-testid": "cloudLevel-value",
@@ -3682,15 +3733,15 @@
3682
3733
  onChange: function onChange() {
3683
3734
  return (getValues('cloudLowerLevel.value') || getValues('cloudLowerLevel.value') === 0) && trigger('cloudLowerLevel.value');
3684
3735
  }
3685
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3736
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3686
3737
  item: true,
3687
3738
  xs: 12,
3688
3739
  container: true
3689
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3740
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3690
3741
  item: true,
3691
3742
  xs: 4
3692
- }, (!isReadOnly || watch('cloudLevelInfoMode') === 'BETW_SFC' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV') && /*#__PURE__*/React__default['default'].createElement(core$1.FormControlLabel, {
3693
- control: /*#__PURE__*/React__default['default'].createElement(core$1.Checkbox, {
3743
+ }, (!isReadOnly || watch('cloudLevelInfoMode') === 'BETW_SFC' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV') && /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
3744
+ control: /*#__PURE__*/React__default["default"].createElement(core$1.Checkbox, {
3694
3745
  checked: watch('cloudLevelInfoMode') === 'BETW_SFC' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV',
3695
3746
  onChange: function onChange() {
3696
3747
  switch (getValues('cloudLevelInfoMode')) {
@@ -3725,10 +3776,10 @@
3725
3776
  }),
3726
3777
  "data-testid": "cloudLevels-SFC",
3727
3778
  label: "SFC"
3728
- })), watch('cloudLevelInfoMode') !== 'BETW_SFC' && watch('cloudLevelInfoMode') !== 'BETW_SFC_ABV' && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3779
+ })), watch('cloudLevelInfoMode') !== 'BETW_SFC' && watch('cloudLevelInfoMode') !== 'BETW_SFC_ABV' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3729
3780
  item: true,
3730
3781
  xs: 3
3731
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormSelect, {
3782
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
3732
3783
  name: "cloudLowerLevel.unit",
3733
3784
  label: "Unit",
3734
3785
  "data-testid": "cloudLowerLevel-unit",
@@ -3755,14 +3806,14 @@
3755
3806
  _onChange();
3756
3807
  }
3757
3808
  }, Object.keys(allowedCloudLevelUnitsForFir).map(function (key) {
3758
- return /*#__PURE__*/React__default['default'].createElement(core$1.MenuItem, {
3809
+ return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
3759
3810
  value: key,
3760
3811
  key: key
3761
3812
  }, allowedCloudLevelUnitsForFir[key]);
3762
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3813
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3763
3814
  item: true,
3764
3815
  xs: 5
3765
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormNumberField, {
3816
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
3766
3817
  name: "cloudLowerLevel.value",
3767
3818
  label: "Lower level",
3768
3819
  "data-testid": "cloudLowerLevel-value",
@@ -3822,7 +3873,7 @@
3822
3873
  return false;
3823
3874
  };
3824
3875
  var useTAC = function useTAC(initialProduct, getTAC) {
3825
- var _a = __read(React__default['default'].useState(noTAC), 2),
3876
+ var _a = __read(React__default["default"].useState(noTAC), 2),
3826
3877
  TAC = _a[0],
3827
3878
  setTAC = _a[1];
3828
3879
 
@@ -3871,7 +3922,7 @@
3871
3922
  });
3872
3923
  };
3873
3924
 
3874
- React__default['default'].useEffect(function () {
3925
+ React__default["default"].useEffect(function () {
3875
3926
  if (shouldRetrieveTAC(initialProduct)) {
3876
3927
  retrieveTAC(initialProduct);
3877
3928
  } // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -3887,7 +3938,7 @@
3887
3938
  }; // eslint-disable-next-line react-hooks/exhaustive-deps
3888
3939
 
3889
3940
 
3890
- var delayedQuery = React__default['default'].useCallback(lodash.debounce(update, 1000), []);
3941
+ var delayedQuery = React__default["default"].useCallback(lodash.debounce(update, 1000), []);
3891
3942
  return [TAC, delayedQuery];
3892
3943
  };
3893
3944
 
@@ -3895,13 +3946,13 @@
3895
3946
  var tac = _a.tac;
3896
3947
  var classes = useStyles$4();
3897
3948
  var tacLines = tac.split('\n');
3898
- return /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
3949
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
3899
3950
  variant: "body2",
3900
3951
  component: "div",
3901
3952
  className: classes.tacOutput,
3902
3953
  "data-testid": "productform-tac-message"
3903
3954
  }, tacLines.map(function (line) {
3904
- return /*#__PURE__*/React__default['default'].createElement("p", {
3955
+ return /*#__PURE__*/React__default["default"].createElement("p", {
3905
3956
  key: line,
3906
3957
  className: classes.tacLine,
3907
3958
  "data-testid": "productform-tac-message-line"
@@ -3926,7 +3977,7 @@
3926
3977
  handleSubmit = _e.handleSubmit,
3927
3978
  getValues = _e.getValues;
3928
3979
 
3929
- var _f = __read(React__default['default'].useState(mode === 'view'), 2),
3980
+ var _f = __read(React__default["default"].useState(mode === 'view'), 2),
3930
3981
  isDisabled = _f[0],
3931
3982
  setIsDisabled = _f[1];
3932
3983
 
@@ -3995,14 +4046,14 @@
3995
4046
  onChangeForm();
3996
4047
  };
3997
4048
 
3998
- React__default['default'].useEffect(function () {
4049
+ React__default["default"].useEffect(function () {
3999
4050
  var isInDrawMode = drawMode.start !== null || drawMode.end !== null;
4000
4051
 
4001
4052
  if (!isReadOnly && isInDrawMode !== isDisabled) {
4002
4053
  setIsDisabled(isInDrawMode);
4003
4054
  }
4004
4055
  }, [drawMode.start, drawMode.end, isReadOnly, isDisabled]);
4005
- return /*#__PURE__*/React__default['default'].createElement("form", {
4056
+ return /*#__PURE__*/React__default["default"].createElement("form", {
4006
4057
  onChange: onChangeForm,
4007
4058
  onSubmit: handleSubmit(function () {
4008
4059
  return null;
@@ -4010,15 +4061,15 @@
4010
4061
  style: {
4011
4062
  width: '100%'
4012
4063
  }
4013
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4064
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4014
4065
  container: true,
4015
4066
  style: {
4016
4067
  height: '100%'
4017
4068
  }
4018
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4069
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4019
4070
  item: true,
4020
4071
  xs: 8
4021
- }, /*#__PURE__*/React__default['default'].createElement(MapViewGeoJson, {
4072
+ }, /*#__PURE__*/React__default["default"].createElement(MapViewGeoJson, {
4022
4073
  geoJSONs: geoJSONs,
4023
4074
  setLayerGeoJSONs: function setLayerGeoJSONs(geoJSONs) {
4024
4075
  return _setLayerGeoJSONs(createInterSections(geoJSONs));
@@ -4028,56 +4079,56 @@
4028
4079
  setDrawMode: setDrawMode,
4029
4080
  exitDrawModeCallbackStart: updateStartDrawing,
4030
4081
  exitDrawModeCallbackEnd: updateEndDrawing
4031
- })), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4082
+ })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4032
4083
  item: true,
4033
4084
  xs: 4,
4034
4085
  className: classes.productForm
4035
- }, /*#__PURE__*/React__default['default'].createElement(pickers.MuiPickersUtilsProvider, {
4036
- utils: MomentUtils__default['default']
4037
- }, /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4086
+ }, /*#__PURE__*/React__default["default"].createElement(pickers.MuiPickersUtilsProvider, {
4087
+ utils: MomentUtils__default["default"]
4088
+ }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4038
4089
  container: true,
4039
4090
  direction: "column",
4040
4091
  spacing: 2
4041
- }, !isCancelSigmet && /*#__PURE__*/React__default['default'].createElement(Phenomenon, {
4092
+ }, !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Phenomenon, {
4042
4093
  productType: "sigmet",
4043
4094
  isDisabled: isDisabled,
4044
4095
  onChange: onChangeForm
4045
- }), !isCancelSigmet && /*#__PURE__*/React__default['default'].createElement(ObservationForecast, {
4096
+ }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecast, {
4046
4097
  isDisabled: isDisabled,
4047
4098
  isReadOnly: isReadOnly
4048
- }), !isCancelSigmet && /*#__PURE__*/React__default['default'].createElement(ObservationForecastTime, {
4099
+ }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecastTime, {
4049
4100
  isDisabled: isDisabled,
4050
4101
  isReadOnly: isReadOnly,
4051
4102
  helperText: helperText,
4052
4103
  onChange: onChangeForm
4053
- }), !isCancelSigmet && watch('phenomenon') === 'VA_CLD' && /*#__PURE__*/React__default['default'].createElement(VolcanicFields, {
4104
+ }), !isCancelSigmet && watch('phenomenon') === 'VA_CLD' && /*#__PURE__*/React__default["default"].createElement(VolcanicFields, {
4054
4105
  isDisabled: isDisabled,
4055
4106
  isReadOnly: isReadOnly,
4056
4107
  helperText: helperText
4057
- }), /*#__PURE__*/React__default['default'].createElement(ValidFrom, {
4108
+ }), /*#__PURE__*/React__default["default"].createElement(ValidFrom, {
4058
4109
  productType: "sigmet",
4059
4110
  isDisabled: isDisabled,
4060
4111
  onChange: onChangeForm
4061
- }), /*#__PURE__*/React__default['default'].createElement(ValidUntil, {
4112
+ }), /*#__PURE__*/React__default["default"].createElement(ValidUntil, {
4062
4113
  productType: "sigmet",
4063
4114
  isDisabled: isDisabled,
4064
4115
  onChange: onChangeForm
4065
- })), /*#__PURE__*/React__default['default'].createElement(SelectFIR, {
4116
+ })), /*#__PURE__*/React__default["default"].createElement(SelectFIR, {
4066
4117
  productType: "sigmet",
4067
4118
  isDisabled: isDisabled
4068
- }), /*#__PURE__*/React__default['default'].createElement(StartGeometry, {
4119
+ }), /*#__PURE__*/React__default["default"].createElement(StartGeometry, {
4069
4120
  isReadOnly: isReadOnly,
4070
4121
  drawMode: drawMode,
4071
4122
  geoJSONs: geoJSONs,
4072
4123
  setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4073
4124
  _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateStartDrawing);
4074
4125
  }
4075
- }), !isCancelSigmet && /*#__PURE__*/React__default['default'].createElement(Levels, {
4126
+ }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Levels, {
4076
4127
  isDisabled: isDisabled,
4077
4128
  isReadOnly: isReadOnly,
4078
4129
  onChange: onChangeForm,
4079
4130
  productType: "sigmet"
4080
- }), !isCancelSigmet && /*#__PURE__*/React__default['default'].createElement(Progress, {
4131
+ }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Progress, {
4081
4132
  productType: "sigmet",
4082
4133
  isDisabled: isDisabled,
4083
4134
  isReadOnly: isReadOnly,
@@ -4087,87 +4138,87 @@
4087
4138
  _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateEndDrawing);
4088
4139
  },
4089
4140
  onChange: onChangeForm
4090
- }), !isCancelSigmet && /*#__PURE__*/React__default['default'].createElement(Change, {
4141
+ }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Change, {
4091
4142
  isDisabled: isDisabled,
4092
4143
  isReadOnly: isReadOnly
4093
- }), isCancelSigmet && watch('vaSigmetMoveToFIR') && /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4144
+ }), isCancelSigmet && watch('vaSigmetMoveToFIR') && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4094
4145
  item: true,
4095
4146
  container: true,
4096
4147
  spacing: 2
4097
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4148
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4098
4149
  item: true,
4099
4150
  xs: 4,
4100
4151
  container: true,
4101
4152
  justify: "flex-end"
4102
- }), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4153
+ }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4103
4154
  item: true,
4104
4155
  xs: 8,
4105
4156
  container: true,
4106
4157
  justify: "flex-start"
4107
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4158
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4108
4159
  item: true,
4109
4160
  xs: 12
4110
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4161
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4111
4162
  variant: "body2",
4112
4163
  className: classes.body,
4113
4164
  "data-testid": "vaSigmetMoveToFIR"
4114
- }, "Volcanic Cloud is moving in the direction of:", ' ', /*#__PURE__*/React__default['default'].createElement("b", null, " ", watch('vaSigmetMoveToFIR')))))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4165
+ }, "Volcanic Cloud is moving in the direction of:", ' ', /*#__PURE__*/React__default["default"].createElement("b", null, " ", watch('vaSigmetMoveToFIR')))))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4115
4166
  item: true,
4116
4167
  container: true,
4117
4168
  spacing: 2
4118
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4169
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4119
4170
  item: true,
4120
4171
  xs: 4,
4121
4172
  container: true,
4122
4173
  justify: "flex-end"
4123
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4174
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4124
4175
  variant: "subtitle1",
4125
4176
  className: classes.label
4126
- }, "Issued at")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4177
+ }, "Issued at")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4127
4178
  item: true,
4128
4179
  xs: 8,
4129
4180
  container: true,
4130
4181
  justify: "flex-start"
4131
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4182
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4132
4183
  item: true,
4133
4184
  xs: 12
4134
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4185
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4135
4186
  variant: "body2",
4136
4187
  className: classes.body
4137
- }, getProductIssueDate(initialSigmet, initialCancelSigmet)))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4188
+ }, getProductIssueDate(initialSigmet, initialCancelSigmet)))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4138
4189
  item: true,
4139
4190
  container: true,
4140
4191
  spacing: 2
4141
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4192
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4142
4193
  item: true,
4143
4194
  xs: 4,
4144
4195
  container: true,
4145
4196
  justify: "flex-end"
4146
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4197
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4147
4198
  variant: "subtitle1",
4148
4199
  className: classes.label
4149
- }, "TAC")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4200
+ }, "TAC")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4150
4201
  item: true,
4151
4202
  xs: 8,
4152
4203
  container: true,
4153
4204
  justify: "flex-start"
4154
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4205
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4155
4206
  item: true,
4156
4207
  xs: 12
4157
- }, /*#__PURE__*/React__default['default'].createElement(ProductFormTAC, {
4208
+ }, /*#__PURE__*/React__default["default"].createElement(ProductFormTAC, {
4158
4209
  tac: tac
4159
- })))), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
4210
+ })))), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4160
4211
  name: "sequence",
4161
4212
  defaultValue: "-1"
4162
4213
  }),
4163
4214
  /* Add hidden fields for TAC generation in case of cancel sigmet */
4164
- isCancelSigmet && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
4215
+ isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4165
4216
  name: "cancelsSigmetSequenceId"
4166
- }), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
4217
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4167
4218
  name: "validDateEndOfSigmetToCancel"
4168
- }), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
4219
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4169
4220
  name: "validDateStartOfSigmetToCancel"
4170
- }))), /*#__PURE__*/React__default['default'].createElement(Type, {
4221
+ }))), /*#__PURE__*/React__default["default"].createElement(Type, {
4171
4222
  isDisabled: isDisabled,
4172
4223
  isReadOnly: isReadOnly
4173
4224
  }))))));
@@ -4192,7 +4243,7 @@
4192
4243
 
4193
4244
  var phenomenon = watch('phenomenon');
4194
4245
 
4195
- var _f = __read(React__default['default'].useState(mode === 'view'), 2),
4246
+ var _f = __read(React__default["default"].useState(mode === 'view'), 2),
4196
4247
  isDisabled = _f[0],
4197
4248
  setIsDisabled = _f[1];
4198
4249
 
@@ -4239,14 +4290,14 @@
4239
4290
  onChangeForm();
4240
4291
  };
4241
4292
 
4242
- React__default['default'].useEffect(function () {
4293
+ React__default["default"].useEffect(function () {
4243
4294
  var isInDrawMode = drawMode.start !== null;
4244
4295
 
4245
4296
  if (!isReadOnly && isInDrawMode !== isDisabled) {
4246
4297
  setIsDisabled(isInDrawMode);
4247
4298
  }
4248
4299
  }, [drawMode.start, isReadOnly, isDisabled]);
4249
- return /*#__PURE__*/React__default['default'].createElement("form", {
4300
+ return /*#__PURE__*/React__default["default"].createElement("form", {
4250
4301
  onChange: onChangeForm,
4251
4302
  onSubmit: handleSubmit(function () {
4252
4303
  return null;
@@ -4254,15 +4305,15 @@
4254
4305
  style: {
4255
4306
  width: '100%'
4256
4307
  }
4257
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4308
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4258
4309
  container: true,
4259
4310
  style: {
4260
4311
  height: '100%'
4261
4312
  }
4262
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4313
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4263
4314
  item: true,
4264
4315
  xs: 8
4265
- }, /*#__PURE__*/React__default['default'].createElement(MapViewGeoJson, {
4316
+ }, /*#__PURE__*/React__default["default"].createElement(MapViewGeoJson, {
4266
4317
  geoJSONs: geoJSONs,
4267
4318
  setLayerGeoJSONs: function setLayerGeoJSONs(geoJSONs) {
4268
4319
  return _setLayerGeoJSONs(createInterSections(geoJSONs));
@@ -4271,126 +4322,126 @@
4271
4322
  drawMode: drawMode,
4272
4323
  setDrawMode: setDrawMode,
4273
4324
  exitDrawModeCallbackStart: updateStartDrawing
4274
- })), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4325
+ })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4275
4326
  item: true,
4276
4327
  xs: 4,
4277
4328
  className: classes.productForm
4278
- }, /*#__PURE__*/React__default['default'].createElement(pickers.MuiPickersUtilsProvider, {
4279
- utils: MomentUtils__default['default']
4280
- }, /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4329
+ }, /*#__PURE__*/React__default["default"].createElement(pickers.MuiPickersUtilsProvider, {
4330
+ utils: MomentUtils__default["default"]
4331
+ }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4281
4332
  container: true,
4282
4333
  direction: "column",
4283
4334
  spacing: 2
4284
- }, !isCancelAirmet && /*#__PURE__*/React__default['default'].createElement(Phenomenon, {
4335
+ }, !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(Phenomenon, {
4285
4336
  productType: "airmet",
4286
4337
  isDisabled: isDisabled,
4287
4338
  onChange: onChangeForm
4288
- }), !isCancelAirmet && phenomenon === 'SFC_VIS' && /*#__PURE__*/React__default['default'].createElement(SurfaceVisibility, {
4339
+ }), !isCancelAirmet && phenomenon === 'SFC_VIS' && /*#__PURE__*/React__default["default"].createElement(SurfaceVisibility, {
4289
4340
  isDisabled: isDisabled,
4290
4341
  onChange: onChangeForm
4291
- }), !isCancelAirmet && phenomenon === 'SFC_WIND' && /*#__PURE__*/React__default['default'].createElement(SurfaceWind, {
4342
+ }), !isCancelAirmet && phenomenon === 'SFC_WIND' && /*#__PURE__*/React__default["default"].createElement(SurfaceWind, {
4292
4343
  isDisabled: isDisabled,
4293
4344
  onChange: onChangeForm
4294
- }), !isCancelAirmet && /*#__PURE__*/React__default['default'].createElement(ObservationForecast, {
4345
+ }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecast, {
4295
4346
  isDisabled: isDisabled,
4296
4347
  isReadOnly: isReadOnly
4297
- }), !isCancelAirmet && /*#__PURE__*/React__default['default'].createElement(ObservationForecastTime, {
4348
+ }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecastTime, {
4298
4349
  isDisabled: isDisabled,
4299
4350
  isReadOnly: isReadOnly,
4300
4351
  helperText: helperText,
4301
4352
  onChange: onChangeForm
4302
- }), /*#__PURE__*/React__default['default'].createElement(ValidFrom, {
4353
+ }), /*#__PURE__*/React__default["default"].createElement(ValidFrom, {
4303
4354
  productType: "airmet",
4304
4355
  isDisabled: isDisabled,
4305
4356
  onChange: onChangeForm
4306
- }), /*#__PURE__*/React__default['default'].createElement(ValidUntil, {
4357
+ }), /*#__PURE__*/React__default["default"].createElement(ValidUntil, {
4307
4358
  productType: "airmet",
4308
4359
  isDisabled: isDisabled,
4309
4360
  onChange: onChangeForm
4310
- })), /*#__PURE__*/React__default['default'].createElement(SelectFIR, {
4361
+ })), /*#__PURE__*/React__default["default"].createElement(SelectFIR, {
4311
4362
  productType: "airmet",
4312
4363
  isDisabled: isDisabled
4313
- }), /*#__PURE__*/React__default['default'].createElement(StartGeometry, {
4364
+ }), /*#__PURE__*/React__default["default"].createElement(StartGeometry, {
4314
4365
  isReadOnly: isReadOnly,
4315
4366
  drawMode: drawMode,
4316
4367
  geoJSONs: geoJSONs,
4317
4368
  setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4318
4369
  _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateStartDrawing);
4319
4370
  }
4320
- }), !isCancelAirmet && phenomenon !== 'SFC_WIND' && phenomenon !== 'SFC_VIS' && phenomenon !== 'BKN_CLD' && phenomenon !== 'OVC_CLD' && /*#__PURE__*/React__default['default'].createElement(Levels, {
4371
+ }), !isCancelAirmet && phenomenon !== 'SFC_WIND' && phenomenon !== 'SFC_VIS' && phenomenon !== 'BKN_CLD' && phenomenon !== 'OVC_CLD' && /*#__PURE__*/React__default["default"].createElement(Levels, {
4321
4372
  isDisabled: isDisabled,
4322
4373
  isReadOnly: isReadOnly,
4323
4374
  onChange: onChangeForm,
4324
4375
  productType: "airmet"
4325
- }), !isCancelAirmet && (phenomenon === 'BKN_CLD' || phenomenon === 'OVC_CLD') && /*#__PURE__*/React__default['default'].createElement(CloudLevels, {
4376
+ }), !isCancelAirmet && (phenomenon === 'BKN_CLD' || phenomenon === 'OVC_CLD') && /*#__PURE__*/React__default["default"].createElement(CloudLevels, {
4326
4377
  isDisabled: isDisabled,
4327
4378
  isReadOnly: isReadOnly,
4328
4379
  onChange: onChangeForm
4329
- }), !isCancelAirmet && /*#__PURE__*/React__default['default'].createElement(Progress, {
4380
+ }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(Progress, {
4330
4381
  productType: "airmet",
4331
4382
  isDisabled: isDisabled,
4332
4383
  isReadOnly: isReadOnly,
4333
4384
  onChange: onChangeForm
4334
- }), !isCancelAirmet && /*#__PURE__*/React__default['default'].createElement(Change, {
4385
+ }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(Change, {
4335
4386
  isDisabled: isDisabled,
4336
4387
  isReadOnly: isReadOnly
4337
- }), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4388
+ }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4338
4389
  item: true,
4339
4390
  container: true,
4340
4391
  spacing: 2
4341
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4392
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4342
4393
  item: true,
4343
4394
  xs: 4,
4344
4395
  container: true,
4345
4396
  justify: "flex-end"
4346
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4397
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4347
4398
  variant: "subtitle1",
4348
4399
  className: classes.label
4349
- }, "Issued at")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4400
+ }, "Issued at")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4350
4401
  item: true,
4351
4402
  xs: 8,
4352
4403
  container: true,
4353
4404
  justify: "flex-start"
4354
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4405
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4355
4406
  item: true,
4356
4407
  xs: 12
4357
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4408
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4358
4409
  variant: "body2",
4359
4410
  className: classes.body
4360
- }, getProductIssueDate(initialAirmet, initialCancelAirmet)))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4411
+ }, getProductIssueDate(initialAirmet, initialCancelAirmet)))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4361
4412
  item: true,
4362
4413
  container: true,
4363
4414
  spacing: 2
4364
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4415
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4365
4416
  item: true,
4366
4417
  xs: 4,
4367
4418
  container: true,
4368
4419
  justify: "flex-end"
4369
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4420
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4370
4421
  variant: "subtitle1",
4371
4422
  className: classes.label
4372
- }, "TAC")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4423
+ }, "TAC")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4373
4424
  item: true,
4374
4425
  xs: 8,
4375
4426
  container: true,
4376
4427
  justify: "flex-start"
4377
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4428
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4378
4429
  item: true,
4379
4430
  xs: 12
4380
- }, /*#__PURE__*/React__default['default'].createElement(ProductFormTAC, {
4431
+ }, /*#__PURE__*/React__default["default"].createElement(ProductFormTAC, {
4381
4432
  tac: tac
4382
- })))), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
4433
+ })))), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4383
4434
  name: "sequence",
4384
4435
  defaultValue: "-1"
4385
4436
  }),
4386
4437
  /* Add hidden fields for TAC generation in case of cancel airmet */
4387
- isCancelAirmet && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
4438
+ isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4388
4439
  name: "cancelsAirmetSequenceId"
4389
- }), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
4440
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4390
4441
  name: "validDateEndOfAirmetToCancel"
4391
- }), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
4442
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4392
4443
  name: "validDateStartOfAirmetToCancel"
4393
- }))), /*#__PURE__*/React__default['default'].createElement(Type, {
4444
+ }))), /*#__PURE__*/React__default["default"].createElement(Type, {
4394
4445
  isDisabled: isDisabled,
4395
4446
  isReadOnly: isReadOnly
4396
4447
  }))))));
@@ -4483,16 +4534,16 @@
4483
4534
 
4484
4535
  var getActiveStatus = function getActiveStatus(product, className) {
4485
4536
  // do not return an icon if product is expired
4486
- if (moment__default['default'](product.validDateEnd) < moment__default['default'].utc(new Date())) {
4537
+ if (moment__default["default"](product.validDateEnd) < moment__default["default"].utc(new Date())) {
4487
4538
  return null;
4488
4539
  }
4489
4540
 
4490
- var active = moment__default['default'](product.validDateStart) <= moment__default['default'].utc(new Date());
4491
- return active ? /*#__PURE__*/React__default['default'].createElement(icons.CheckCircle, {
4541
+ var active = moment__default["default"](product.validDateStart) <= moment__default["default"].utc(new Date());
4542
+ return active ? /*#__PURE__*/React__default["default"].createElement(icons.CheckCircle, {
4492
4543
  "data-testid": "status-active",
4493
4544
  className: className,
4494
4545
  fontSize: "small"
4495
- }) : /*#__PURE__*/React__default['default'].createElement(icons.Schedule, {
4546
+ }) : /*#__PURE__*/React__default["default"].createElement(icons.Schedule, {
4496
4547
  "data-testid": "status-inactive",
4497
4548
  className: className,
4498
4549
  fontSize: "small"
@@ -4505,27 +4556,27 @@
4505
4556
  }
4506
4557
 
4507
4558
  if (cancelsSeqId !== null) {
4508
- return /*#__PURE__*/React__default['default'].createElement(shared.StatusTag, {
4559
+ return /*#__PURE__*/React__default["default"].createElement(shared.StatusTag, {
4509
4560
  content: "cancels " + cancelsSeqId,
4510
4561
  color: "red"
4511
4562
  });
4512
4563
  }
4513
4564
 
4514
4565
  if (product.status === 'CANCELLED') {
4515
- return /*#__PURE__*/React__default['default'].createElement(shared.StatusTag, {
4566
+ return /*#__PURE__*/React__default["default"].createElement(shared.StatusTag, {
4516
4567
  content: "cancelled " + product.sequence,
4517
4568
  color: "red"
4518
4569
  });
4519
4570
  }
4520
4571
 
4521
- if (moment__default['default'](product.validDateEnd) < moment__default['default'].utc(new Date())) {
4522
- return /*#__PURE__*/React__default['default'].createElement(shared.StatusTag, {
4572
+ if (moment__default["default"](product.validDateEnd) < moment__default["default"].utc(new Date())) {
4573
+ return /*#__PURE__*/React__default["default"].createElement(shared.StatusTag, {
4523
4574
  content: "expired",
4524
4575
  color: "grey"
4525
4576
  });
4526
4577
  }
4527
4578
 
4528
- return /*#__PURE__*/React__default['default'].createElement(shared.StatusTag, {
4579
+ return /*#__PURE__*/React__default["default"].createElement(shared.StatusTag, {
4529
4580
  content: product.status.toLowerCase(),
4530
4581
  color: product.status === 'PUBLISHED' ? 'green' : 'grey'
4531
4582
  });
@@ -4572,7 +4623,7 @@
4572
4623
  return '-';
4573
4624
  }
4574
4625
 
4575
- return moment__default['default'].utc(startDate).format('DD MMM YYYY, HH:mm') + " - " + moment__default['default'].utc(endDate).format(format) + " UTC";
4626
+ return moment__default["default"].utc(startDate).format('DD MMM YYYY, HH:mm') + " - " + moment__default["default"].utc(endDate).format(format) + " UTC";
4576
4627
  };
4577
4628
 
4578
4629
  var ProductListRow = function ProductListRow(_a) {
@@ -4582,12 +4633,12 @@
4582
4633
  var api$1 = api.useApiContext().api;
4583
4634
  var isMounted = shared.useIsMounted().isMounted;
4584
4635
 
4585
- var _b = __read(React__default['default'].useState(''), 2),
4636
+ var _b = __read(React__default["default"].useState(''), 2),
4586
4637
  TAC = _b[0],
4587
4638
  setTAC = _b[1];
4588
4639
 
4589
4640
  var apiCall = productType === 'sigmet' ? api$1.getSigmetTAC : api$1.getAirmetTAC;
4590
- React__default['default'].useEffect(function () {
4641
+ React__default["default"].useEffect(function () {
4591
4642
  var retrieveTAC = function retrieveTAC(productToPost) {
4592
4643
  apiCall(productToPost).then(function (result) {
4593
4644
  if (isMounted.current) {
@@ -4605,83 +4656,83 @@
4605
4656
  }, [product, apiCall]);
4606
4657
  var cancelsSeqId = isInstanceOfCancelSigmetOrAirmet(product) ? getCancelSeqId(product) : null;
4607
4658
  var phenomenon = isInstanceOfSigmetOrAirmet(product) && product.phenomenon ? product.phenomenon : null;
4608
- var validTimeFormat = moment__default['default'].utc(product.validDateStart).format('DD MMM YYYY') === moment__default['default'].utc(product.validDateEnd).format('DD MMM YYYY') ? 'HH:mm' : 'DD MMM YYYY, HH:mm';
4659
+ var validTimeFormat = moment__default["default"].utc(product.validDateStart).format('DD MMM YYYY') === moment__default["default"].utc(product.validDateEnd).format('DD MMM YYYY') ? 'HH:mm' : 'DD MMM YYYY, HH:mm';
4609
4660
  var validTime = formatValidTime(product.validDateStart, product.validDateEnd, validTimeFormat);
4610
- return /*#__PURE__*/React__default['default'].createElement(core$1.Card, {
4661
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Card, {
4611
4662
  elevation: 0,
4612
4663
  variant: "outlined",
4613
4664
  className: classes.cardWrapper
4614
- }, /*#__PURE__*/React__default['default'].createElement(core$1.CardContent, {
4665
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.CardContent, {
4615
4666
  className: classes.cardContent
4616
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4667
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4617
4668
  container: true,
4618
4669
  alignItems: "center",
4619
4670
  spacing: 1
4620
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Tooltip, {
4671
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
4621
4672
  title: phenomenon !== null ? getPhenomenon(productType, phenomenon) : '',
4622
4673
  placement: "bottom-start"
4623
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4674
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4624
4675
  item: true,
4625
4676
  xs: 3,
4626
4677
  sm: 3,
4627
4678
  md: 1
4628
- }, phenomenon !== null && /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4679
+ }, phenomenon !== null && /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4629
4680
  variant: "overline"
4630
- }, productType.toUpperCase()), /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4681
+ }, productType.toUpperCase()), /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4631
4682
  variant: "subtitle2",
4632
4683
  noWrap: true,
4633
4684
  className: classes.font
4634
- }, phenomenon !== null ? phenomenon : 'Cancel'))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4685
+ }, phenomenon !== null ? phenomenon : 'Cancel'))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4635
4686
  item: true,
4636
4687
  xs: 3,
4637
4688
  sm: 2,
4638
4689
  md: 1
4639
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Tooltip, {
4690
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
4640
4691
  "data-testid": "productlistrow-tactooltip",
4641
- title: /*#__PURE__*/React__default['default'].createElement("div", {
4692
+ title: /*#__PURE__*/React__default["default"].createElement("div", {
4642
4693
  style: {
4643
4694
  whiteSpace: 'pre-line'
4644
4695
  }
4645
4696
  }, TAC),
4646
4697
  placement: "bottom-start"
4647
- }, /*#__PURE__*/React__default['default'].createElement(icons.InfoOutlined, {
4698
+ }, /*#__PURE__*/React__default["default"].createElement(icons.InfoOutlined, {
4648
4699
  "data-testid": "productlistrow-tacicon",
4649
4700
  color: "secondary",
4650
4701
  fontSize: "small"
4651
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4702
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4652
4703
  item: true,
4653
4704
  xs: 9,
4654
4705
  sm: 10,
4655
4706
  md: 3,
4656
4707
  lg: 2
4657
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4708
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4658
4709
  variant: "overline"
4659
- }, "Issue time"), /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4710
+ }, "Issue time"), /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4660
4711
  variant: "subtitle2",
4661
4712
  className: classes.font,
4662
4713
  "data-testid": "issueTime"
4663
- }, product.issueDate ? moment__default['default'].utc(product.issueDate).format('DD MMM YYYY, HH:mm') + " UTC" : '(Not published)')), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4714
+ }, product.issueDate ? moment__default["default"].utc(product.issueDate).format('DD MMM YYYY, HH:mm') + " UTC" : '(Not published)')), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4664
4715
  item: true,
4665
4716
  xs: 12,
4666
4717
  sm: 8,
4667
4718
  md: 5,
4668
4719
  lg: 6
4669
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4720
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4670
4721
  variant: "overline"
4671
- }, "Valid time"), /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4722
+ }, "Valid time"), /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4672
4723
  variant: "subtitle2",
4673
4724
  className: classes.font,
4674
4725
  "data-testid": "validTime"
4675
- }, validTime)), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4726
+ }, validTime)), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4676
4727
  item: true,
4677
4728
  xs: 6,
4678
4729
  sm: 4,
4679
4730
  md: 2,
4680
4731
  container: true
4681
- }, product.status === 'DRAFT' ? /*#__PURE__*/React__default['default'].createElement(core$1.Button, {
4732
+ }, product.status === 'DRAFT' ? /*#__PURE__*/React__default["default"].createElement(core$1.Button, {
4682
4733
  color: "secondary",
4683
4734
  size: "small",
4684
- startIcon: /*#__PURE__*/React__default['default'].createElement(icons.Create, {
4735
+ startIcon: /*#__PURE__*/React__default["default"].createElement(icons.Create, {
4685
4736
  fontSize: "small",
4686
4737
  color: "secondary"
4687
4738
  })
@@ -4726,30 +4777,30 @@
4726
4777
  onClickProductRow = _a.onClickProductRow,
4727
4778
  onClickNewProduct = _a.onClickNewProduct;
4728
4779
  var classes = useStyles$1();
4729
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4780
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4730
4781
  container: true,
4731
4782
  direction: "column",
4732
4783
  alignItems: "stretch"
4733
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4784
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4734
4785
  container: true,
4735
4786
  item: true,
4736
4787
  justify: "flex-end"
4737
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Button, {
4788
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Button, {
4738
4789
  variant: "contained",
4739
4790
  color: "secondary",
4740
4791
  "data-testid": "productListCreateButton",
4741
4792
  onClick: onClickNewProduct
4742
- }, "Create a new ", productType.toUpperCase())), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4793
+ }, "Create a new ", productType.toUpperCase())), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4743
4794
  item: true,
4744
4795
  className: classes.listBody
4745
- }, error && /*#__PURE__*/React__default['default'].createElement(shared.AlertBanner, {
4796
+ }, error && /*#__PURE__*/React__default["default"].createElement(shared.AlertBanner, {
4746
4797
  severity: "error",
4747
4798
  title: "An error has occurred while retrieving the list, please try again",
4748
4799
  info: error.message ? error.message : '',
4749
4800
  dataTestId: "productList-alert"
4750
- }), productList && /*#__PURE__*/React__default['default'].createElement(core$1.List, null, productList.map(function (productListItem, index) {
4801
+ }), productList && /*#__PURE__*/React__default["default"].createElement(core$1.List, null, productList.map(function (productListItem, index) {
4751
4802
  var product = productListItem[productType];
4752
- return /*#__PURE__*/React__default['default'].createElement(core$1.ListItem, {
4803
+ return /*#__PURE__*/React__default["default"].createElement(core$1.ListItem, {
4753
4804
  "data-testid": "productListItem",
4754
4805
  button: true,
4755
4806
  onClick: function onClick() {
@@ -4757,11 +4808,11 @@
4757
4808
  },
4758
4809
  key: product.sequence && product.issueDate ? product.sequence + "-" + product.issueDate : "draft-" + index,
4759
4810
  className: classes.listItem
4760
- }, /*#__PURE__*/React__default['default'].createElement(ProductListRow, {
4811
+ }, /*#__PURE__*/React__default["default"].createElement(ProductListRow, {
4761
4812
  product: product,
4762
4813
  productType: productType
4763
4814
  }));
4764
- })), isLoading && /*#__PURE__*/React__default['default'].createElement(lab.Skeleton, {
4815
+ })), isLoading && /*#__PURE__*/React__default["default"].createElement(lab.Skeleton, {
4765
4816
  "data-testid": "productList-skeleton",
4766
4817
  variant: "rect",
4767
4818
  height: "660px"
@@ -4788,9 +4839,9 @@
4788
4839
  var sigmet = _a.sigmet;
4789
4840
  var allFIRS = useProductSettings(sigmetConfig).allFIRS;
4790
4841
  var isRequired = shared.useDraftFormHelpers().isRequired;
4791
- return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4842
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4792
4843
  variant: "body1"
4793
- }, "Use the FIR to indicate the direction the Volcanic Ash is moving to:"), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormRadioGroup, {
4844
+ }, "Use the FIR to indicate the direction the Volcanic Ash is moving to:"), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormRadioGroup, {
4794
4845
  name: "vaSigmetMoveToFIR",
4795
4846
  rules: {
4796
4847
  validate: {
@@ -4800,16 +4851,16 @@
4800
4851
  row: true,
4801
4852
  defaultValue: "UNKNOWN"
4802
4853
  }, allFIRS[sigmet.locationIndicatorATSR].adjacent_firs.map(function (adjacentFIR) {
4803
- return /*#__PURE__*/React__default['default'].createElement(core$1.FormControlLabel, {
4854
+ return /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
4804
4855
  key: adjacentFIR,
4805
4856
  value: adjacentFIR,
4806
- control: /*#__PURE__*/React__default['default'].createElement(core$1.Radio, null),
4857
+ control: /*#__PURE__*/React__default["default"].createElement(core$1.Radio, null),
4807
4858
  label: adjacentFIR
4808
4859
  });
4809
- }), /*#__PURE__*/React__default['default'].createElement(core$1.FormControlLabel, {
4860
+ }), /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
4810
4861
  key: "UNKNOWN",
4811
4862
  value: "UNKNOWN",
4812
- control: /*#__PURE__*/React__default['default'].createElement(core$1.Radio, null),
4863
+ control: /*#__PURE__*/React__default["default"].createElement(core$1.Radio, null),
4813
4864
  label: "Don't know"
4814
4865
  })));
4815
4866
  };
@@ -5005,7 +5056,10 @@
5005
5056
  title: "An error has occurred while saving, please try again",
5006
5057
  info: errorStoreMessageText
5007
5058
  }) : null,
5008
- options: getProductFormLifecycleButtons(productCanBe, onProductButtonPress)
5059
+ options: getProductFormLifecycleButtons(productCanBe, onProductButtonPress),
5060
+ style: {
5061
+ zIndex: 1000
5062
+ }
5009
5063
  }, productType === 'sigmet' ? /*#__PURE__*/React__namespace.createElement(SigmetForm, {
5010
5064
  mode: mode,
5011
5065
  isCancelSigmet: product !== null && isInstanceOfCancelSigmet(product),
@@ -5025,22 +5079,18 @@
5025
5079
  })));
5026
5080
  };
5027
5081
 
5028
- /* *
5029
- * Licensed under the Apache License, Version 2.0 (the "License");
5030
- * you may not use this file except in compliance with the License.
5031
- * You may obtain a copy of the License at
5032
- *
5033
- * http://www.apache.org/licenses/LICENSE-2.0
5034
- *
5035
- * Unless required by applicable law or agreed to in writing, software
5036
- * distributed under the License is distributed on an "AS IS" BASIS,
5037
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5038
- * See the License for the specific language governing permissions and
5039
- * limitations under the License.
5040
- *
5041
- * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
5042
- * Copyright 2021 - Finnish Meteorological Institute (FMI)
5043
- * */
5082
+ var prepareProductValues = function prepareProductValues(product, productType) {
5083
+ // Ensure there is a valid start/end date
5084
+ if (!isInstanceOfCancelSigmetOrAirmet(product) && (!product.validDateStart || !product.validDateEnd)) {
5085
+ var defaultHoursValid = getDefaultHoursValid(productType);
5086
+ return __assign({
5087
+ validDateStart: moment__default["default"].utc().add(VALID_FROM_TIME_DELAY_IN_MINUTES, 'minutes').format('YYYY-MM-DDTHH:mm:ss[Z]'),
5088
+ validDateEnd: moment__default["default"].utc().add(defaultHoursValid, 'hour').add(VALID_FROM_TIME_DELAY_IN_MINUTES, 'minutes').format('YYYY-MM-DDTHH:mm:ss[Z]')
5089
+ }, product);
5090
+ }
5091
+
5092
+ return product;
5093
+ };
5044
5094
  var ProductFormDialog = function ProductFormDialog(_a) {
5045
5095
  var isOpen = _a.isOpen,
5046
5096
  productType = _a.productType,
@@ -5063,7 +5113,7 @@
5063
5113
  toggleDialogStatus: toggleDialogStatus,
5064
5114
  mode: mode,
5065
5115
  productCanBe: productCanBe,
5066
- product: productListItem !== null ? productListItem[productType] : null,
5116
+ product: productListItem !== null ? prepareProductValues(productListItem[productType], productType) : null,
5067
5117
  productType: productType
5068
5118
  })));
5069
5119
  };
@@ -5082,11 +5132,11 @@
5082
5132
  var productType = _a.productType;
5083
5133
  var api$1 = api.useApiContext().api;
5084
5134
 
5085
- var _b = __read(React__default['default'].useState(false), 2),
5135
+ var _b = __read(React__default["default"].useState(false), 2),
5086
5136
  isFormDialogOpen = _b[0],
5087
5137
  setIsFormDialogOpen = _b[1];
5088
5138
 
5089
- var _c = __read(React__default['default'].useState(null), 2),
5139
+ var _c = __read(React__default["default"].useState(null), 2),
5090
5140
  selectedProduct = _c[0],
5091
5141
  setSelectedProduct = _c[1]; // Retrieve list of products
5092
5142
 
@@ -5102,7 +5152,7 @@
5102
5152
  };
5103
5153
 
5104
5154
  shared.usePoller([productList, errorList], getNewProductList, 60000);
5105
- React__default['default'].useEffect(function () {
5155
+ React__default["default"].useEffect(function () {
5106
5156
  if (selectedProduct) {
5107
5157
  toggleDialogOpen();
5108
5158
  } // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -5128,14 +5178,14 @@
5128
5178
  toggleDialogOpen();
5129
5179
  };
5130
5180
 
5131
- return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(ProductList, {
5181
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ProductList, {
5132
5182
  productList: productList || [],
5133
5183
  productType: productType,
5134
5184
  isLoading: isLoadingList,
5135
5185
  error: errorList,
5136
5186
  onClickProductRow: handleProductRowClick,
5137
5187
  onClickNewProduct: handleNewProductClick
5138
- }), /*#__PURE__*/React__default['default'].createElement(ProductFormDialog, {
5188
+ }), /*#__PURE__*/React__default["default"].createElement(ProductFormDialog, {
5139
5189
  productType: productType,
5140
5190
  isOpen: isFormDialogOpen,
5141
5191
  toggleDialogStatus: toggleDialogOpen,
@@ -5143,8 +5193,8 @@
5143
5193
  }));
5144
5194
  };
5145
5195
 
5146
- var createApi = function createApi(url, appUrl, auth, setAuth, authTokenUrl) {
5147
- var axiosInstance = api.createApiInstance(url, appUrl, auth, setAuth, authTokenUrl);
5196
+ var createApi = function createApi(url, appUrl, auth, setAuth, authTokenUrl, authClientId) {
5197
+ var axiosInstance = api.createApiInstance(url, appUrl, auth, setAuth, authTokenUrl, authClientId);
5148
5198
  return {
5149
5199
  // api data
5150
5200
  getSigmetList: function getSigmetList() {
@@ -5179,4 +5229,4 @@
5179
5229
 
5180
5230
  Object.defineProperty(exports, '__esModule', { value: true });
5181
5231
 
5182
- })));
5232
+ }));