@opengeoweb/sigmet-airmet 1.2.5 → 2.1.2

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 (16) hide show
  1. package/lib/components/ProductForms/AirmetForm/AirmetForm.d.ts +1 -0
  2. package/lib/components/ProductForms/AirmetForm/AirmetForm.stories.d.ts +16 -9
  3. package/lib/components/ProductForms/ProductFormDialog.Airmet.stories.d.ts +14 -0
  4. package/lib/components/ProductForms/{SigmetForm/SigmetFormDraw.stories.d.ts → ProductFormDialog.Draw.stories.d.ts} +0 -0
  5. package/lib/components/ProductForms/ProductFormDialog.Sigmet.stories.d.ts +14 -0
  6. package/lib/components/ProductForms/SigmetForm/SigmetForm.d.ts +3 -2
  7. package/lib/components/ProductForms/SigmetForm/SigmetForm.stories.d.ts +16 -9
  8. package/lib/components/ProductList/ProductList.stories.d.ts +10 -2
  9. package/lib/storyshots/Storyshots.spec.d.ts +1 -0
  10. package/lib/utils/KNMIlayers.d.ts +15 -0
  11. package/lib/utils/mockdata/fakeAirmetList.d.ts +1 -0
  12. package/lib/utils/mockdata/fakeSigmetList.d.ts +1 -0
  13. package/lib/utils/testUtils.d.ts +2 -0
  14. package/package.json +15 -15
  15. package/sigmet-airmet.esm.js +271 -266
  16. package/sigmet-airmet.umd.js +475 -444
package/sigmet-airmet.umd.js CHANGED
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
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
- 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
- (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';
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@material-ui/core'), 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
+ typeof define === 'function' && define.amd ? define(['exports', 'react', '@material-ui/core', '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
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.SigmetAirmet = {}, global.React, global.core$1, 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, 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,20 +15,17 @@
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
 
29
27
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
30
28
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
31
- var MomentUtils__default = /*#__PURE__*/_interopDefaultLegacy(MomentUtils);
32
29
  var produce__default = /*#__PURE__*/_interopDefaultLegacy(produce);
33
30
  var turf__namespace = /*#__PURE__*/_interopNamespace(turf);
34
31
  var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
@@ -447,11 +444,48 @@
447
444
  StartOrEndDrawing["end"] = "end";
448
445
  })(StartOrEndDrawing || (StartOrEndDrawing = {}));
449
446
 
447
+ /* *
448
+ * Licensed under the Apache License, Version 2.0 (the "License");
449
+ * you may not use this file except in compliance with the License.
450
+ * You may obtain a copy of the License at
451
+ *
452
+ * http://www.apache.org/licenses/LICENSE-2.0
453
+ *
454
+ * Unless required by applicable law or agreed to in writing, software
455
+ * distributed under the License is distributed on an "AS IS" BASIS,
456
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
457
+ * See the License for the specific language governing permissions and
458
+ * limitations under the License.
459
+ *
460
+ * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
461
+ * Copyright 2021 - Finnish Meteorological Institute (FMI)
462
+ * */
463
+ var adagucBaseUrl = 'https://adaguc-server-geoweb.geoweb.knmi.cloud/adagucserver';
464
+ var KNMIGeoWebSigmetAirmetOverlays = {
465
+ name: 'SigmetAirmetOverlays',
466
+ url: adagucBaseUrl + "?dataset=OVL-sigmetairmet",
467
+ id: 'sigmetairmetoverlays'
468
+ };
469
+ var northSeaPlatforms = {
470
+ service: KNMIGeoWebSigmetAirmetOverlays.url,
471
+ name: 'northseastations',
472
+ format: 'image/png',
473
+ layerType: core.mapTypes.LayerType.overLayer,
474
+ enabled: true
475
+ };
476
+ var majorAirportsEHAA = {
477
+ service: KNMIGeoWebSigmetAirmetOverlays.url,
478
+ name: 'airports',
479
+ format: 'image/png',
480
+ layerType: core.mapTypes.LayerType.overLayer,
481
+ enabled: true
482
+ };
483
+
450
484
  var allowOneGeoJSONFeature = function allowOneGeoJSONFeature(mode, geojson) {
451
485
  switch (mode) {
452
486
  case MapDrawMode.BOX:
453
487
  case MapDrawMode.POLYGON:
454
- return geojson.features[0].geometry.coordinates.length > 1 ? produce__default['default'](geojson, function (draft) {
488
+ return geojson.features[0].geometry.coordinates.length > 1 ? produce__default["default"](geojson, function (draft) {
455
489
  draft.features[0].geometry.coordinates = [draft.features[0].geometry.coordinates[1]];
456
490
  }) : geojson;
457
491
 
@@ -481,11 +515,15 @@
481
515
  _g = _a.exitDrawModeCallbackEnd,
482
516
  exitDrawModeCallbackEnd = _g === void 0 ? function () {} : _g;
483
517
  var dispatch = reactRedux.useDispatch();
518
+ var firstMap = reactRedux.useSelector(function (store) {
519
+ return core.mapSelectors.getFirstMap(store);
520
+ }, reactRedux.shallowEqual);
521
+ var firstMapId = firstMap && firstMap.id ? firstMap.id : null;
484
522
  var mapLayers = reactRedux.useSelector(function (store) {
485
- return core.mapSelectors.getMapLayers(store, 'main-map');
523
+ return core.mapSelectors.getMapLayers(store, firstMapId);
486
524
  }, reactRedux.shallowEqual);
487
525
  var mapDimensions = reactRedux.useSelector(function (store) {
488
- return core.mapSelectors.getMapDimensions(store, 'main-map');
526
+ return core.mapSelectors.getMapDimensions(store, firstMapId);
489
527
  }, reactRedux.shallowEqual);
490
528
  var mapId = React__namespace.useRef("sigmet-" + core.generateMapId()).current;
491
529
  var timesliderId = React__namespace.useRef("sigmet-" + core.generateTimesliderId()).current;
@@ -524,9 +562,9 @@
524
562
  id: "baselayer-" + mapId
525
563
  }), __assign(__assign({}, core.publicLayers.overLayer), {
526
564
  id: "countryborders-" + mapId
527
- }), __assign(__assign({}, core.KNMIlayers.northSeaPlatforms), {
565
+ }), __assign(__assign({}, northSeaPlatforms), {
528
566
  id: "northseaplatforms-" + mapId
529
- }), __assign(__assign({}, core.KNMIlayers.majorAirportsEHAA), {
567
+ }), __assign(__assign({}, majorAirportsEHAA), {
530
568
  id: "majorairportsehaa-" + mapId
531
569
  })]
532
570
  }));
@@ -555,14 +593,7 @@
555
593
  height: '99%'
556
594
  },
557
595
  "data-testid": "MapView"
558
- }, /*#__PURE__*/React__namespace.createElement("div", {
559
- style: {
560
- position: 'absolute',
561
- left: '20px',
562
- top: '20px',
563
- zIndex: 50
564
- }
565
- }, /*#__PURE__*/React__namespace.createElement(core.LayerManagerMapButtonConnect, {
596
+ }, /*#__PURE__*/React__namespace.createElement(core.MapControls, null, /*#__PURE__*/React__namespace.createElement(core.LayerManagerMapButtonConnect, {
566
597
  source: "module",
567
598
  mapId: mapId
568
599
  })), /*#__PURE__*/React__namespace.createElement(core.MapViewConnect, {
@@ -840,7 +871,7 @@
840
871
 
841
872
  var addFeatureProperties = function addFeatureProperties(geojson, featureProperties) {
842
873
  if (!geojson) return null;
843
- return produce__default['default'](geojson, function (draft) {
874
+ return produce__default["default"](geojson, function (draft) {
844
875
  if (draft.features && draft.features.length > 0 && draft.features[0].properties) {
845
876
  Object.keys(featureProperties).forEach(function (key) {
846
877
  draft.features[0].properties[key] = featureProperties[key];
@@ -910,7 +941,7 @@
910
941
  {
911
942
  if (newGeoJSONDrawMode[startOrEnd] !== mapDrawMode) {
912
943
  /* Set for either start or end GeoJSON; key is the same as in the MapDrawMode ENUM */
913
- var cleanGeoJSON = produce__default['default'](geoJSONs, function (draft) {
944
+ var cleanGeoJSON = produce__default["default"](geoJSONs, function (draft) {
914
945
  draft[startOrEnd] = addFeatureProperties(geoJSONTemplate[mapDrawMode][startOrEnd], featureStyleProperties);
915
946
  });
916
947
  setLayerGeoJSONs(createInterSections(cleanGeoJSON));
@@ -933,7 +964,7 @@
933
964
  case MapDrawMode.FIR:
934
965
  {
935
966
  newGeoJSONDrawMode[startOrEnd] = mapDrawMode;
936
- var cleanGeoJSON = produce__default['default'](geoJSONs, function (draft) {
967
+ var cleanGeoJSON = produce__default["default"](geoJSONs, function (draft) {
937
968
  draft[startOrEnd] = addFeatureProperties(getFir(), __assign(__assign({}, featureStyleProperties), {
938
969
  selectionType: 'fir'
939
970
  }));
@@ -962,7 +993,7 @@
962
993
  case MapDrawMode.POINT:
963
994
  case MapDrawMode.BOX:
964
995
  {
965
- var cleanGeoJSON = produce__default['default'](geoJSONs, function (draft) {
996
+ var cleanGeoJSON = produce__default["default"](geoJSONs, function (draft) {
966
997
  draft[startOrEnd] = addFeatureProperties(geoJSONTemplate[newGeoJSONDrawMode[startOrEnd]][startOrEnd], featureStyleProperties);
967
998
  });
968
999
  var intersections = createInterSections(cleanGeoJSON);
@@ -973,7 +1004,7 @@
973
1004
 
974
1005
  default:
975
1006
  {
976
- var cleanGeoJSON = produce__default['default'](geoJSONs, function (draft) {
1007
+ var cleanGeoJSON = produce__default["default"](geoJSONs, function (draft) {
977
1008
  draft[startOrEnd] = addFeatureProperties(geoJSONTemplate['POLYGON'][startOrEnd], featureStyleProperties);
978
1009
  });
979
1010
  var intersections = createInterSections(cleanGeoJSON);
@@ -1036,7 +1067,7 @@
1036
1067
  */
1037
1068
 
1038
1069
  var createInterSections = function createInterSections(geoJSONs) {
1039
- var intersections = produce__default['default'](geoJSONs, function (draft) {
1070
+ var intersections = produce__default["default"](geoJSONs, function (draft) {
1040
1071
  try {
1041
1072
  draft.intersectionStart = addFeatureProperties(intersectGeoJSONS(geoJSONs.start, geoJSONs.fir), featurePropsIntersectionStart);
1042
1073
  } catch (e) {
@@ -1118,12 +1149,12 @@
1118
1149
  disabled = _a === void 0 ? true : _a,
1119
1150
  restProps = __rest(props, ["value", "label", "disabled"]);
1120
1151
 
1121
- return /*#__PURE__*/React__default['default'].createElement(core$1.FormControlLabel, __assign({
1152
+ return /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, __assign({
1122
1153
  style: {
1123
1154
  pointerEvents: 'none'
1124
1155
  },
1125
1156
  value: value,
1126
- control: /*#__PURE__*/React__default['default'].createElement(core$1.Radio, {
1157
+ control: /*#__PURE__*/React__default["default"].createElement(core$1.Radio, {
1127
1158
  style: {
1128
1159
  pointerEvents: 'auto'
1129
1160
  }
@@ -1156,27 +1187,27 @@
1156
1187
  var watch = reactHookForm.useFormContext().watch;
1157
1188
  var isRequired = shared.useDraftFormHelpers().isRequired;
1158
1189
  var classes = useStyles$6();
1159
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1190
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1160
1191
  item: true,
1161
1192
  container: true,
1162
1193
  spacing: 2
1163
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1194
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1164
1195
  item: true,
1165
1196
  xs: 4,
1166
1197
  container: true,
1167
1198
  justify: "flex-end"
1168
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
1199
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
1169
1200
  variant: "subtitle1",
1170
1201
  className: classes.label
1171
- }, "Change")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1202
+ }, "Change")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1172
1203
  item: true,
1173
1204
  xs: 8,
1174
1205
  container: true,
1175
1206
  justify: "flex-start"
1176
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1207
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1177
1208
  item: true,
1178
1209
  xs: 12
1179
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormRadioGroup, {
1210
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormRadioGroup, {
1180
1211
  name: "change",
1181
1212
  rules: {
1182
1213
  validate: {
@@ -1184,17 +1215,17 @@
1184
1215
  }
1185
1216
  },
1186
1217
  disabled: isDisabled
1187
- }, (!isReadOnly || watch('change') === 'WKN') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
1218
+ }, (!isReadOnly || watch('change') === 'WKN') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
1188
1219
  value: "WKN",
1189
1220
  label: "Weakening",
1190
1221
  disabled: isDisabled,
1191
1222
  "data-testid": "change-WKN"
1192
- }), (!isReadOnly || watch('change') === 'NC') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
1223
+ }), (!isReadOnly || watch('change') === 'NC') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
1193
1224
  value: "NC",
1194
1225
  label: "No change",
1195
1226
  disabled: isDisabled,
1196
1227
  "data-testid": "change-NC"
1197
- }), (!isReadOnly || watch('change') === 'INTSF') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
1228
+ }), (!isReadOnly || watch('change') === 'INTSF') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
1198
1229
  value: "INTSF",
1199
1230
  label: "Intensifying",
1200
1231
  disabled: isDisabled,
@@ -1203,28 +1234,28 @@
1203
1234
  };
1204
1235
 
1205
1236
  var RegionDraw = function RegionDraw(props) {
1206
- return /*#__PURE__*/React__default['default'].createElement(core$1.SvgIcon, __assign({}, props), /*#__PURE__*/React__default['default'].createElement("path", {
1237
+ return /*#__PURE__*/React__default["default"].createElement(core$1.SvgIcon, __assign({}, props), /*#__PURE__*/React__default["default"].createElement("path", {
1207
1238
  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"
1208
1239
  }));
1209
1240
  };
1210
1241
  var PolygonDraw = function PolygonDraw(props) {
1211
- return /*#__PURE__*/React__default['default'].createElement(core$1.SvgIcon, __assign({}, props), /*#__PURE__*/React__default['default'].createElement("path", {
1242
+ return /*#__PURE__*/React__default["default"].createElement(core$1.SvgIcon, __assign({}, props), /*#__PURE__*/React__default["default"].createElement("path", {
1212
1243
  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"
1213
1244
  }));
1214
1245
  };
1215
1246
  var FIRDraw = function FIRDraw(props) {
1216
- return /*#__PURE__*/React__default['default'].createElement(core$1.SvgIcon, __assign({}, props), /*#__PURE__*/React__default['default'].createElement("g", {
1247
+ return /*#__PURE__*/React__default["default"].createElement(core$1.SvgIcon, __assign({}, props), /*#__PURE__*/React__default["default"].createElement("g", {
1217
1248
  stroke: "none",
1218
1249
  strokeWidth: "1",
1219
1250
  fill: "none",
1220
1251
  fillRule: "evenodd"
1221
- }, /*#__PURE__*/React__default['default'].createElement("g", {
1252
+ }, /*#__PURE__*/React__default["default"].createElement("g", {
1222
1253
  id: "Group",
1223
1254
  transform: "translate(4.000000, 0.000000)"
1224
- }, /*#__PURE__*/React__default['default'].createElement("path", {
1255
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
1225
1256
  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",
1226
1257
  fill: "#0075A9"
1227
- }), /*#__PURE__*/React__default['default'].createElement("polygon", {
1258
+ }), /*#__PURE__*/React__default["default"].createElement("polygon", {
1228
1259
  id: "Path",
1229
1260
  stroke: "#0075A9",
1230
1261
  strokeWidth: "1.5",
@@ -1270,22 +1301,22 @@
1270
1301
  drawMode = _a.drawMode,
1271
1302
  setDrawMode = _a.setDrawMode;
1272
1303
  var classes = useStyles$5();
1273
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1304
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1274
1305
  item: true,
1275
1306
  xs: 12,
1276
1307
  container: true,
1277
1308
  justify: "space-between",
1278
1309
  "data-testid": "drawtools"
1279
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1310
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1280
1311
  item: true
1281
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Tooltip, {
1312
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
1282
1313
  title: "Drop a point as " + type + " position"
1283
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Radio, {
1284
- icon: /*#__PURE__*/React__default['default'].createElement(icons.LocationOn, {
1314
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Radio, {
1315
+ icon: /*#__PURE__*/React__default["default"].createElement(icons.LocationOn, {
1285
1316
  className: classes.drawButtons
1286
1317
  }),
1287
1318
  value: true,
1288
- checkedIcon: /*#__PURE__*/React__default['default'].createElement(icons.LocationOn, {
1319
+ checkedIcon: /*#__PURE__*/React__default["default"].createElement(icons.LocationOn, {
1289
1320
  className: classes.drawButtonsSelected
1290
1321
  }),
1291
1322
  checked: drawMode === MapDrawMode.POINT,
@@ -1293,15 +1324,15 @@
1293
1324
  setDrawMode(MapDrawMode.POINT);
1294
1325
  },
1295
1326
  "data-testid": "drawtools-point"
1296
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1327
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1297
1328
  item: true
1298
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Tooltip, {
1329
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
1299
1330
  title: "Draw a box as " + type + " position"
1300
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Radio, {
1301
- icon: /*#__PURE__*/React__default['default'].createElement(RegionDraw, {
1331
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Radio, {
1332
+ icon: /*#__PURE__*/React__default["default"].createElement(RegionDraw, {
1302
1333
  className: classes.drawButtons
1303
1334
  }),
1304
- checkedIcon: /*#__PURE__*/React__default['default'].createElement(RegionDraw, {
1335
+ checkedIcon: /*#__PURE__*/React__default["default"].createElement(RegionDraw, {
1305
1336
  className: classes.drawButtonsSelected
1306
1337
  }),
1307
1338
  checked: drawMode === MapDrawMode.BOX,
@@ -1309,15 +1340,15 @@
1309
1340
  setDrawMode(MapDrawMode.BOX);
1310
1341
  },
1311
1342
  "data-testid": "drawtools-box"
1312
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1343
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1313
1344
  item: true
1314
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Tooltip, {
1345
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
1315
1346
  title: "Draw a shape as " + type + " position"
1316
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Radio, {
1317
- icon: /*#__PURE__*/React__default['default'].createElement(PolygonDraw, {
1347
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Radio, {
1348
+ icon: /*#__PURE__*/React__default["default"].createElement(PolygonDraw, {
1318
1349
  className: classes.drawButtons
1319
1350
  }),
1320
- checkedIcon: /*#__PURE__*/React__default['default'].createElement(PolygonDraw, {
1351
+ checkedIcon: /*#__PURE__*/React__default["default"].createElement(PolygonDraw, {
1321
1352
  className: classes.drawButtonsSelected
1322
1353
  }),
1323
1354
  checked: drawMode === MapDrawMode.POLYGON,
@@ -1325,15 +1356,15 @@
1325
1356
  setDrawMode(MapDrawMode.POLYGON);
1326
1357
  },
1327
1358
  "data-testid": "drawtools-polygon"
1328
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1359
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1329
1360
  item: true
1330
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Tooltip, {
1361
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
1331
1362
  title: "Set FIR as " + type + " position"
1332
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Radio, {
1333
- icon: /*#__PURE__*/React__default['default'].createElement(FIRDraw, {
1363
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Radio, {
1364
+ icon: /*#__PURE__*/React__default["default"].createElement(FIRDraw, {
1334
1365
  className: classes.drawButtons
1335
1366
  }),
1336
- checkedIcon: /*#__PURE__*/React__default['default'].createElement(FIRDraw, {
1367
+ checkedIcon: /*#__PURE__*/React__default["default"].createElement(FIRDraw, {
1337
1368
  className: classes.drawButtonsSelected
1338
1369
  }),
1339
1370
  checked: drawMode === MapDrawMode.FIR,
@@ -1341,15 +1372,15 @@
1341
1372
  setDrawMode(MapDrawMode.FIR);
1342
1373
  },
1343
1374
  "data-testid": "drawtools-fir"
1344
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1375
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1345
1376
  item: true
1346
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Tooltip, {
1377
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
1347
1378
  title: "Remove geometry"
1348
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Radio, {
1349
- icon: /*#__PURE__*/React__default['default'].createElement(icons.Delete, {
1379
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Radio, {
1380
+ icon: /*#__PURE__*/React__default["default"].createElement(icons.Delete, {
1350
1381
  className: classes.drawButtons
1351
1382
  }),
1352
- checkedIcon: /*#__PURE__*/React__default['default'].createElement(icons.Delete, {
1383
+ checkedIcon: /*#__PURE__*/React__default["default"].createElement(icons.Delete, {
1353
1384
  className: classes.drawButtonsSelected
1354
1385
  }),
1355
1386
  checked: drawMode === MapDrawMode.DELETE,
@@ -1712,11 +1743,11 @@
1712
1743
  };
1713
1744
  var getProductIssueDate = function getProductIssueDate(initialProduct, initialCancelProduct) {
1714
1745
  if (initialProduct !== null && (initialProduct.status === 'PUBLISHED' || initialProduct.status === 'EXPIRED') && initialProduct.issueDate) {
1715
- return moment__default['default'].utc(initialProduct.issueDate).format('YYYY/MM/DD HH:mm') + " UTC";
1746
+ return moment__default["default"].utc(initialProduct.issueDate).format('YYYY/MM/DD HH:mm') + " UTC";
1716
1747
  }
1717
1748
 
1718
1749
  if (initialCancelProduct !== null && initialCancelProduct.issueDate) {
1719
- return moment__default['default'].utc(initialCancelProduct.issueDate).format('YYYY/MM/DD HH:mm') + " UTC";
1750
+ return moment__default["default"].utc(initialCancelProduct.issueDate).format('YYYY/MM/DD HH:mm') + " UTC";
1720
1751
  }
1721
1752
 
1722
1753
  return '(Not published)';
@@ -1749,7 +1780,7 @@
1749
1780
  return unitType;
1750
1781
  };
1751
1782
  var rewindGeometry = function rewindGeometry(geoJSON) {
1752
- return produce__default['default'](geoJSON, function (geoJSONDraft) {
1783
+ return produce__default["default"](geoJSON, function (geoJSONDraft) {
1753
1784
  if (geoJSONDraft && geoJSONDraft.features[0].geometry.type === 'Polygon' && geoJSONDraft.features[0].geometry.coordinates[0].length > 1) {
1754
1785
  var geometry = geoJSON.features[0].geometry;
1755
1786
  var lineString = turf.polygonToLineString(geometry);
@@ -1912,27 +1943,27 @@
1912
1943
  var selectedFIR = watch('locationIndicatorATSR'); // Get allowed level units based on selected FIR - if no FIR selected, allow all default units
1913
1944
 
1914
1945
  var allowedLevelUnitsForFir = getAllowedUnits(selectedFIR, allowedUnits, 'level_unit', LevelUnits);
1915
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1946
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1916
1947
  item: true,
1917
1948
  container: true,
1918
1949
  spacing: 2
1919
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1950
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1920
1951
  item: true,
1921
1952
  xs: 4,
1922
1953
  container: true,
1923
1954
  justify: "flex-end"
1924
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
1955
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
1925
1956
  variant: "subtitle1",
1926
1957
  className: classes.label
1927
- }, "Levels")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1958
+ }, "Levels")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1928
1959
  item: true,
1929
1960
  xs: 8,
1930
1961
  container: true,
1931
1962
  justify: "flex-start"
1932
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1963
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1933
1964
  item: true,
1934
1965
  xs: 12
1935
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormRadioGroup, {
1966
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormRadioGroup, {
1936
1967
  name: "levelInfoMode",
1937
1968
  rules: {
1938
1969
  validate: {
@@ -1959,21 +1990,21 @@
1959
1990
 
1960
1991
  clearErrors(['level', 'lowerLevel']);
1961
1992
  }
1962
- }, (!isReadOnly || watch('levelInfoMode') === 'AT' || watch('levelInfoMode') === 'TOPS') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
1993
+ }, (!isReadOnly || watch('levelInfoMode') === 'AT' || watch('levelInfoMode') === 'TOPS') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
1963
1994
  value: "AT",
1964
1995
  label: "At",
1965
1996
  checked: watch('levelInfoMode') === 'AT' || watch('levelInfoMode') === 'TOPS',
1966
1997
  "data-testid": "levels-AT",
1967
1998
  disabled: isDisabled
1968
- }), watch('levelInfoMode') === 'AT' || watch('levelInfoMode') === 'TOPS' ? /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
1999
+ }), watch('levelInfoMode') === 'AT' || watch('levelInfoMode') === 'TOPS' ? /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1969
2000
  item: true,
1970
2001
  xs: 12,
1971
2002
  container: true
1972
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2003
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1973
2004
  item: true,
1974
2005
  xs: 3
1975
- }, (!isReadOnly || watch('levelInfoMode') === 'TOPS') && /*#__PURE__*/React__default['default'].createElement(core$1.FormControlLabel, {
1976
- control: /*#__PURE__*/React__default['default'].createElement(core$1.Checkbox, {
2006
+ }, (!isReadOnly || watch('levelInfoMode') === 'TOPS') && /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
2007
+ control: /*#__PURE__*/React__default["default"].createElement(core$1.Checkbox, {
1977
2008
  checked: watch('levelInfoMode') === 'TOPS',
1978
2009
  onChange: function onChange() {
1979
2010
  setValue('levelInfoMode', getValues('levelInfoMode') === 'AT' ? 'TOPS' : 'AT', {
@@ -1985,10 +2016,10 @@
1985
2016
  }),
1986
2017
  "data-testid": "levels-TOPS",
1987
2018
  label: "Tops"
1988
- })), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2019
+ })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1989
2020
  item: true,
1990
2021
  xs: 3
1991
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormSelect, {
2022
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
1992
2023
  name: "level.unit",
1993
2024
  label: "Unit",
1994
2025
  rules: {
@@ -2007,14 +2038,14 @@
2007
2038
  _onChange();
2008
2039
  }
2009
2040
  }, Object.keys(allowedLevelUnitsForFir).map(function (key) {
2010
- return /*#__PURE__*/React__default['default'].createElement(core$1.MenuItem, {
2041
+ return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2011
2042
  value: key,
2012
2043
  key: key
2013
2044
  }, allowedLevelUnitsForFir[key]);
2014
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2045
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2015
2046
  item: true,
2016
2047
  xs: 6
2017
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormNumberField, {
2048
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
2018
2049
  name: "level.value",
2019
2050
  "data-testid": "level.value",
2020
2051
  label: "Level",
@@ -2038,23 +2069,23 @@
2038
2069
  },
2039
2070
  disabled: isDisabled,
2040
2071
  autoFocus: true
2041
- }))) : null, (!isReadOnly || watch('levelInfoMode') === 'BETW' || watch('levelInfoMode') === 'BETW_SFC') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
2072
+ }))) : null, (!isReadOnly || watch('levelInfoMode') === 'BETW' || watch('levelInfoMode') === 'BETW_SFC') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
2042
2073
  value: "BETW",
2043
2074
  label: "Between",
2044
2075
  checked: watch('levelInfoMode') === 'BETW' || watch('levelInfoMode') === 'BETW_SFC',
2045
2076
  "data-testid": "levels-BETW",
2046
2077
  disabled: isDisabled
2047
- }), 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, {
2078
+ }), 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, {
2048
2079
  item: true,
2049
2080
  xs: 12,
2050
2081
  container: true
2051
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2082
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2052
2083
  item: true,
2053
2084
  xs: 3
2054
- }), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2085
+ }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2055
2086
  item: true,
2056
2087
  xs: 3
2057
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormSelect, {
2088
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
2058
2089
  name: "level.unit",
2059
2090
  label: "Unit",
2060
2091
  rules: {
@@ -2075,14 +2106,14 @@
2075
2106
  _onChange();
2076
2107
  }
2077
2108
  }, Object.keys(allowedLevelUnitsForFir).map(function (key) {
2078
- return /*#__PURE__*/React__default['default'].createElement(core$1.MenuItem, {
2109
+ return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2079
2110
  value: key,
2080
2111
  key: key
2081
2112
  }, allowedLevelUnitsForFir[key]);
2082
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2113
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2083
2114
  item: true,
2084
2115
  xs: 6
2085
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormNumberField, {
2116
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
2086
2117
  name: "level.value",
2087
2118
  label: "Upper level",
2088
2119
  className: classes.levelField,
@@ -2109,15 +2140,15 @@
2109
2140
  return (getValues('lowerLevel.value') || getValues('lowerLevel.value') === 0) && trigger('lowerLevel.value');
2110
2141
  },
2111
2142
  autoFocus: true
2112
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2143
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2113
2144
  item: true,
2114
2145
  xs: 12,
2115
2146
  container: true
2116
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2147
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2117
2148
  item: true,
2118
2149
  xs: 3
2119
- }, (!isReadOnly || watch('levelInfoMode') === 'BETW_SFC') && /*#__PURE__*/React__default['default'].createElement(core$1.FormControlLabel, {
2120
- control: /*#__PURE__*/React__default['default'].createElement(core$1.Checkbox, {
2150
+ }, (!isReadOnly || watch('levelInfoMode') === 'BETW_SFC') && /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
2151
+ control: /*#__PURE__*/React__default["default"].createElement(core$1.Checkbox, {
2121
2152
  checked: watch('levelInfoMode') === 'BETW_SFC',
2122
2153
  onChange: function onChange() {
2123
2154
  getValues('level.unit') && trigger('level.unit');
@@ -2131,10 +2162,10 @@
2131
2162
  }),
2132
2163
  "data-testid": "levels-SFC",
2133
2164
  label: "SFC"
2134
- })), watch('levelInfoMode') !== 'BETW_SFC' && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2165
+ })), watch('levelInfoMode') !== 'BETW_SFC' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2135
2166
  item: true,
2136
2167
  xs: 3
2137
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormSelect, {
2168
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
2138
2169
  name: "lowerLevel.unit",
2139
2170
  label: "Unit",
2140
2171
  rules: {
@@ -2159,14 +2190,14 @@
2159
2190
  _onChange();
2160
2191
  }
2161
2192
  }, Object.keys(allowedLevelUnitsForFir).map(function (key) {
2162
- return /*#__PURE__*/React__default['default'].createElement(core$1.MenuItem, {
2193
+ return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2163
2194
  value: key,
2164
2195
  key: key
2165
2196
  }, allowedLevelUnitsForFir[key]);
2166
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2197
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2167
2198
  item: true,
2168
2199
  xs: 6
2169
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormNumberField, {
2200
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
2170
2201
  name: "lowerLevel.value",
2171
2202
  label: "Lower level",
2172
2203
  rules: {
@@ -2192,21 +2223,21 @@
2192
2223
  }
2193
2224
  },
2194
2225
  disabled: isDisabled
2195
- }))))) : null, (!isReadOnly || watch('levelInfoMode') === 'ABV' || watch('levelInfoMode') === 'TOPS_ABV') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
2226
+ }))))) : null, (!isReadOnly || watch('levelInfoMode') === 'ABV' || watch('levelInfoMode') === 'TOPS_ABV') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
2196
2227
  value: "ABV",
2197
2228
  label: "Above",
2198
2229
  disabled: isDisabled,
2199
2230
  checked: watch('levelInfoMode') === 'ABV' || watch('levelInfoMode') === 'TOPS_ABV',
2200
2231
  "data-testid": "levels-ABV"
2201
- }), watch('levelInfoMode') === 'ABV' || watch('levelInfoMode') === 'TOPS_ABV' ? /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2232
+ }), watch('levelInfoMode') === 'ABV' || watch('levelInfoMode') === 'TOPS_ABV' ? /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2202
2233
  item: true,
2203
2234
  xs: 12,
2204
2235
  container: true
2205
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2236
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2206
2237
  item: true,
2207
2238
  xs: 3
2208
- }, (!isReadOnly || watch('levelInfoMode') === 'TOPS_ABV') && /*#__PURE__*/React__default['default'].createElement(core$1.FormControlLabel, {
2209
- control: /*#__PURE__*/React__default['default'].createElement(core$1.Checkbox, {
2239
+ }, (!isReadOnly || watch('levelInfoMode') === 'TOPS_ABV') && /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
2240
+ control: /*#__PURE__*/React__default["default"].createElement(core$1.Checkbox, {
2210
2241
  checked: watch('levelInfoMode') === 'TOPS_ABV',
2211
2242
  onChange: function onChange() {
2212
2243
  setValue('levelInfoMode', getValues('levelInfoMode') === 'ABV' ? 'TOPS_ABV' : 'ABV', {
@@ -2217,10 +2248,10 @@
2217
2248
  }),
2218
2249
  label: "Tops",
2219
2250
  "data-testid": "levels-TOPS_ABV"
2220
- })), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2251
+ })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2221
2252
  item: true,
2222
2253
  xs: 3
2223
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormSelect, {
2254
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
2224
2255
  name: "level.unit",
2225
2256
  label: "Unit",
2226
2257
  rules: {
@@ -2239,14 +2270,14 @@
2239
2270
  _onChange();
2240
2271
  }
2241
2272
  }, Object.keys(allowedLevelUnitsForFir).map(function (key) {
2242
- return /*#__PURE__*/React__default['default'].createElement(core$1.MenuItem, {
2273
+ return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2243
2274
  value: key,
2244
2275
  key: key
2245
2276
  }, allowedLevelUnitsForFir[key]);
2246
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2277
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2247
2278
  item: true,
2248
2279
  xs: 6
2249
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormNumberField, {
2280
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
2250
2281
  name: "level.value",
2251
2282
  label: "Level",
2252
2283
  rules: {
@@ -2299,21 +2330,21 @@
2299
2330
  getValues = _b.getValues;
2300
2331
 
2301
2332
  var isRequired = shared.useDraftFormHelpers().isRequired;
2302
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2333
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2303
2334
  item: true,
2304
2335
  container: true,
2305
2336
  spacing: 2
2306
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2337
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2307
2338
  item: true,
2308
2339
  xs: 4,
2309
2340
  container: true,
2310
2341
  justify: "flex-end"
2311
- }), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2342
+ }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2312
2343
  item: true,
2313
2344
  xs: 8,
2314
2345
  container: true,
2315
2346
  justify: "flex-start"
2316
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormRadioGroup, {
2347
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormRadioGroup, {
2317
2348
  name: "isObservationOrForecast",
2318
2349
  disabled: isDisabled,
2319
2350
  rules: {
@@ -2326,12 +2357,12 @@
2326
2357
  trigger('observationOrForecastTime');
2327
2358
  }
2328
2359
  }
2329
- }, (!isReadOnly || watch('isObservationOrForecast') === 'OBS') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
2360
+ }, (!isReadOnly || watch('isObservationOrForecast') === 'OBS') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
2330
2361
  value: "OBS",
2331
2362
  label: "Observed",
2332
2363
  disabled: isDisabled,
2333
2364
  "data-testid": "isObservationOrForecast-OBS"
2334
- }), (!isReadOnly || watch('isObservationOrForecast') === 'FCST') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
2365
+ }), (!isReadOnly || watch('isObservationOrForecast') === 'FCST') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
2335
2366
  value: "FCST",
2336
2367
  label: "Forecast",
2337
2368
  disabled: isDisabled,
@@ -2367,24 +2398,24 @@
2367
2398
  } : _b;
2368
2399
  var watch = reactHookForm.useFormContext().watch;
2369
2400
  var classes = useStyles$6();
2370
- return (!isReadOnly || watch('observationOrForecastTime') !== null) && /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2401
+ return (!isReadOnly || watch('observationOrForecastTime') !== null) && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2371
2402
  item: true,
2372
2403
  container: true,
2373
2404
  spacing: 2
2374
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2405
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2375
2406
  item: true,
2376
2407
  xs: 4,
2377
2408
  container: true,
2378
2409
  justify: "flex-end"
2379
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
2410
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
2380
2411
  variant: "subtitle1",
2381
2412
  className: classes.label
2382
- }, "At")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2413
+ }, "At")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2383
2414
  item: true,
2384
2415
  xs: 8,
2385
2416
  container: true,
2386
2417
  justify: "flex-start"
2387
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormDateTime, {
2418
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormDateTime, {
2388
2419
  disablePast: watch('isObservationOrForecast') === 'FCST',
2389
2420
  disableFuture: watch('isObservationOrForecast') === 'OBS',
2390
2421
  name: "observationOrForecastTime",
@@ -2392,7 +2423,7 @@
2392
2423
  validate: {
2393
2424
  isValidDate: formFields.isValidDate,
2394
2425
  isBefore: function isBefore(val) {
2395
- return watch('isObservationOrForecast') === 'OBS' && val ? formFields.isBefore(val, moment__default['default'].utc().format()) || 'Observation time cannot be in the future' : true;
2426
+ return watch('isObservationOrForecast') === 'OBS' && val ? formFields.isBefore(val, moment__default["default"].utc().format()) || 'Observation time cannot be in the future' : true;
2396
2427
  },
2397
2428
  isBetween: function isBetween(val) {
2398
2429
  return watch('isObservationOrForecast') === 'FCST' && val ? formFields.isBetween(val, watch('validDateStart'), watch('validDateEnd')) || ForecastTimeValidation : true;
@@ -2420,24 +2451,24 @@
2420
2451
 
2421
2452
  var classes = useStyles$6();
2422
2453
  var phenomenaList = productType === 'sigmet' ? SigmetPhenomena : AirmetPhenomena;
2423
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2454
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2424
2455
  item: true,
2425
2456
  container: true,
2426
2457
  spacing: 2
2427
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2458
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2428
2459
  item: true,
2429
2460
  xs: 4,
2430
2461
  container: true,
2431
2462
  justify: "flex-end"
2432
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
2463
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
2433
2464
  variant: "subtitle1",
2434
2465
  className: classes.label
2435
- }, "What")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2466
+ }, "What")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2436
2467
  item: true,
2437
2468
  xs: 8,
2438
2469
  container: true,
2439
2470
  justify: "flex-start"
2440
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormSelect, {
2471
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
2441
2472
  name: "phenomenon",
2442
2473
  label: "Select phenomenon",
2443
2474
  rules: {
@@ -2467,7 +2498,7 @@
2467
2498
  },
2468
2499
  autoFocus: true
2469
2500
  }, Object.keys(phenomenaList).map(function (key) {
2470
- return /*#__PURE__*/React__default['default'].createElement(core$1.MenuItem, {
2501
+ return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2471
2502
  value: key,
2472
2503
  key: key
2473
2504
  }, phenomenaList[key]);
@@ -2509,42 +2540,42 @@
2509
2540
  watch = _c.watch;
2510
2541
 
2511
2542
  var isDraft = shared.useDraftFormHelpers().isDraft;
2512
- return !isReadOnly && /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2543
+ return !isReadOnly && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2513
2544
  item: true,
2514
2545
  container: true,
2515
2546
  spacing: 2,
2516
2547
  className: classes.drawSection
2517
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2548
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2518
2549
  item: true,
2519
2550
  xs: 4,
2520
2551
  container: true,
2521
2552
  justify: "flex-end"
2522
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
2553
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
2523
2554
  variant: "subtitle1",
2524
2555
  className: classes.label
2525
- }, "Start position")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2556
+ }, "Start position")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2526
2557
  item: true,
2527
2558
  xs: 8,
2528
2559
  "data-testid": "startGeometry"
2529
- }, /*#__PURE__*/React__default['default'].createElement(DrawTools, {
2560
+ }, /*#__PURE__*/React__default["default"].createElement(DrawTools, {
2530
2561
  type: StartOrEndDrawing.start,
2531
2562
  drawMode: drawMode[StartOrEndDrawing.start],
2532
2563
  setDrawMode: function setDrawMode(mapDrawMode) {
2533
2564
  setDrawModeType(mapDrawMode, StartOrEndDrawing.start);
2534
2565
  }
2535
- }), drawMode[StartOrEndDrawing.start] && /*#__PURE__*/React__default['default'].createElement(core$1.FormHelperText, {
2566
+ }), drawMode[StartOrEndDrawing.start] && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2536
2567
  variant: "filled",
2537
2568
  className: classes.quitDrawModeMessage
2538
- }, exitDrawModeMessage), !!errors.startGeometry && /*#__PURE__*/React__default['default'].createElement(core$1.FormHelperText, {
2569
+ }, exitDrawModeMessage), !!errors.startGeometry && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2539
2570
  error: true,
2540
2571
  variant: "filled"
2541
2572
  }, errors.startGeometry.message),
2542
2573
  /* non-blocking warnings */
2543
- formFields.hasMaxFeaturePoints(geoJSONs.intersectionStart) && !drawMode[StartOrEndDrawing.start] && !errors.startGeometry && !isFir(geoJSONs.start) && /*#__PURE__*/React__default['default'].createElement(core$1.FormHelperText, {
2574
+ formFields.hasMaxFeaturePoints(geoJSONs.intersectionStart) && !drawMode[StartOrEndDrawing.start] && !errors.startGeometry && !isFir(geoJSONs.start) && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2544
2575
  variant: "filled"
2545
- }, maxFeaturePointsMessage), formFields.hasMulitpleIntersections(geoJSONs.intersectionStart) && !drawMode[StartOrEndDrawing.start] && !errors.startGeometry && !isFir(geoJSONs.start) && /*#__PURE__*/React__default['default'].createElement(core$1.FormHelperText, {
2576
+ }, maxFeaturePointsMessage), formFields.hasMulitpleIntersections(geoJSONs.intersectionStart) && !drawMode[StartOrEndDrawing.start] && !errors.startGeometry && !isFir(geoJSONs.start) && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2546
2577
  variant: "filled"
2547
- }, multiIntersectionsMessage), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
2578
+ }, multiIntersectionsMessage), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
2548
2579
  name: "startGeometry",
2549
2580
  rules: {
2550
2581
  validate: {
@@ -2562,7 +2593,7 @@
2562
2593
  }
2563
2594
  }
2564
2595
  }
2565
- }), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
2596
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
2566
2597
  name: "startGeometryIntersect"
2567
2598
  })));
2568
2599
  };
@@ -2660,27 +2691,27 @@
2660
2691
  var selectedFIR = watch('locationIndicatorATSR'); // Get allowed movement units based on selected FIR - if no FIR selected, allow all units
2661
2692
 
2662
2693
  var allowedMovementUnitsForFir = getAllowedUnits(selectedFIR, allowedUnits, 'movement_unit', MovementUnit);
2663
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2694
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2664
2695
  item: true,
2665
2696
  container: true,
2666
2697
  spacing: 2
2667
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2698
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2668
2699
  item: true,
2669
2700
  xs: 4,
2670
2701
  container: true,
2671
2702
  justify: "flex-end"
2672
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
2703
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
2673
2704
  variant: "subtitle1",
2674
2705
  className: classes.label
2675
- }, "Progress")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2706
+ }, "Progress")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2676
2707
  item: true,
2677
2708
  xs: 8,
2678
2709
  container: true,
2679
2710
  justify: "flex-start"
2680
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2711
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2681
2712
  item: true,
2682
2713
  xs: 12
2683
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormRadioGroup, {
2714
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormRadioGroup, {
2684
2715
  name: "movementType",
2685
2716
  "data-testid": "movementType-group",
2686
2717
  rules: {
@@ -2691,25 +2722,25 @@
2691
2722
  onChange: function onChange() {
2692
2723
  return setDrawModeType ? setDrawModeType(MapDrawMode.DELETE, StartOrEndDrawing.end) : null;
2693
2724
  }
2694
- }, watch('phenomenon') === 'VA_CLD' && (!isReadOnly || movementType === 'NO_VA_EXP') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
2725
+ }, watch('phenomenon') === 'VA_CLD' && (!isReadOnly || movementType === 'NO_VA_EXP') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
2695
2726
  value: "NO_VA_EXP",
2696
2727
  label: "No volcanic ash expected",
2697
2728
  disabled: isDisabled,
2698
2729
  "data-testid": "movementType-NO_VA_EXP"
2699
- }), (!isReadOnly || movementType === 'STATIONARY') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
2730
+ }), (!isReadOnly || movementType === 'STATIONARY') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
2700
2731
  value: "STATIONARY",
2701
2732
  label: "Stationary",
2702
2733
  disabled: isDisabled,
2703
2734
  "data-testid": "movementType-STATIONARY"
2704
- }), (!isReadOnly || movementType === 'MOVEMENT') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
2735
+ }), (!isReadOnly || movementType === 'MOVEMENT') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
2705
2736
  value: "MOVEMENT",
2706
2737
  label: "Movement",
2707
2738
  disabled: isDisabled,
2708
2739
  "data-testid": "movementType-MOVEMENT"
2709
- }), movementType === 'MOVEMENT' && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2740
+ }), movementType === 'MOVEMENT' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2710
2741
  item: true,
2711
2742
  xs: 12
2712
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormSelect, {
2743
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
2713
2744
  name: "movementDirection",
2714
2745
  label: "Set direction",
2715
2746
  rules: {
@@ -2725,18 +2756,18 @@
2725
2756
  },
2726
2757
  autoFocus: true
2727
2758
  }, Object.keys(Direction).map(function (key) {
2728
- return /*#__PURE__*/React__default['default'].createElement(core$1.MenuItem, {
2759
+ return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2729
2760
  value: key,
2730
2761
  key: key
2731
2762
  }, Direction[key]);
2732
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2763
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2733
2764
  item: true,
2734
2765
  xs: 12,
2735
2766
  container: true
2736
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2767
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2737
2768
  item: true,
2738
2769
  xs: 5
2739
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormSelect, {
2770
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
2740
2771
  name: "movementUnit",
2741
2772
  label: "Unit",
2742
2773
  rules: {
@@ -2756,14 +2787,14 @@
2756
2787
  _onChange();
2757
2788
  }
2758
2789
  }, Object.keys(allowedMovementUnitsForFir).map(function (key) {
2759
- return /*#__PURE__*/React__default['default'].createElement(core$1.MenuItem, {
2790
+ return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2760
2791
  value: key,
2761
2792
  key: key
2762
2793
  }, MovementUnit[key]);
2763
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2794
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2764
2795
  item: true,
2765
2796
  xs: 7
2766
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormNumberField, {
2797
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
2767
2798
  name: "movementSpeed",
2768
2799
  label: "Step speed",
2769
2800
  rules: {
@@ -2789,36 +2820,36 @@
2789
2820
  onChange: function onChange(event) {
2790
2821
  return event && event.stopPropagation();
2791
2822
  }
2792
- })))), productType === 'sigmet' && (!isReadOnly || movementType === 'FORECAST_POSITION') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
2823
+ })))), productType === 'sigmet' && (!isReadOnly || movementType === 'FORECAST_POSITION') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
2793
2824
  value: "FORECAST_POSITION",
2794
2825
  label: "End position",
2795
2826
  disabled: isDisabled,
2796
2827
  "data-testid": "movementType-FORECAST_POSITION"
2797
- })), productType === 'sigmet' && movementType === 'FORECAST_POSITION' && /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2828
+ })), productType === 'sigmet' && movementType === 'FORECAST_POSITION' && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2798
2829
  item: true,
2799
2830
  xs: 12,
2800
2831
  "data-testid": "endGeometry",
2801
2832
  className: classes.drawSection
2802
- }, !isReadOnly && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(DrawTools, {
2833
+ }, !isReadOnly && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(DrawTools, {
2803
2834
  "data-testid": "endGeometry-drawTools",
2804
2835
  type: StartOrEndDrawing.end,
2805
2836
  drawMode: drawMode[StartOrEndDrawing.end],
2806
2837
  setDrawMode: function setDrawMode(mapDrawMode) {
2807
2838
  setDrawModeType(mapDrawMode, StartOrEndDrawing.end);
2808
2839
  }
2809
- }), drawMode[StartOrEndDrawing.end] && /*#__PURE__*/React__default['default'].createElement(core$1.FormHelperText, {
2840
+ }), drawMode[StartOrEndDrawing.end] && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2810
2841
  variant: "filled",
2811
2842
  className: classes.quitDrawModeMessage
2812
- }, exitDrawModeMessage), !!errors.endGeometry && /*#__PURE__*/React__default['default'].createElement(core$1.FormHelperText, {
2843
+ }, exitDrawModeMessage), !!errors.endGeometry && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2813
2844
  error: true,
2814
2845
  variant: "filled"
2815
2846
  }, errors.endGeometry.message),
2816
2847
  /* non-blocking warnings */
2817
- formFields.hasMaxFeaturePoints(geoJSONs.intersectionEnd) && !drawMode[StartOrEndDrawing.end] && !errors.endGeometry && !isFir(geoJSONs.end) && /*#__PURE__*/React__default['default'].createElement(core$1.FormHelperText, {
2848
+ formFields.hasMaxFeaturePoints(geoJSONs.intersectionEnd) && !drawMode[StartOrEndDrawing.end] && !errors.endGeometry && !isFir(geoJSONs.end) && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2818
2849
  variant: "filled"
2819
- }, maxFeaturePointsMessage), formFields.hasMulitpleIntersections(geoJSONs.intersectionEnd) && !drawMode[StartOrEndDrawing.end] && !errors.endGeometry && !isFir(geoJSONs.end) && /*#__PURE__*/React__default['default'].createElement(core$1.FormHelperText, {
2850
+ }, maxFeaturePointsMessage), formFields.hasMulitpleIntersections(geoJSONs.intersectionEnd) && !drawMode[StartOrEndDrawing.end] && !errors.endGeometry && !isFir(geoJSONs.end) && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2820
2851
  variant: "filled"
2821
- }, multiIntersectionsMessage)), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
2852
+ }, multiIntersectionsMessage)), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
2822
2853
  name: "endGeometry",
2823
2854
  rules: {
2824
2855
  validate: {
@@ -2836,7 +2867,7 @@
2836
2867
  }
2837
2868
  }
2838
2869
  }
2839
- }), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
2870
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
2840
2871
  name: "endGeometryIntersect"
2841
2872
  })))));
2842
2873
  };
@@ -2871,24 +2902,24 @@
2871
2902
  optionsFIR = _b.optionsFIR,
2872
2903
  allFIRS = _b.allFIRS;
2873
2904
 
2874
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2905
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2875
2906
  item: true,
2876
2907
  container: true,
2877
2908
  spacing: 2
2878
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2909
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2879
2910
  item: true,
2880
2911
  xs: 4,
2881
2912
  container: true,
2882
2913
  justify: "flex-end"
2883
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
2914
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
2884
2915
  variant: "subtitle1",
2885
2916
  className: classes.label
2886
- }, "Where")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2917
+ }, "Where")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2887
2918
  item: true,
2888
2919
  xs: 8,
2889
2920
  container: true,
2890
2921
  justify: "flex-start"
2891
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormSelect, {
2922
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
2892
2923
  name: "locationIndicatorATSR",
2893
2924
  label: "Select FIR",
2894
2925
  rules: {
@@ -2903,20 +2934,20 @@
2903
2934
  setValue('firName', allFIRS[changeEvent.target.value].firname);
2904
2935
  }
2905
2936
  }, optionsFIR.map(function (fir) {
2906
- return /*#__PURE__*/React__default['default'].createElement(core$1.MenuItem, {
2937
+ return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2907
2938
  key: fir.ATSR + "-" + fir.FIR,
2908
2939
  value: fir.ATSR
2909
2940
  }, fir.FIR);
2910
- })), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
2941
+ })), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
2911
2942
  name: "locationIndicatorATSU",
2912
2943
  defaultValue: allFIRS[defaultATSR].location_indicator_atsu
2913
- }), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
2944
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
2914
2945
  name: "locationIndicatorMWO",
2915
2946
  defaultValue: config.location_indicator_mwo
2916
- }), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
2947
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
2917
2948
  name: "firName",
2918
2949
  defaultValue: allFIRS[defaultATSR].firname
2919
- }), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
2950
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
2920
2951
  name: "firGeometry",
2921
2952
  defaultValue: getFir()
2922
2953
  })));
@@ -2945,27 +2976,27 @@
2945
2976
  var watch = reactHookForm.useFormContext().watch;
2946
2977
  var isRequired = shared.useDraftFormHelpers().isRequired;
2947
2978
  var classes = useStyles$6();
2948
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2979
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2949
2980
  item: true,
2950
2981
  container: true,
2951
2982
  spacing: 2
2952
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2983
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2953
2984
  item: true,
2954
2985
  xs: 4,
2955
2986
  container: true,
2956
2987
  justify: "flex-end"
2957
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
2988
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
2958
2989
  variant: "subtitle1",
2959
2990
  className: classes.label
2960
- }, "Type")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2991
+ }, "Type")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2961
2992
  item: true,
2962
2993
  xs: 8,
2963
2994
  container: true,
2964
2995
  justify: "flex-start"
2965
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
2996
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2966
2997
  item: true,
2967
2998
  xs: 12
2968
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormRadioGroup, {
2999
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormRadioGroup, {
2969
3000
  name: "type",
2970
3001
  rules: {
2971
3002
  validate: {
@@ -2974,17 +3005,17 @@
2974
3005
  },
2975
3006
  disabled: isDisabled,
2976
3007
  defaultValue: "NORMAL"
2977
- }, (!isReadOnly || watch('type') === 'NORMAL') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
3008
+ }, (!isReadOnly || watch('type') === 'NORMAL') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
2978
3009
  value: "NORMAL",
2979
3010
  label: "Normal",
2980
3011
  disabled: isDisabled,
2981
3012
  "data-testid": "type-NORMAL"
2982
- }), (!isReadOnly || watch('type') === 'TEST') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
3013
+ }), (!isReadOnly || watch('type') === 'TEST') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
2983
3014
  value: "TEST",
2984
3015
  label: "Test",
2985
3016
  disabled: isDisabled,
2986
3017
  "data-testid": "type-TEST"
2987
- }), (!isReadOnly || watch('type') === 'EXERCISE') && /*#__PURE__*/React__default['default'].createElement(RadioButtonAndLabel, {
3018
+ }), (!isReadOnly || watch('type') === 'EXERCISE') && /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
2988
3019
  value: "EXERCISE",
2989
3020
  label: "Exercise",
2990
3021
  disabled: isDisabled,
@@ -3025,38 +3056,38 @@
3025
3056
  var classes = useStyles$6();
3026
3057
  var isRequired = shared.useDraftFormHelpers().isRequired;
3027
3058
  var config = productType === 'sigmet' ? sigmetConfig : airmetConfig;
3028
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3059
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3029
3060
  item: true,
3030
3061
  container: true,
3031
3062
  spacing: 2
3032
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3063
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3033
3064
  item: true,
3034
3065
  xs: 4,
3035
3066
  container: true,
3036
3067
  justify: "flex-end"
3037
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
3068
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
3038
3069
  variant: "subtitle1",
3039
3070
  className: classes.label
3040
- }, "Valid from")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3071
+ }, "Valid from")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3041
3072
  item: true,
3042
3073
  xs: 8,
3043
3074
  container: true,
3044
3075
  justify: "flex-start"
3045
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormDateTime, {
3076
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormDateTime, {
3046
3077
  disablePast: true,
3047
3078
  name: "validDateStart",
3048
- defaultNullValue: moment__default['default'].utc().add(VALID_FROM_TIME_DELAY_IN_MINUTES, 'minutes').format('YYYY-MM-DDTHH:mm:ss[Z]'),
3079
+ defaultNullValue: moment__default["default"].utc().add(VALID_FROM_TIME_DELAY_IN_MINUTES, 'minutes').format('YYYY-MM-DDTHH:mm:ss[Z]'),
3049
3080
  rules: {
3050
3081
  validate: {
3051
3082
  isRequired: isRequired,
3052
3083
  isValidDate: formFields.isValidDate,
3053
3084
  // The validity start can not be before the current time
3054
3085
  isValueBeforeCurrentTime: function isValueBeforeCurrentTime(value) {
3055
- return formFields.isXHoursBefore(value, moment__default['default'].utc().format(), 0) || 'Valid from time cannot be before current time';
3086
+ return formFields.isXHoursBefore(value, moment__default["default"].utc().format(), 0) || 'Valid from time cannot be before current time';
3056
3087
  },
3057
3088
  // The current time can be no more than 4 hours before the validity start (12 for VA/TC SIGMET)
3058
3089
  isCurrentTimeXHoursBeforeValue: function isCurrentTimeXHoursBeforeValue(value) {
3059
- 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";
3090
+ 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";
3060
3091
  }
3061
3092
  }
3062
3093
  },
@@ -3073,7 +3104,7 @@
3073
3104
  },
3074
3105
  disabled: isDisabled,
3075
3106
  "data-testid": "valid-from"
3076
- })), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3107
+ })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3077
3108
  item: true,
3078
3109
  xs: 6
3079
3110
  }));
@@ -3117,27 +3148,27 @@
3117
3148
  var classes = useStyles$6();
3118
3149
  var config = productType === 'sigmet' ? sigmetConfig : airmetConfig;
3119
3150
  var defaultHoursValid = getDefaultHoursValid(productType);
3120
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3151
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3121
3152
  item: true,
3122
3153
  container: true,
3123
3154
  spacing: 2
3124
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3155
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3125
3156
  item: true,
3126
3157
  xs: 4,
3127
3158
  container: true,
3128
3159
  justify: "flex-end"
3129
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
3160
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
3130
3161
  variant: "subtitle1",
3131
3162
  className: classes.label
3132
- }, "Valid until")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3163
+ }, "Valid until")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3133
3164
  item: true,
3134
3165
  xs: 8,
3135
3166
  container: true,
3136
3167
  justify: "flex-start"
3137
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormDateTime, {
3168
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormDateTime, {
3138
3169
  disablePast: true,
3139
3170
  name: "validDateEnd",
3140
- defaultNullValue: moment__default['default'].utc().add(defaultHoursValid, 'hour').add(VALID_FROM_TIME_DELAY_IN_MINUTES, 'minutes').format('YYYY-MM-DDTHH:mm:ss[Z]'),
3171
+ defaultNullValue: moment__default["default"].utc().add(defaultHoursValid, 'hour').add(VALID_FROM_TIME_DELAY_IN_MINUTES, 'minutes').format('YYYY-MM-DDTHH:mm:ss[Z]'),
3141
3172
  rules: {
3142
3173
  validate: {
3143
3174
  isRequired: isRequired,
@@ -3164,7 +3195,7 @@
3164
3195
 
3165
3196
  _onChange();
3166
3197
  }
3167
- })), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3198
+ })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3168
3199
  item: true,
3169
3200
  xs: 6
3170
3201
  }));
@@ -3198,25 +3229,25 @@
3198
3229
  getValues = _b.getValues;
3199
3230
 
3200
3231
  var classes = useStyles$6();
3201
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3232
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3202
3233
  item: true,
3203
3234
  container: true,
3204
3235
  spacing: 2
3205
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3236
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3206
3237
  item: true,
3207
3238
  xs: 4,
3208
3239
  container: true,
3209
3240
  justify: "flex-end"
3210
- }), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3241
+ }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3211
3242
  item: true,
3212
3243
  xs: 8,
3213
3244
  container: true,
3214
3245
  justify: "flex-start"
3215
- }, (!isReadOnly || !!watch('vaSigmetVolcanoName')) && /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3246
+ }, (!isReadOnly || !!watch('vaSigmetVolcanoName')) && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3216
3247
  item: true,
3217
3248
  xs: 12,
3218
3249
  className: classes.volcanicField
3219
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormTextField, {
3250
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormTextField, {
3220
3251
  name: "vaSigmetVolcanoName",
3221
3252
  label: "Volcano name",
3222
3253
  rules: {
@@ -3225,10 +3256,10 @@
3225
3256
  disabled: isDisabled,
3226
3257
  helperText: helperText,
3227
3258
  upperCase: true
3228
- })), (!isReadOnly || !!watch('vaSigmetVolcanoCoordinates.latitude')) && /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3259
+ })), (!isReadOnly || !!watch('vaSigmetVolcanoCoordinates.latitude')) && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3229
3260
  item: true,
3230
3261
  xs: 6
3231
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormNumberField, {
3262
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
3232
3263
  name: "vaSigmetVolcanoCoordinates.latitude",
3233
3264
  "data-testid": "vaSigmetVolcanoCoordinates.latitude",
3234
3265
  label: "Latitude",
@@ -3249,10 +3280,10 @@
3249
3280
  onChange: function onChange() {
3250
3281
  return trigger('vaSigmetVolcanoCoordinates.longitude');
3251
3282
  }
3252
- })), (!isReadOnly || !!watch('vaSigmetVolcanoCoordinates.longitude')) && /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3283
+ })), (!isReadOnly || !!watch('vaSigmetVolcanoCoordinates.longitude')) && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3253
3284
  item: true,
3254
3285
  xs: 6
3255
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormNumberField, {
3286
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
3256
3287
  name: "vaSigmetVolcanoCoordinates.longitude",
3257
3288
  "data-testid": "vaSigmetVolcanoCoordinates.longitude",
3258
3289
  label: "Longitude",
@@ -3314,25 +3345,25 @@
3314
3345
 
3315
3346
  var classes = useStyles$6();
3316
3347
  var isRequired = shared.useDraftFormHelpers().isRequired;
3317
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3348
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3318
3349
  item: true,
3319
3350
  container: true,
3320
3351
  spacing: 2
3321
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3352
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3322
3353
  item: true,
3323
3354
  xs: 4,
3324
3355
  container: true,
3325
3356
  justify: "flex-end"
3326
- }), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3357
+ }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3327
3358
  item: true,
3328
3359
  xs: 8,
3329
3360
  container: true,
3330
3361
  justify: "flex-start"
3331
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3362
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3332
3363
  item: true,
3333
3364
  xs: 12,
3334
3365
  className: classes.surfaceVisibility
3335
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormNumberField, {
3366
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
3336
3367
  name: "visibilityValue",
3337
3368
  "data-testid": "surfaceVisibility-visibilityValue",
3338
3369
  label: "Select visibility",
@@ -3352,10 +3383,10 @@
3352
3383
  }
3353
3384
  },
3354
3385
  disabled: isDisabled
3355
- })), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3386
+ })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3356
3387
  item: true,
3357
3388
  xs: 12
3358
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormSelect, {
3389
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
3359
3390
  name: "visibilityCause",
3360
3391
  label: "Select cause",
3361
3392
  rules: {
@@ -3371,7 +3402,7 @@
3371
3402
  _onChange();
3372
3403
  }
3373
3404
  }, Object.keys(VisibilityCause).map(function (key) {
3374
- return /*#__PURE__*/React__default['default'].createElement(core$1.MenuItem, {
3405
+ return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
3375
3406
  value: key,
3376
3407
  key: key
3377
3408
  }, VisibilityCause[key]);
@@ -3420,25 +3451,25 @@
3420
3451
  var selectedFIR = watch('locationIndicatorATSR'); // Get allowed speed units based on selected FIR - if no FIR selected, allow all units
3421
3452
 
3422
3453
  var allowedWindUnitsForFir = getAllowedUnits(selectedFIR, allowedUnits, 'surfacewind_unit', WindUnit);
3423
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3454
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3424
3455
  item: true,
3425
3456
  container: true,
3426
3457
  spacing: 2
3427
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3458
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3428
3459
  item: true,
3429
3460
  xs: 4,
3430
3461
  container: true,
3431
3462
  justify: "flex-end"
3432
- }), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3463
+ }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3433
3464
  item: true,
3434
3465
  xs: 8,
3435
3466
  container: true,
3436
3467
  justify: "flex-start"
3437
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3468
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3438
3469
  item: true,
3439
3470
  xs: 12,
3440
3471
  className: classes.surfaceWind
3441
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormNumberField, {
3472
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
3442
3473
  name: "windDirection",
3443
3474
  label: "Set wind direction",
3444
3475
  helperText: "Value in degrees",
@@ -3458,14 +3489,14 @@
3458
3489
  },
3459
3490
  disabled: isDisabled,
3460
3491
  "data-testid": "surfaceWind-windDirection"
3461
- })), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3492
+ })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3462
3493
  item: true,
3463
3494
  xs: 12,
3464
3495
  container: true
3465
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3496
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3466
3497
  item: true,
3467
3498
  xs: 5
3468
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormSelect, {
3499
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
3469
3500
  name: "windUnit",
3470
3501
  label: "Unit",
3471
3502
  rules: {
@@ -3485,14 +3516,14 @@
3485
3516
  _onChange();
3486
3517
  }
3487
3518
  }, Object.keys(allowedWindUnitsForFir).map(function (key) {
3488
- return /*#__PURE__*/React__default['default'].createElement(core$1.MenuItem, {
3519
+ return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
3489
3520
  value: key,
3490
3521
  key: key
3491
3522
  }, allowedWindUnitsForFir[key]);
3492
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3523
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3493
3524
  item: true,
3494
3525
  xs: 7
3495
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormNumberField, {
3526
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
3496
3527
  name: "windSpeed",
3497
3528
  label: "Set speed",
3498
3529
  rules: {
@@ -3572,38 +3603,38 @@
3572
3603
  var selectedFIR = watch('locationIndicatorATSR'); // Get allowed cloud level units based on selected FIR - if no FIR selected, allow all default units
3573
3604
 
3574
3605
  var allowedCloudLevelUnitsForFir = getAllowedUnits(selectedFIR, allowedUnits, 'cloud_level_unit', CloudLevelUnits);
3575
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3606
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3576
3607
  item: true,
3577
3608
  container: true,
3578
3609
  spacing: 2
3579
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3610
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3580
3611
  item: true,
3581
3612
  xs: 4,
3582
3613
  container: true,
3583
3614
  justify: "flex-end"
3584
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
3615
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
3585
3616
  variant: "subtitle1",
3586
3617
  className: classes.label
3587
- }, "Levels")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3618
+ }, "Levels")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3588
3619
  item: true,
3589
3620
  xs: 8,
3590
3621
  container: true,
3591
3622
  justify: "flex-start"
3592
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3623
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3593
3624
  item: true,
3594
3625
  xs: 12
3595
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
3626
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
3596
3627
  name: "cloudLevelInfoMode",
3597
3628
  defaultValue: "BETW"
3598
- }), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3629
+ }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3599
3630
  item: true,
3600
3631
  xs: 12,
3601
3632
  container: true
3602
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3633
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3603
3634
  item: true,
3604
3635
  xs: 4
3605
- }, (!isReadOnly || watch('cloudLevelInfoMode') === 'BETW_ABV' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV') && /*#__PURE__*/React__default['default'].createElement(core$1.FormControlLabel, {
3606
- control: /*#__PURE__*/React__default['default'].createElement(core$1.Checkbox, {
3636
+ }, (!isReadOnly || watch('cloudLevelInfoMode') === 'BETW_ABV' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV') && /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
3637
+ control: /*#__PURE__*/React__default["default"].createElement(core$1.Checkbox, {
3607
3638
  checked: watch('cloudLevelInfoMode') === 'BETW_ABV' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV',
3608
3639
  onChange: function onChange() {
3609
3640
  switch (getValues('cloudLevelInfoMode')) {
@@ -3638,10 +3669,10 @@
3638
3669
  }),
3639
3670
  "data-testid": "cloudLevels-Above",
3640
3671
  label: "Above"
3641
- })), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3672
+ })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3642
3673
  item: true,
3643
3674
  xs: 3
3644
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormSelect, {
3675
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
3645
3676
  name: "cloudLevel.unit",
3646
3677
  label: "Unit",
3647
3678
  "data-testid": "cloudLevel-unit",
@@ -3668,14 +3699,14 @@
3668
3699
  _onChange();
3669
3700
  }
3670
3701
  }, Object.keys(allowedCloudLevelUnitsForFir).map(function (key) {
3671
- return /*#__PURE__*/React__default['default'].createElement(core$1.MenuItem, {
3702
+ return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
3672
3703
  value: key,
3673
3704
  key: key
3674
3705
  }, allowedCloudLevelUnitsForFir[key]);
3675
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3706
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3676
3707
  item: true,
3677
3708
  xs: 5
3678
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormNumberField, {
3709
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
3679
3710
  name: "cloudLevel.value",
3680
3711
  label: "Upper level",
3681
3712
  "data-testid": "cloudLevel-value",
@@ -3701,15 +3732,15 @@
3701
3732
  onChange: function onChange() {
3702
3733
  return (getValues('cloudLowerLevel.value') || getValues('cloudLowerLevel.value') === 0) && trigger('cloudLowerLevel.value');
3703
3734
  }
3704
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3735
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3705
3736
  item: true,
3706
3737
  xs: 12,
3707
3738
  container: true
3708
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3739
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3709
3740
  item: true,
3710
3741
  xs: 4
3711
- }, (!isReadOnly || watch('cloudLevelInfoMode') === 'BETW_SFC' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV') && /*#__PURE__*/React__default['default'].createElement(core$1.FormControlLabel, {
3712
- control: /*#__PURE__*/React__default['default'].createElement(core$1.Checkbox, {
3742
+ }, (!isReadOnly || watch('cloudLevelInfoMode') === 'BETW_SFC' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV') && /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
3743
+ control: /*#__PURE__*/React__default["default"].createElement(core$1.Checkbox, {
3713
3744
  checked: watch('cloudLevelInfoMode') === 'BETW_SFC' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV',
3714
3745
  onChange: function onChange() {
3715
3746
  switch (getValues('cloudLevelInfoMode')) {
@@ -3744,10 +3775,10 @@
3744
3775
  }),
3745
3776
  "data-testid": "cloudLevels-SFC",
3746
3777
  label: "SFC"
3747
- })), 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, {
3778
+ })), 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, {
3748
3779
  item: true,
3749
3780
  xs: 3
3750
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormSelect, {
3781
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
3751
3782
  name: "cloudLowerLevel.unit",
3752
3783
  label: "Unit",
3753
3784
  "data-testid": "cloudLowerLevel-unit",
@@ -3774,14 +3805,14 @@
3774
3805
  _onChange();
3775
3806
  }
3776
3807
  }, Object.keys(allowedCloudLevelUnitsForFir).map(function (key) {
3777
- return /*#__PURE__*/React__default['default'].createElement(core$1.MenuItem, {
3808
+ return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
3778
3809
  value: key,
3779
3810
  key: key
3780
3811
  }, allowedCloudLevelUnitsForFir[key]);
3781
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
3812
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3782
3813
  item: true,
3783
3814
  xs: 5
3784
- }, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormNumberField, {
3815
+ }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
3785
3816
  name: "cloudLowerLevel.value",
3786
3817
  label: "Lower level",
3787
3818
  "data-testid": "cloudLowerLevel-value",
@@ -3841,7 +3872,7 @@
3841
3872
  return false;
3842
3873
  };
3843
3874
  var useTAC = function useTAC(initialProduct, getTAC) {
3844
- var _a = __read(React__default['default'].useState(noTAC), 2),
3875
+ var _a = __read(React__default["default"].useState(noTAC), 2),
3845
3876
  TAC = _a[0],
3846
3877
  setTAC = _a[1];
3847
3878
 
@@ -3890,7 +3921,7 @@
3890
3921
  });
3891
3922
  };
3892
3923
 
3893
- React__default['default'].useEffect(function () {
3924
+ React__default["default"].useEffect(function () {
3894
3925
  if (shouldRetrieveTAC(initialProduct)) {
3895
3926
  retrieveTAC(initialProduct);
3896
3927
  } // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -3906,7 +3937,7 @@
3906
3937
  }; // eslint-disable-next-line react-hooks/exhaustive-deps
3907
3938
 
3908
3939
 
3909
- var delayedQuery = React__default['default'].useCallback(lodash.debounce(update, 1000), []);
3940
+ var delayedQuery = React__default["default"].useCallback(lodash.debounce(update, 1000), []);
3910
3941
  return [TAC, delayedQuery];
3911
3942
  };
3912
3943
 
@@ -3914,13 +3945,13 @@
3914
3945
  var tac = _a.tac;
3915
3946
  var classes = useStyles$4();
3916
3947
  var tacLines = tac.split('\n');
3917
- return /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
3948
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
3918
3949
  variant: "body2",
3919
3950
  component: "div",
3920
3951
  className: classes.tacOutput,
3921
3952
  "data-testid": "productform-tac-message"
3922
3953
  }, tacLines.map(function (line) {
3923
- return /*#__PURE__*/React__default['default'].createElement("p", {
3954
+ return /*#__PURE__*/React__default["default"].createElement("p", {
3924
3955
  key: line,
3925
3956
  className: classes.tacLine,
3926
3957
  "data-testid": "productform-tac-message-line"
@@ -3935,26 +3966,28 @@
3935
3966
  _c = _a.initialSigmet,
3936
3967
  initialSigmet = _c === void 0 ? null : _c,
3937
3968
  _d = _a.initialCancelSigmet,
3938
- initialCancelSigmet = _d === void 0 ? null : _d;
3969
+ initialCancelSigmet = _d === void 0 ? null : _d,
3970
+ _e = _a.showMap,
3971
+ showMap = _e === void 0 ? true : _e;
3939
3972
  var classes = useStyles$6();
3940
3973
  var api$1 = api.useApiContext().api;
3941
3974
 
3942
- var _e = reactHookForm.useFormContext(),
3943
- watch = _e.watch,
3944
- setValue = _e.setValue,
3945
- handleSubmit = _e.handleSubmit,
3946
- getValues = _e.getValues;
3975
+ var _f = reactHookForm.useFormContext(),
3976
+ watch = _f.watch,
3977
+ setValue = _f.setValue,
3978
+ handleSubmit = _f.handleSubmit,
3979
+ getValues = _f.getValues;
3947
3980
 
3948
- var _f = __read(React__default['default'].useState(mode === 'view'), 2),
3949
- isDisabled = _f[0],
3950
- setIsDisabled = _f[1];
3981
+ var _g = __read(React__default["default"].useState(mode === 'view'), 2),
3982
+ isDisabled = _g[0],
3983
+ setIsDisabled = _g[1];
3951
3984
 
3952
3985
  var isReadOnly = mode === 'view';
3953
3986
  var helperText = isDisabled ? '' : 'Optional';
3954
3987
 
3955
- var _g = __read(useTAC(initialSigmet !== null ? initialSigmet : initialCancelSigmet, api$1.getSigmetTAC), 2),
3956
- tac = _g[0],
3957
- updateTac = _g[1];
3988
+ var _h = __read(useTAC(initialSigmet !== null ? initialSigmet : initialCancelSigmet, api$1.getSigmetTAC), 2),
3989
+ tac = _h[0],
3990
+ updateTac = _h[1];
3958
3991
 
3959
3992
  var onChangeForm = function onChangeForm() {
3960
3993
  updateTac(getValues());
@@ -3968,13 +4001,13 @@
3968
4001
  intersectionEnd: initialSigmet.endGeometryIntersect
3969
4002
  } : null;
3970
4003
 
3971
- var _h = useDrawMode(initialGeometry),
3972
- drawMode = _h.drawMode,
3973
- setDrawMode = _h.setDrawMode,
3974
- layerDrawModes = _h.layerDrawModes,
3975
- geoJSONs = _h.geoJSONs,
3976
- _setLayerGeoJSONs = _h.setLayerGeoJSONs,
3977
- _setDrawModeType = _h.setDrawModeType;
4004
+ var _j = useDrawMode(initialGeometry),
4005
+ drawMode = _j.drawMode,
4006
+ setDrawMode = _j.setDrawMode,
4007
+ layerDrawModes = _j.layerDrawModes,
4008
+ geoJSONs = _j.geoJSONs,
4009
+ _setLayerGeoJSONs = _j.setLayerGeoJSONs,
4010
+ _setDrawModeType = _j.setDrawModeType;
3978
4011
 
3979
4012
  var updateStartDrawing = function updateStartDrawing(mapGeoJSONS) {
3980
4013
  var baseGeoJSON = mapGeoJSONS || geoJSONs;
@@ -4014,14 +4047,14 @@
4014
4047
  onChangeForm();
4015
4048
  };
4016
4049
 
4017
- React__default['default'].useEffect(function () {
4050
+ React__default["default"].useEffect(function () {
4018
4051
  var isInDrawMode = drawMode.start !== null || drawMode.end !== null;
4019
4052
 
4020
4053
  if (!isReadOnly && isInDrawMode !== isDisabled) {
4021
4054
  setIsDisabled(isInDrawMode);
4022
4055
  }
4023
4056
  }, [drawMode.start, drawMode.end, isReadOnly, isDisabled]);
4024
- return /*#__PURE__*/React__default['default'].createElement("form", {
4057
+ return /*#__PURE__*/React__default["default"].createElement("form", {
4025
4058
  onChange: onChangeForm,
4026
4059
  onSubmit: handleSubmit(function () {
4027
4060
  return null;
@@ -4029,15 +4062,15 @@
4029
4062
  style: {
4030
4063
  width: '100%'
4031
4064
  }
4032
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4065
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4033
4066
  container: true,
4034
4067
  style: {
4035
4068
  height: '100%'
4036
4069
  }
4037
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4070
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4038
4071
  item: true,
4039
4072
  xs: 8
4040
- }, /*#__PURE__*/React__default['default'].createElement(MapViewGeoJson, {
4073
+ }, showMap && /*#__PURE__*/React__default["default"].createElement(MapViewGeoJson, {
4041
4074
  geoJSONs: geoJSONs,
4042
4075
  setLayerGeoJSONs: function setLayerGeoJSONs(geoJSONs) {
4043
4076
  return _setLayerGeoJSONs(createInterSections(geoJSONs));
@@ -4047,56 +4080,54 @@
4047
4080
  setDrawMode: setDrawMode,
4048
4081
  exitDrawModeCallbackStart: updateStartDrawing,
4049
4082
  exitDrawModeCallbackEnd: updateEndDrawing
4050
- })), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4083
+ })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4051
4084
  item: true,
4052
4085
  xs: 4,
4053
4086
  className: classes.productForm
4054
- }, /*#__PURE__*/React__default['default'].createElement(pickers.MuiPickersUtilsProvider, {
4055
- utils: MomentUtils__default['default']
4056
- }, /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4087
+ }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4057
4088
  container: true,
4058
4089
  direction: "column",
4059
4090
  spacing: 2
4060
- }, !isCancelSigmet && /*#__PURE__*/React__default['default'].createElement(Phenomenon, {
4091
+ }, !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Phenomenon, {
4061
4092
  productType: "sigmet",
4062
4093
  isDisabled: isDisabled,
4063
4094
  onChange: onChangeForm
4064
- }), !isCancelSigmet && /*#__PURE__*/React__default['default'].createElement(ObservationForecast, {
4095
+ }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecast, {
4065
4096
  isDisabled: isDisabled,
4066
4097
  isReadOnly: isReadOnly
4067
- }), !isCancelSigmet && /*#__PURE__*/React__default['default'].createElement(ObservationForecastTime, {
4098
+ }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecastTime, {
4068
4099
  isDisabled: isDisabled,
4069
4100
  isReadOnly: isReadOnly,
4070
4101
  helperText: helperText,
4071
4102
  onChange: onChangeForm
4072
- }), !isCancelSigmet && watch('phenomenon') === 'VA_CLD' && /*#__PURE__*/React__default['default'].createElement(VolcanicFields, {
4103
+ }), !isCancelSigmet && watch('phenomenon') === 'VA_CLD' && /*#__PURE__*/React__default["default"].createElement(VolcanicFields, {
4073
4104
  isDisabled: isDisabled,
4074
4105
  isReadOnly: isReadOnly,
4075
4106
  helperText: helperText
4076
- }), /*#__PURE__*/React__default['default'].createElement(ValidFrom, {
4107
+ }), /*#__PURE__*/React__default["default"].createElement(ValidFrom, {
4077
4108
  productType: "sigmet",
4078
4109
  isDisabled: isDisabled,
4079
4110
  onChange: onChangeForm
4080
- }), /*#__PURE__*/React__default['default'].createElement(ValidUntil, {
4111
+ }), /*#__PURE__*/React__default["default"].createElement(ValidUntil, {
4081
4112
  productType: "sigmet",
4082
4113
  isDisabled: isDisabled,
4083
4114
  onChange: onChangeForm
4084
- })), /*#__PURE__*/React__default['default'].createElement(SelectFIR, {
4115
+ })), /*#__PURE__*/React__default["default"].createElement(SelectFIR, {
4085
4116
  productType: "sigmet",
4086
4117
  isDisabled: isDisabled
4087
- }), /*#__PURE__*/React__default['default'].createElement(StartGeometry, {
4118
+ }), /*#__PURE__*/React__default["default"].createElement(StartGeometry, {
4088
4119
  isReadOnly: isReadOnly,
4089
4120
  drawMode: drawMode,
4090
4121
  geoJSONs: geoJSONs,
4091
4122
  setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4092
4123
  _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateStartDrawing);
4093
4124
  }
4094
- }), !isCancelSigmet && /*#__PURE__*/React__default['default'].createElement(Levels, {
4125
+ }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Levels, {
4095
4126
  isDisabled: isDisabled,
4096
4127
  isReadOnly: isReadOnly,
4097
4128
  onChange: onChangeForm,
4098
4129
  productType: "sigmet"
4099
- }), !isCancelSigmet && /*#__PURE__*/React__default['default'].createElement(Progress, {
4130
+ }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Progress, {
4100
4131
  productType: "sigmet",
4101
4132
  isDisabled: isDisabled,
4102
4133
  isReadOnly: isReadOnly,
@@ -4106,90 +4137,90 @@
4106
4137
  _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateEndDrawing);
4107
4138
  },
4108
4139
  onChange: onChangeForm
4109
- }), !isCancelSigmet && /*#__PURE__*/React__default['default'].createElement(Change, {
4140
+ }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Change, {
4110
4141
  isDisabled: isDisabled,
4111
4142
  isReadOnly: isReadOnly
4112
- }), isCancelSigmet && watch('vaSigmetMoveToFIR') && /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4143
+ }), isCancelSigmet && watch('vaSigmetMoveToFIR') && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4113
4144
  item: true,
4114
4145
  container: true,
4115
4146
  spacing: 2
4116
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4147
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4117
4148
  item: true,
4118
4149
  xs: 4,
4119
4150
  container: true,
4120
4151
  justify: "flex-end"
4121
- }), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4152
+ }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4122
4153
  item: true,
4123
4154
  xs: 8,
4124
4155
  container: true,
4125
4156
  justify: "flex-start"
4126
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4157
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4127
4158
  item: true,
4128
4159
  xs: 12
4129
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4160
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4130
4161
  variant: "body2",
4131
4162
  className: classes.body,
4132
4163
  "data-testid": "vaSigmetMoveToFIR"
4133
- }, "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, {
4164
+ }, "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, {
4134
4165
  item: true,
4135
4166
  container: true,
4136
4167
  spacing: 2
4137
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4168
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4138
4169
  item: true,
4139
4170
  xs: 4,
4140
4171
  container: true,
4141
4172
  justify: "flex-end"
4142
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4173
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4143
4174
  variant: "subtitle1",
4144
4175
  className: classes.label
4145
- }, "Issued at")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4176
+ }, "Issued at")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4146
4177
  item: true,
4147
4178
  xs: 8,
4148
4179
  container: true,
4149
4180
  justify: "flex-start"
4150
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4181
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4151
4182
  item: true,
4152
4183
  xs: 12
4153
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4184
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4154
4185
  variant: "body2",
4155
4186
  className: classes.body
4156
- }, getProductIssueDate(initialSigmet, initialCancelSigmet)))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4187
+ }, getProductIssueDate(initialSigmet, initialCancelSigmet)))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4157
4188
  item: true,
4158
4189
  container: true,
4159
4190
  spacing: 2
4160
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4191
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4161
4192
  item: true,
4162
4193
  xs: 4,
4163
4194
  container: true,
4164
4195
  justify: "flex-end"
4165
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4196
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4166
4197
  variant: "subtitle1",
4167
4198
  className: classes.label
4168
- }, "TAC")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4199
+ }, "TAC")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4169
4200
  item: true,
4170
4201
  xs: 8,
4171
4202
  container: true,
4172
4203
  justify: "flex-start"
4173
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4204
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4174
4205
  item: true,
4175
4206
  xs: 12
4176
- }, /*#__PURE__*/React__default['default'].createElement(ProductFormTAC, {
4207
+ }, /*#__PURE__*/React__default["default"].createElement(ProductFormTAC, {
4177
4208
  tac: tac
4178
- })))), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
4209
+ })))), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4179
4210
  name: "sequence",
4180
4211
  defaultValue: "-1"
4181
4212
  }),
4182
4213
  /* Add hidden fields for TAC generation in case of cancel sigmet */
4183
- isCancelSigmet && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
4214
+ isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4184
4215
  name: "cancelsSigmetSequenceId"
4185
- }), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
4216
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4186
4217
  name: "validDateEndOfSigmetToCancel"
4187
- }), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
4218
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4188
4219
  name: "validDateStartOfSigmetToCancel"
4189
- }))), /*#__PURE__*/React__default['default'].createElement(Type, {
4220
+ }))), /*#__PURE__*/React__default["default"].createElement(Type, {
4190
4221
  isDisabled: isDisabled,
4191
4222
  isReadOnly: isReadOnly
4192
- }))))));
4223
+ })))));
4193
4224
  };
4194
4225
 
4195
4226
  var AirmetForm = function AirmetForm(_a) {
@@ -4199,28 +4230,30 @@
4199
4230
  _c = _a.initialAirmet,
4200
4231
  initialAirmet = _c === void 0 ? null : _c,
4201
4232
  _d = _a.initialCancelAirmet,
4202
- initialCancelAirmet = _d === void 0 ? null : _d;
4233
+ initialCancelAirmet = _d === void 0 ? null : _d,
4234
+ _e = _a.showMap,
4235
+ showMap = _e === void 0 ? true : _e;
4203
4236
  var classes = useStyles$6();
4204
4237
  var api$1 = api.useApiContext().api;
4205
4238
 
4206
- var _e = reactHookForm.useFormContext(),
4207
- watch = _e.watch,
4208
- setValue = _e.setValue,
4209
- handleSubmit = _e.handleSubmit,
4210
- getValues = _e.getValues;
4239
+ var _f = reactHookForm.useFormContext(),
4240
+ watch = _f.watch,
4241
+ setValue = _f.setValue,
4242
+ handleSubmit = _f.handleSubmit,
4243
+ getValues = _f.getValues;
4211
4244
 
4212
4245
  var phenomenon = watch('phenomenon');
4213
4246
 
4214
- var _f = __read(React__default['default'].useState(mode === 'view'), 2),
4215
- isDisabled = _f[0],
4216
- setIsDisabled = _f[1];
4247
+ var _g = __read(React__default["default"].useState(mode === 'view'), 2),
4248
+ isDisabled = _g[0],
4249
+ setIsDisabled = _g[1];
4217
4250
 
4218
4251
  var isReadOnly = mode === 'view';
4219
4252
  var helperText = isDisabled ? '' : 'Optional';
4220
4253
 
4221
- var _g = __read(useTAC(initialAirmet !== null ? initialAirmet : initialCancelAirmet, api$1.getAirmetTAC), 2),
4222
- tac = _g[0],
4223
- updateTac = _g[1];
4254
+ var _h = __read(useTAC(initialAirmet !== null ? initialAirmet : initialCancelAirmet, api$1.getAirmetTAC), 2),
4255
+ tac = _h[0],
4256
+ updateTac = _h[1];
4224
4257
 
4225
4258
  var onChangeForm = function onChangeForm() {
4226
4259
  updateTac(getValues());
@@ -4231,13 +4264,13 @@
4231
4264
  intersectionStart: initialAirmet.startGeometryIntersect
4232
4265
  } : null;
4233
4266
 
4234
- var _h = useDrawMode(initialGeometry),
4235
- drawMode = _h.drawMode,
4236
- setDrawMode = _h.setDrawMode,
4237
- layerDrawModes = _h.layerDrawModes,
4238
- geoJSONs = _h.geoJSONs,
4239
- _setLayerGeoJSONs = _h.setLayerGeoJSONs,
4240
- _setDrawModeType = _h.setDrawModeType;
4267
+ var _j = useDrawMode(initialGeometry),
4268
+ drawMode = _j.drawMode,
4269
+ setDrawMode = _j.setDrawMode,
4270
+ layerDrawModes = _j.layerDrawModes,
4271
+ geoJSONs = _j.geoJSONs,
4272
+ _setLayerGeoJSONs = _j.setLayerGeoJSONs,
4273
+ _setDrawModeType = _j.setDrawModeType;
4241
4274
 
4242
4275
  var updateStartDrawing = function updateStartDrawing(mapGeoJSONS) {
4243
4276
  var baseGeoJSON = mapGeoJSONS || geoJSONs;
@@ -4258,14 +4291,14 @@
4258
4291
  onChangeForm();
4259
4292
  };
4260
4293
 
4261
- React__default['default'].useEffect(function () {
4294
+ React__default["default"].useEffect(function () {
4262
4295
  var isInDrawMode = drawMode.start !== null;
4263
4296
 
4264
4297
  if (!isReadOnly && isInDrawMode !== isDisabled) {
4265
4298
  setIsDisabled(isInDrawMode);
4266
4299
  }
4267
4300
  }, [drawMode.start, isReadOnly, isDisabled]);
4268
- return /*#__PURE__*/React__default['default'].createElement("form", {
4301
+ return /*#__PURE__*/React__default["default"].createElement("form", {
4269
4302
  onChange: onChangeForm,
4270
4303
  onSubmit: handleSubmit(function () {
4271
4304
  return null;
@@ -4273,15 +4306,15 @@
4273
4306
  style: {
4274
4307
  width: '100%'
4275
4308
  }
4276
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4309
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4277
4310
  container: true,
4278
4311
  style: {
4279
4312
  height: '100%'
4280
4313
  }
4281
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4314
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4282
4315
  item: true,
4283
4316
  xs: 8
4284
- }, /*#__PURE__*/React__default['default'].createElement(MapViewGeoJson, {
4317
+ }, showMap && /*#__PURE__*/React__default["default"].createElement(MapViewGeoJson, {
4285
4318
  geoJSONs: geoJSONs,
4286
4319
  setLayerGeoJSONs: function setLayerGeoJSONs(geoJSONs) {
4287
4320
  return _setLayerGeoJSONs(createInterSections(geoJSONs));
@@ -4290,129 +4323,127 @@
4290
4323
  drawMode: drawMode,
4291
4324
  setDrawMode: setDrawMode,
4292
4325
  exitDrawModeCallbackStart: updateStartDrawing
4293
- })), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4326
+ })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4294
4327
  item: true,
4295
4328
  xs: 4,
4296
4329
  className: classes.productForm
4297
- }, /*#__PURE__*/React__default['default'].createElement(pickers.MuiPickersUtilsProvider, {
4298
- utils: MomentUtils__default['default']
4299
- }, /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4330
+ }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4300
4331
  container: true,
4301
4332
  direction: "column",
4302
4333
  spacing: 2
4303
- }, !isCancelAirmet && /*#__PURE__*/React__default['default'].createElement(Phenomenon, {
4334
+ }, !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(Phenomenon, {
4304
4335
  productType: "airmet",
4305
4336
  isDisabled: isDisabled,
4306
4337
  onChange: onChangeForm
4307
- }), !isCancelAirmet && phenomenon === 'SFC_VIS' && /*#__PURE__*/React__default['default'].createElement(SurfaceVisibility, {
4338
+ }), !isCancelAirmet && phenomenon === 'SFC_VIS' && /*#__PURE__*/React__default["default"].createElement(SurfaceVisibility, {
4308
4339
  isDisabled: isDisabled,
4309
4340
  onChange: onChangeForm
4310
- }), !isCancelAirmet && phenomenon === 'SFC_WIND' && /*#__PURE__*/React__default['default'].createElement(SurfaceWind, {
4341
+ }), !isCancelAirmet && phenomenon === 'SFC_WIND' && /*#__PURE__*/React__default["default"].createElement(SurfaceWind, {
4311
4342
  isDisabled: isDisabled,
4312
4343
  onChange: onChangeForm
4313
- }), !isCancelAirmet && /*#__PURE__*/React__default['default'].createElement(ObservationForecast, {
4344
+ }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecast, {
4314
4345
  isDisabled: isDisabled,
4315
4346
  isReadOnly: isReadOnly
4316
- }), !isCancelAirmet && /*#__PURE__*/React__default['default'].createElement(ObservationForecastTime, {
4347
+ }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecastTime, {
4317
4348
  isDisabled: isDisabled,
4318
4349
  isReadOnly: isReadOnly,
4319
4350
  helperText: helperText,
4320
4351
  onChange: onChangeForm
4321
- }), /*#__PURE__*/React__default['default'].createElement(ValidFrom, {
4352
+ }), /*#__PURE__*/React__default["default"].createElement(ValidFrom, {
4322
4353
  productType: "airmet",
4323
4354
  isDisabled: isDisabled,
4324
4355
  onChange: onChangeForm
4325
- }), /*#__PURE__*/React__default['default'].createElement(ValidUntil, {
4356
+ }), /*#__PURE__*/React__default["default"].createElement(ValidUntil, {
4326
4357
  productType: "airmet",
4327
4358
  isDisabled: isDisabled,
4328
4359
  onChange: onChangeForm
4329
- })), /*#__PURE__*/React__default['default'].createElement(SelectFIR, {
4360
+ })), /*#__PURE__*/React__default["default"].createElement(SelectFIR, {
4330
4361
  productType: "airmet",
4331
4362
  isDisabled: isDisabled
4332
- }), /*#__PURE__*/React__default['default'].createElement(StartGeometry, {
4363
+ }), /*#__PURE__*/React__default["default"].createElement(StartGeometry, {
4333
4364
  isReadOnly: isReadOnly,
4334
4365
  drawMode: drawMode,
4335
4366
  geoJSONs: geoJSONs,
4336
4367
  setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4337
4368
  _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateStartDrawing);
4338
4369
  }
4339
- }), !isCancelAirmet && phenomenon !== 'SFC_WIND' && phenomenon !== 'SFC_VIS' && phenomenon !== 'BKN_CLD' && phenomenon !== 'OVC_CLD' && /*#__PURE__*/React__default['default'].createElement(Levels, {
4370
+ }), !isCancelAirmet && phenomenon !== 'SFC_WIND' && phenomenon !== 'SFC_VIS' && phenomenon !== 'BKN_CLD' && phenomenon !== 'OVC_CLD' && /*#__PURE__*/React__default["default"].createElement(Levels, {
4340
4371
  isDisabled: isDisabled,
4341
4372
  isReadOnly: isReadOnly,
4342
4373
  onChange: onChangeForm,
4343
4374
  productType: "airmet"
4344
- }), !isCancelAirmet && (phenomenon === 'BKN_CLD' || phenomenon === 'OVC_CLD') && /*#__PURE__*/React__default['default'].createElement(CloudLevels, {
4375
+ }), !isCancelAirmet && (phenomenon === 'BKN_CLD' || phenomenon === 'OVC_CLD') && /*#__PURE__*/React__default["default"].createElement(CloudLevels, {
4345
4376
  isDisabled: isDisabled,
4346
4377
  isReadOnly: isReadOnly,
4347
4378
  onChange: onChangeForm
4348
- }), !isCancelAirmet && /*#__PURE__*/React__default['default'].createElement(Progress, {
4379
+ }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(Progress, {
4349
4380
  productType: "airmet",
4350
4381
  isDisabled: isDisabled,
4351
4382
  isReadOnly: isReadOnly,
4352
4383
  onChange: onChangeForm
4353
- }), !isCancelAirmet && /*#__PURE__*/React__default['default'].createElement(Change, {
4384
+ }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(Change, {
4354
4385
  isDisabled: isDisabled,
4355
4386
  isReadOnly: isReadOnly
4356
- }), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4387
+ }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4357
4388
  item: true,
4358
4389
  container: true,
4359
4390
  spacing: 2
4360
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4391
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4361
4392
  item: true,
4362
4393
  xs: 4,
4363
4394
  container: true,
4364
4395
  justify: "flex-end"
4365
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4396
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4366
4397
  variant: "subtitle1",
4367
4398
  className: classes.label
4368
- }, "Issued at")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4399
+ }, "Issued at")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4369
4400
  item: true,
4370
4401
  xs: 8,
4371
4402
  container: true,
4372
4403
  justify: "flex-start"
4373
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4404
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4374
4405
  item: true,
4375
4406
  xs: 12
4376
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4407
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4377
4408
  variant: "body2",
4378
4409
  className: classes.body
4379
- }, getProductIssueDate(initialAirmet, initialCancelAirmet)))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4410
+ }, getProductIssueDate(initialAirmet, initialCancelAirmet)))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4380
4411
  item: true,
4381
4412
  container: true,
4382
4413
  spacing: 2
4383
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4414
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4384
4415
  item: true,
4385
4416
  xs: 4,
4386
4417
  container: true,
4387
4418
  justify: "flex-end"
4388
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4419
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4389
4420
  variant: "subtitle1",
4390
4421
  className: classes.label
4391
- }, "TAC")), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4422
+ }, "TAC")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4392
4423
  item: true,
4393
4424
  xs: 8,
4394
4425
  container: true,
4395
4426
  justify: "flex-start"
4396
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4427
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4397
4428
  item: true,
4398
4429
  xs: 12
4399
- }, /*#__PURE__*/React__default['default'].createElement(ProductFormTAC, {
4430
+ }, /*#__PURE__*/React__default["default"].createElement(ProductFormTAC, {
4400
4431
  tac: tac
4401
- })))), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
4432
+ })))), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4402
4433
  name: "sequence",
4403
4434
  defaultValue: "-1"
4404
4435
  }),
4405
4436
  /* Add hidden fields for TAC generation in case of cancel airmet */
4406
- isCancelAirmet && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
4437
+ isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4407
4438
  name: "cancelsAirmetSequenceId"
4408
- }), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
4439
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4409
4440
  name: "validDateEndOfAirmetToCancel"
4410
- }), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormHiddenInput, {
4441
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4411
4442
  name: "validDateStartOfAirmetToCancel"
4412
- }))), /*#__PURE__*/React__default['default'].createElement(Type, {
4443
+ }))), /*#__PURE__*/React__default["default"].createElement(Type, {
4413
4444
  isDisabled: isDisabled,
4414
4445
  isReadOnly: isReadOnly
4415
- }))))));
4446
+ })))));
4416
4447
  };
4417
4448
 
4418
4449
  var useStyles$3 = core$1.makeStyles({
@@ -4502,16 +4533,16 @@
4502
4533
 
4503
4534
  var getActiveStatus = function getActiveStatus(product, className) {
4504
4535
  // do not return an icon if product is expired
4505
- if (moment__default['default'](product.validDateEnd) < moment__default['default'].utc(new Date())) {
4536
+ if (moment__default["default"](product.validDateEnd) < moment__default["default"].utc(new Date())) {
4506
4537
  return null;
4507
4538
  }
4508
4539
 
4509
- var active = moment__default['default'](product.validDateStart) <= moment__default['default'].utc(new Date());
4510
- return active ? /*#__PURE__*/React__default['default'].createElement(icons.CheckCircle, {
4540
+ var active = moment__default["default"](product.validDateStart) <= moment__default["default"].utc(new Date());
4541
+ return active ? /*#__PURE__*/React__default["default"].createElement(icons.CheckCircle, {
4511
4542
  "data-testid": "status-active",
4512
4543
  className: className,
4513
4544
  fontSize: "small"
4514
- }) : /*#__PURE__*/React__default['default'].createElement(icons.Schedule, {
4545
+ }) : /*#__PURE__*/React__default["default"].createElement(icons.Schedule, {
4515
4546
  "data-testid": "status-inactive",
4516
4547
  className: className,
4517
4548
  fontSize: "small"
@@ -4524,27 +4555,27 @@
4524
4555
  }
4525
4556
 
4526
4557
  if (cancelsSeqId !== null) {
4527
- return /*#__PURE__*/React__default['default'].createElement(shared.StatusTag, {
4558
+ return /*#__PURE__*/React__default["default"].createElement(shared.StatusTag, {
4528
4559
  content: "cancels " + cancelsSeqId,
4529
4560
  color: "red"
4530
4561
  });
4531
4562
  }
4532
4563
 
4533
4564
  if (product.status === 'CANCELLED') {
4534
- return /*#__PURE__*/React__default['default'].createElement(shared.StatusTag, {
4565
+ return /*#__PURE__*/React__default["default"].createElement(shared.StatusTag, {
4535
4566
  content: "cancelled " + product.sequence,
4536
4567
  color: "red"
4537
4568
  });
4538
4569
  }
4539
4570
 
4540
- if (moment__default['default'](product.validDateEnd) < moment__default['default'].utc(new Date())) {
4541
- return /*#__PURE__*/React__default['default'].createElement(shared.StatusTag, {
4571
+ if (moment__default["default"](product.validDateEnd) < moment__default["default"].utc(new Date())) {
4572
+ return /*#__PURE__*/React__default["default"].createElement(shared.StatusTag, {
4542
4573
  content: "expired",
4543
4574
  color: "grey"
4544
4575
  });
4545
4576
  }
4546
4577
 
4547
- return /*#__PURE__*/React__default['default'].createElement(shared.StatusTag, {
4578
+ return /*#__PURE__*/React__default["default"].createElement(shared.StatusTag, {
4548
4579
  content: product.status.toLowerCase(),
4549
4580
  color: product.status === 'PUBLISHED' ? 'green' : 'grey'
4550
4581
  });
@@ -4591,7 +4622,7 @@
4591
4622
  return '-';
4592
4623
  }
4593
4624
 
4594
- return moment__default['default'].utc(startDate).format('DD MMM YYYY, HH:mm') + " - " + moment__default['default'].utc(endDate).format(format) + " UTC";
4625
+ return moment__default["default"].utc(startDate).format('DD MMM YYYY, HH:mm') + " - " + moment__default["default"].utc(endDate).format(format) + " UTC";
4595
4626
  };
4596
4627
 
4597
4628
  var ProductListRow = function ProductListRow(_a) {
@@ -4601,12 +4632,12 @@
4601
4632
  var api$1 = api.useApiContext().api;
4602
4633
  var isMounted = shared.useIsMounted().isMounted;
4603
4634
 
4604
- var _b = __read(React__default['default'].useState(''), 2),
4635
+ var _b = __read(React__default["default"].useState(''), 2),
4605
4636
  TAC = _b[0],
4606
4637
  setTAC = _b[1];
4607
4638
 
4608
4639
  var apiCall = productType === 'sigmet' ? api$1.getSigmetTAC : api$1.getAirmetTAC;
4609
- React__default['default'].useEffect(function () {
4640
+ React__default["default"].useEffect(function () {
4610
4641
  var retrieveTAC = function retrieveTAC(productToPost) {
4611
4642
  apiCall(productToPost).then(function (result) {
4612
4643
  if (isMounted.current) {
@@ -4624,83 +4655,83 @@
4624
4655
  }, [product, apiCall]);
4625
4656
  var cancelsSeqId = isInstanceOfCancelSigmetOrAirmet(product) ? getCancelSeqId(product) : null;
4626
4657
  var phenomenon = isInstanceOfSigmetOrAirmet(product) && product.phenomenon ? product.phenomenon : null;
4627
- 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';
4658
+ 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';
4628
4659
  var validTime = formatValidTime(product.validDateStart, product.validDateEnd, validTimeFormat);
4629
- return /*#__PURE__*/React__default['default'].createElement(core$1.Card, {
4660
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Card, {
4630
4661
  elevation: 0,
4631
4662
  variant: "outlined",
4632
4663
  className: classes.cardWrapper
4633
- }, /*#__PURE__*/React__default['default'].createElement(core$1.CardContent, {
4664
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.CardContent, {
4634
4665
  className: classes.cardContent
4635
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4666
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4636
4667
  container: true,
4637
4668
  alignItems: "center",
4638
4669
  spacing: 1
4639
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Tooltip, {
4670
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
4640
4671
  title: phenomenon !== null ? getPhenomenon(productType, phenomenon) : '',
4641
4672
  placement: "bottom-start"
4642
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4673
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4643
4674
  item: true,
4644
4675
  xs: 3,
4645
4676
  sm: 3,
4646
4677
  md: 1
4647
- }, phenomenon !== null && /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4678
+ }, phenomenon !== null && /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4648
4679
  variant: "overline"
4649
- }, productType.toUpperCase()), /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4680
+ }, productType.toUpperCase()), /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4650
4681
  variant: "subtitle2",
4651
4682
  noWrap: true,
4652
4683
  className: classes.font
4653
- }, phenomenon !== null ? phenomenon : 'Cancel'))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4684
+ }, phenomenon !== null ? phenomenon : 'Cancel'))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4654
4685
  item: true,
4655
4686
  xs: 3,
4656
4687
  sm: 2,
4657
4688
  md: 1
4658
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Tooltip, {
4689
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
4659
4690
  "data-testid": "productlistrow-tactooltip",
4660
- title: /*#__PURE__*/React__default['default'].createElement("div", {
4691
+ title: /*#__PURE__*/React__default["default"].createElement("div", {
4661
4692
  style: {
4662
4693
  whiteSpace: 'pre-line'
4663
4694
  }
4664
4695
  }, TAC),
4665
4696
  placement: "bottom-start"
4666
- }, /*#__PURE__*/React__default['default'].createElement(icons.InfoOutlined, {
4697
+ }, /*#__PURE__*/React__default["default"].createElement(icons.InfoOutlined, {
4667
4698
  "data-testid": "productlistrow-tacicon",
4668
4699
  color: "secondary",
4669
4700
  fontSize: "small"
4670
- }))), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4701
+ }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4671
4702
  item: true,
4672
4703
  xs: 9,
4673
4704
  sm: 10,
4674
4705
  md: 3,
4675
4706
  lg: 2
4676
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4707
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4677
4708
  variant: "overline"
4678
- }, "Issue time"), /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4709
+ }, "Issue time"), /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4679
4710
  variant: "subtitle2",
4680
4711
  className: classes.font,
4681
4712
  "data-testid": "issueTime"
4682
- }, 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, {
4713
+ }, 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, {
4683
4714
  item: true,
4684
4715
  xs: 12,
4685
4716
  sm: 8,
4686
4717
  md: 5,
4687
4718
  lg: 6
4688
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4719
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4689
4720
  variant: "overline"
4690
- }, "Valid time"), /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4721
+ }, "Valid time"), /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4691
4722
  variant: "subtitle2",
4692
4723
  className: classes.font,
4693
4724
  "data-testid": "validTime"
4694
- }, validTime)), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4725
+ }, validTime)), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4695
4726
  item: true,
4696
4727
  xs: 6,
4697
4728
  sm: 4,
4698
4729
  md: 2,
4699
4730
  container: true
4700
- }, product.status === 'DRAFT' ? /*#__PURE__*/React__default['default'].createElement(core$1.Button, {
4731
+ }, product.status === 'DRAFT' ? /*#__PURE__*/React__default["default"].createElement(core$1.Button, {
4701
4732
  color: "secondary",
4702
4733
  size: "small",
4703
- startIcon: /*#__PURE__*/React__default['default'].createElement(icons.Create, {
4734
+ startIcon: /*#__PURE__*/React__default["default"].createElement(icons.Create, {
4704
4735
  fontSize: "small",
4705
4736
  color: "secondary"
4706
4737
  })
@@ -4745,30 +4776,30 @@
4745
4776
  onClickProductRow = _a.onClickProductRow,
4746
4777
  onClickNewProduct = _a.onClickNewProduct;
4747
4778
  var classes = useStyles$1();
4748
- return /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4779
+ return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4749
4780
  container: true,
4750
4781
  direction: "column",
4751
4782
  alignItems: "stretch"
4752
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4783
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4753
4784
  container: true,
4754
4785
  item: true,
4755
4786
  justify: "flex-end"
4756
- }, /*#__PURE__*/React__default['default'].createElement(core$1.Button, {
4787
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Button, {
4757
4788
  variant: "contained",
4758
4789
  color: "secondary",
4759
4790
  "data-testid": "productListCreateButton",
4760
4791
  onClick: onClickNewProduct
4761
- }, "Create a new ", productType.toUpperCase())), /*#__PURE__*/React__default['default'].createElement(core$1.Grid, {
4792
+ }, "Create a new ", productType.toUpperCase())), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4762
4793
  item: true,
4763
4794
  className: classes.listBody
4764
- }, error && /*#__PURE__*/React__default['default'].createElement(shared.AlertBanner, {
4795
+ }, error && /*#__PURE__*/React__default["default"].createElement(shared.AlertBanner, {
4765
4796
  severity: "error",
4766
4797
  title: "An error has occurred while retrieving the list, please try again",
4767
4798
  info: error.message ? error.message : '',
4768
4799
  dataTestId: "productList-alert"
4769
- }), productList && /*#__PURE__*/React__default['default'].createElement(core$1.List, null, productList.map(function (productListItem, index) {
4800
+ }), productList && /*#__PURE__*/React__default["default"].createElement(core$1.List, null, productList.map(function (productListItem, index) {
4770
4801
  var product = productListItem[productType];
4771
- return /*#__PURE__*/React__default['default'].createElement(core$1.ListItem, {
4802
+ return /*#__PURE__*/React__default["default"].createElement(core$1.ListItem, {
4772
4803
  "data-testid": "productListItem",
4773
4804
  button: true,
4774
4805
  onClick: function onClick() {
@@ -4776,11 +4807,11 @@
4776
4807
  },
4777
4808
  key: product.sequence && product.issueDate ? product.sequence + "-" + product.issueDate : "draft-" + index,
4778
4809
  className: classes.listItem
4779
- }, /*#__PURE__*/React__default['default'].createElement(ProductListRow, {
4810
+ }, /*#__PURE__*/React__default["default"].createElement(ProductListRow, {
4780
4811
  product: product,
4781
4812
  productType: productType
4782
4813
  }));
4783
- })), isLoading && /*#__PURE__*/React__default['default'].createElement(lab.Skeleton, {
4814
+ })), isLoading && /*#__PURE__*/React__default["default"].createElement(lab.Skeleton, {
4784
4815
  "data-testid": "productList-skeleton",
4785
4816
  variant: "rect",
4786
4817
  height: "660px"
@@ -4807,9 +4838,9 @@
4807
4838
  var sigmet = _a.sigmet;
4808
4839
  var allFIRS = useProductSettings(sigmetConfig).allFIRS;
4809
4840
  var isRequired = shared.useDraftFormHelpers().isRequired;
4810
- return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(core$1.Typography, {
4841
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4811
4842
  variant: "body1"
4812
- }, "Use the FIR to indicate the direction the Volcanic Ash is moving to:"), /*#__PURE__*/React__default['default'].createElement(formFields.ReactHookFormRadioGroup, {
4843
+ }, "Use the FIR to indicate the direction the Volcanic Ash is moving to:"), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormRadioGroup, {
4813
4844
  name: "vaSigmetMoveToFIR",
4814
4845
  rules: {
4815
4846
  validate: {
@@ -4819,16 +4850,16 @@
4819
4850
  row: true,
4820
4851
  defaultValue: "UNKNOWN"
4821
4852
  }, allFIRS[sigmet.locationIndicatorATSR].adjacent_firs.map(function (adjacentFIR) {
4822
- return /*#__PURE__*/React__default['default'].createElement(core$1.FormControlLabel, {
4853
+ return /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
4823
4854
  key: adjacentFIR,
4824
4855
  value: adjacentFIR,
4825
- control: /*#__PURE__*/React__default['default'].createElement(core$1.Radio, null),
4856
+ control: /*#__PURE__*/React__default["default"].createElement(core$1.Radio, null),
4826
4857
  label: adjacentFIR
4827
4858
  });
4828
- }), /*#__PURE__*/React__default['default'].createElement(core$1.FormControlLabel, {
4859
+ }), /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
4829
4860
  key: "UNKNOWN",
4830
4861
  value: "UNKNOWN",
4831
- control: /*#__PURE__*/React__default['default'].createElement(core$1.Radio, null),
4862
+ control: /*#__PURE__*/React__default["default"].createElement(core$1.Radio, null),
4832
4863
  label: "Don't know"
4833
4864
  })));
4834
4865
  };
@@ -5052,8 +5083,8 @@
5052
5083
  if (!isInstanceOfCancelSigmetOrAirmet(product) && (!product.validDateStart || !product.validDateEnd)) {
5053
5084
  var defaultHoursValid = getDefaultHoursValid(productType);
5054
5085
  return __assign({
5055
- validDateStart: moment__default['default'].utc().add(VALID_FROM_TIME_DELAY_IN_MINUTES, 'minutes').format('YYYY-MM-DDTHH:mm:ss[Z]'),
5056
- validDateEnd: moment__default['default'].utc().add(defaultHoursValid, 'hour').add(VALID_FROM_TIME_DELAY_IN_MINUTES, 'minutes').format('YYYY-MM-DDTHH:mm:ss[Z]')
5086
+ validDateStart: moment__default["default"].utc().add(VALID_FROM_TIME_DELAY_IN_MINUTES, 'minutes').format('YYYY-MM-DDTHH:mm:ss[Z]'),
5087
+ validDateEnd: moment__default["default"].utc().add(defaultHoursValid, 'hour').add(VALID_FROM_TIME_DELAY_IN_MINUTES, 'minutes').format('YYYY-MM-DDTHH:mm:ss[Z]')
5057
5088
  }, product);
5058
5089
  }
5059
5090
 
@@ -5100,11 +5131,11 @@
5100
5131
  var productType = _a.productType;
5101
5132
  var api$1 = api.useApiContext().api;
5102
5133
 
5103
- var _b = __read(React__default['default'].useState(false), 2),
5134
+ var _b = __read(React__default["default"].useState(false), 2),
5104
5135
  isFormDialogOpen = _b[0],
5105
5136
  setIsFormDialogOpen = _b[1];
5106
5137
 
5107
- var _c = __read(React__default['default'].useState(null), 2),
5138
+ var _c = __read(React__default["default"].useState(null), 2),
5108
5139
  selectedProduct = _c[0],
5109
5140
  setSelectedProduct = _c[1]; // Retrieve list of products
5110
5141
 
@@ -5120,7 +5151,7 @@
5120
5151
  };
5121
5152
 
5122
5153
  shared.usePoller([productList, errorList], getNewProductList, 60000);
5123
- React__default['default'].useEffect(function () {
5154
+ React__default["default"].useEffect(function () {
5124
5155
  if (selectedProduct) {
5125
5156
  toggleDialogOpen();
5126
5157
  } // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -5146,14 +5177,14 @@
5146
5177
  toggleDialogOpen();
5147
5178
  };
5148
5179
 
5149
- return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(ProductList, {
5180
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ProductList, {
5150
5181
  productList: productList || [],
5151
5182
  productType: productType,
5152
5183
  isLoading: isLoadingList,
5153
5184
  error: errorList,
5154
5185
  onClickProductRow: handleProductRowClick,
5155
5186
  onClickNewProduct: handleNewProductClick
5156
- }), /*#__PURE__*/React__default['default'].createElement(ProductFormDialog, {
5187
+ }), /*#__PURE__*/React__default["default"].createElement(ProductFormDialog, {
5157
5188
  productType: productType,
5158
5189
  isOpen: isFormDialogOpen,
5159
5190
  toggleDialogStatus: toggleDialogOpen,
@@ -5161,8 +5192,8 @@
5161
5192
  }));
5162
5193
  };
5163
5194
 
5164
- var createApi = function createApi(url, appUrl, auth, setAuth, authTokenUrl) {
5165
- var axiosInstance = api.createApiInstance(url, appUrl, auth, setAuth, authTokenUrl);
5195
+ var createApi = function createApi(url, appUrl, auth, setAuth, authTokenUrl, authClientId) {
5196
+ var axiosInstance = api.createApiInstance(url, appUrl, auth, setAuth, authTokenUrl, authClientId);
5166
5197
  return {
5167
5198
  // api data
5168
5199
  getSigmetList: function getSigmetList() {
@@ -5197,4 +5228,4 @@
5197
5228
 
5198
5229
  Object.defineProperty(exports, '__esModule', { value: true });
5199
5230
 
5200
- })));
5231
+ }));