@opengeoweb/sigmet-airmet 12.0.0 → 12.1.1

package/index.esm.js

@@ -7,7 +7,7 @@ import { FORM_FIELDS_NAMESPACE, formFieldsTranslations, useDraftFormHelpers, Rea
 import { useApiContext, useApi, createApiInstance, createFakeApiInstance, ApiProvider } from '@opengeoweb/api';
 import { defaultGeoJSONStyleProperties, defaultIntersectionStyleProperties, addSelectionTypeToGeoJSON, defaultPoint, addGeoJSONProperties, defaultBox, defaultPolygon, DRAWMODE, defaultDelete, getIcon, OpenLayersFeatureLayer, genericOpenLayersFeatureStyle, OpenLayersMapDraw, useMapDrawTool, addFeatureProperties, rewindGeometry } from '@opengeoweb/webmap-react';
 import i18n from 'i18next';
-import { initReactI18next, useTranslation } from 'react-i18next';
+import { useTranslation, initReactI18next } from 'react-i18next';
 import { SHARED_NAMESPACE, sharedTranslations, PROJECTION, ToggleMenu, useIsMounted, dateUtils, CustomTooltip, ConfirmationServiceProvider, usePreventBrowserClose, useConfirmationDialog, AlertBanner, isAxiosError, getAxiosErrorMessage, StatusTag, usePoller, ErrorBoundary } from '@opengeoweb/shared';
 import { CORE_NAMESPACE, coreTranslations, LegendConnect, OlMapViewConnect, TimeSliderConnect } from '@opengeoweb/core';
 import { useSelector, useDispatch, shallowEqual } from 'react-redux';
@@ -234,7 +234,7 @@ var fi = {
 	"volcano-name": "Tulivuoren nimi",
 	latitude: "Leveysaste",
 	longitude: "Pituusaste",
-	"tac-missing-data": "Tarvittavia tietoja puuttu, TAC:ia ei voida generoida",
+	"tac-missing-data": "Tarvittavia tietoja puuttuu, TAC:ia ei voida generoida",
 	"invalid-surface-wind-direction-message": "Suunta tulee pyöristää lähimpään {{value}} asteeseen.",
 	"surface-wind-label": "tuulen suunta",
 	"surface-wind-speed-label": "nopeus",
@@ -252,7 +252,7 @@ var fi = {
 	"levels-invalid-level-unit-combination-message": "Virheellinen yhdistelmä yksiköitä",
 	level: "Taso",
 	"levels-the-maximum-level": "Tason maksimiarvo käyttäen yksikköä {{levelUnit}} on {{maxLevelValue}}",
-	"levels-the-minimum-level": "Tason minimiarvo käyttäen yksiköä {{levelUnit}} on {{minLevelValue}} ",
+	"levels-the-minimum-level": "Tason minimiarvo käyttäen yksikköä {{levelUnit}} on {{minLevelValue}} ",
 	"levels-upper-level-label": "Ylempi taso",
 	"unit-label": "Yksikkö",
 	"levels-lower-level-label": "Alempi taso",
@@ -1574,27 +1574,27 @@ var getPhenomenon = function getPhenomenon(selectedFIR, phenomenon, productConfi
   if (!firArea) {
     return undefined;
   }
-  var firPhenomenon = (_firArea$phenomenon = firArea.phenomenon) == null ? void 0 : _firArea$phenomenon.find(function (p) {
-    return p.code === phenomenon;
+  var firPhenomenon = (_firArea$phenomenon = firArea.phenomenon) == null ? void 0 : _firArea$phenomenon.find(function (phen) {
+    return phen.code === phenomenon;
   });
   if (!firPhenomenon) {
     return undefined;
   }
   return firPhenomenon.description;
 };
-var getDialogtitle = function getDialogtitle(product, productType, productConfig) {
+var getDialogtitle = function getDialogtitle(t, product, productType, productConfig) {
   var productName = productType.toUpperCase();
   if (product === null) {
     return "New " + productName;
   }
   if (!isInstanceOfCancelSigmetOrAirmet(product)) {
     var phenomenon = getPhenomenon(product.firName, product.phenomenon, productConfig);
-    return productName + " " + (phenomenon || '') + " - " + (product.status === 'DRAFT' ? translateKeyOutsideComponents('saved-as-draft') : ProductStatusDescription[product.status]);
+    return productName + " " + (phenomenon || '') + " - " + (product.status === 'DRAFT' ? t('saved-as-draft') : ProductStatusDescription[product.status]);
   }
   if (isInstanceOfCancelSigmet(product)) {
-    return productName + " " + translateKeyOutsideComponents('cancels') + " " + product.cancelsSigmetSequenceId;
+    return productName + " " + t('cancels') + " " + product.cancelsSigmetSequenceId;
   }
-  return productName + " " + translateKeyOutsideComponents('cancels') + " " + product.cancelsAirmetSequenceId;
+  return productName + " " + t('cancels') + " " + product.cancelsAirmetSequenceId;
 };
 var getProductFormMode = function getProductFormMode(canBeOptions, productListItem) {
   if (!productListItem) {
@@ -1608,12 +1608,14 @@ var getProductFormMode = function getProductFormMode(canBeOptions, productListIt
 var buttonStyle = {
   minWidth: 96
 };
-var getProductFormLifecycleButtons = function getProductFormLifecycleButtons(_ref) {
+var ProductFormLifecycleButtons = function ProductFormLifecycleButtons(_ref) {
   var canBe = _ref.canBe,
     onButtonPress = _ref.onButtonPress,
     productType = _ref.productType,
     _ref$areActionsDisabl = _ref.areActionsDisabled,
     areActionsDisabled = _ref$areActionsDisabl === void 0 ? false : _ref$areActionsDisabl;
+  var _useSigmetAirmetTrans = useSigmetAirmetTranslation(),
+    t = _useSigmetAirmetTrans.t;
   var hasDiscardButton = canBe.includes('DISCARDED');
   var onDiscard = function onDiscard() {
     return onButtonPress(ProductAction.DISCARD);
@@ -1635,23 +1637,23 @@ var getProductFormLifecycleButtons = function getProductFormLifecycleButtons(_re
     return onButtonPress(ProductAction.PUBLISH);
   };
   var mobileMenuItems = [].concat(hasDiscardButton ? [{
-    text: translateKeyOutsideComponents('discard'),
+    text: t('discard'),
     action: onDiscard
   }] : [], hasSaveButton ? [{
-    text: translateKeyOutsideComponents('save'),
+    text: t('save'),
     action: onSave,
     isDisabled: areActionsDisabled
   }] : [], hasRenewButton ? [{
-    text: translateKeyOutsideComponents('renew', {
+    text: t('renew', {
       product: productType
     }),
     action: onRenew,
     isDisabled: areActionsDisabled
   }] : [], hasCancelButton ? [{
-    text: translateKeyOutsideComponents('cancel') + " " + productType,
+    text: t('cancel') + " " + productType,
     action: onCancel
   }] : [], hasPublishButton ? [{
-    text: translateKeyOutsideComponents('publish'),
+    text: t('publish'),
     action: onPublish,
     isDisabled: areActionsDisabled
   }] : []);
@@ -1673,7 +1675,7 @@ var getProductFormLifecycleButtons = function getProductFormLifecycleButtons(_re
         onClick: onRenew,
         sx: buttonStyle,
         "data-testid": "productform-dialog-renew",
-        children: translateKeyOutsideComponents('renew', {
+        children: t('renew', {
           product: productType
         })
       }), hasDiscardButton && jsx(Button, {
@@ -1681,27 +1683,27 @@ var getProductFormLifecycleButtons = function getProductFormLifecycleButtons(_re
         onClick: onDiscard,
         sx: buttonStyle,
         "data-testid": "productform-dialog-discard",
-        children: translateKeyOutsideComponents('discard')
+        children: t('discard')
       }), hasSaveButton && jsx(Button, {
         variant: "tertiary",
         onClick: onSave,
         sx: buttonStyle,
         "data-testid": "productform-dialog-draft",
         disabled: areActionsDisabled,
-        children: translateKeyOutsideComponents('save')
+        children: t('save')
       }), hasCancelButton && jsx(Button, {
         variant: "tertiary",
         onClick: onCancel,
         sx: buttonStyle,
         "data-testid": "productform-dialog-cancel",
-        children: translateKeyOutsideComponents('cancel') + " " + productType
+        children: t('cancel') + " " + productType
       }), hasPublishButton && jsx(Button, {
         variant: "primary",
         onClick: onPublish,
         sx: buttonStyle,
         "data-testid": "productform-dialog-publish",
         disabled: areActionsDisabled,
-        children: translateKeyOutsideComponents('publish')
+        children: t('publish')
       })]
     }), jsx(Box, {
       display: {
@@ -1799,71 +1801,71 @@ var useDelayedFormValues = function useDelayedFormValues(getValues, register, de
   };
   return [formValues, onChangeForm];
 };
-var getConfirmationDialogTitle = function getConfirmationDialogTitle(action, productType) {
+var getConfirmationDialogTitle = function getConfirmationDialogTitle(t, action, productType) {
   var product = productType.toUpperCase();
   if (action === ProductAction.CLOSE) {
-    return translateKeyOutsideComponents('close') + " " + product;
+    return t('close') + " " + product;
   }
   if (action === ProductAction.DISCARD) {
-    return translateKeyOutsideComponents('discard-non-capitalized') + " " + product;
+    return t('discard-non-capitalized') + " " + product;
   }
   if (action === ProductAction.PUBLISH) {
-    return translateKeyOutsideComponents('publish');
+    return t('publish');
   }
-  return translateKeyOutsideComponents('cancel') + " " + product;
+  return t('cancel') + " " + product;
 };
-var getConfirmationDialogContent = function getConfirmationDialogContent(action, productType) {
+var getConfirmationDialogContent = function getConfirmationDialogContent(t, action, productType) {
   var product = productType.toUpperCase();
   if (action === ProductAction.DISCARD) {
-    return translateKeyOutsideComponents('are-you-sure-you-want-to-discard', {
+    return t('are-you-sure-you-want-to-discard', {
       product: product
     });
   }
   if (action === ProductAction.CLOSE) {
-    return translateKeyOutsideComponents('save-changes-made');
+    return t('save-changes-made');
   }
   if (action === ProductAction.PUBLISH) {
-    return translateKeyOutsideComponents('publish-this-product', {
+    return t('publish-this-product', {
       product: product
     });
   }
-  return translateKeyOutsideComponents('cancel-this-product', {
+  return t('cancel-this-product', {
     product: product
   });
 };
-var getConfirmationDialogButtonLabel = function getConfirmationDialogButtonLabel(action, productType) {
+var getConfirmationDialogButtonLabel = function getConfirmationDialogButtonLabel(t, action, productType) {
   var product = productType.toUpperCase();
   switch (action) {
     case ProductAction.DISCARD:
-      return "" + translateKeyOutsideComponents('discard-product', {
+      return "" + t('discard-product', {
         product: product
       });
     case ProductAction.PUBLISH:
-      return translateKeyOutsideComponents('publish');
+      return t('publish');
     case ProductAction.CANCEL:
-      return translateKeyOutsideComponents('yes-cancel', {
+      return t('yes-cancel', {
         product: product
       });
     default:
-      return translateKeyOutsideComponents('save-and-close');
+      return t('save-and-close');
   }
 };
-var getConfirmationDialogCancelLabel = function getConfirmationDialogCancelLabel(action) {
+var getConfirmationDialogCancelLabel = function getConfirmationDialogCancelLabel(t, action) {
   switch (action) {
     case ProductAction.CLOSE:
-      return translateKeyOutsideComponents('discard-and-close');
+      return t('discard-and-close');
     default:
       return undefined;
   }
 };
-var getProductIssueDate = function getProductIssueDate(initialProduct, initialCancelProduct) {
+var getProductIssueDate = function getProductIssueDate(t, initialProduct, initialCancelProduct) {
   if (initialProduct !== null && (initialProduct.status === 'PUBLISHED' || initialProduct.status === 'EXPIRED') && initialProduct.issueDate) {
     return dateUtils.dateToString(dateUtils.utc(initialProduct.issueDate), dateUtils.DATE_FORMAT_DATEPICKER) + " UTC";
   }
   if (initialCancelProduct !== null && initialCancelProduct.issueDate) {
     return dateUtils.dateToString(dateUtils.utc(initialCancelProduct.issueDate), dateUtils.DATE_FORMAT_DATEPICKER) + " UTC";
   }
-  return translateKeyOutsideComponents('not-published');
+  return t('not-published');
 };
 // Provide a cross section of the units from the config and the units as allowed by the type definition
 // Units from the config which are not in the type definition should be ignored
@@ -1910,9 +1912,9 @@ var isFir = function isFir(geojson) {
   var selectionType = (_geojson$features$ = geojson.features[0]) == null || (_geojson$features$ = _geojson$features$.properties) == null ? void 0 : _geojson$features$['selectionType'];
   return geojson && geojson.features && geojson.features.length > 0 && selectionType === firSelectionType;
 };
-var getFieldLabel = function getFieldLabel(title, isDisabled, action) {
+var getFieldLabel = function getFieldLabel(t, title, isDisabled, action) {
   if (action === void 0) {
-    action = translateKeyOutsideComponents('select');
+    action = t('select');
   }
   return isDisabled ? title : action + " " + title.toLowerCase();
 };
@@ -1949,26 +1951,26 @@ var getProjection = function getProjection(productConfig) {
   return ((_productConfig$mapPre2 = productConfig.mapPreset) == null ? void 0 : _productConfig$mapPre2.proj) || undefined;
 };
 var firSelectionType = 'fir';
-var getDrawTools = function getDrawTools(type, firShape) {
+var getDrawTools = function getDrawTools(t, type, firShape) {
   var defaultStyleProperties = type === StartOrEndDrawing.start ? featurePropsStart : featurePropsEnd;
   return [Object.assign({}, defaultPoint, {
-    title: translateKeyOutsideComponents('drop-a-point-as', {
+    title: t('drop-a-point-as', {
       type: type
     }),
     shape: addGeoJSONProperties(defaultPoint.shape, defaultStyleProperties)
   }), Object.assign({}, defaultBox, {
-    title: translateKeyOutsideComponents('draw-a-box-as', {
+    title: t('draw-a-box-as', {
       type: type
     }),
     shape: addGeoJSONProperties(defaultBox.shape, defaultStyleProperties)
   }), Object.assign({}, defaultPolygon, {
-    title: translateKeyOutsideComponents('draw-a-shape-as', {
+    title: t('draw-a-shape-as', {
       type: type
     }),
     shape: addGeoJSONProperties(defaultPolygon.shape, defaultStyleProperties)
   }), {
     drawModeId: 'drawtools-fir',
-    title: translateKeyOutsideComponents('set-a-fir-as', {
+    title: t('set-a-fir-as', {
       type: type
     }),
     isSelectable: false,
@@ -1977,7 +1979,7 @@ var getDrawTools = function getDrawTools(type, firShape) {
     shape: addSelectionTypeToGeoJSON(addGeoJSONProperties(firShape, Object.assign({}, defaultStyleProperties)), firSelectionType),
     selectionType: firSelectionType
   }, Object.assign({}, defaultDelete, {
-    title: translateKeyOutsideComponents('remove-geometry')
+    title: t('remove-geometry')
   })];
 };
 var updateDrawToolsWithFir = function updateDrawToolsWithFir(drawTools, newFirShape) {
@@ -2065,32 +2067,34 @@ var DrawTools = function DrawTools(_ref) {
 var DEFAULT_ROUNDING_LEVELS_FL = 5;
 var DEFAULT_ROUNDING_LEVELS_FT = 500;
 var DEFAULT_ROUNDING_LEVELS_M = 1;
-var getLevelInvalidStepsForFLUnitMessage = function getLevelInvalidStepsForFLUnitMessage(value) {
+var getLevelInvalidStepsForFLUnitMessage = function getLevelInvalidStepsForFLUnitMessage(t, value) {
   if (value === void 0) {
     value = DEFAULT_ROUNDING_LEVELS_FL;
   }
-  return translateKeyOutsideComponents('levels-get-level-invalid-steps-for-fl-unit-message', {
+  return t('levels-get-level-invalid-steps-for-fl-unit-message', {
     value: value
   });
 };
-var getLevelInvalidStepsForFTUnitMessage = function getLevelInvalidStepsForFTUnitMessage(value) {
+var getLevelInvalidStepsForFTUnitMessage = function getLevelInvalidStepsForFTUnitMessage(t, value) {
   if (value === void 0) {
     value = DEFAULT_ROUNDING_LEVELS_FT;
   }
-  return translateKeyOutsideComponents('levels-get-level-invalid-steps-for-ft-unit-message', {
+  return t('levels-get-level-invalid-steps-for-ft-unit-message', {
     value: value
   });
 };
-var getLevelInvalidStepsForMUnitMessage = function getLevelInvalidStepsForMUnitMessage(value) {
+var getLevelInvalidStepsForMUnitMessage = function getLevelInvalidStepsForMUnitMessage(t, value) {
   if (value === void 0) {
     value = DEFAULT_ROUNDING_LEVELS_M;
   }
-  return translateKeyOutsideComponents('levels-get-level-invalid-steps-for-m-unit-message', {
+  return t('levels-get-level-invalid-steps-for-m-unit-message', {
     value: value
   });
 };
-var invalidUnitMessage$1 = translateKeyOutsideComponents('levels-invalid-unit-message');
-var _validateLevels = function validateLevels(value, unit, productConfig, selectedFIR) {
+var getInvalidUnitMessage = function getInvalidUnitMessage(t) {
+  return t('levels-invalid-unit-message');
+};
+var _validateLevels = function validateLevels(t, value, unit, productConfig, selectedFIR) {
   if (isEmpty(value)) {
     return true;
   }
@@ -2104,17 +2108,17 @@ var _validateLevels = function validateLevels(value, unit, productConfig, select
   // Parse to integer to check for steps
   var intLevel = parseInt(value, 10);
   if (LevelUnits[unit] === LevelUnits.FT) {
-    return intLevel % level_rounding_FT === 0 || getLevelInvalidStepsForFTUnitMessage(level_rounding_FT);
+    return intLevel % level_rounding_FT === 0 || getLevelInvalidStepsForFTUnitMessage(t, level_rounding_FT);
   }
   if (LevelUnits[unit] === LevelUnits.FL) {
-    return intLevel % level_rounding_FL === 0 || getLevelInvalidStepsForFLUnitMessage(level_rounding_FL);
+    return intLevel % level_rounding_FL === 0 || getLevelInvalidStepsForFLUnitMessage(t, level_rounding_FL);
   }
   if (LevelUnits[unit] === LevelUnits.M) {
-    return intLevel % level_rounding_M === 0 || getLevelInvalidStepsForMUnitMessage(level_rounding_M);
+    return intLevel % level_rounding_M === 0 || getLevelInvalidStepsForMUnitMessage(t, level_rounding_M);
   }
-  return invalidUnitMessage$1;
+  return getInvalidUnitMessage(t);
 };
-var _validateLevelUnitCombinations = function validateLevelUnitCombinations(levelUnit, lowerLevelUnit, t) {
+var _validateLevelUnitCombinations = function validateLevelUnitCombinations(t, levelUnit, lowerLevelUnit) {
   // If different units and lower level not SFC, only FL is allowed as upper level
   if (lowerLevelUnit !== 'SFC' && levelUnit !== lowerLevelUnit && LevelUnits[levelUnit] !== LevelUnits.FL) {
     return t('levels-invalid-level-unit-combination-message');
@@ -2279,7 +2283,7 @@ var Levels = function Levels(_ref) {
                 validateLevels: function validateLevels(value) {
                   return (
                     // level step depends on the unit
-                    _validateLevels(value, getValues('level.unit'), productConfig, getFIRValue())
+                    _validateLevels(t, value, getValues('level.unit'), productConfig, getFIRValue())
                   );
                 }
               }
@@ -2319,7 +2323,7 @@ var Levels = function Levels(_ref) {
                   validateLevelUnitCombinations: function validateLevelUnitCombinations(value) {
                     return (
                       // level step depends on the unit
-                      _validateLevelUnitCombinations(value, levelInfoMode === 'BETW_SFC' ? 'SFC' : getValues('lowerLevel.unit'), t) === true
+                      _validateLevelUnitCombinations(t, value, levelInfoMode === 'BETW_SFC' ? 'SFC' : getValues('lowerLevel.unit')) === true
                     );
                   }
                 }
@@ -2376,7 +2380,7 @@ var Levels = function Levels(_ref) {
                   validateLevels: function validateLevels(value) {
                     return (
                       // level step depends on the unit
-                      _validateLevels(value, getValues('level.unit'), productConfig, getFIRValue())
+                      _validateLevels(t, value, getValues('level.unit'), productConfig, getFIRValue())
                     );
                   }
                 }
@@ -2430,7 +2434,7 @@ var Levels = function Levels(_ref) {
                     validateLevelUnitCombinations: function validateLevelUnitCombinations(value) {
                       return (
                         // level step depends on the unit
-                        _validateLevelUnitCombinations(getValues('level.unit'), value, t)
+                        _validateLevelUnitCombinations(t, getValues('level.unit'), value)
                       );
                     }
                   }
@@ -2490,7 +2494,7 @@ var Levels = function Levels(_ref) {
                     validateLevels: function validateLevels(value) {
                       return (
                         // level step depends on the unit
-                        _validateLevels(value, getValues('lowerLevel.unit'), productConfig, getFIRValue())
+                        _validateLevels(t, value, getValues('lowerLevel.unit'), productConfig, getFIRValue())
                       );
                     }
                   }
@@ -2593,7 +2597,7 @@ var Levels = function Levels(_ref) {
                 validateLevels: function validateLevels(value) {
                   return (
                     // level step depends on the unit
-                    _validateLevels(value, getValues('level.unit'), productConfig, getFIRValue())
+                    _validateLevels(t, value, getValues('level.unit'), productConfig, getFIRValue())
                   );
                 }
               }
@@ -2681,7 +2685,7 @@ var ObservationForecastTime = function ObservationForecastTime(_ref) {
     t = _useSigmetAirmetTrans.t;
   var _useFormContext = useFormContext(),
     watch = _useFormContext.watch;
-  var label = getFieldLabel(t('date-and-time'), isReadOnly);
+  var label = getFieldLabel(t, t('date-and-time'), isReadOnly);
   var _useShortTestHelpers = useShortTestHelpers(),
     isShortTest = _useShortTestHelpers.isShortTest;
   var fieldsDisabled = isDisabled || isShortTest();
@@ -2730,12 +2734,12 @@ var Phenomenon = function Phenomenon(_ref) {
     trigger = _useFormContext.trigger;
   var _useShortTestHelpers = useShortTestHelpers(),
     isShortTest = _useShortTestHelpers.isShortTest;
-  var label = getFieldLabel(t('phenomenon'), isReadOnly);
+  var label = getFieldLabel(t, t('phenomenon'), isReadOnly);
   var fieldsDisabled = isDisabled || isShortTest();
   var handleSinglePhenomenaSelection = function handleSinglePhenomenaSelection() {
     var defaultPhenomenon = getValues('phenomenon');
-    var isValidPhenomenon = phenomenaList.some(function (p) {
-      return p.code === defaultPhenomenon;
+    var isValidPhenomenon = phenomenaList.some(function (phen) {
+      return phen.code === defaultPhenomenon;
     });
     // Only auto-select if there is exactly one phenomenon available
     if (!isValidPhenomenon && phenomenaList.length === 1) {
@@ -2789,23 +2793,23 @@ var Phenomenon = function Phenomenon(_ref) {
 
 var DEFAULT_ROUNDING_MOVEMENT_KT = 5;
 var DEFAULT_ROUNDING_MOVEMENT_KMH = 10;
-var getMovementStepValKTMessage = function getMovementStepValKTMessage(value) {
+var getMovementStepValKTMessage = function getMovementStepValKTMessage(t, value) {
   if (value === void 0) {
     value = DEFAULT_ROUNDING_MOVEMENT_KT;
   }
-  return translateKeyOutsideComponents('progress-get-movement-step-valktmessage', {
+  return t('progress-get-movement-step-valktmessage', {
     value: value
   });
 };
-var getMovementStepValKMHMessage = function getMovementStepValKMHMessage(value) {
+var getMovementStepValKMHMessage = function getMovementStepValKMHMessage(t, value) {
   if (value === void 0) {
     value = DEFAULT_ROUNDING_MOVEMENT_KMH;
   }
-  return translateKeyOutsideComponents('progress-get-movement-step-valkmhmessage', {
+  return t('progress-get-movement-step-valkmhmessage', {
     value: value
   });
 };
-var _validateMovementSteps = function validateMovementSteps(value, unit, productConfig, selectedFIR) {
+var _validateMovementSteps = function validateMovementSteps(t, value, unit, productConfig, selectedFIR) {
   if (isEmpty(value)) {
     return true;
   }
@@ -2817,12 +2821,12 @@ var _validateMovementSteps = function validateMovementSteps(value, unit, product
   // Parse to integer to check for steps
   var intLevel = parseInt(value, 10);
   if (MovementUnit[unit] === MovementUnit.KT) {
-    return intLevel % movement_rounding_kt === 0 || getMovementStepValKTMessage(movement_rounding_kt);
+    return intLevel % movement_rounding_kt === 0 || getMovementStepValKTMessage(t, movement_rounding_kt);
   }
   if (MovementUnit[unit] === MovementUnit.KMH) {
-    return intLevel % movement_rounding_kmh === 0 || getMovementStepValKMHMessage(movement_rounding_kmh);
+    return intLevel % movement_rounding_kmh === 0 || getMovementStepValKMHMessage(t, movement_rounding_kmh);
   }
-  return translateKeyOutsideComponents('invalid-unit');
+  return t('invalid-unit');
 };
 var Progress = function Progress(_ref) {
   var _geoJSON$features$, _geoJSONIntersection$;
@@ -3021,7 +3025,7 @@ var Progress = function Progress(_ref) {
                   validateMovementSteps: function validateMovementSteps(value) {
                     return (
                       // movement step depends on the unit
-                      _validateMovementSteps(value, getValues('movementUnit'), productConfig, getFIRValue())
+                      _validateMovementSteps(t, value, getValues('movementUnit'), productConfig, getFIRValue())
                     );
                   }
                 }
@@ -3155,8 +3159,8 @@ var SelectFIR = function SelectFIR(_ref) {
     setValue('locationIndicatorMWO', valuesFromConfig.locationIndicatorMWO);
     setValue('firGeometry', valuesFromConfig.firGeometry);
     var currentPhenomenon = getValues('phenomenon');
-    var isValidPhenomenon = valuesFromConfig.phenomena.some(function (p) {
-      return p.code === currentPhenomenon;
+    var isValidPhenomenon = valuesFromConfig.phenomena.some(function (phen) {
+      return phen.code === currentPhenomenon;
     });
     if (!isValidPhenomenon) {
       if (valuesFromConfig.phenomena.length === 1) {
@@ -3321,7 +3325,7 @@ var Type = function Type(_ref) {
   var _useFormContext = useFormContext(),
     getValues = _useFormContext.getValues,
     trigger = _useFormContext.trigger;
-  var label = getFieldLabel(t('type-title'), isReadOnly);
+  var label = getFieldLabel(t, t('type-title'), isReadOnly);
   var _useShortTestHelpers = useShortTestHelpers(),
     onTypeChange = _useShortTestHelpers.onTypeChange;
   var messageType = productType === 'airmet' ? AirmetType : SigmetType;
@@ -3351,8 +3355,8 @@ var Type = function Type(_ref) {
   });
 };
 
-var getValidFromXHoursBeforeMessage = function getValidFromXHoursBeforeMessage(hours) {
-  return translateKeyOutsideComponents('valid-from-time-error', {
+var getValidFromXHoursBeforeMessage = function getValidFromXHoursBeforeMessage(t, hours) {
+  return t('valid-from-time-error', {
     hours: hours
   });
 };
@@ -3382,7 +3386,7 @@ var ValidFrom = function ValidFrom(_ref) {
     trigger = _useFormContext.trigger;
   var _useDraftFormHelpers = useDraftFormHelpers(),
     isRequired = _useDraftFormHelpers.isRequired;
-  var label = getFieldLabel(t('date-and-time'), isReadOnly);
+  var label = getFieldLabel(t, t('date-and-time'), isReadOnly);
   return jsx(ProductFormFieldLayout, {
     title: t('valid-from'),
     children: jsx(ReactHookFormDateTime, {
@@ -3400,7 +3404,7 @@ var ValidFrom = function ValidFrom(_ref) {
           },
           // The current time can be no more than 4 hours before the validity start (12 for VA/TC SIGMET)
           isCurrentTimeXHoursBeforeValue: function isCurrentTimeXHoursBeforeValue(value) {
-            return isXHoursBefore(dateUtils.getCurrentTimeAsString(), value, getHoursBeforeValidity(getValues('phenomenon'), getValues('locationIndicatorATSR'), productConfig)) || getValidFromXHoursBeforeMessage(getHoursBeforeValidity(getValues('phenomenon'), getValues('locationIndicatorATSR'), productConfig));
+            return isXHoursBefore(dateUtils.getCurrentTimeAsString(), value, getHoursBeforeValidity(getValues('phenomenon'), getValues('locationIndicatorATSR'), productConfig)) || getValidFromXHoursBeforeMessage(t, getHoursBeforeValidity(getValues('phenomenon'), getValues('locationIndicatorATSR'), productConfig));
           }
         }
       },
@@ -3447,7 +3451,7 @@ var ValidUntil = function ValidUntil(_ref) {
   var _useDraftFormHelpers = useDraftFormHelpers(),
     isRequired = _useDraftFormHelpers.isRequired;
   var dateAndTime = t('date-and-time');
-  var label = getFieldLabel(dateAndTime, isReadOnly);
+  var label = getFieldLabel(t, dateAndTime, isReadOnly);
   var _React$useState = React__default.useState(getDefaultValidUntilValue(productConfig, getValues('phenomenon'), getValues('locationIndicatorATSR'), getValues('validDateStart'))),
     defaultValidUntilValue = _React$useState[0],
     setDefaultValidUntilValue = _React$useState[1];
@@ -3600,23 +3604,23 @@ var VolcanicFields = function VolcanicFields(_ref) {
 
 var DEFAULT_ROUNDING_SURFACE_VISIBLILITY_BELOW = 50;
 var DEFAULT_ROUNDING_SURFACE_VISIBLILITY_ABOVE = 100;
-var getInvalidSurfaceVisibilityTill750StepsMessage = function getInvalidSurfaceVisibilityTill750StepsMessage(value) {
+var getInvalidSurfaceVisibilityTill750StepsMessage = function getInvalidSurfaceVisibilityTill750StepsMessage(t, value) {
   if (value === void 0) {
     value = DEFAULT_ROUNDING_SURFACE_VISIBLILITY_BELOW;
   }
-  return translateKeyOutsideComponents('invalid-surface-visibility-till-750-steps-message', {
+  return t('invalid-surface-visibility-till-750-steps-message', {
     value: value
   });
 };
-var getInvalidSurfaceVisibilityFrom750StepsMessage = function getInvalidSurfaceVisibilityFrom750StepsMessage(value) {
+var getInvalidSurfaceVisibilityFrom750StepsMessage = function getInvalidSurfaceVisibilityFrom750StepsMessage(t, value) {
   if (value === void 0) {
     value = DEFAULT_ROUNDING_SURFACE_VISIBLILITY_ABOVE;
   }
-  return translateKeyOutsideComponents('invalid-surface-visibility-from-750-steps-message', {
+  return t('invalid-surface-visibility-from-750-steps-message', {
     value: value
   });
 };
-var _validateSurfaceVisibility = function validateSurfaceVisibility(value, productConfig, selectedFIR) {
+var _validateSurfaceVisibility = function validateSurfaceVisibility(t, value, productConfig, selectedFIR) {
   if (isEmpty(value)) {
     return true;
   }
@@ -3628,9 +3632,9 @@ var _validateSurfaceVisibility = function validateSurfaceVisibility(value, produ
   // Parse to integer to check for steps
   var intVisibility = parseInt(value, 10);
   if (intVisibility > 750) {
-    return intVisibility % visibility_rounding_above === 0 || getInvalidSurfaceVisibilityFrom750StepsMessage(visibility_rounding_above);
+    return intVisibility % visibility_rounding_above === 0 || getInvalidSurfaceVisibilityFrom750StepsMessage(t, visibility_rounding_above);
   }
-  return intVisibility % visibility_rounding_below === 0 || getInvalidSurfaceVisibilityTill750StepsMessage(visibility_rounding_below);
+  return intVisibility % visibility_rounding_below === 0 || getInvalidSurfaceVisibilityTill750StepsMessage(t, visibility_rounding_below);
 };
 var SurfaceVisibility = function SurfaceVisibility(_ref) {
   var isDisabled = _ref.isDisabled,
@@ -3647,8 +3651,8 @@ var SurfaceVisibility = function SurfaceVisibility(_ref) {
   var getFIRValue = function getFIRValue() {
     return getValues('locationIndicatorATSR');
   };
-  var visibilityLabel = getFieldLabel(t('surface-visibility'), isReadOnly);
-  var visibilityCauseLabel = getFieldLabel(t('surface-visibility-cause'), isReadOnly);
+  var visibilityLabel = getFieldLabel(t, t('surface-visibility'), isReadOnly);
+  var visibilityCauseLabel = getFieldLabel(t, t('surface-visibility-cause'), isReadOnly);
   return jsxs(Grid2, {
     container: true,
     spacing: 2,
@@ -3688,7 +3692,7 @@ var SurfaceVisibility = function SurfaceVisibility(_ref) {
                 );
               },
               validateSurfaceVisibility: function validateSurfaceVisibility(value) {
-                return _validateSurfaceVisibility(value, productConfig, getFIRValue());
+                return _validateSurfaceVisibility(t, value, productConfig, getFIRValue());
               }
             }
           },
@@ -3735,15 +3739,15 @@ var SurfaceVisibility = function SurfaceVisibility(_ref) {
 };
 
 var DEFAULT_ROUNDING_SURFACE_WIND_DIRECTION = 10;
-var invalidSurfaceWindDirectionStepsMessage = function invalidSurfaceWindDirectionStepsMessage(value) {
+var invalidSurfaceWindDirectionStepsMessage = function invalidSurfaceWindDirectionStepsMessage(t, value) {
   if (value === void 0) {
     value = DEFAULT_ROUNDING_SURFACE_WIND_DIRECTION;
   }
-  return translateKeyOutsideComponents('invalid-surface-wind-direction-message', {
+  return t('invalid-surface-wind-direction-message', {
     value: value
   });
 };
-var _validateSurfaceWindDirection = function validateSurfaceWindDirection(value, productConfig, selectedFIR) {
+var _validateSurfaceWindDirection = function validateSurfaceWindDirection(t, value, productConfig, selectedFIR) {
   if (isEmpty(value)) {
     return true;
   }
@@ -3752,7 +3756,7 @@ var _validateSurfaceWindDirection = function validateSurfaceWindDirection(value,
     wind_direction_rounding = _getActiveFIRArea$win === void 0 ? DEFAULT_ROUNDING_SURFACE_WIND_DIRECTION : _getActiveFIRArea$win;
   // Parse to integer to check for steps
   var intVisibility = parseInt(value, 10);
-  return intVisibility % wind_direction_rounding === 0 || invalidSurfaceWindDirectionStepsMessage(wind_direction_rounding);
+  return intVisibility % wind_direction_rounding === 0 || invalidSurfaceWindDirectionStepsMessage(t, wind_direction_rounding);
 };
 var SurfaceWind = function SurfaceWind(_ref) {
   var isDisabled = _ref.isDisabled,
@@ -3774,8 +3778,8 @@ var SurfaceWind = function SurfaceWind(_ref) {
   };
   // Get allowed speed units based on selected FIR - if no FIR selected, allow all units
   var allowedWindUnitsForFir = getAllowedUnits(getFIRValue(), productConfig, 'surfacewind_unit', WindUnit);
-  var windLabel = getFieldLabel(t('surface-wind-label'), isReadOnly, t('set'));
-  var speedLabel = getFieldLabel(t('surface-wind-speed-label'), isReadOnly, t('set'));
+  var windLabel = getFieldLabel(t, t('surface-wind-label'), isReadOnly, t('set'));
+  var speedLabel = getFieldLabel(t, t('surface-wind-speed-label'), isReadOnly, t('set'));
   return jsxs(Grid2, {
     container: true,
     spacing: 2,
@@ -3806,7 +3810,7 @@ var SurfaceWind = function SurfaceWind(_ref) {
             validate: {
               isRequired: isRequired,
               validateSurfaceWindDirection: function validateSurfaceWindDirection(value) {
-                return _validateSurfaceWindDirection(value, productConfig, getFIRValue());
+                return _validateSurfaceWindDirection(t, value, productConfig, getFIRValue());
               }
             }
           },
@@ -4208,8 +4212,9 @@ var CloudLevels = function CloudLevels(_ref) {
   });
 };
 
-// ToDo check if this can be transated here
-var noTAC = translateKeyOutsideComponents('tac-missing-data');
+var noTAC = function noTAC(t) {
+  return t('tac-missing-data');
+};
 var isLevelFieldsComplete = function isLevelFieldsComplete(product) {
   var isAirmet = function isAirmet(product) {
     return product.cloudLevelInfoMode !== undefined;
@@ -4289,16 +4294,13 @@ var shouldRetrieveTAC = function shouldRetrieveTAC(product, omitChange) {
   }
   return false;
 };
-var useTAC = function useTAC(initialProduct, getTAC, hasErrors, omitChange) {
+var useTAC = function useTAC(t, initialProduct, getTAC, hasErrors, omitChange) {
   if (hasErrors === void 0) {
     hasErrors = function hasErrors() {
       return false;
     };
   }
-  var _useSigmetAirmetTrans = useSigmetAirmetTranslation(),
-    t = _useSigmetAirmetTrans.t;
-  var noTAC = t('tac-missing-data');
-  var _React$useState = React__default.useState(noTAC),
+  var _React$useState = React__default.useState(noTAC(t)),
     TAC = _React$useState[0],
     setTAC = _React$useState[1];
   var _useIsMounted = useIsMounted(),
@@ -4323,7 +4325,7 @@ var useTAC = function useTAC(initialProduct, getTAC, hasErrors, omitChange) {
             _context.prev = 7;
             _context.t0 = _context["catch"](0);
             if (isMounted.current) {
-              setTAC(noTAC);
+              setTAC(noTAC(t));
             }
           case 10:
           case "end":
@@ -4345,7 +4347,7 @@ var useTAC = function useTAC(initialProduct, getTAC, hasErrors, omitChange) {
     if (shouldRetrieveTAC(formValues, omitChange) && !hasFormErrors) {
       void retrieveTAC(formValues);
     } else if (isMounted.current) {
-      setTAC(noTAC);
+      setTAC(noTAC(t));
     }
   };
   var debouncedSearch = React__default.useRef(debounce( /*#__PURE__*/function () {
@@ -4386,11 +4388,10 @@ var ProductFormTAC = function ProductFormTAC(_ref3) {
   var _tacLines$0$split$;
   var tac = _ref3.tac,
     product = _ref3.product;
-  var _useSigmetAirmetTrans2 = useSigmetAirmetTranslation(),
-    t = _useSigmetAirmetTrans2.t;
-  var noTAC = t('tac-missing-data');
   var tacLines = tac.split('\n');
-  var hasTac = tacLines.length > 0 && tac !== noTAC;
+  var _useSigmetAirmetTrans = useSigmetAirmetTranslation(),
+    t = _useSigmetAirmetTrans.t;
+  var hasTac = tacLines.length > 0 && tac !== noTAC(t);
   var sequenceNumberInTac = hasTac ? (_tacLines$0$split$ = tacLines[0].split(' ')[2]) != null ? _tacLines$0$split$ : null : null;
   var sequenceStyle = getSequenceStyling(product, hasTac);
   return jsx(Typography, {
@@ -8053,7 +8054,7 @@ var SigmetForm = function SigmetForm(_ref) {
     phenomenaList = _React$useState[0],
     setPhenomenaList = _React$useState[1];
   var _useMapDrawTool = useMapDrawTool({
-      defaultDrawModes: getDrawTools(StartOrEndDrawing.start, getFir(productConfig, firBorderAtStart)),
+      defaultDrawModes: getDrawTools(t, StartOrEndDrawing.start, getFir(productConfig, firBorderAtStart)),
       defaultGeoJSON: !isCancelSigmet && initialSigmet && initialSigmet.startGeometry ? addFeatureProperties(initialSigmet.startGeometry, featurePropsStart) : undefined,
       defaultGeoJSONIntersection: !isCancelSigmet && initialSigmet && initialSigmet.startGeometryIntersect ? addFeatureProperties(initialSigmet.startGeometryIntersect, featurePropsIntersectionStart) : undefined,
       defaultGeoJSONIntersectionBounds: addFeatureProperties(getFir(productConfig, firBorderAtStart), featurePropsFIR)
@@ -8069,7 +8070,7 @@ var SigmetForm = function SigmetForm(_ref) {
     setStartGeoJSONIntersectionBounds = _useMapDrawTool.setGeoJSONIntersectionBounds,
     setStartEditModes = _useMapDrawTool.setDrawModes;
   var _useMapDrawTool2 = useMapDrawTool({
-      defaultDrawModes: getDrawTools(StartOrEndDrawing.end, getFir(productConfig)),
+      defaultDrawModes: getDrawTools(t, StartOrEndDrawing.end, getFir(productConfig)),
       defaultGeoJSON: !isCancelSigmet && initialSigmet && initialSigmet.endGeometry ? addFeatureProperties(initialSigmet.endGeometry, featurePropsEnd) : undefined,
       defaultGeoJSONIntersection: !isCancelSigmet && initialSigmet && initialSigmet.endGeometryIntersect ? addFeatureProperties(initialSigmet.endGeometryIntersect, featurePropsIntersectionEnd) : undefined,
       defaultGeoJSONIntersectionBounds: addFeatureProperties(getFir(productConfig), featurePropsFIR),
@@ -8161,7 +8162,7 @@ var SigmetForm = function SigmetForm(_ref) {
     setIsDisabled = _React$useState2[1];
   var isReadOnly = mode === 'view';
   var helperText = isReadOnly ? '' : 'Optional';
-  var _useTAC = useTAC(initialSigmet !== null ? initialSigmet : initialCancelSigmet, getTAC || api.getSigmetTAC, getHasFormErrors, getOmitChangeFromConfig(productConfig)),
+  var _useTAC = useTAC(t, initialSigmet !== null ? initialSigmet : initialCancelSigmet, getTAC || api.getSigmetTAC, getHasFormErrors, getOmitChangeFromConfig(productConfig)),
     tac = _useTAC[0],
     updateTac = _useTAC[1];
   var onChangeForm = function onChangeForm() {
@@ -8290,7 +8291,7 @@ var SigmetForm = function SigmetForm(_ref) {
           })]
         })
       }), jsx(IssuedAt, {
-        date: getProductIssueDate(initialSigmet, initialCancelSigmet),
+        date: getProductIssueDate(t, initialSigmet, initialCancelSigmet),
         isReadOnly: isReadOnly
       }), jsxs(Tac, {
         tac: tac,
@@ -8387,11 +8388,13 @@ var AirmetForm = function AirmetForm(_ref) {
   var _React$useState = React__default.useState(getDefaultPhenomena(productConfig).phenomena),
     phenomenaList = _React$useState[0],
     setPhenomenaList = _React$useState[1];
+  var _useSigmetAirmetTrans = useSigmetAirmetTranslation(),
+    t = _useSigmetAirmetTrans.t;
   var _useApiContext = useApiContext(),
     api = _useApiContext.api;
   var firBorderAtStart = initialAirmet ? initialAirmet.locationIndicatorATSR : productConfig.active_firs[0];
   var _useMapDrawTool = useMapDrawTool({
-      defaultDrawModes: getDrawTools(StartOrEndDrawing.start, getFir(productConfig, firBorderAtStart)),
+      defaultDrawModes: getDrawTools(t, StartOrEndDrawing.start, getFir(productConfig, firBorderAtStart)),
       defaultGeoJSON: !isCancelAirmet && initialAirmet && initialAirmet.startGeometry ? addFeatureProperties(initialAirmet.startGeometry, featurePropsStart) : undefined,
       defaultGeoJSONIntersection: !isCancelAirmet && initialAirmet && initialAirmet.startGeometryIntersect ? addFeatureProperties(initialAirmet.startGeometryIntersect, featurePropsIntersectionStart) : undefined,
       defaultGeoJSONIntersectionBounds: addFeatureProperties(getFir(productConfig, firBorderAtStart), featurePropsFIR)
@@ -8452,7 +8455,7 @@ var AirmetForm = function AirmetForm(_ref) {
     setIsDisabled = _React$useState2[1];
   var isReadOnly = mode === 'view';
   var helperText = isReadOnly ? '' : 'Optional';
-  var _useTAC = useTAC(initialAirmet !== null ? initialAirmet : initialCancelAirmet, getTAC || api.getAirmetTAC, getHasFormErrors),
+  var _useTAC = useTAC(t, initialAirmet !== null ? initialAirmet : initialCancelAirmet, getTAC || api.getAirmetTAC, getHasFormErrors),
     tac = _useTAC[0],
     updateTac = _useTAC[1];
   var onChangeForm = function onChangeForm() {
@@ -8574,7 +8577,7 @@ var AirmetForm = function AirmetForm(_ref) {
         isReadOnly: isReadOnly
       }), jsx(IssuedAt, {
         isReadOnly: isReadOnly,
-        date: getProductIssueDate(initialAirmet, initialCancelAirmet)
+        date: getProductIssueDate(t, initialAirmet, initialCancelAirmet)
       }), jsxs(Tac, {
         tac: tac,
         product: product,
@@ -8780,6 +8783,8 @@ var ProductFormDialogContent = function ProductFormDialogContent(_ref) {
     productConfig = _ref.productConfig,
     productCanBe = _ref.productCanBe,
     product = _ref.product;
+  var _useSigmetAirmetTrans = useSigmetAirmetTranslation(),
+    t = _useSigmetAirmetTrans.t;
   var _useApiContext = useApiContext(),
     api = _useApiContext.api;
   var apiCall = productType === 'sigmet' ? api.postSigmet : api.postAirmet;
@@ -8833,10 +8838,10 @@ var ProductFormDialogContent = function ProductFormDialogContent(_ref) {
   };
   var showConfirmDialog = function showConfirmDialog(action) {
     return confirmationDialog({
-      title: getConfirmationDialogTitle(action, productType),
-      description: getConfirmationDialogContent(action, productType),
-      confirmLabel: getConfirmationDialogButtonLabel(action, productType),
-      cancelLabel: getConfirmationDialogCancelLabel(action),
+      title: getConfirmationDialogTitle(t, action, productType),
+      description: getConfirmationDialogContent(t, action, productType),
+      confirmLabel: getConfirmationDialogButtonLabel(t, action, productType),
+      cancelLabel: getConfirmationDialogCancelLabel(t, action),
       catchOnCancel: action === ProductAction.CLOSE,
       content: isVAPhenomenon(product, action) && !isShortTest() ? jsx(CancelSigmetVolcanicMovements, {
         sigmet: product,
@@ -8904,7 +8909,7 @@ var ProductFormDialogContent = function ProductFormDialogContent(_ref) {
         break;
     }
   };
-  var title = getDialogtitle(product, productType, productConfig);
+  var title = getDialogtitle(t, product, productType, productConfig);
   return jsxs(ContentDialog, {
     open: isOpen,
     toggleDialogStatus: function toggleDialogStatus() {
@@ -8923,7 +8928,7 @@ var ProductFormDialogContent = function ProductFormDialogContent(_ref) {
       title: "An error has occurred while saving, please try again",
       info: errorStoreMessageText
     }) : null,
-    options: getProductFormLifecycleButtons({
+    options: ProductFormLifecycleButtons({
       canBe: productCanBe,
       onButtonPress: onProductButtonPress,
       productType: productType,
@@ -9195,10 +9200,10 @@ var ProductListRow = function ProductListRow(_ref2) {
     if (shouldRetrieveTAC(product)) {
       retrieveTAC(product);
     } else if (isMounted.current) {
-      setTAC(noTAC);
+      setTAC(noTAC(t));
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [product, apiCall]);
+  }, [product, apiCall, t]);
   var cancelsSeqId = isInstanceOfCancelSigmetOrAirmet(product) ? getCancelSeqId(product) : null;
   var fir = product.firName || '';
   var phenomenon = isInstanceOfSigmetOrAirmet(product) && product.phenomenon ? product.phenomenon : null;
@@ -12257,4 +12262,4 @@ ConnectedModuleWrapper) {
   }
 };
 
-export { AirmetComponentsLookUp, AirmetForm, AirmetType, CloudLevelUnits, ContentDialog, DEFAULT_MINIMUM_SURFACE_LEVEL, DEFAULT_MIN_MOVEMENT_SPEED, DEFAULT_MIN_VISIBILITY, DEFAULT_MIN_WIND_SPEED, Direction, DownloadSigmetAirmetConfigWrapper, LevelUnits, MapViewGeoJson, MetInfoWrapper, MovementUnit, ProductAction, ProductFormDialog, ProductList, ProductListRow, ProductStatusDescription, SA_NAMESPACE, SigmetComponentsLookUp, SigmetForm, SigmetType, StartOrEndDrawing, VisibilityCause, WindUnit, airmetConfig, createAirmetPostParameter, createApi$1 as createApi, createApi as createFakeApi, createSigmetPostParameter, extractUnitsToShow, fakeAirmetList, fakeSigmetList, firSelectionType, getActiveFIRArea, getAllFirAreas, getAllowedUnits, getBaseLayers, getConfirmationDialogButtonLabel, getConfirmationDialogCancelLabel, getConfirmationDialogContent, getConfirmationDialogTitle, getDefaultPhenomena, getDefaultValidUntilValue, getDefaultValidityMinutesFromConfig, getDialogtitle, getDrawTools, getFieldLabel, getFir, getFirArea, getFirOptions, getHoursBeforeValidity, getLevelInFeet, getMaxCloudLevelValue, getMaxCloudLowerLevelValue, getMaxHoursOfValidity, getMaxLevelValue, getMaxMovementSpeedValue, getMaxPolygonPoints, getMaxVisibilityValue, getMaxWindSpeedValue, getMinCloudLevelValue, getMinCloudLowerLevelValue, getMinLevelValue, getMinMovementSpeedValue, getMinVisibilityValue, getMinWindSpeedValue, getOmitChangeFromConfig, getPhenomenon, getProductFormLifecycleButtons, getProductFormMode, getProductIssueDate, getProjection, getToolIcon, getValidFromDelayTimeMinutesFromConfig, hasMaxFeaturePoints, hasValue, isFir, isInstanceOfAirmet, isInstanceOfCancelAirmet, isInstanceOfCancelSigmet, isInstanceOfCancelSigmetOrAirmet, isInstanceOfSigmet, isInstanceOfSigmetOrAirmet, isLevelLower, prepareFormValues, prepareProductValues, sigmetAirmetTranslations as saTranslations, sigmetConfig, triggerValidations, updateDrawToolsWithFir, useDelayedFormValues, useFormLayers };
+export { AirmetComponentsLookUp, AirmetForm, AirmetType, CloudLevelUnits, ContentDialog, DEFAULT_MINIMUM_SURFACE_LEVEL, DEFAULT_MIN_MOVEMENT_SPEED, DEFAULT_MIN_VISIBILITY, DEFAULT_MIN_WIND_SPEED, Direction, DownloadSigmetAirmetConfigWrapper, LevelUnits, MapViewGeoJson, MetInfoWrapper, MovementUnit, ProductAction, ProductFormDialog, ProductFormLifecycleButtons, ProductList, ProductListRow, ProductStatusDescription, SA_NAMESPACE, SigmetComponentsLookUp, SigmetForm, SigmetType, StartOrEndDrawing, VisibilityCause, WindUnit, airmetConfig, createAirmetPostParameter, createApi$1 as createApi, createApi as createFakeApi, createSigmetPostParameter, extractUnitsToShow, fakeAirmetList, fakeSigmetList, firSelectionType, getActiveFIRArea, getAllFirAreas, getAllowedUnits, getBaseLayers, getConfirmationDialogButtonLabel, getConfirmationDialogCancelLabel, getConfirmationDialogContent, getConfirmationDialogTitle, getDefaultPhenomena, getDefaultValidUntilValue, getDefaultValidityMinutesFromConfig, getDialogtitle, getDrawTools, getFieldLabel, getFir, getFirArea, getFirOptions, getHoursBeforeValidity, getLevelInFeet, getMaxCloudLevelValue, getMaxCloudLowerLevelValue, getMaxHoursOfValidity, getMaxLevelValue, getMaxMovementSpeedValue, getMaxPolygonPoints, getMaxVisibilityValue, getMaxWindSpeedValue, getMinCloudLevelValue, getMinCloudLowerLevelValue, getMinLevelValue, getMinMovementSpeedValue, getMinVisibilityValue, getMinWindSpeedValue, getOmitChangeFromConfig, getPhenomenon, getProductFormMode, getProductIssueDate, getProjection, getToolIcon, getValidFromDelayTimeMinutesFromConfig, hasMaxFeaturePoints, hasValue, isFir, isInstanceOfAirmet, isInstanceOfCancelAirmet, isInstanceOfCancelSigmet, isInstanceOfCancelSigmetOrAirmet, isInstanceOfSigmet, isInstanceOfSigmetOrAirmet, isLevelLower, prepareFormValues, prepareProductValues, sigmetAirmetTranslations as saTranslations, sigmetConfig, triggerValidations, updateDrawToolsWithFir, useDelayedFormValues, useFormLayers };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/sigmet-airmet",
-  "version": "12.0.0",
+  "version": "12.1.1",
   "description": "GeoWeb Sigmet/Airmet library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,44 +8,30 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.0",
-    "@mui/material": "^6.1.1",
+    "@opengeoweb/api": "12.1.1",
+    "@opengeoweb/shared": "12.1.1",
+    "@opengeoweb/theme": "12.1.1",
+    "@opengeoweb/store": "12.1.1",
+    "@opengeoweb/webmap": "12.1.1",
+    "@opengeoweb/webmap-react": "12.1.1",
+    "react-redux": "^8.1.3",
+    "@opengeoweb/core": "12.1.1",
+    "@opengeoweb/authentication": "12.1.1",
     "@mui/system": "^6.1.1",
-    "@mui/x-date-pickers": "7.27.1",
-    "@reduxjs/toolkit": "^1.9.7",
-    "@sentry/react": "8.54.0",
-    "@storybook/core-events": "8.4.2",
-    "@storybook/preview-api": "8.4.2",
-    "@storybook/react": "8.4.2",
-    "@tanstack/query-core": "5.67.1",
-    "@tanstack/react-query": "^5.67.1",
-    "@testing-library/react": "16.0.1",
-    "@testing-library/user-event": "14.5.2",
-    "@turf/turf": "7.2.0",
+    "@opengeoweb/form-fields": "12.1.1",
+    "react-hook-form": "^7.50.1",
     "axios": "^1.7.7",
-    "date-fns": "4.1.0",
-    "dompurify": "3.2.4",
-    "i18next": "^23.11.5",
-    "immer": "10.1.1",
-    "jest-canvas-mock": "2.5.2",
-    "jest-date-mock": "1.0.10",
     "lodash": "^4.17.21",
-    "msw": "2.7.3",
-    "msw-storybook-addon": "2.0.4",
-    "ol": "10.4.0",
-    "proj4": "2.15.0",
-    "re-resizable": "6.11.2",
-    "react": "18.3.1",
-    "react-draggable": "4.4.6",
-    "react-hook-form": "^7.50.1",
+    "@reduxjs/toolkit": "^1.9.7",
+    "i18next": "^23.11.5",
+    "@mui/material": "^6.1.1",
     "react-i18next": "^15.1.1",
-    "react-redux": "^8.1.3",
-    "react-resize-detector": "9.1.1",
-    "react-router-dom": "6.23.1",
-    "react-sortablejs": "6.1.4",
-    "react-window": "1.8.10",
-    "sortablejs": "1.15.2"
+    "@tanstack/react-query": "^5.67.1"
+  },
+  "peerDependencies": {
+    "react": "18",
+    "@emotion/react": "*",
+    "@emotion/styled": "*"
   },
   "module": "./index.esm.js",
   "type": "module",

package/src/lib/components/ProductForms/ProductFormFields/Levels.d.ts

@@ -4,11 +4,11 @@ import { ConfigurableFormFieldProps, ProductConfig } from '../../../types';
 export declare const DEFAULT_ROUNDING_LEVELS_FL = 5;
 export declare const DEFAULT_ROUNDING_LEVELS_FT = 500;
 export declare const DEFAULT_ROUNDING_LEVELS_M = 1;
-export declare const getLevelInvalidStepsForFLUnitMessage: (value?: number) => string;
-export declare const getLevelInvalidStepsForFTUnitMessage: (value?: number) => string;
-export declare const getLevelInvalidStepsForMUnitMessage: (value?: number) => string;
-export declare const invalidUnitMessage: string;
-export declare const validateLevels: (value: string, unit: string, productConfig: ProductConfig, selectedFIR: string) => boolean | string;
-export declare const validateLevelUnitCombinations: (levelUnit: string, lowerLevelUnit: string, t: TFunction) => boolean | string;
+export declare const getLevelInvalidStepsForFLUnitMessage: (t: TFunction, value?: number) => string;
+export declare const getLevelInvalidStepsForFTUnitMessage: (t: TFunction, value?: number) => string;
+export declare const getLevelInvalidStepsForMUnitMessage: (t: TFunction, value?: number) => string;
+export declare const getInvalidUnitMessage: (t: TFunction) => string;
+export declare const validateLevels: (t: TFunction, value: string, unit: string, productConfig: ProductConfig, selectedFIR: string) => boolean | string;
+export declare const validateLevelUnitCombinations: (t: TFunction, levelUnit: string, lowerLevelUnit: string) => boolean | string;
 declare const Levels: React.FC<ConfigurableFormFieldProps>;
 export default Levels;

package/src/lib/components/ProductForms/ProductFormFields/Progress.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
+import { TFunction } from 'i18next';
 import { DrawMode } from '@opengeoweb/webmap-react';
 import { ConfigurableFormFieldProps, ProductConfig } from '../../../types';
 export declare const DEFAULT_ROUNDING_MOVEMENT_KT = 5;
 export declare const DEFAULT_ROUNDING_MOVEMENT_KMH = 10;
-export declare const getMovementStepValKTMessage: (value?: number) => string;
-export declare const getMovementStepValKMHMessage: (value?: number) => string;
-export declare const validateMovementSteps: (value: string, unit: string, productConfig: ProductConfig, selectedFIR: string) => boolean | string;
+export declare const getMovementStepValKTMessage: (t: TFunction, value?: number) => string;
+export declare const getMovementStepValKMHMessage: (t: TFunction, value?: number) => string;
+export declare const validateMovementSteps: (t: TFunction, value: string, unit: string, productConfig: ProductConfig, selectedFIR: string) => boolean | string;
 interface ProgressProps extends ConfigurableFormFieldProps {
     geoJSON?: GeoJSON.FeatureCollection;
     geoJSONIntersection?: GeoJSON.FeatureCollection;

package/src/lib/components/ProductForms/ProductFormFields/SurfaceVisibility.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
+import { TFunction } from 'i18next';
 import { ConfigurableFormFieldProps, ProductConfig } from '../../../types';
 export declare const DEFAULT_ROUNDING_SURFACE_VISIBLILITY_BELOW = 50;
 export declare const DEFAULT_ROUNDING_SURFACE_VISIBLILITY_ABOVE = 100;
-export declare const getInvalidSurfaceVisibilityTill750StepsMessage: (value?: number) => string;
-export declare const getInvalidSurfaceVisibilityFrom750StepsMessage: (value?: number) => string;
-export declare const validateSurfaceVisibility: (value: string, productConfig: ProductConfig, selectedFIR: string) => boolean | string;
+export declare const getInvalidSurfaceVisibilityTill750StepsMessage: (t: TFunction, value?: number) => string;
+export declare const getInvalidSurfaceVisibilityFrom750StepsMessage: (t: TFunction, value?: number) => string;
+export declare const validateSurfaceVisibility: (t: TFunction, value: string, productConfig: ProductConfig, selectedFIR: string) => boolean | string;
 declare const SurfaceVisibility: React.FC<ConfigurableFormFieldProps>;
 export default SurfaceVisibility;

package/src/lib/components/ProductForms/ProductFormFields/SurfaceWind.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
+import { TFunction } from 'i18next';
 import { ConfigurableFormFieldProps, ProductConfig } from '../../../types';
 export declare const DEFAULT_ROUNDING_SURFACE_WIND_DIRECTION = 10;
-export declare const invalidSurfaceWindDirectionStepsMessage: (value?: number) => string;
-export declare const validateSurfaceWindDirection: (value: string, productConfig: ProductConfig, selectedFIR: string) => boolean | string;
+export declare const invalidSurfaceWindDirectionStepsMessage: (t: TFunction, value?: number) => string;
+export declare const validateSurfaceWindDirection: (t: TFunction, value: string, productConfig: ProductConfig, selectedFIR: string) => boolean | string;
 declare const SurfaceWind: React.FC<ConfigurableFormFieldProps>;
 export default SurfaceWind;

package/src/lib/components/ProductForms/ProductFormFields/ValidFrom.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
+import { TFunction } from 'i18next';
 import { ConfigurableFormFieldProps, ProductConfig } from '../../../types';
-export declare const getValidFromXHoursBeforeMessage: (hours: number) => string;
+export declare const getValidFromXHoursBeforeMessage: (t: TFunction, hours: number) => string;
 export declare const getDefaultValidFromValue: (productConfig: ProductConfig) => string;
 declare const ValidFrom: React.FC<ConfigurableFormFieldProps>;
 export default ValidFrom;

package/src/lib/components/ProductForms/ProductFormTac.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
+import { TFunction } from 'i18next';
 import { CancelSigmet, Sigmet, Airmet, CancelAirmet } from '../../types';
 type AviationProduct = Sigmet | CancelSigmet | Airmet | CancelAirmet;
-export declare const noTAC: string;
+export declare const noTAC: (t: TFunction) => string;
 export declare const isLevelFieldsComplete: (product: Sigmet | Airmet) => boolean;
 export declare const isChangeComplete: (product: Sigmet | Airmet, omitChange?: boolean) => boolean;
 export declare const isSurfaceVisComplete: (product: Sigmet | Airmet) => boolean;
 export declare const shouldRetrieveTAC: (product: AviationProduct, omitChange?: boolean) => boolean;
-export declare const useTAC: (initialProduct: AviationProduct, getTAC: (product: AviationProduct) => Promise<{
+export declare const useTAC: (t: TFunction, initialProduct: AviationProduct, getTAC: (product: AviationProduct) => Promise<{
     data: string;
 }>, hasErrors?: () => boolean, omitChange?: boolean) => [string, any];
 interface ProductFormTACProps {

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

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { TFunction } from 'i18next';
 import { FieldValues, UseFormGetValues, UseFormTrigger } from 'react-hook-form';
 import { layerTypes, mapTypes } from '@opengeoweb/store';
 import { DrawMode, OpenLayersLayerProps } from '@opengeoweb/webmap-react';
@@ -36,7 +37,7 @@ export declare const getFirOptions: (productConfig: ProductConfig) => {
 export declare const getLevelInFeet: (level: number, unit: string) => number;
 export declare const isLevelLower: (ownValue: number | string, ownUnit: LevelUnits, otherValue: number, otherUnit: LevelUnits) => boolean;
 export declare const getPhenomenon: (selectedFIR: string, phenomenon: string, productConfig: ProductConfig) => string | undefined;
-export declare const getDialogtitle: (product: AviationProduct, productType: ProductType, productConfig: ProductConfig) => string;
+export declare const getDialogtitle: (t: TFunction, product: AviationProduct, productType: ProductType, productConfig: ProductConfig) => string;
 export declare const getProductFormMode: (canBeOptions: ProductCanbe[] | undefined, productListItem: SigmetFromBackend | AirmetFromBackend | null) => string;
 interface ProductFormLifecycleButtonsProps {
     canBe: string[];
@@ -44,17 +45,17 @@ interface ProductFormLifecycleButtonsProps {
     onButtonPress: (newStatus: ProductAction) => void;
     areActionsDisabled?: boolean;
 }
-export declare const getProductFormLifecycleButtons: React.FC<ProductFormLifecycleButtonsProps>;
+export declare const ProductFormLifecycleButtons: React.FC<ProductFormLifecycleButtonsProps>;
 export declare const hasValue: (value: number | string) => boolean;
 export declare const prepareFormValues: <T extends AviationProduct>(product: T) => T;
 export declare const createSigmetPostParameter: (sigmetToPost: Sigmet | CancelSigmet, newStatus: ProductStatus, previousUuid: string) => SigmetFromFrontend;
 export declare const createAirmetPostParameter: (airmetToPost: Airmet | CancelAirmet, newStatus: ProductStatus, previousUuid: string) => AirmetFromFrontend;
 export declare const useDelayedFormValues: (getValues: () => void, register: () => void, delay?: number) => [unknown, () => void];
-export declare const getConfirmationDialogTitle: (action: ProductAction, productType: ProductType) => string;
-export declare const getConfirmationDialogContent: (action: ProductAction, productType: ProductType) => string;
-export declare const getConfirmationDialogButtonLabel: (action: ProductAction, productType: ProductType) => string;
-export declare const getConfirmationDialogCancelLabel: (action: ProductAction) => string;
-export declare const getProductIssueDate: (initialProduct: Sigmet | Airmet, initialCancelProduct: CancelSigmet | CancelAirmet) => string;
+export declare const getConfirmationDialogTitle: (t: TFunction, action: ProductAction, productType: ProductType) => string;
+export declare const getConfirmationDialogContent: (t: TFunction, action: ProductAction, productType: ProductType) => string;
+export declare const getConfirmationDialogButtonLabel: (t: TFunction, action: ProductAction, productType: ProductType) => string;
+export declare const getConfirmationDialogCancelLabel: (t: TFunction, action: ProductAction) => string;
+export declare const getProductIssueDate: (t: TFunction, initialProduct: Sigmet | Airmet, initialCancelProduct: CancelSigmet | CancelAirmet) => string;
 export declare const extractUnitsToShow: (configUnits: string[], unitType: Record<string, string>) => Record<string, string>;
 export declare const getAllowedUnits: (selectedFIR: string, productConfig: ProductConfig, config_type: string, unitType: Record<string, string>) => Record<string, string>;
 /**
@@ -65,7 +66,7 @@ export declare const getFir: (productConfig: ProductConfig, firName?: string) =>
  * Function to check if the given geojson object has 'fir' selectionType property
  */
 export declare const isFir: (geojson: GeoJSON.FeatureCollection) => boolean;
-export declare const getFieldLabel: (title: string, isDisabled: boolean, action?: string) => string;
+export declare const getFieldLabel: (t: TFunction, title: string, isDisabled: boolean, action?: string) => string;
 export declare const getBaseLayers: (productConfig: ProductConfig) => layerTypes.Layer[];
 export declare const getMaxMovementSpeedValue: (unit: string, selectedFIR: string, productConfig: ProductConfig) => number | null;
 export declare const DEFAULT_MIN_MOVEMENT_SPEED = 0;
@@ -74,7 +75,7 @@ export declare const getMinMovementSpeedValue: (unit: string, selectedFIR: strin
 export declare const triggerValidations: (fieldNames: string[], getValues: UseFormGetValues<FieldValues>, trigger: UseFormTrigger<FieldValues>) => void;
 export declare const getProjection: (productConfig: ProductConfig) => mapTypes.MapPreset['proj'];
 export declare const firSelectionType = "fir";
-export declare const getDrawTools: (type: StartOrEndDrawing, firShape: GeoJSON.FeatureCollection) => DrawMode[];
+export declare const getDrawTools: (t: TFunction, type: StartOrEndDrawing, firShape: GeoJSON.FeatureCollection) => DrawMode[];
 export declare const updateDrawToolsWithFir: (drawTools: DrawMode[], newFirShape: GeoJSON.FeatureCollection) => DrawMode[];
 export declare const getToolIcon: (selectionType: string) => React.ReactElement;
 export declare const useFormLayers: (layers: OpenLayersLayerProps[]) => void;