@opengeoweb/warnings 9.14.0 → 9.16.0

package/index.esm.js

@@ -1,11 +1,13 @@
 import * as React from 'react';
-import React__default, { useState, useEffect } from 'react';
+import React__default, { useState, useEffect, useRef } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { Polygons, Share, ExitDomain, Edit, Delete, DrawPolygon, Visibility, Add, Wind, Fog, Lightning, Snow, Rain, TemperatureHigh, TemperatureLow, CoastalEvent, breakpoints, Options, VisibilityOff, Success } from '@opengeoweb/theme';
-import { uiTypes, uiActions, getSingularDrawtoolDrawLayerId, drawtoolSelectors, layerSelectors, uiSelectors, drawtoolActions, mapStoreActions, layerActions, useSetupDialog } from '@opengeoweb/store';
-import { emptyGeoJSON, MapControlButton, getIcon, rewindGeometry, getGeoJSONPropertyValue, currentlySupportedDrawModes } from '@opengeoweb/webmap-react';
-import { useConfirmationDialog, ToggleMenu, dateUtils, calculateStartSize, ToolContainerDraggable, AlertBanner, ConfirmationDialog, getAxiosErrorMessage, usePrevious, CustomIconButton, CustomTooltip, Avatar, getInitials, SwitchButton, LastUpdateTime, StatusTag, ErrorBoundary, isAxiosError, pollingIntervalTimeout } from '@opengeoweb/shared';
-import { createEntityAdapter, createSlice, createSelector } from '@reduxjs/toolkit';
+import { uiTypes, uiActions, getSingularDrawtoolDrawLayerId, drawtoolSelectors, layerSelectors, uiSelectors, mapStoreActions, drawtoolActions, layerActions, useSetupDialog } from '@opengeoweb/store';
+import { emptyGeoJSON, MapControlButton, getIcon, rewindGeometry, getGeoJSONPropertyValue, currentlySupportedDrawModes, MapView, MapViewLayer, defaultLayers, getFeatureExtent } from '@opengeoweb/webmap-react';
+import { handleOutsideComponentTranslations, useConfirmationDialog, ToggleMenu, dateUtils, calculateStartSize, ToolContainerDraggable, AlertBanner, ConfirmationDialog, getAxiosErrorMessage, usePrevious, CustomIconButton, CustomTooltip, Avatar, getInitials, SwitchButton, LastUpdateTime, StatusTag, ErrorBoundary, pollingIntervalTimeout, isAxiosError as isAxiosError$1 } from '@opengeoweb/shared';
+import { useTranslation } from 'react-i18next';
+import { createEntityAdapter, createSlice, createSelector, createListenerMiddleware, isAnyOf } from '@reduxjs/toolkit';
+import 'i18next';
 import { snackbarActions } from '@opengeoweb/snackbar';
 import { styled, Box, Typography, ListItem, Grid, Paper, ListItemButton, Stack, LinearProgress, Button, FormHelperText, MenuItem, Tabs, Tab, FormControl, Card, CardContent, ListItemIcon, CircularProgress, List } from '@mui/material';
 import { VariableSizeList } from 'react-window';
@@ -15,8 +17,433 @@ import { getApi, createApiInstance, createNonAuthApiInstance, createFakeApiInsta
 import { useFormContext } from 'react-hook-form';
 import { isEqual, cloneDeep, clamp } from 'lodash';
 import { useAuthenticationContext } from '@opengeoweb/authentication';
-import { takeLatest, put, call as call$c, select, delay } from 'redux-saga/effects';
-import { isAxiosError as isAxiosError$1 } from 'axios';
+import { produce } from 'immer';
+import { generateMapId, LayerType, getWMJSMapById, WMBBOX } from '@opengeoweb/webmap';
+import { defaultBbox } from '@opengeoweb/core';
+import { isAxiosError } from 'axios';
+
+var en = {
+	"drawing-tool-form-tools": "Tools",
+	"drawing-tool-form-opacity": "Opacity",
+	"drawing-tool-form-object-name": "Object name",
+	"drawing-tool-form-save": "Save new object",
+	"drawing-tool-form-update": "Update object",
+	"drawing-tool-form-exit-draw-mode": "press ESC to exit draw mode",
+	"drawing-tool-form-drawing-required": "An object drawing is required",
+	"close-dialog-cancel": "Cancel",
+	"close-dialog-confirm": "Close",
+	"close-draw-dialog-title": "Close Drawing toolbox",
+	"close-dialog-description": "There are changes in the form, are you sure you want to close?",
+	"drawing-tool-title": "Drawing Toolbox",
+	"object-manager-title": "Object Manager for",
+	"object-manager-add": "Add a new object",
+	"delete-dialog-cancel": "Cancel",
+	"delete-dialog-confirm": "Delete",
+	"delete-dialog-title": "Delete object",
+	"delete-dialog-description": "Are you sure you want to delete",
+	"delete-succes": "has been deleted",
+	"update-succes": "has been updated",
+	"save-succes": "has been saved",
+	"object-manager-no-objects": "No objects found",
+	"object-manager-options-menu": "Object options",
+	"object-manager-button-edit": "Edit",
+	"object-manager-button-share": "Share",
+	"object-manager-button-delete": "Delete",
+	"object-manager-button-view": "View",
+	"object-manager-no-object-selected": "(no object selected)",
+	"object-manager-object-selected": "object selected",
+	"object-manager-share-menu": "Share object to",
+	"public-warning-title": "Public Warning",
+	"close-warning-dialog-title": "Close Public warning",
+	"warning-edit-mode-title": "Switch to edit mode",
+	"warning-edit-mode-description": "This warning is already in edit mode by another user and important information could get lost in the switching process.",
+	"warning-dialog-cancel": "Go back",
+	"warning-edit-mode-confirm": "Edit mode",
+	"warning-view-mode-title": "Whoops",
+	"warning-view-mode-description": "Are you sure you want to switch to view mode? Your unsaved changes will be lost.",
+	"warning-view-mode-confirm": "Switch mode",
+	"warning-probability": "Probability",
+	"warning-button-clear": "Clear",
+	"warning-button-save": "Save",
+	"warning-button-saving": "Saving",
+	"warning-button-publish": "Publish",
+	"warning-button-publishing": "Publishing",
+	"warning-area": "Area",
+	"warning-button-add-object": "Add object",
+	"warning-description-original": "Description original",
+	"warning-description-translation": "Description translation",
+	"warning-description-NL": "Dutch (selected)",
+	"warning-level": "Level",
+	"warning-level-moderate": "Moderate",
+	"warning-level-severe": "Severe",
+	"warning-level-extreme": "Extreme",
+	"warning-phenomenon": "Phenomenon",
+	"warning-phenomenon-wind": "Wind",
+	"warning-phenomenon-fog": "Fog",
+	"warning-phenomenon-thunderstorm": "Thunderstorm",
+	"warning-phenomenon-snow-ice": "Snow/ice",
+	"warning-phenomenon-rain": "Rain",
+	"warning-phenomenon-high-temp": "High temperature",
+	"warning-phenomenon-low-temp": "Low temperature",
+	"warning-phenomenon-funnel-cloud": "Funnel cloud",
+	"warning-phenomenon-coastal-event": "Coastal event",
+	"warning-probability-moderate-level-invalid": "Probability should be at least 30% when level is moderate",
+	"warning-valid-from": "Valid from",
+	"warning-valid-until": "Valid until",
+	"warning-valid-from-error-before-current": "Valid from time cannot be before current time",
+	"warning-valid-from-error-max-hours": "Valid from time can be no more than {{MAX_HOURS}} hours after current time",
+	"warning-valid-until-error-before-current": "Valid until time cannot be before current time",
+	"warning-valid-until-error-max-hours": "Valid until time can be no more than {{MAX_HOURS}} hours after current time",
+	"warning-valid-until-error-min-hours": "Valid until time has to be at least {{MIN_HOURS}} hour after Valid from time",
+	"warning-dialog-delete-succes": "Warning has been deleted",
+	"warning-dialog-delete-title": "Delete warning",
+	"warning-dialog-delete-confirm": "Delete",
+	"warning-dialog-delete-description": "Are you sure you want to delete this warning?",
+	"warning-dialog-ignore-succes": "Warning has been ignored",
+	"warning-dialog-ignore-title": "Ignore warning",
+	"warning-dialog-ignore-confirm": "Ignore",
+	"warning-dialog-ignore-description": "Are you sure you want to ignore this warning?",
+	"warning-save-succes": "Public warning has succesfully been saved!",
+	"warning-publish-succes": "Public warning has succesfully been published!",
+	"warning-editor-user-viewer": "Viewer",
+	"warning-editor-user-editor": "Editor",
+	"warning-editor-add-editor": "You are now the editor for this warning",
+	"warning-editor-remove-editor": "You are now no longer the editor for this warning",
+	"warning-list-button_create": "Create a warning",
+	"warning-list-button-use": "Use",
+	"warning-list-button-ignore": "Ignore",
+	"warning-list-button-options": "Options",
+	"warning-list-status-draft": "Drafts",
+	"warning-list-status-published": "Published",
+	"warning-list-status-todo": "Reviews",
+	"warning-list-status-expired": "Expired (last 24 hours)",
+	"warning-list-header-incident": "Incident",
+	"warning-list-header-last-update": "Last update",
+	"warning-list-header-start-time": "Start time",
+	"warning-list-header-end-time": "End time",
+	"warning-list-header-domain": "Domain",
+	"warning-list-header-phenomenon": "Phenomenon",
+	"warning-list-header-level": "Level",
+	"warning-list-header-draft": "DRAFT"
+};
+var nl = {
+	"drawing-tool-form-tools": "Gereedschap",
+	"drawing-tool-form-opacity": "Dekking",
+	"drawing-tool-form-object-name": "Object naam",
+	"drawing-tool-form-save": "Nieuw object opslaan",
+	"drawing-tool-form-update": "Object bijwerken",
+	"drawing-tool-form-exit-draw-mode": "druk op ESC om tekenmodus te verlaten",
+	"drawing-tool-form-drawing-required": "Een object tekening is verplicht",
+	"close-dialog-cancel": "Annuleren",
+	"close-dialog-confirm": "Sluiten",
+	"close-draw-dialog-title": "Tekenen sluiten",
+	"close-dialog-description": "Er zijn wijzigingen in het formulier, weet je zeker dat je wilt afsluiten?",
+	"drawing-tool-title": "Tekenen",
+	"object-manager-title": "Object Manager voor",
+	"object-manager-add": "Nieuw object toevoegen",
+	"delete-dialog-cancel": "Annuleren",
+	"delete-dialog-confirm": "Verwijderen",
+	"delete-dialog-title": "Object verwijderen",
+	"delete-dialog-description": "Weet je zeker dat je dit object wilt verwijderen:",
+	"delete-succes": "is verwijderd",
+	"update-succes": "is bijgewerkt",
+	"save-succes": "is opgeslagen",
+	"object-manager-no-objects": "Geen objecten gevonden",
+	"object-manager-options-menu": "Object acties",
+	"object-manager-button-edit": "Bewerken",
+	"object-manager-button-share": "Delen",
+	"object-manager-button-delete": "Verwijderen",
+	"object-manager-button-view": "Bekijken",
+	"object-manager-no-object-selected": "(geen object geselecteerd)",
+	"object-manager-object-selected": "object geselecteerd",
+	"object-manager-share-menu": "Object delen naar",
+	"public-warning-title": "Publieke Waarschuwing",
+	"close-warning-dialog-title": "Publieke waarschuwing sluiten",
+	"warning-edit-mode-title": "Wissel naar bewerken",
+	"warning-edit-mode-description": "Deze waarschuwing wordt al bewerkt door een andere gebruiker en belangrijke informatie kan verloren gaan.",
+	"warning-dialog-cancel": "Ga terug",
+	"warning-edit-mode-confirm": "Bewerken",
+	"warning-view-mode-title": "Oeps",
+	"warning-view-mode-description": "Weet je zeker dat je wilt wisselen naar weergavemodus? Niet-opgeslagen wijzigingen gaan verloren.",
+	"warning-view-mode-confirm": "Wisselen",
+	"warning-probability": "Waarschijnlijkheid",
+	"warning-button-clear": "Wissen",
+	"warning-button-save": "Opslaan",
+	"warning-button-saving": "Opslaan",
+	"warning-button-publish": "Publiceren",
+	"warning-button-publishing": "Publiceren",
+	"warning-area": "Gebied",
+	"warning-button-add-object": "Object toevoegen",
+	"warning-description-original": "Beschrijving origineel",
+	"warning-description-translation": "Beschrijving vertaling",
+	"warning-description-NL": "Nederlands (geselecteerd)",
+	"warning-level": "Niveau",
+	"warning-level-moderate": "Gematigd",
+	"warning-level-severe": "Ernstig",
+	"warning-level-extreme": "Extreem",
+	"warning-phenomenon": "Fenomeen",
+	"warning-phenomenon-wind": "Windstoten",
+	"warning-phenomenon-fog": "Dichte mist",
+	"warning-phenomenon-thunderstorm": "Onweersbuien",
+	"warning-phenomenon-snow-ice": "Sneeuw/gladheid",
+	"warning-phenomenon-rain": "Zware regen",
+	"warning-phenomenon-high-temp": "Hitte",
+	"warning-phenomenon-low-temp": "Koude",
+	"warning-phenomenon-funnel-cloud": "Hozen",
+	"warning-phenomenon-coastal-event": "Kust incident",
+	"warning-probability-moderate-level-invalid": "Waarschijnlijkheid moet tenminste 30% zijn als Niveau Gematigd is",
+	"warning-valid-from": "Geldig vanaf",
+	"warning-valid-until": "Geldig tot",
+	"warning-valid-from-error-before-current": "Starttijd mag niet eerder zijn dan huidige tijd",
+	"warning-valid-from-error-max-hours": "Starttijd mag niet meer dan {{MAX_HOURS}} uur na huidige tijd zijn",
+	"warning-valid-until-error-before-current": "Eindtijd mag niet eerder zijn dan huidige tijd",
+	"warning-valid-until-error-max-hours": "Eindtijd mag niet meer dan {{MAX_HOURS}} uur na huidige tijd zijn",
+	"warning-valid-until-error-min-hours": "Eindtijd moet minstens {{MIN_HOURS}} uur later zijn dan starttijd",
+	"warning-dialog-delete-succes": "Waarschuwing is verwijderd",
+	"warning-dialog-delete-title": "Waarschuwing verwijderen",
+	"warning-dialog-delete-confirm": "Verwijderen",
+	"warning-dialog-delete-description": "Weet je zeker dat je deze waarschuwing wilt verwijderen?",
+	"warning-dialog-ignore-succes": "Waarschuwing is genegeerd",
+	"warning-dialog-ignore-title": "Waarschuwing negeren",
+	"warning-dialog-ignore-confirm": "Negeren",
+	"warning-dialog-ignore-description": "Weet je zeker dat je deze waarschuwing wilt negeren?",
+	"warning-save-succes": "Publieke waarschuwing is succesvol opgeslagen!",
+	"warning-publish-succes": "Publieke waarschuwing is succesvol gepubliceerd!",
+	"warning-editor-add-editor": "Je bent nu de editor van deze waarschuwing",
+	"warning-editor-remove-editor": "Je bent nu niet langer de editor van deze waarschuwing",
+	"warning-editor-user-viewer": "Kijker",
+	"warning-editor-user-editor": "Editor",
+	"warning-list-button_create": "Maak waarschuwing",
+	"warning-list-button-use": "Gebruik",
+	"warning-list-button-ignore": "Negeer",
+	"warning-list-button-options": "Opties",
+	"warning-list-status-draft": "Concepten",
+	"warning-list-status-published": "Gepubliceerd",
+	"warning-list-status-todo": "Te doen",
+	"warning-list-status-expired": "Verlopen (laatste 24 uur)",
+	"warning-list-header-incident": "Incident",
+	"warning-list-header-last-update": "Laatste update",
+	"warning-list-header-start-time": "Starttijd",
+	"warning-list-header-end-time": "Eindtijd",
+	"warning-list-header-domain": "Domein",
+	"warning-list-header-phenomenon": "Fenomeen",
+	"warning-list-header-level": "Hoogte",
+	"warning-list-header-draft": "CONCEPT"
+};
+var fi = {
+	"drawing-tool-form-tools": "ei käännetty",
+	"drawing-tool-form-opacity": "ei käännetty",
+	"drawing-tool-form-object-name": "ei käännetty",
+	"drawing-tool-form-save": "ei käännetty",
+	"drawing-tool-form-update": "ei käännetty",
+	"drawing-tool-form-exit-draw-mode": "ei käännetty",
+	"drawing-tool-form-drawing-required": "ei käännetty",
+	"close-dialog-cancel": "ei käännetty",
+	"close-dialog-confirm": "ei käännetty",
+	"close-draw-dialog-title": "ei käännetty",
+	"close-dialog-description": "ei käännetty",
+	"drawing-tool-title": "ei käännetty",
+	"object-manager-title": "ei käännetty",
+	"object-manager-add": "ei käännetty",
+	"delete-dialog-cancel": "ei käännetty",
+	"delete-dialog-confirm": "ei käännetty",
+	"delete-dialog-title": "ei käännetty",
+	"delete-dialog-description": "ei käännetty",
+	"delete-succes": "ei käännetty",
+	"update-succes": "ei käännetty",
+	"save-succes": "ei käännetty",
+	"object-manager-no-objects": "ei käännetty",
+	"object-manager-options-menu": "ei käännetty",
+	"object-manager-button-edit": "ei käännetty",
+	"object-manager-button-share": "ei käännetty",
+	"object-manager-button-delete": "ei käännetty",
+	"object-manager-button-view": "ei käännetty",
+	"object-manager-no-object-selected": "ei käännetty",
+	"object-manager-object-selected": "ei käännetty",
+	"object-manager-share-menu": "ei käännetty",
+	"public-warning-title": "ei käännetty",
+	"close-warning-dialog-title": "ei käännetty",
+	"warning-edit-mode-title": "ei käännetty",
+	"warning-edit-mode-description": "ei käännetty",
+	"warning-dialog-cancel": "ei käännetty",
+	"warning-edit-mode-confirm": "ei käännetty",
+	"warning-view-mode-title": "ei käännetty",
+	"warning-view-mode-description": "ei käännetty",
+	"warning-view-mode-confirm": "ei käännetty",
+	"warning-probability": "ei käännetty",
+	"warning-button-clear": "ei käännetty",
+	"warning-button-save": "ei käännetty",
+	"warning-button-saving": "ei käännetty",
+	"warning-button-publish": "ei käännetty",
+	"warning-button-publishing": "ei käännetty",
+	"warning-area": "ei käännetty",
+	"warning-button-add-object": "ei käännetty",
+	"warning-description-original": "ei käännetty",
+	"warning-description-translation": "ei käännetty",
+	"warning-description-NL": "ei käännetty",
+	"warning-level": "ei käännetty",
+	"warning-level-moderate": "ei käännetty",
+	"warning-level-severe": "ei käännetty",
+	"warning-level-extreme": "ei käännetty",
+	"warning-phenomenon": "ei käännetty",
+	"warning-phenomenon-wind": "ei käännetty",
+	"warning-phenomenon-fog": "ei käännetty",
+	"warning-phenomenon-thunderstorm": "ei käännetty",
+	"warning-phenomenon-snow-ice": "ei käännetty",
+	"warning-phenomenon-rain": "ei käännetty",
+	"warning-phenomenon-high-temp": "ei käännetty",
+	"warning-phenomenon-low-temp": "ei käännetty",
+	"warning-phenomenon-funnel-cloud": "ei käännetty",
+	"warning-phenomenon-coastal-event": "ei käännetty",
+	"warning-probability-moderate-level-invalid": "ei käännetty",
+	"warning-valid-from": "ei käännetty",
+	"warning-valid-until": "ei käännetty",
+	"warning-valid-from-error-before-current": "ei käännetty",
+	"warning-valid-from-error-max-hours": "ei käännetty",
+	"warning-valid-until-error-before-current": "ei käännetty",
+	"warning-valid-until-error-max-hours": "ei käännetty",
+	"warning-valid-until-error-min-hours": "ei käännetty",
+	"warning-dialog-delete-succes": "ei käännetty",
+	"warning-dialog-delete-title": "ei käännetty",
+	"warning-dialog-delete-confirm": "ei käännetty",
+	"warning-dialog-delete-description": "ei käännetty",
+	"warning-dialog-ignore-succes": "ei käännetty",
+	"warning-dialog-ignore-title": "ei käännetty",
+	"warning-dialog-ignore-confirm": "ei käännetty",
+	"warning-dialog-ignore-description": "ei käännetty",
+	"warning-save-succes": "ei käännetty",
+	"warning-publish-succes": "ei käännetty",
+	"warning-editor-user-viewer": "ei käännetty",
+	"warning-editor-user-editor": "ei käännetty",
+	"warning-editor-add-editor": "ei käännetty",
+	"warning-editor-remove-editor": "ei käännetty",
+	"warning-list-button_create": "ei käännetty",
+	"warning-list-button-use": "ei käännetty",
+	"warning-list-button-ignore": "ei käännetty",
+	"warning-list-button-options": "ei käännetty",
+	"warning-list-status-draft": "ei käännetty",
+	"warning-list-status-published": "ei käännetty",
+	"warning-list-status-todo": "ei käännetty",
+	"warning-list-status-expired": "ei käännetty",
+	"warning-list-header-incident": "ei käännetty",
+	"warning-list-header-last-update": "ei käännetty",
+	"warning-list-header-start-time": "ei käännetty",
+	"warning-list-header-end-time": "ei käännetty",
+	"warning-list-header-domain": "ei käännetty",
+	"warning-list-header-phenomenon": "ei käännetty",
+	"warning-list-header-level": "ei käännetty",
+	"warning-list-header-draft": "ei käännetty"
+};
+var no = {
+	"drawing-tool-form-tools": "ikke oversatt",
+	"drawing-tool-form-opacity": "ikke oversatt",
+	"drawing-tool-form-object-name": "ikke oversatt",
+	"drawing-tool-form-save": "ikke oversatt",
+	"drawing-tool-form-update": "ikke oversatt",
+	"drawing-tool-form-exit-draw-mode": "ikke oversatt",
+	"drawing-tool-form-drawing-required": "ikke oversatt",
+	"close-dialog-cancel": "ikke oversatt",
+	"close-dialog-confirm": "ikke oversatt",
+	"close-draw-dialog-title": "ikke oversatt",
+	"close-dialog-description": "ikke oversatt",
+	"drawing-tool-title": "ikke oversatt",
+	"object-manager-title": "ikke oversatt",
+	"object-manager-add": "ikke oversatt",
+	"delete-dialog-cancel": "ikke oversatt",
+	"delete-dialog-confirm": "ikke oversatt",
+	"delete-dialog-title": "ikke oversatt",
+	"delete-dialog-description": "ikke oversatt",
+	"delete-succes": "ikke oversatt",
+	"update-succes": "ikke oversatt",
+	"save-succes": "ikke oversatt",
+	"object-manager-no-objects": "ikke oversatt",
+	"object-manager-options-menu": "ikke oversatt",
+	"object-manager-button-edit": "ikke oversatt",
+	"object-manager-button-share": "ikke oversatt",
+	"object-manager-button-delete": "ikke oversatt",
+	"object-manager-button-view": "ikke oversatt",
+	"object-manager-no-object-selected": "ikke oversatt",
+	"object-manager-object-selected": "ikke oversatt",
+	"object-manager-share-menu": "ikke oversatt",
+	"public-warning-title": "ikke oversatt",
+	"close-warning-dialog-title": "ikke oversatt",
+	"warning-edit-mode-title": "ikke oversatt",
+	"warning-edit-mode-description": "ikke oversatt",
+	"warning-dialog-cancel": "ikke oversatt",
+	"warning-edit-mode-confirm": "ikke oversatt",
+	"warning-view-mode-title": "ikke oversatt",
+	"warning-view-mode-description": "ikke oversatt",
+	"warning-view-mode-confirm": "ikke oversatt",
+	"warning-probability": "ikke oversatt",
+	"warning-button-clear": "ikke oversatt",
+	"warning-button-save": "ikke oversatt",
+	"warning-button-saving": "ikke oversatt",
+	"warning-button-publish": "ikke oversatt",
+	"warning-button-publishing": "ikke oversatt",
+	"warning-area": "ikke oversatt",
+	"warning-button-add-object": "ikke oversatt",
+	"warning-description-original": "ikke oversatt",
+	"warning-description-translation": "ikke oversatt",
+	"warning-description-NL": "ikke oversatt",
+	"warning-level": "ikke oversatt",
+	"warning-level-moderate": "ikke oversatt",
+	"warning-level-severe": "ikke oversatt",
+	"warning-level-extreme": "ikke oversatt",
+	"warning-phenomenon": "ikke oversatt",
+	"warning-phenomenon-wind": "ikke oversatt",
+	"warning-phenomenon-fog": "ikke oversatt",
+	"warning-phenomenon-thunderstorm": "ikke oversatt",
+	"warning-phenomenon-snow-ice": "ikke oversatt",
+	"warning-phenomenon-rain": "ikke oversatt",
+	"warning-phenomenon-high-temp": "ikke oversatt",
+	"warning-phenomenon-low-temp": "ikke oversatt",
+	"warning-phenomenon-funnel-cloud": "ikke oversatt",
+	"warning-phenomenon-coastal-event": "ikke oversatt",
+	"warning-probability-moderate-level-invalid": "ikke oversatt",
+	"warning-valid-from": "ikke oversatt",
+	"warning-valid-until": "ikke oversatt",
+	"warning-valid-from-error-before-current": "ikke oversatt",
+	"warning-valid-from-error-max-hours": "ikke oversatt",
+	"warning-valid-until-error-before-current": "ikke oversatt",
+	"warning-valid-until-error-max-hours": "ikke oversatt",
+	"warning-valid-until-error-min-hours": "ikke oversatt",
+	"warning-dialog-delete-succes": "ikke oversatt",
+	"warning-dialog-delete-title": "ikke oversatt",
+	"warning-dialog-delete-confirm": "ikke oversatt",
+	"warning-dialog-delete-description": "ikke oversatt",
+	"warning-dialog-ignore-succes": "ikke oversatt",
+	"warning-dialog-ignore-title": "ikke oversatt",
+	"warning-dialog-ignore-confirm": "ikke oversatt",
+	"warning-dialog-ignore-description": "ikke oversatt",
+	"warning-save-succes": "ikke oversatt",
+	"warning-publish-succes": "ikke oversatt",
+	"warning-editor-user-viewer": "ikke oversatt",
+	"warning-editor-user-editor": "ikke oversatt",
+	"warning-editor-add-editor": "ikke oversatt",
+	"warning-editor-remove-editor": "ikke oversatt",
+	"warning-list-button_create": "ikke oversatt",
+	"warning-list-button-use": "ikke oversatt",
+	"warning-list-button-ignore": "ikke oversatt",
+	"warning-list-button-options": "ikke oversatt",
+	"warning-list-status-draft": "ikke oversatt",
+	"warning-list-status-published": "ikke oversatt",
+	"warning-list-status-todo": "ikke oversatt",
+	"warning-list-status-expired": "ikke oversatt",
+	"warning-list-header-incident": "ikke oversatt",
+	"warning-list-header-last-update": "ikke oversatt",
+	"warning-list-header-start-time": "ikke oversatt",
+	"warning-list-header-end-time": "ikke oversatt",
+	"warning-list-header-domain": "ikke oversatt",
+	"warning-list-header-phenomenon": "ikke oversatt",
+	"warning-list-header-level": "ikke oversatt",
+	"warning-list-header-draft": "ikke oversatt"
+};
+var warningsTranslations = {
+	en: en,
+	nl: nl,
+	fi: fi,
+	no: no
+};
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -108,7 +535,7 @@ const slice$2 = createSlice({
         drawAdapter.setOne(draft, action.payload);
       }
     },
-    // action caught in drawings/saga
+    // action caught in drawings/listener
     submitDrawValues: (
     // eslint-disable-next-line no-unused-vars
     draft,
@@ -218,17 +645,41 @@ const getWarningFormDirty = createSelector(selectDrawByInstanceId, drawing => (d
  * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
-const confirmationDialogOptions = {
-  cancelLabel: 'Cancel',
-  title: 'Close Drawing toolbox',
-  description: 'There are changes in the form, are you sure you want to close?',
-  confirmLabel: 'Close',
-  catchOnCancel: true
+const WARN_NAMESPACE = 'warn';
+const outsideComponentTranslations = handleOutsideComponentTranslations(warningsTranslations, WARN_NAMESPACE);
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * */
+const confirmationDialogOptions = t => {
+  return {
+    cancelLabel: t('close-dialog-cancel'),
+    title: t('close-draw-dialog-title'),
+    description: t('close-dialog-description'),
+    confirmLabel: t('close-dialog-confirm'),
+    catchOnCancel: true
+  };
 };
 const useCloseDrawDialog = ({
   mapId,
   source
 }) => {
+  const {
+    t
+  } = useTranslation(WARN_NAMESPACE);
   const dispatch = useDispatch();
   const drawLayerId = getSingularDrawtoolDrawLayerId(mapId);
   const drawDialogActiveDrawModeId = useSelector(store => drawtoolSelectors.getActiveDrawModeId(store, drawingDialogType));
@@ -238,7 +689,7 @@ const useCloseDrawDialog = ({
   const confirmDialog = useConfirmationDialog();
   const closeDrawDialog = (skipConfirmationDialog = false) => __awaiter(void 0, void 0, void 0, function* () {
     if (isFormDirty && !skipConfirmationDialog) {
-      const mayProceed = yield confirmDialog(confirmationDialogOptions).then(() => true).catch(() => false);
+      const mayProceed = yield confirmDialog(confirmationDialogOptions(t)).then(() => true).catch(() => false);
       if (!mayProceed) {
         return;
       }
@@ -294,7 +745,7 @@ const useCloseObjectDialog = ({
 }) => {
   const dispatch = useDispatch();
   const drawLayerId = getSingularDrawtoolDrawLayerId(mapId);
-  const objectGeoJSONShape = useSelector(store => layerSelectors.getFeatureLayerGeoJSON(store, drawLayerId));
+  const featureLayerContainsGeoJSON = useSelector(store => layerSelectors.getHasFeatureLayerGeoJSON(store, drawLayerId));
   const closeObjectDialog = (shouldReset = true) => {
     // reset active object
     if (shouldReset) {
@@ -311,7 +762,7 @@ const useCloseObjectDialog = ({
       setOpen: false,
       source
     }));
-    if (objectGeoJSONShape && shouldReset) {
+    if (featureLayerContainsGeoJSON && shouldReset) {
       dispatch(mapStoreActions.layerChangeGeojson({
         layerId: drawLayerId,
         geojson: emptyGeoJSON
@@ -328,11 +779,11 @@ const useDialogOptions = ({
   const isDialogOpen = useSelector(store => uiSelectors.getisDialogOpen(store, dialogType));
   const dialogMapId = useSelector(store => uiSelectors.getDialogMapId(store, dialogType));
   const dialogLayerId = getSingularDrawtoolDrawLayerId(dialogMapId);
-  const geoJSON = useSelector(store => layerSelectors.getFeatureLayerGeoJSON(store, dialogLayerId));
+  const hasGeoJSON = useSelector(store => layerSelectors.getHasFeatureLayerGeoJSON(store, dialogLayerId));
   return {
     isDialogOpen,
     dialogMapId,
-    geoJSON,
+    hasGeoJSON,
     dialogLayerId
   };
 };
@@ -340,13 +791,16 @@ const useObjectDrawDialogAction = ({
   mapId,
   source
 }) => {
+  const {
+    t
+  } = useTranslation(WARN_NAMESPACE);
   const dispatch = useDispatch();
   const confirmDialog = useConfirmationDialog();
   const currentDrawLayerId = getSingularDrawtoolDrawLayerId(mapId);
   // draw selectors
   const {
     isDialogOpen: isDrawDialogOpen,
-    geoJSON: drawDialogGeoJSON,
+    hasGeoJSON: drawDialogLayerHasGeoJSON,
     dialogLayerId: drawDialogLayerId
   } = useDialogOptions({
     dialogType: drawingDialogType
@@ -356,7 +810,7 @@ const useObjectDrawDialogAction = ({
   // object selectors
   const {
     isDialogOpen: isObjectDialogOpen,
-    geoJSON: objectGeoJSONShape,
+    hasGeoJSON: objectDialogLayerHasGeoJSON,
     dialogLayerId: objectDialogLayerId
   } = useDialogOptions({
     dialogType: objectDialogType
@@ -370,12 +824,12 @@ const useObjectDrawDialogAction = ({
   const openObjectDialog = () => __awaiter(void 0, void 0, void 0, function* () {
     if (isDrawDialogOpen) {
       if (isFormDirty) {
-        const mayProceed = yield confirmDialog(confirmationDialogOptions).then(() => true).catch(() => false);
+        const mayProceed = yield confirmDialog(confirmationDialogOptions(t)).then(() => true).catch(() => false);
         if (!mayProceed) {
           return;
         }
       }
-      if (drawDialogGeoJSON) {
+      if (drawDialogLayerHasGeoJSON) {
         clearGeoJSON(drawDialogLayerId);
       }
       closeDrawDialog(true);
@@ -388,11 +842,11 @@ const useObjectDrawDialogAction = ({
       source
     }));
     // move shape to screen
-    if (isObjectDialogOpen && objectGeoJSONShape) {
+    if (isObjectDialogOpen && objectDialogLayerHasGeoJSON) {
       // update new shape
-      dispatch(mapStoreActions.layerChangeGeojson({
+      dispatch(mapStoreActions.layerSetGeojsonFromLayer({
         layerId: currentDrawLayerId,
-        geojson: objectGeoJSONShape
+        sourceLayerId: objectDialogLayerId
       }));
       // remove current shape
       clearGeoJSON(objectDialogLayerId);
@@ -400,7 +854,7 @@ const useObjectDrawDialogAction = ({
   });
   const openDrawDialog = newGeoJSON => {
     if (isObjectDialogOpen) {
-      if (objectGeoJSONShape) {
+      if (objectDialogLayerHasGeoJSON) {
         clearGeoJSON(objectDialogLayerId);
       }
       const shouldResetShape = newGeoJSON === undefined;
@@ -419,11 +873,11 @@ const useObjectDrawDialogAction = ({
       geoJSONLayerId: currentDrawLayerId
     }));
     // move shape to screen
-    if (isDrawDialogOpen && drawDialogGeoJSON) {
+    if (isDrawDialogOpen && drawDialogLayerHasGeoJSON) {
       // update new shape
-      dispatch(mapStoreActions.layerChangeGeojson({
+      dispatch(mapStoreActions.layerSetGeojsonFromLayer({
         layerId: currentDrawLayerId,
-        geojson: drawDialogGeoJSON
+        sourceLayerId: drawDialogLayerId
       }));
       // remove current shape
       clearGeoJSON(drawDialogLayerId);
@@ -579,17 +1033,17 @@ var $TypeError$b = TypeError;
 
 // `RequireObjectCoercible` abstract operation
 // https://tc39.es/ecma262/#sec-requireobjectcoercible
-var requireObjectCoercible$5 = function (it) {
+var requireObjectCoercible$6 = function (it) {
   if (isNullOrUndefined$3(it)) throw new $TypeError$b("Can't call method on " + it);
   return it;
 };
 
 // toObject with fallback for non-array-like ES3 strings
 var IndexedObject$2 = indexedObject;
-var requireObjectCoercible$4 = requireObjectCoercible$5;
+var requireObjectCoercible$5 = requireObjectCoercible$6;
 
 var toIndexedObject$5 = function (it) {
-  return IndexedObject$2(requireObjectCoercible$4(it));
+  return IndexedObject$2(requireObjectCoercible$5(it));
 };
 
 var check = function (it) {
@@ -597,7 +1051,7 @@ var check = function (it) {
 };
 
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var global$j =
+var global$i =
   // eslint-disable-next-line es/no-global-this -- safe
   check(typeof globalThis == 'object' && globalThis) ||
   check(typeof window == 'object' && window) ||
@@ -608,49 +1062,49 @@ var global$j =
   // eslint-disable-next-line no-new-func -- fallback
   (function () { return this; })() || Function('return this')();
 
-var shared$4 = {exports: {}};
+var sharedStore = {exports: {}};
 
-var global$i = global$j;
+var global$h = global$i;
 
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var defineProperty$7 = Object.defineProperty;
 
 var defineGlobalProperty$3 = function (key, value) {
   try {
-    defineProperty$7(global$i, key, { value: value, configurable: true, writable: true });
+    defineProperty$7(global$h, key, { value: value, configurable: true, writable: true });
   } catch (error) {
-    global$i[key] = value;
+    global$h[key] = value;
   } return value;
 };
 
-var global$h = global$j;
+var globalThis$1 = global$i;
 var defineGlobalProperty$2 = defineGlobalProperty$3;
 
 var SHARED = '__core-js_shared__';
-var store$3 = global$h[SHARED] || defineGlobalProperty$2(SHARED, {});
-
-var sharedStore = store$3;
+var store$3 = sharedStore.exports = globalThis$1[SHARED] || defineGlobalProperty$2(SHARED, {});
 
-var store$2 = sharedStore;
-
-(shared$4.exports = function (key, value) {
-  return store$2[key] || (store$2[key] = value !== undefined ? value : {});
-})('versions', []).push({
-  version: '3.35.1',
+(store$3.versions || (store$3.versions = [])).push({
+  version: '3.36.1',
   mode: 'global',
   copyright: '© 2014-2024 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.35.1/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.36.1/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
-var requireObjectCoercible$3 = requireObjectCoercible$5;
+var store$2 = sharedStore.exports;
+
+var shared$4 = function (key, value) {
+  return store$2[key] || (store$2[key] = value || {});
+};
+
+var requireObjectCoercible$4 = requireObjectCoercible$6;
 
 var $Object$3 = Object;
 
 // `ToObject` abstract operation
 // https://tc39.es/ecma262/#sec-toobject
 var toObject$5 = function (argument) {
-  return $Object$3(requireObjectCoercible$3(argument));
+  return $Object$3(requireObjectCoercible$4(argument));
 };
 
 var uncurryThis$g = functionUncurryThis;
@@ -677,7 +1131,7 @@ var uid$2 = function (key) {
 
 var engineUserAgent = typeof navigator != 'undefined' && String(navigator.userAgent) || '';
 
-var global$g = global$j;
+var global$g = global$i;
 var userAgent = engineUserAgent;
 
 var process = global$g.process;
@@ -708,7 +1162,7 @@ var engineV8Version = version;
 /* eslint-disable es/no-symbol -- required for testing */
 var V8_VERSION = engineV8Version;
 var fails$i = fails$l;
-var global$f = global$j;
+var global$f = global$i;
 
 var $String$5 = global$f.String;
 
@@ -731,8 +1185,8 @@ var useSymbolAsUid = NATIVE_SYMBOL$2
   && !Symbol.sham
   && typeof Symbol.iterator == 'symbol';
 
-var global$e = global$j;
-var shared$3 = shared$4.exports;
+var global$e = global$i;
+var shared$3 = shared$4;
 var hasOwn$a = hasOwnProperty_1;
 var uid$1 = uid$2;
 var NATIVE_SYMBOL$1 = symbolConstructorDetection;
@@ -764,18 +1218,18 @@ var isCallable$i = typeof documentAll == 'undefined' && documentAll !== undefine
 
 var isCallable$h = isCallable$i;
 
-var isObject$9 = function (it) {
+var isObject$a = function (it) {
   return typeof it == 'object' ? it !== null : isCallable$h(it);
 };
 
-var isObject$8 = isObject$9;
+var isObject$9 = isObject$a;
 
 var $String$4 = String;
 var $TypeError$a = TypeError;
 
 // `Assert: Type(argument) is Object`
-var anObject$9 = function (argument) {
-  if (isObject$8(argument)) return argument;
+var anObject$8 = function (argument) {
+  if (isObject$9(argument)) return argument;
   throw new $TypeError$a($String$4(argument) + ' is not an object');
 };
 
@@ -804,12 +1258,12 @@ var v8PrototypeDefineBug = DESCRIPTORS$c && fails$g(function () {
 
 var objectDefineProperty = {};
 
-var global$d = global$j;
-var isObject$7 = isObject$9;
+var global$d = global$i;
+var isObject$8 = isObject$a;
 
 var document$1 = global$d.document;
 // typeof document.createElement is 'object' in old IE
-var EXISTS$1 = isObject$7(document$1) && isObject$7(document$1.createElement);
+var EXISTS$1 = isObject$8(document$1) && isObject$8(document$1.createElement);
 
 var documentCreateElement$2 = function (it) {
   return EXISTS$1 ? document$1.createElement(it) : {};
@@ -835,7 +1289,7 @@ var functionCall = NATIVE_BIND$1 ? call$a.bind(call$a) : function () {
   return call$a.apply(call$a, arguments);
 };
 
-var global$c = global$j;
+var global$c = global$i;
 var isCallable$g = isCallable$i;
 
 var aFunction = function (argument) {
@@ -897,7 +1351,7 @@ var getMethod$2 = function (V, P) {
 
 var call$9 = functionCall;
 var isCallable$d = isCallable$i;
-var isObject$6 = isObject$9;
+var isObject$7 = isObject$a;
 
 var $TypeError$8 = TypeError;
 
@@ -905,14 +1359,14 @@ var $TypeError$8 = TypeError;
 // https://tc39.es/ecma262/#sec-ordinarytoprimitive
 var ordinaryToPrimitive$1 = function (input, pref) {
   var fn, val;
-  if (pref === 'string' && isCallable$d(fn = input.toString) && !isObject$6(val = call$9(fn, input))) return val;
-  if (isCallable$d(fn = input.valueOf) && !isObject$6(val = call$9(fn, input))) return val;
-  if (pref !== 'string' && isCallable$d(fn = input.toString) && !isObject$6(val = call$9(fn, input))) return val;
+  if (pref === 'string' && isCallable$d(fn = input.toString) && !isObject$7(val = call$9(fn, input))) return val;
+  if (isCallable$d(fn = input.valueOf) && !isObject$7(val = call$9(fn, input))) return val;
+  if (pref !== 'string' && isCallable$d(fn = input.toString) && !isObject$7(val = call$9(fn, input))) return val;
   throw new $TypeError$8("Can't convert object to primitive value");
 };
 
 var call$8 = functionCall;
-var isObject$5 = isObject$9;
+var isObject$6 = isObject$a;
 var isSymbol$1 = isSymbol$2;
 var getMethod$1 = getMethod$2;
 var ordinaryToPrimitive = ordinaryToPrimitive$1;
@@ -924,13 +1378,13 @@ var TO_PRIMITIVE = wellKnownSymbol$9('toPrimitive');
 // `ToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-toprimitive
 var toPrimitive$1 = function (input, pref) {
-  if (!isObject$5(input) || isSymbol$1(input)) return input;
+  if (!isObject$6(input) || isSymbol$1(input)) return input;
   var exoticToPrim = getMethod$1(input, TO_PRIMITIVE);
   var result;
   if (exoticToPrim) {
     if (pref === undefined) pref = 'default';
     result = call$8(exoticToPrim, input, pref);
-    if (!isObject$5(result) || isSymbol$1(result)) return result;
+    if (!isObject$6(result) || isSymbol$1(result)) return result;
     throw new $TypeError$7("Can't convert object to primitive value");
   }
   if (pref === undefined) pref = 'number';
@@ -950,7 +1404,7 @@ var toPropertyKey$2 = function (argument) {
 var DESCRIPTORS$a = descriptors;
 var IE8_DOM_DEFINE$1 = ie8DomDefine;
 var V8_PROTOTYPE_DEFINE_BUG$1 = v8PrototypeDefineBug;
-var anObject$8 = anObject$9;
+var anObject$7 = anObject$8;
 var toPropertyKey$1 = toPropertyKey$2;
 
 var $TypeError$6 = TypeError;
@@ -965,9 +1419,9 @@ var WRITABLE = 'writable';
 // `Object.defineProperty` method
 // https://tc39.es/ecma262/#sec-object.defineproperty
 objectDefineProperty.f = DESCRIPTORS$a ? V8_PROTOTYPE_DEFINE_BUG$1 ? function defineProperty(O, P, Attributes) {
-  anObject$8(O);
+  anObject$7(O);
   P = toPropertyKey$1(P);
-  anObject$8(Attributes);
+  anObject$7(Attributes);
   if (typeof O === 'function' && P === 'prototype' && 'value' in Attributes && WRITABLE in Attributes && !Attributes[WRITABLE]) {
     var current = $getOwnPropertyDescriptor$1(O, P);
     if (current && current[WRITABLE]) {
@@ -980,9 +1434,9 @@ objectDefineProperty.f = DESCRIPTORS$a ? V8_PROTOTYPE_DEFINE_BUG$1 ? function de
     }
   } return $defineProperty(O, P, Attributes);
 } : $defineProperty : function defineProperty(O, P, Attributes) {
-  anObject$8(O);
+  anObject$7(O);
   P = toPropertyKey$1(P);
-  anObject$8(Attributes);
+  anObject$7(Attributes);
   if (IE8_DOM_DEFINE$1) try {
     return $defineProperty(O, P, Attributes);
   } catch (error) { /* empty */ }
@@ -1053,6 +1507,7 @@ var createMethod$3 = function (IS_INCLUDES) {
   return function ($this, el, fromIndex) {
     var O = toIndexedObject$4($this);
     var length = lengthOfArrayLike$2(O);
+    if (length === 0) return !IS_INCLUDES && -1;
     var index = toAbsoluteIndex(fromIndex, length);
     var value;
     // Array#includes uses SameValueZero equality algorithm
@@ -1124,7 +1579,7 @@ var objectKeys$2 = Object.keys || function keys(O) {
 var DESCRIPTORS$9 = descriptors;
 var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
 var definePropertyModule$3 = objectDefineProperty;
-var anObject$7 = anObject$9;
+var anObject$6 = anObject$8;
 var toIndexedObject$2 = toIndexedObject$5;
 var objectKeys$1 = objectKeys$2;
 
@@ -1132,7 +1587,7 @@ var objectKeys$1 = objectKeys$2;
 // https://tc39.es/ecma262/#sec-object.defineproperties
 // eslint-disable-next-line es/no-object-defineproperties -- safe
 objectDefineProperties.f = DESCRIPTORS$9 && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
-  anObject$7(O);
+  anObject$6(O);
   var props = toIndexedObject$2(Properties);
   var keys = objectKeys$1(Properties);
   var length = keys.length;
@@ -1146,7 +1601,7 @@ var getBuiltIn$3 = getBuiltIn$5;
 
 var html$1 = getBuiltIn$3('document', 'documentElement');
 
-var shared$2 = shared$4.exports;
+var shared$2 = shared$4;
 var uid = uid$2;
 
 var keys = shared$2('keys');
@@ -1156,7 +1611,7 @@ var sharedKey$3 = function (key) {
 };
 
 /* global ActiveXObject -- old IE, WSH */
-var anObject$6 = anObject$9;
+var anObject$5 = anObject$8;
 var definePropertiesModule = objectDefineProperties;
 var enumBugKeys$1 = enumBugKeys$3;
 var hiddenKeys$2 = hiddenKeys$4;
@@ -1230,7 +1685,7 @@ hiddenKeys$2[IE_PROTO$1] = true;
 var objectCreate = Object.create || function create(O, Properties) {
   var result;
   if (O !== null) {
-    EmptyConstructor[PROTOTYPE] = anObject$6(O);
+    EmptyConstructor[PROTOTYPE] = anObject$5(O);
     result = new EmptyConstructor();
     EmptyConstructor[PROTOTYPE] = null;
     // add "__proto__" for Object.getPrototypeOf polyfill
@@ -1262,7 +1717,7 @@ var addToUnscopables$1 = function (key) {
 
 var iterators = {};
 
-var global$b = global$j;
+var global$b = global$i;
 var isCallable$c = isCallable$i;
 
 var WeakMap$1 = global$b.WeakMap;
@@ -1290,11 +1745,11 @@ var createNonEnumerableProperty$8 = DESCRIPTORS$8 ? function (object, key, value
 };
 
 var NATIVE_WEAK_MAP = weakMapBasicDetection;
-var global$a = global$j;
-var isObject$4 = isObject$9;
+var global$a = global$i;
+var isObject$5 = isObject$a;
 var createNonEnumerableProperty$7 = createNonEnumerableProperty$8;
 var hasOwn$8 = hasOwnProperty_1;
-var shared$1 = sharedStore;
+var shared$1 = sharedStore.exports;
 var sharedKey$1 = sharedKey$3;
 var hiddenKeys$1 = hiddenKeys$4;
 
@@ -1310,7 +1765,7 @@ var enforce = function (it) {
 var getterFor = function (TYPE) {
   return function (it) {
     var state;
-    if (!isObject$4(it) || (state = get(it)).type !== TYPE) {
+    if (!isObject$5(it) || (state = get(it)).type !== TYPE) {
       throw new TypeError$1('Incompatible receiver, ' + TYPE + ' required');
     } return state;
   };
@@ -1423,7 +1878,7 @@ var functionName = {
 
 var uncurryThis$c = functionUncurryThis;
 var isCallable$b = isCallable$i;
-var store = sharedStore;
+var store = sharedStore.exports;
 
 var functionToString = uncurryThis$c(Function.toString);
 
@@ -1542,13 +1997,13 @@ var getBuiltIn$2 = getBuiltIn$5;
 var uncurryThis$a = functionUncurryThis;
 var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
 var getOwnPropertySymbolsModule$1 = objectGetOwnPropertySymbols;
-var anObject$5 = anObject$9;
+var anObject$4 = anObject$8;
 
 var concat$1 = uncurryThis$a([].concat);
 
 // all object keys, includes non-enumerable and symbols
 var ownKeys$1 = getBuiltIn$2('Reflect', 'ownKeys') || function ownKeys(it) {
-  var keys = getOwnPropertyNamesModule.f(anObject$5(it));
+  var keys = getOwnPropertyNamesModule.f(anObject$4(it));
   var getOwnPropertySymbols = getOwnPropertySymbolsModule$1.f;
   return getOwnPropertySymbols ? concat$1(keys, getOwnPropertySymbols(it)) : keys;
 };
@@ -1593,7 +2048,7 @@ var POLYFILL = isForced$1.POLYFILL = 'P';
 
 var isForced_1 = isForced$1;
 
-var global$9 = global$j;
+var global$9 = global$i;
 var getOwnPropertyDescriptor$1 = objectGetOwnPropertyDescriptor.f;
 var createNonEnumerableProperty$6 = createNonEnumerableProperty$8;
 var defineBuiltIn$3 = defineBuiltIn$4;
@@ -1681,7 +2136,7 @@ var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object$1.getPrototypeOf :
 
 var fails$b = fails$l;
 var isCallable$6 = isCallable$i;
-var isObject$3 = isObject$9;
+var isObject$4 = isObject$a;
 var getPrototypeOf$1 = objectGetPrototypeOf;
 var defineBuiltIn$2 = defineBuiltIn$4;
 var wellKnownSymbol$7 = wellKnownSymbol$a;
@@ -1704,7 +2159,7 @@ if ([].keys) {
   }
 }
 
-var NEW_ITERATOR_PROTOTYPE = !isObject$3(IteratorPrototype$2) || fails$b(function () {
+var NEW_ITERATOR_PROTOTYPE = !isObject$4(IteratorPrototype$2) || fails$b(function () {
   var test = {};
   // FF44- legacy iterators case
   return IteratorPrototype$2[ITERATOR$3].call(test) !== test;
@@ -1764,10 +2219,10 @@ var functionUncurryThisAccessor = function (object, key, method) {
   } catch (error) { /* empty */ }
 };
 
-var isObject$2 = isObject$9;
+var isObject$3 = isObject$a;
 
 var isPossiblePrototype$1 = function (argument) {
-  return isObject$2(argument) || argument === null;
+  return isObject$3(argument) || argument === null;
 };
 
 var isPossiblePrototype = isPossiblePrototype$1;
@@ -1782,7 +2237,8 @@ var aPossiblePrototype$1 = function (argument) {
 
 /* eslint-disable no-proto -- safe */
 var uncurryThisAccessor = functionUncurryThisAccessor;
-var anObject$4 = anObject$9;
+var isObject$2 = isObject$a;
+var requireObjectCoercible$3 = requireObjectCoercible$6;
 var aPossiblePrototype = aPossiblePrototype$1;
 
 // `Object.setPrototypeOf` method
@@ -1799,8 +2255,9 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
     CORRECT_SETTER = test instanceof Array;
   } catch (error) { /* empty */ }
   return function setPrototypeOf(O, proto) {
-    anObject$4(O);
+    requireObjectCoercible$3(O);
     aPossiblePrototype(proto);
+    if (!isObject$2(O)) return O;
     if (CORRECT_SETTER) setter(O, proto);
     else O.__proto__ = proto;
     return O;
@@ -2085,7 +2542,7 @@ var DOMTokenListPrototype$1 = classList && classList.constructor && classList.co
 
 var domTokenListPrototype = DOMTokenListPrototype$1 === Object.prototype ? undefined : DOMTokenListPrototype$1;
 
-var global$8 = global$j;
+var global$8 = global$i;
 var DOMIterables = domIterables;
 var DOMTokenListPrototype = domTokenListPrototype;
 var ArrayIteratorMethods = es_array_iterator;
@@ -2232,14 +2689,8 @@ const OBJECT_ITEM_SIZE = 50;
 const OBJECT_ITEM_SIZE_SMALL_WIDTH = 72;
 const HEADER_ITEM_SIZE = 28;
 const BREAKPOINT = 320;
-const NO_OBJECTS_FOUND = 'No objects found';
-const BUTTON_EDIT$2 = 'Edit';
-const BUTTON_DELETE$2 = 'Delete';
-const BUTTON_SHARE = 'Share';
 const BUTTON_AIRMET = 'AIRMET';
 const BUTTON_SIGMET = 'SIGMET';
-const BUTTON_PUBLIC_WARNING = 'PUBLIC WARNING';
-const MENU_SHARE = 'Share object to';
 const getListInclHeaders = objects => {
   const listInclHeaders = [];
   const headerList = [];
@@ -2307,6 +2758,9 @@ const Objects = ({
   activeObject,
   isLoading: _isLoading = false
 }) => {
+  const {
+    t
+  } = useTranslation(WARN_NAMESPACE);
   const listRef = React__default.useRef(null);
   const {
     listInclHeaders,
@@ -2343,7 +2797,7 @@ const Objects = ({
       paddingTop: '8px'
     },
     variant: "body1"
-  }, NO_OBJECTS_FOUND)) : ( /*#__PURE__*/React__default.createElement(VariableSizeList, {
+  }, t('object-manager-no-objects'))) : ( /*#__PURE__*/React__default.createElement(VariableSizeList, {
     height: _height - DEFAULT_ADD_BUTTON_HEIGHT,
     width: _width,
     itemCount: listInclHeaders.length,
@@ -2397,10 +2851,10 @@ const Objects = ({
           }
         },
         buttonIcon: /*#__PURE__*/React__default.createElement(Share, null),
-        menuTitle: MENU_SHARE,
-        tooltipTitle: BUTTON_SHARE,
+        menuTitle: t('object-manager-share-menu'),
+        tooltipTitle: t('object-manager-button-share'),
         menuPosition: "bottom",
-        "aria-label": BUTTON_SHARE,
+        "aria-label": t('object-manager-button-share'),
         menuItems: [{
           text: BUTTON_AIRMET,
           action: () => {},
@@ -2412,7 +2866,7 @@ const Objects = ({
           icon: /*#__PURE__*/React__default.createElement(ExitDomain, null),
           isDisabled: true
         }, {
-          text: BUTTON_PUBLIC_WARNING,
+          text: t('public-warning-title').toUpperCase(),
           action: () => {
             onClickShare(object);
           },
@@ -2422,18 +2876,18 @@ const Objects = ({
         item: true,
         className: "objectActions"
       }, /*#__PURE__*/React__default.createElement(ToggleMenu, {
-        menuTitle: "Object options",
-        tooltipTitle: "Object options",
+        menuTitle: t('object-manager-options-menu'),
+        tooltipTitle: t('object-manager-options-menu'),
         menuPosition: "bottom",
         "aria-label": "Options",
         menuItems: [{
-          text: BUTTON_EDIT$2,
+          text: t('object-manager-button-edit'),
           action: () => {
             onClickEdit(object.id);
           },
           icon: /*#__PURE__*/React__default.createElement(Edit, null)
         }, {
-          text: BUTTON_DELETE$2,
+          text: t('object-manager-button-delete'),
           action: () => {
             onClickDelete(object.id);
           },
@@ -2489,7 +2943,6 @@ const DEFAULT_OBJECT_MANAGER_MIN_SIZE = {
   width: 160,
   height: 300
 };
-const BUTTON_ADD_OBJECT$1 = 'Add a new object';
 const ObjectManager = ({
   bounds,
   onClose,
@@ -2512,6 +2965,9 @@ const ObjectManager = ({
   error,
   isLoading: _isLoading = false
 }) => {
+  const {
+    t
+  } = useTranslation(WARN_NAMESPACE);
   const minSize = DEFAULT_OBJECT_MANAGER_MIN_SIZE;
   const startSizeCalc = calculateStartSize(minSize, _size, _startPosition);
   const [sizeInState, setSizeInState] = React.useState(startSizeCalc);
@@ -2588,7 +3044,7 @@ const ObjectManager = ({
       textTransform: 'none',
       fontSize: '12px'
     }
-  }, BUTTON_ADD_OBJECT$1)));
+  }, t('object-manager-add'))));
 };
 
 /* *
@@ -2659,16 +3115,17 @@ const createApi$1 = props => {
   return getApiRoutes$1(props.auth ? authInstance : nonAuthInstance);
 };
 
-const DELETE_TITLE$1 = 'Delete object';
-const DELETE_CONFIRM$1 = 'Delete';
-const CANCEL$1 = 'Cancel';
-const getDeleteDescription = objectName => `Are you sure you want to delete "${objectName}"?`;
+const getDeleteDescription = (objectName, t) => `${t('delete-dialog-description')} "${objectName}"?`;
+const getDeleteSucces = (objectName, t) => `Object "${objectName}" ${t('delete-succes')}`;
 const ConfirmDeleteDialog = ({
   objectId,
   objectName,
   onDeleteSucces: _onDeleteSucces = () => {},
   onClose: _onClose = () => {}
 }) => {
+  const {
+    t
+  } = useTranslation(WARN_NAMESPACE);
   const warningsApi = getWarningsApi();
   const [isLoading, setIsLoading] = React__default.useState(false);
   const [error, setError] = React__default.useState(undefined);
@@ -2683,12 +3140,12 @@ const ConfirmDeleteDialog = ({
       setIsLoading(false);
     }
   });
-  const description = getDeleteDescription(objectName);
+  const description = getDeleteDescription(objectName, t);
   return /*#__PURE__*/React__default.createElement(ConfirmationDialog, Object.assign({
-    title: DELETE_TITLE$1,
+    title: t('delete-dialog-title'),
     open: true,
-    confirmLabel: DELETE_CONFIRM$1,
-    cancelLabel: CANCEL$1,
+    confirmLabel: t('delete-dialog-confirm'),
+    cancelLabel: t('delete-dialog-cancel'),
     description: !error ? description : '',
     onClose: _onClose,
     onSubmit: onSubmit,
@@ -2941,11 +3398,13 @@ const {
 } = slice;
 const publicWarningFormActions = slice.actions;
 
-const getDeleteSucces = objectName => `${objectName} has been deleted`;
 const ObjectManagerConnect = ({
   bounds,
   source: _source = 'app'
 }) => {
+  const {
+    t
+  } = useTranslation(WARN_NAMESPACE);
   const {
     dialogOrder,
     setDialogOrder,
@@ -3095,7 +3554,7 @@ const ObjectManagerConnect = ({
     if (activeDrawingId && activeDrawingId === objectId) {
       deleteGeoJSONLayer();
     }
-    openSnackbar(getDeleteSucces(objectName));
+    openSnackbar(getDeleteSucces(objectName, t));
     fetchDrawings();
   };
   const onDeleteDrawing = objectId => {
@@ -3110,7 +3569,7 @@ const ObjectManagerConnect = ({
     return null;
   }
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ObjectManager, {
-    title: `Object Manager for ${mapId}`,
+    title: `${t('object-manager-title')} ${mapId}`,
     bounds: bounds,
     isOpen: isDialogOpen,
     onClose: onClose,
@@ -3160,7 +3619,7 @@ var proxyAccessor$1 = function (Target, Source, key) {
 };
 
 var isCallable$4 = isCallable$i;
-var isObject$1 = isObject$9;
+var isObject$1 = isObject$a;
 var setPrototypeOf$1 = objectSetPrototypeOf;
 
 // makes subclassing work correct for wrapped built-ins
@@ -3232,7 +3691,7 @@ var normalizeStringArgument$1 = function (argument, $default) {
   return argument === undefined ? arguments.length < 2 ? '' : $default : toString$6(argument);
 };
 
-var isObject = isObject$9;
+var isObject = isObject$a;
 var createNonEnumerableProperty$3 = createNonEnumerableProperty$8;
 
 // `InstallErrorCause` abstract operation
@@ -3350,7 +3809,7 @@ var wrapErrorConstructorWithCause$1 = function (FULL_NAME, wrapper, FORCED, IS_A
 
 /* eslint-disable no-unused-vars -- required for functions `.length` */
 var $$4 = _export;
-var global$7 = global$j;
+var global$7 = global$i;
 var apply = functionApply;
 var wrapErrorConstructorWithCause = wrapErrorConstructorWithCause$1;
 
@@ -4865,6 +5324,7 @@ var warningListJSON = [
 		status: "DRAFT",
 		editor: "user.name",
 		warningDetail: {
+			id: "550c2b5e-937d-11ee-a1bf-0ab3cf8a98c1",
 			phenomenon: "fog",
 			geoJSON: {
 				type: "FeatureCollection",
@@ -4908,7 +5368,9 @@ var warningListJSON = [
 			validFrom: "2023-12-05T14:48:09Z",
 			validUntil: "2023-12-05T18:48:09Z",
 			level: "moderate",
-			probability: 30
+			probability: 30,
+			descriptionOriginal: "This is the original description",
+			descriptionTranslation: "This is the translation"
 		}
 	},
 	{
@@ -5431,6 +5893,9 @@ const DrawingToolMapButtonConnect = ({
   mapId,
   source: _source = 'app'
 }) => {
+  const {
+    t
+  } = useTranslation(WARN_NAMESPACE);
   // const drawingDialogType = isMultiMap
   //   ? `${uiTypes.DialogTypes.DrawingTool}-${mapId}`
   //   : uiTypes.DialogTypes.DrawingTool;
@@ -5449,7 +5914,7 @@ const DrawingToolMapButtonConnect = ({
   };
   const isOpen = drawDialogMapId === mapId && isDrawDialogOpen;
   return /*#__PURE__*/React.createElement(MapControlButton, {
-    title: "Drawing Toolbox",
+    title: t('drawing-tool-title'),
     "data-testid": "drawingToolButton",
     onClick: onClick,
     isActive: isOpen
@@ -5471,7 +5936,7 @@ const DEFAULT_DRAW_TOOL_MIN_SIZE = {
 const DrawingTool = ({
   bounds,
   onClose,
-  title: _title = 'Drawing Toolbox',
+  title,
   isOpen,
   onMouseDown: _onMouseDown = () => {},
   order: _order = 0,
@@ -5483,11 +5948,14 @@ const DrawingTool = ({
   headerSize: _headerSize = 'xs',
   children
 }) => {
+  const {
+    t
+  } = useTranslation(WARN_NAMESPACE);
   const minSize = DEFAULT_DRAW_TOOL_MIN_SIZE;
   const startSizeCalc = calculateStartSize(minSize, _size, _startPosition);
   const [sizeInState, setSizeInState] = React.useState(startSizeCalc);
   return /*#__PURE__*/React.createElement(ToolContainerDraggable, {
-    title: _title,
+    title: title || t('drawing-tool-title'),
     startSize: sizeInState,
     minWidth: minSize.width,
     minHeight: minSize.height,
@@ -5545,7 +6013,7 @@ var whitespaces$2 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u200
   '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
 
 var uncurryThis$6 = functionUncurryThis;
-var requireObjectCoercible$2 = requireObjectCoercible$5;
+var requireObjectCoercible$2 = requireObjectCoercible$6;
 var toString$5 = toString$7;
 var whitespaces$1 = whitespaces$2;
 
@@ -5575,7 +6043,7 @@ var stringTrim = {
   trim: createMethod$2(3)
 };
 
-var global$6 = global$j;
+var global$6 = global$i;
 var fails$7 = fails$l;
 var uncurryThis$5 = functionUncurryThis;
 var toString$4 = toString$7;
@@ -5665,12 +6133,6 @@ const useFormDirty = ({
  * Copyright 2024 - Finnish Meteorological Institute (FMI)
  * */
 const opacityOptions = [100, 90, 80, 70, 60, 50, 40, 30, 20, 10, 0];
-const SAVE_OBJECT_BUTTON = 'Save new object';
-const UPDATE_OBJECT_BUTTON = 'Update object';
-const INPUT_OBJECT = 'Object name';
-const INPUT_OPACITY = 'Opacity';
-const DRAW_EXIT_MODE_MESSAGE = 'press ESC to exit draw mode';
-const coordinatesEmptyMessage = 'An object drawing is required';
 const DrawingToolFormContentsNoMemo = ({
   isLoading,
   dialogError,
@@ -5687,6 +6149,9 @@ const DrawingToolFormContentsNoMemo = ({
   opacity,
   onSubmit
 }) => {
+  const {
+    t
+  } = useTranslation(WARN_NAMESPACE);
   const hasErrors = Object.keys(errors).length > 0;
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Box, {
     sx: {
@@ -5710,7 +6175,7 @@ const DrawingToolFormContentsNoMemo = ({
     item: true
   }, /*#__PURE__*/React__default.createElement(Typography, {
     variant: "body2"
-  }, "Tools")), /*#__PURE__*/React__default.createElement(Grid, {
+  }, t('drawing-tool-form-tools'))), /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     container: true
   }, /*#__PURE__*/React__default.createElement(Grid, {
@@ -5738,7 +6203,7 @@ const DrawingToolFormContentsNoMemo = ({
       position: 'relative',
       fontSize: 14
     }
-  }, DRAW_EXIT_MODE_MESSAGE)), !!errors.geoJSON && isDirty && ( /*#__PURE__*/React__default.createElement(FormHelperText, {
+  }, t('drawing-tool-form-exit-draw-mode'))), !!errors.geoJSON && isDirty && ( /*#__PURE__*/React__default.createElement(FormHelperText, {
     error: true,
     variant: "filled",
     sx: {
@@ -5748,7 +6213,7 @@ const DrawingToolFormContentsNoMemo = ({
     name: "geoJSON",
     rules: {
       validate: {
-        coordinatesNotEmpty: value => isValidGeoJsonCoordinates(value) || coordinatesEmptyMessage
+        coordinatesNotEmpty: value => isValidGeoJsonCoordinates(value) || t('drawing-tool-form-drawing-required')
       }
     }
   }))), /*#__PURE__*/React__default.createElement(Grid, {
@@ -5760,7 +6225,7 @@ const DrawingToolFormContentsNoMemo = ({
     sm: 6
   }, /*#__PURE__*/React__default.createElement(ReactHookFormSelect, {
     name: "opacity",
-    label: INPUT_OPACITY,
+    label: t('drawing-tool-form-opacity'),
     rules: {},
     disabled: isLoading,
     isReadOnly: false,
@@ -5775,7 +6240,7 @@ const DrawingToolFormContentsNoMemo = ({
     item: true
   }, /*#__PURE__*/React__default.createElement(ReactHookFormTextField, {
     name: "objectName",
-    label: INPUT_OBJECT,
+    label: t('drawing-tool-form-object-name'),
     rules: {
       required: true
     },
@@ -5804,7 +6269,7 @@ const DrawingToolFormContentsNoMemo = ({
     },
     "data-testid": "saveDrawingFormButton",
     disabled: isLoading || hasErrors
-  }, id !== '' ? UPDATE_OBJECT_BUTTON : SAVE_OBJECT_BUTTON)));
+  }, id !== '' ? t('drawing-tool-form-update') : t('drawing-tool-form-save'))));
 };
 const DrawingToolFormContents = /*#__PURE__*/React__default.memo(DrawingToolFormContentsNoMemo, isEqual);
 
@@ -6052,12 +6517,15 @@ const getDialogType = (mapId, isMultiMap) => {
 };
 const DrawingToolConnect = ({
   bounds,
-  title: _title = 'Drawing Toolbox',
+  title,
   showMapIdInTitle: _showMapIdInTitle = false,
   mapId: initialMapId = null,
   isMultiMap: _isMultiMap = false,
   source: _source = 'app'
 }) => {
+  const {
+    t
+  } = useTranslation(WARN_NAMESPACE);
   const dialogType = getDialogType(initialMapId, _isMultiMap);
   const activeMapId = useSelector(store => uiSelectors.getDialogMapId(store, dialogType));
   // In case of a multimap, use the map id that is passed
@@ -6077,7 +6545,8 @@ const DrawingToolConnect = ({
     uiIsLoading,
     setFocused
   } = useSetupDialog(dialogType, _source);
-  const shownTitle = _showMapIdInTitle ? `${_title} ${mapId}` : _title;
+  const defaultTitle = title || t('drawing-tool-title');
+  const shownTitle = _showMapIdInTitle ? `${defaultTitle} ${mapId}` : defaultTitle;
   const onClose = () => {
     closeDrawDialog();
   };
@@ -6136,14 +6605,13 @@ const DEFAULT_WARNING_DIALOG_POSITION = {
   left: 60
 };
 const DEFAULT_WARNING_DIALOG_MIN_SIZE = {
-  width: 320,
+  width: 264,
   height: 300
 };
-const DIALOG_TITLE = 'Public Warning';
 const PublicWarningsFormDialog = ({
   bounds,
   onClose,
-  title: _title = DIALOG_TITLE,
+  title,
   isOpen,
   onMouseDown: _onMouseDown = () => {},
   order: _order = 0,
@@ -6159,14 +6627,34 @@ const PublicWarningsFormDialog = ({
   shouldHideFormMode: _shouldHideFormMode = false,
   publicWarningEditor
 }) => {
+  const {
+    t
+  } = useTranslation(WARN_NAMESPACE);
   const minSize = DEFAULT_WARNING_DIALOG_MIN_SIZE;
   const startSizeCalc = calculateStartSize(minSize, _size, _startPosition);
   const [sizeInState, setSizeInState] = React.useState(startSizeCalc);
   const onChangeMode = () => {
     _onChangeFormMode(!_isReadOnly);
   };
+  const fullTitle = title || t('public-warning-title');
   return /*#__PURE__*/React.createElement(ToolContainerDraggable, Object.assign({
-    title: _title,
+    title: _shouldHideFormMode ? fullTitle : undefined
+  }, !_shouldHideFormMode && {
+    leftHeaderComponent: ( /*#__PURE__*/React.createElement(Box, {
+      className: "header-title"
+    }, /*#__PURE__*/React.createElement(Typography, {
+      variant: "h2",
+      noWrap: true,
+      sx: {
+        fontSize: 12,
+        fontWeight: 500,
+        lineHeight: '22px',
+        marginTop: '-1px',
+        paddingLeft: 1
+      },
+      role: "heading"
+    }, fullTitle)))
+  }, {
     startSize: sizeInState,
     minWidth: minSize.width,
     minHeight: minSize.height,
@@ -6195,7 +6683,7 @@ const PublicWarningsFormDialog = ({
         setSizeInState(dragSize);
       }
     },
-    leftHeaderComponent: /*#__PURE__*/React.createElement("div", null)
+    dragHandleIcon: null
   }, !_shouldHideFormMode && {
     rightHeaderComponent: ( /*#__PURE__*/React.createElement(Box, {
       sx: {
@@ -6217,7 +6705,9 @@ const PublicWarningsFormDialog = ({
       }
     }, /*#__PURE__*/React.createElement(SwitchButton, {
       checked: !_isReadOnly,
-      onChange: onChangeMode
+      onChange: onChangeMode,
+      activeLabel: t('warning-editor-user-editor'),
+      inActiveLabel: t('warning-editor-user-viewer')
     })), /*#__PURE__*/React.createElement(Box, {
       sx: {
         position: 'relative',
@@ -6254,6 +6744,8 @@ var lengthOfArrayLike = lengthOfArrayLike$3;
 
 var $TypeError$2 = TypeError;
 
+var REDUCE_EMPTY = 'Reduce of empty array with no initial value';
+
 // `Array.prototype.{ reduce, reduceRight }` methods implementation
 var createMethod$1 = function (IS_RIGHT) {
   return function (that, callbackfn, argumentsLength, memo) {
@@ -6261,6 +6753,7 @@ var createMethod$1 = function (IS_RIGHT) {
     var self = IndexedObject(O);
     var length = lengthOfArrayLike(O);
     aCallable(callbackfn);
+    if (length === 0 && argumentsLength < 2) throw new $TypeError$2(REDUCE_EMPTY);
     var index = IS_RIGHT ? length - 1 : 0;
     var i = IS_RIGHT ? -1 : 1;
     if (argumentsLength < 2) while (true) {
@@ -6271,7 +6764,7 @@ var createMethod$1 = function (IS_RIGHT) {
       }
       index += i;
       if (IS_RIGHT ? index < 0 : length <= index) {
-        throw new $TypeError$2('Reduce of empty array with no initial value');
+        throw new $TypeError$2(REDUCE_EMPTY);
       }
     }
     for (;IS_RIGHT ? index >= 0 : length > index; index += i) if (index in self) {
@@ -6300,7 +6793,7 @@ var arrayMethodIsStrict$1 = function (METHOD_NAME, argument) {
   });
 };
 
-var global$5 = global$j;
+var global$5 = global$i;
 var classof$2 = classofRaw$1;
 
 var engineIsNode = classof$2(global$5.process) === 'process';
@@ -6325,7 +6818,7 @@ $$2({ target: 'Array', proto: true, forced: FORCED }, {
   }
 });
 
-var anObject$3 = anObject$9;
+var anObject$3 = anObject$8;
 
 // `RegExp.prototype.flags` getter implementation
 // https://tc39.es/ecma262/#sec-get-regexp.prototype.flags
@@ -6344,7 +6837,7 @@ var regexpFlags$1 = function () {
 };
 
 var fails$5 = fails$l;
-var global$4 = global$j;
+var global$4 = global$i;
 
 // babel-minify and Closure Compiler transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError
 var $RegExp$2 = global$4.RegExp;
@@ -6375,7 +6868,7 @@ var regexpStickyHelpers = {
 };
 
 var fails$4 = fails$l;
-var global$3 = global$j;
+var global$3 = global$i;
 
 // babel-minify and Closure Compiler transpiles RegExp('.', 's') -> /./s and it causes SyntaxError
 var $RegExp$1 = global$3.RegExp;
@@ -6386,7 +6879,7 @@ var regexpUnsupportedDotAll = fails$4(function () {
 });
 
 var fails$3 = fails$l;
-var global$2 = global$j;
+var global$2 = global$i;
 
 // babel-minify and Closure Compiler transpiles RegExp('(?<a>b)', 'g') -> /(?<a>b)/g and it causes SyntaxError
 var $RegExp = global$2.RegExp;
@@ -6404,7 +6897,7 @@ var uncurryThis$4 = functionUncurryThis;
 var toString$3 = toString$7;
 var regexpFlags = regexpFlags$1;
 var stickyHelpers$1 = regexpStickyHelpers;
-var shared = shared$4.exports;
+var shared = shared$4;
 var create = objectCreate;
 var getInternalState = internalState.get;
 var UNSUPPORTED_DOT_ALL = regexpUnsupportedDotAll;
@@ -6662,7 +7155,7 @@ var aConstructor$1 = function (argument) {
   throw new $TypeError$1(tryToString(argument) + ' is not a constructor');
 };
 
-var anObject$2 = anObject$9;
+var anObject$2 = anObject$8;
 var aConstructor = aConstructor$1;
 var isNullOrUndefined$1 = isNullOrUndefined$4;
 var wellKnownSymbol = wellKnownSymbol$a;
@@ -6680,7 +7173,7 @@ var speciesConstructor$1 = function (O, defaultConstructor) {
 var uncurryThis$2 = functionUncurryThis;
 var toIntegerOrInfinity = toIntegerOrInfinity$3;
 var toString$2 = toString$7;
-var requireObjectCoercible$1 = requireObjectCoercible$5;
+var requireObjectCoercible$1 = requireObjectCoercible$6;
 
 var charAt$1 = uncurryThis$2(''.charAt);
 var charCodeAt = uncurryThis$2(''.charCodeAt);
@@ -6723,7 +7216,7 @@ var advanceStringIndex$1 = function (S, index, unicode) {
 };
 
 var call$1 = functionCall;
-var anObject$1 = anObject$9;
+var anObject$1 = anObject$8;
 var isCallable$1 = isCallable$i;
 var classof = classofRaw$1;
 var regexpExec = regexpExec$2;
@@ -6746,9 +7239,9 @@ var regexpExecAbstract = function (R, S) {
 var call = functionCall;
 var uncurryThis$1 = functionUncurryThis;
 var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
-var anObject = anObject$9;
+var anObject = anObject$8;
 var isNullOrUndefined = isNullOrUndefined$4;
-var requireObjectCoercible = requireObjectCoercible$5;
+var requireObjectCoercible = requireObjectCoercible$6;
 var speciesConstructor = speciesConstructor$1;
 var advanceStringIndex = advanceStringIndex$1;
 var toLength = toLength$2;
@@ -6854,8 +7347,6 @@ fixRegExpWellKnownSymbolLogic('split', function (SPLIT, nativeSplit, maybeCallNa
   ];
 }, BUGGY || !SPLIT_WORKS_WITH_OVERWRITTEN_EXEC, UNSUPPORTED_Y);
 
-const LABEL_DESCRIPTION_ORIGINAL = 'Description original';
-const LABEL_DESCRIPTION_TRANSLATION = 'Description translation';
 function a11yProps(index) {
   return {
     id: `tab-${index}`,
@@ -6873,6 +7364,9 @@ const tabStyle = {
   }
 };
 const CustomTabPanel = props => {
+  const {
+    t
+  } = useTranslation(WARN_NAMESPACE);
   const {
       children,
       value,
@@ -6915,18 +7409,40 @@ const CustomTabPanel = props => {
     disabled: isDisabled
   }, /*#__PURE__*/React__default.createElement(MenuItem, {
     value: "NL"
-  }, "Dutch (selected)")))), value === index ? children : null);
+  }, t('warning-description-NL'))))), children);
 };
 const DescriptionField = ({
   isDisabled: _isDisabled = false,
   isReadOnly: _isReadOnly = false
 }) => {
-  const [value, setValue] = React__default.useState(0);
+  const {
+    t
+  } = useTranslation(WARN_NAMESPACE);
+  const {
+    isRequired
+  } = useDraftFormHelpers();
+  const {
+    formState
+  } = useFormContext();
+  const [activeTab, setActiveTab] = React__default.useState(0);
   const handleChange = (event, newValue) => {
-    setValue(newValue);
+    setActiveTab(newValue);
   };
+  const lastSubmitCount = useRef(0);
+  // next code shows the tab for the textarea which is in the invalid state
+  useEffect(() => {
+    if (formState.submitCount === lastSubmitCount.current) {
+      return;
+    }
+    lastSubmitCount.current = formState.submitCount;
+    if ('descriptionOriginal' in formState.errors) {
+      setActiveTab(0);
+    } else if ('descriptionTranslation' in formState.errors) {
+      setActiveTab(1);
+    }
+  }, [formState.errors, formState.submitCount]);
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Tabs, Object.assign({
-    value: value,
+    value: activeTab,
     onChange: handleChange,
     "aria-label": "description tabs"
   }, _isDisabled && {
@@ -6938,53 +7454,55 @@ const DescriptionField = ({
     }
   }), /*#__PURE__*/React__default.createElement(Tab, Object.assign({
     sx: tabStyle,
-    label: LABEL_DESCRIPTION_ORIGINAL,
+    label: t('warning-description-original'),
     disabled: _isDisabled
   }, a11yProps(0))), /*#__PURE__*/React__default.createElement(Tab, Object.assign({
     sx: tabStyle,
-    label: LABEL_DESCRIPTION_TRANSLATION,
+    label: t('warning-description-translation'),
     disabled: _isDisabled
   }, a11yProps(1)))), /*#__PURE__*/React__default.createElement(CustomTabPanel, {
-    value: value,
+    value: activeTab,
     index: 0,
     isDisabled: _isDisabled,
     isReadOnly: _isReadOnly
   }, /*#__PURE__*/React__default.createElement(ReactHookFormTextField, {
-    rules: {},
+    rules: {
+      validate: {
+        isRequired
+      }
+    },
     minRows: 4,
     name: "descriptionOriginal",
     multiline: true,
     disabled: _isDisabled,
-    isReadOnly: _isReadOnly
+    isReadOnly: _isReadOnly,
+    onKeyDown: event => event.stopPropagation()
   })), /*#__PURE__*/React__default.createElement(CustomTabPanel, {
-    value: value,
+    value: activeTab,
     index: 1,
     isDisabled: _isDisabled,
     isReadOnly: _isReadOnly
   }, /*#__PURE__*/React__default.createElement(ReactHookFormTextField, {
-    rules: {},
+    rules: {
+      validate: {
+        isRequired
+      }
+    },
     minRows: 4,
     name: "descriptionTranslation",
     multiline: true,
     disabled: _isDisabled,
-    isReadOnly: _isReadOnly
+    isReadOnly: _isReadOnly,
+    onKeyDown: event => event.stopPropagation()
   })));
 };
 
-const LABEL_AREA = 'Area';
-const BUTTON_ADD_OBJECT = 'Add object';
-const BUTTON_DELETE$1 = 'Delete';
-const BUTTON_VIEW = 'View';
-const BUTTON_EDIT$1 = 'Edit';
-const OBJECTS_MENU = 'Object options';
-const NO_OBJECT = '(no object selected)';
-const OBJECT_SELECTED = 'object selected';
 const formatDate = lastUpdatedTime => dateUtils.dateToString(dateUtils.isoStringToDate(lastUpdatedTime), `${DATE_FORMAT_FNS} 'UTC'`);
-const getObjectName = (geoJSON, objectName) => {
+const getObjectName = (geoJSON, objectName, t) => {
   if (geoJSON) {
-    return objectName || OBJECT_SELECTED;
+    return objectName || t('object-manager-object-selected');
   }
-  return NO_OBJECT;
+  return t('object-manager-no-object-selected');
 };
 const AreaField = ({
   onEditObject: _onEditObject = () => {},
@@ -6993,6 +7511,9 @@ const AreaField = ({
   onAddObject: _onAddObject = () => {},
   isDisabled: _isDisabled = false
 }) => {
+  const {
+    t
+  } = useTranslation(WARN_NAMESPACE);
   const {
     getValues,
     formState: {
@@ -7004,7 +7525,7 @@ const AreaField = ({
   } = useDraftFormHelpers();
   const lastUpdatedTime = getValues('object.lastUpdatedTime');
   const geoJSON = getValues('geoJSON');
-  const objectName = getObjectName(geoJSON, getValues('object.objectName'));
+  const objectName = getObjectName(geoJSON, getValues('object.objectName'), t);
   const hasErrors = (errors === null || errors === void 0 ? void 0 : errors.geoJSON) !== undefined;
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Typography, Object.assign({
     variant: "h3",
@@ -7019,7 +7540,7 @@ const AreaField = ({
     })
   }, hasErrors && {
     'aria-errormessage': errorMessages.required
-  }), LABEL_AREA), /*#__PURE__*/React__default.createElement(Card, {
+  }), t('warning-area')), /*#__PURE__*/React__default.createElement(Card, {
     elevation: 0,
     sx: Object.assign({}, !geoJSON && {
       background: 'none'
@@ -7045,8 +7566,8 @@ const AreaField = ({
     variant: "body2",
     color: "text.secondary"
   }, lastUpdatedTime ? formatDate(lastUpdatedTime) : ''), geoJSON ? ( /*#__PURE__*/React__default.createElement(ToggleMenu, {
-    menuTitle: OBJECTS_MENU,
-    tooltipTitle: OBJECTS_MENU,
+    menuTitle: t('object-manager-options-menu'),
+    tooltipTitle: t('object-manager-options-menu'),
     buttonSx: {
       position: 'absolute',
       right: 0,
@@ -7058,15 +7579,15 @@ const AreaField = ({
     menuPosition: "bottom",
     isDisabled: _isDisabled,
     menuItems: [{
-      text: BUTTON_EDIT$1,
+      text: t('object-manager-button-edit'),
       action: _onEditObject,
       icon: /*#__PURE__*/React__default.createElement(Edit, null)
     }, {
-      text: BUTTON_VIEW,
+      text: t('object-manager-button-view'),
       action: _onViewObject,
       icon: /*#__PURE__*/React__default.createElement(Visibility, null)
     }, {
-      text: BUTTON_DELETE$1,
+      text: t('object-manager-button-delete'),
       action: _onDeleteObject,
       icon: /*#__PURE__*/React__default.createElement(Delete, null)
     }]
@@ -7086,7 +7607,7 @@ const AreaField = ({
     size: "small",
     onClick: _onAddObject,
     disabled: _isDisabled
-  }, BUTTON_ADD_OBJECT));
+  }, t('warning-button-add-object')));
 };
 
 /* *
@@ -7105,39 +7626,42 @@ const AreaField = ({
  * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
-const LABEL_PHENOMENON = 'Phenomenon';
-const warningPhenomena = [{
-  title: 'Wind',
+const warningPhenomena = t => [{
+  title: t('warning-phenomenon-wind'),
   key: 'wind',
   icon: /*#__PURE__*/React.createElement(Wind, null)
 }, {
-  title: 'Fog',
+  title: t('warning-phenomenon-fog'),
   key: 'fog',
   icon: /*#__PURE__*/React.createElement(Fog, null)
 }, {
-  title: 'Thunderstorm',
+  title: t('warning-phenomenon-thunderstorm'),
   key: 'thunderstorm',
   icon: /*#__PURE__*/React.createElement(Lightning, null)
 }, {
-  title: 'Snow/ice',
+  title: t('warning-phenomenon-snow-ice'),
   key: 'snowIce',
   icon: /*#__PURE__*/React.createElement(Snow, null)
 }, {
-  title: 'Rain',
+  title: t('warning-phenomenon-rain'),
   key: 'rain',
   icon: /*#__PURE__*/React.createElement(Rain, null)
 }, {
-  title: 'High temperature',
+  title: t('warning-phenomenon-high-temp'),
   key: 'highTemp',
   icon: /*#__PURE__*/React.createElement(TemperatureHigh, null)
 },
-// { title: 'Funnel cloud', key: 'funnelCloud', icon: <FunnelCloud /> },
+// {
+//   title: t('warning-phenomenon-funnel-cloud'),
+//   key: 'funnelCloud',
+//   icon: <FunnelCloud />,
+// },
 {
-  title: 'Low temperature',
+  title: t('warning-phenomenon-low-temp'),
   key: 'lowTemp',
   icon: /*#__PURE__*/React.createElement(TemperatureLow, null)
 }, {
-  title: 'Coastal event',
+  title: t('warning-phenomenon-coastal-event'),
   key: 'coastalEvent',
   icon: /*#__PURE__*/React.createElement(CoastalEvent, null)
 }];
@@ -7145,12 +7669,15 @@ const Phenomenon = ({
   isDisabled,
   isReadOnly
 }) => {
+  const {
+    t
+  } = useTranslation(WARN_NAMESPACE);
   const {
     isRequired
   } = useDraftFormHelpers();
   return /*#__PURE__*/React.createElement(ReactHookFormSelect, {
     name: "phenomenon",
-    label: LABEL_PHENOMENON,
+    label: t('warning-phenomenon'),
     rules: {
       validate: {
         isRequired
@@ -7158,7 +7685,7 @@ const Phenomenon = ({
     },
     disabled: isDisabled || isReadOnly,
     isReadOnly: isReadOnly
-  }, warningPhenomena.map(phenomenon => {
+  }, warningPhenomena(t).map(phenomenon => {
     return /*#__PURE__*/React.createElement(MenuItem, {
       key: phenomenon.key,
       value: phenomenon.key
@@ -7173,54 +7700,58 @@ const Phenomenon = ({
   }));
 };
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
-const LABEL_LEVEL = 'Level';
-const levelOptions = [{
-  title: 'Moderate',
-  key: 'moderate',
-  color: '#FAE21E',
-  textColor: '#051039'
-}, {
-  title: 'Severe',
-  key: 'severe',
-  color: '#E27000',
-  textColor: '#051039'
-}, {
-  title: 'Extreme',
-  key: 'extreme',
-  color: '#D62A20',
-  textColor: '#ffffff'
-}];
+var WarningLevel;
+(function (WarningLevel) {
+  WarningLevel["moderate"] = "moderate";
+  WarningLevel["severe"] = "severe";
+  WarningLevel["extreme"] = "extreme";
+})(WarningLevel || (WarningLevel = {}));
+const LevelColors = {
+  moderate: {
+    color: '#FAE21E',
+    textColor: '#051039'
+  },
+  severe: {
+    color: '#E27000',
+    textColor: '#051039'
+  },
+  extreme: {
+    color: '#D62A20',
+    textColor: '#ffffff'
+  }
+};
+const levelOptions = t => [Object.assign({
+  title: t('warning-level-moderate'),
+  key: WarningLevel.moderate
+}, LevelColors[WarningLevel.moderate]), Object.assign({
+  title: t('warning-level-severe'),
+  key: WarningLevel.severe
+}, LevelColors[WarningLevel.severe]), Object.assign({
+  title: t('warning-level-extreme'),
+  key: WarningLevel.extreme
+}, LevelColors['extreme'])];
 const LevelField = ({
   isDisabled: _isDisabled = false,
   isReadOnly: _isReadOnly = false
 }) => {
+  const {
+    t
+  } = useTranslation(WARN_NAMESPACE);
   const {
     isRequired
   } = useDraftFormHelpers();
   const {
-    watch
+    watch,
+    trigger
   } = useFormContext();
   const selectedLevel = watch('level');
-  const levelDetails = levelOptions.find(level => level.key === selectedLevel);
+  const levelDetails = levelOptions(t).find(level => level.key === selectedLevel);
+  const onChangeLevel = () => {
+    trigger(['level', 'probability']);
+  };
   return /*#__PURE__*/React.createElement(ReactHookFormSelect, {
     name: "level",
-    label: LABEL_LEVEL,
+    label: t('warning-level'),
     rules: {
       validate: {
         isRequired
@@ -7234,8 +7765,9 @@ const LevelField = ({
       }
     },
     disabled: _isDisabled || _isReadOnly,
-    isReadOnly: _isReadOnly
-  }, levelOptions.map(level => ( /*#__PURE__*/React.createElement(MenuItem, {
+    isReadOnly: _isReadOnly,
+    onChange: onChangeLevel
+  }, levelOptions(t).map(level => ( /*#__PURE__*/React.createElement(MenuItem, {
     value: level.key,
     key: level.key,
     sx: {
@@ -7276,23 +7808,28 @@ const LevelField = ({
  * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
-const LABEL_VALID_FROM = 'Valid from';
-const MAX_HOURS_AFTER_CURRENT$1 = 168;
-const VALID_FROM_ERROR_BEFORE_CURRENT = 'Valid from time cannot be before current time';
-const VALID_FROM_ERROR_AFTER_CURRENT = `Valid from time can be no more than ${MAX_HOURS_AFTER_CURRENT$1} hours after current time`;
-const isValueBeforeCurrentTime$1 = value => isXHoursBefore(value, dateUtils.getCurrentTimeAsString(), 0) || VALID_FROM_ERROR_BEFORE_CURRENT;
-const isMaxHoursAfterCurrentTime$1 = value => isXHoursAfter(value, dateUtils.getCurrentTimeAsString(), MAX_HOURS_AFTER_CURRENT$1) || VALID_FROM_ERROR_AFTER_CURRENT;
+const VALID_FROM_MAX_HOURS_AFTER_CURRENT = 168;
+const isValueBeforeCurrentTime$1 = (value, t) => isXHoursBefore(value, dateUtils.getCurrentTimeAsString(), 0) || t('warning-valid-from-error-before-current');
+const isMaxHoursAfterCurrentTime$1 = (value, t) => isXHoursAfter(value, dateUtils.getCurrentTimeAsString(), VALID_FROM_MAX_HOURS_AFTER_CURRENT) || t('warning-valid-from-error-max-hours', {
+  ns: WARN_NAMESPACE,
+  MAX_HOURS: VALID_FROM_MAX_HOURS_AFTER_CURRENT
+});
 const ValidFrom = ({
   isDisabled,
   isReadOnly
 }) => {
+  const {
+    t
+  } = useTranslation(WARN_NAMESPACE);
   const {
     isRequired
   } = useDraftFormHelpers();
   const {
     trigger
   } = useFormContext();
-  const onChangeValidFrom = () => trigger('validUntil');
+  const onChangeValidFrom = () => {
+    trigger(['validFrom', 'validUntil']);
+  };
   return /*#__PURE__*/React.createElement(ReactHookFormDateTime, {
     name: "validFrom",
     rules: {
@@ -7300,12 +7837,12 @@ const ValidFrom = ({
         isRequired,
         isValidDate,
         // The valid from time cannot be before the current time
-        isValueBeforeCurrentTime: isValueBeforeCurrentTime$1,
+        isValueBeforeCurrentTime: value => isValueBeforeCurrentTime$1(value, t),
         // Valid from can be no more than X hours after current time
-        isMaxHoursAfterCurrentTime: isMaxHoursAfterCurrentTime$1
+        isMaxHoursAfterCurrentTime: value => isMaxHoursAfterCurrentTime$1(value, t)
       }
     },
-    label: LABEL_VALID_FROM,
+    label: t('warning-valid-from'),
     disablePast: true,
     disabled: isDisabled || isReadOnly,
     isReadOnly: isReadOnly,
@@ -7329,31 +7866,40 @@ const ValidFrom = ({
  * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
-const LABEL_VALID_UNTIL = 'Valid until';
-const MAX_HOURS_AFTER_CURRENT = 180;
-const MIN_HOURS_AFTER_VALID_FROM = 1;
-const VALID_UNTIL_ERROR_BEFORE_CURRENT = 'Valid until time cannot be before current time';
-const VALID_UNTIL_ERROR_AFTER_CURRENT = `Valid until time can be no more than ${MAX_HOURS_AFTER_CURRENT} hours after current time`;
-const VALID_UNTIL_ERROR_AFTER_VALID_FROM = `Valid until time has to be at least ${MIN_HOURS_AFTER_VALID_FROM} hour after Valid from time`;
-const isValueBeforeCurrentTime = value => isXHoursBefore(value, dateUtils.getCurrentTimeAsString(), 0) || VALID_UNTIL_ERROR_BEFORE_CURRENT;
-const isMaxHoursAfterCurrentTime = value => isXHoursAfter(value, dateUtils.getCurrentTimeAsString(), MAX_HOURS_AFTER_CURRENT) || VALID_UNTIL_ERROR_AFTER_CURRENT;
-const isMinHoursAfterValidFrom = (value, validFromValue) => {
+const VALID_UNTIL_MAX_HOURS_AFTER_CURRENT = 180;
+const VALID_UNTIL_MIN_HOURS_AFTER_VALID_FROM = 1;
+const isValueBeforeCurrentTime = (value, t) => isXHoursBefore(value, dateUtils.getCurrentTimeAsString(), 0) || t('warning-valid-until-error-before-current');
+const isMaxHoursAfterCurrentTime = (value, t) => isXHoursAfter(value, dateUtils.getCurrentTimeAsString(), VALID_UNTIL_MAX_HOURS_AFTER_CURRENT) || t('warning-valid-until-error-max-hours', {
+  ns: WARN_NAMESPACE,
+  MAX_HOURS: VALID_UNTIL_MAX_HOURS_AFTER_CURRENT
+});
+const isMinHoursAfterValidFrom = (value, validFromValue, t) => {
   if (isEmpty(value) || isEmpty(validFromValue) || !isValidDate(validFromValue)) {
     return true;
   }
   const duration = dateUtils.differenceInHours(new Date(value), new Date(validFromValue));
-  return duration >= MIN_HOURS_AFTER_VALID_FROM || VALID_UNTIL_ERROR_AFTER_VALID_FROM;
+  return duration >= VALID_UNTIL_MIN_HOURS_AFTER_VALID_FROM || t('warning-valid-until-error-min-hours', {
+    ns: WARN_NAMESPACE,
+    MIN_HOURS: VALID_UNTIL_MIN_HOURS_AFTER_VALID_FROM
+  });
 };
 const ValidUntil = ({
   isDisabled,
   isReadOnly
 }) => {
+  const {
+    t
+  } = useTranslation(WARN_NAMESPACE);
   const {
     isRequired
   } = useDraftFormHelpers();
   const {
-    getValues
+    getValues,
+    trigger
   } = useFormContext();
+  const onChangeValidUntil = () => {
+    trigger(['validFrom', 'validUntil']);
+  };
   return /*#__PURE__*/React.createElement(ReactHookFormDateTime, {
     name: "validUntil",
     rules: {
@@ -7361,18 +7907,148 @@ const ValidUntil = ({
         isRequired,
         isValidDate,
         // The valid until time cannot be before the current time
-        isValueBeforeCurrentTime,
+        isValueBeforeCurrentTime: value => isValueBeforeCurrentTime(value, t),
         // Valid until time can be no more than X hours after current time
-        isMaxHoursAfterCurrentTime,
+        isMaxHoursAfterCurrentTime: value => isMaxHoursAfterCurrentTime(value, t),
         // Valid until time has to be at least X hours after valid from time
-        isMinHoursAfterValidFrom: value => isMinHoursAfterValidFrom(value, getValues('validFrom'))
+        isMinHoursAfterValidFrom: value => isMinHoursAfterValidFrom(value, getValues('validFrom'), t)
       }
     },
-    label: LABEL_VALID_UNTIL,
+    label: t('warning-valid-until'),
     disablePast: true,
     disabled: isDisabled || isReadOnly,
-    isReadOnly: isReadOnly
+    isReadOnly: isReadOnly,
+    onChange: onChangeValidUntil
+  });
+};
+
+const zoomToFeature = (mapId, geojsonFeature) => {
+  const webmapjs = getWMJSMapById(mapId);
+  if (!webmapjs || !geojsonFeature) {
+    return;
+  }
+  const bboxGeoJSON = getFeatureExtent(geojsonFeature);
+  const projectedCoordinateBoxBottomLeft = webmapjs.getGeoCoordFromLatLong({
+    x: bboxGeoJSON.left,
+    y: bboxGeoJSON.bottom
+  });
+  const projectedCoordinateBoxTopRight = webmapjs.getGeoCoordFromLatLong({
+    x: bboxGeoJSON.right,
+    y: bboxGeoJSON.top
   });
+  if (projectedCoordinateBoxBottomLeft && projectedCoordinateBoxTopRight) {
+    const transformedExtent = new WMBBOX({
+      left: projectedCoordinateBoxBottomLeft.x,
+      bottom: projectedCoordinateBoxBottomLeft.y,
+      right: projectedCoordinateBoxTopRight.x,
+      top: projectedCoordinateBoxTopRight.y
+    });
+    webmapjs.zoomTo(transformedExtent);
+    webmapjs.zoomOut(1 / 2);
+    webmapjs.draw();
+  }
+};
+const WarningsMapView = ({
+  geojsonFeature,
+  defaultBbox: _defaultBbox = defaultBbox
+}) => {
+  const mapId = React.useRef(`WarningsMapView_${generateMapId()}`).current;
+  const warningLayer = {
+    id: `${mapId}geojsonfeature`,
+    geojson: geojsonFeature,
+    layerType: LayerType.featureLayer
+  };
+  // Zoom to the geojson when the geojsonFeature is updated in an already mounted map component
+  zoomToFeature(mapId, geojsonFeature);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: '200px',
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(MapView, {
+    bbox: _defaultBbox.bbox,
+    srs: _defaultBbox.srs,
+    mapId: mapId,
+    showScaleBar: false,
+    onWMJSMount: mapId => {
+      const webmapjs = getWMJSMapById(mapId);
+      webmapjs.hideMouseCursorProperties();
+      if (!geojsonFeature) {
+        return;
+      }
+      // Zoom to the geojson when the map is ready
+      zoomToFeature(mapId, geojsonFeature);
+    },
+    holdShiftToScroll: true
+  }, /*#__PURE__*/React.createElement(MapViewLayer, Object.assign({}, defaultLayers.baseLayerGrey, {
+    id: `${mapId}_baseLayer}`
+  })), warningLayer.geojson && /*#__PURE__*/React.createElement(MapViewLayer, Object.assign({}, warningLayer)), /*#__PURE__*/React.createElement(MapViewLayer, Object.assign({}, defaultLayers.overLayer, {
+    id: `${mapId}_overlayer}`
+  }))));
+};
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * */
+const probablityOptions = [100, 90, 80, 70, 60, 50, 40, 30, 20, 10];
+const defaultProbability = 30;
+const ProbabilityField = ({
+  isDisabled,
+  isReadOnly
+}) => {
+  const {
+    t
+  } = useTranslation(WARN_NAMESPACE);
+  const {
+    trigger,
+    getValues
+  } = useFormContext();
+  const {
+    isRequired
+  } = useDraftFormHelpers();
+  const isValidProbabilityForLevel = (value, fieldValues) => {
+    if (fieldValues['level'] === 'moderate' && value < 30) {
+      return t('warning-probability-moderate-level-invalid');
+    }
+    return true;
+  };
+  const onChangeProbability = () => {
+    trigger('probability');
+    // We don't want to trigger the missing value validation
+    if (!isEmpty(getValues('level'))) {
+      trigger('level');
+    }
+  };
+  return /*#__PURE__*/React.createElement(ReactHookFormSelect, {
+    name: "probability",
+    label: t('warning-probability'),
+    rules: {
+      validate: {
+        isRequired,
+        isValidProbabilityForLevel
+      }
+    },
+    disabled: isDisabled || isReadOnly,
+    isReadOnly: isReadOnly,
+    defaultValue: defaultProbability,
+    onChange: onChangeProbability
+  }, probablityOptions.map(probability => ( /*#__PURE__*/React.createElement(MenuItem, {
+    value: probability,
+    key: probability
+  }, probability, " %"))));
 };
 
 const getEmptyPublicWarning = () => {
@@ -7396,6 +8072,15 @@ const getEmptyPublicWarning = () => {
     geoJSON: null
   };
 };
+const getDefaultFeatureProperties = level => {
+  return {
+    fill: LevelColors[level].color,
+    stroke: LevelColors[level].color,
+    'fill-opacity': 0.2,
+    'stroke-width': 2,
+    'stroke-opacity': 1
+  };
+};
 const getFormData = (publicWarningsDetails, object) => {
   const data = Object.assign(Object.assign({
     IS_DRAFT: '',
@@ -7416,13 +8101,6 @@ const spinnerSx = {
   margin: 'auto',
   marginLeft: 1
 };
-const LABEL_PROBABILITY = 'Probability';
-const BUTTON_CLEAR = 'Clear';
-const BUTTON_SAVE = 'Save';
-const BUTTON_SAVING = 'Saving';
-const BUTTON_PUBLISH = 'Publish';
-const BUTTON_PUBLISHING = 'Publishing';
-const probablityOptions = [100, 90, 80, 70, 60, 50, 40, 30, 20, 10, 0];
 const ContainerWrapper = styled('div')(() => ({
   containerType: 'size',
   height: '100%'
@@ -7494,6 +8172,7 @@ const getErrors = errors => errors ? errors === null || errors === void 0 ? void
   errors: []
 }) : null;
 const Form = ({
+  defaultBbox,
   onSaveForm: _onSaveForm = () => {},
   onPublishForm: _onPublishForm = () => {},
   object,
@@ -7506,6 +8185,9 @@ const Form = ({
   isReadOnly: _isReadOnly2 = false,
   onFormDirty: _onFormDirty = () => {}
 }) => {
+  const {
+    t
+  } = useTranslation(WARN_NAMESPACE);
   const {
     handleSubmit,
     reset,
@@ -7555,6 +8237,20 @@ const Form = ({
     reset(getFormData(publicWarningDetails, object));
   }, [object, reset, publicWarningDetails]);
   const errors = getErrors(_error.message);
+  // object is used making drawing, publicWarningDetails is used when showing the dialog from the warninglist.
+  const warningGeoJSONFeature = (object === null || object === void 0 ? void 0 : object.geoJSON) || (publicWarningDetails === null || publicWarningDetails === void 0 ? void 0 : publicWarningDetails.geoJSON);
+  // Add colors, if not defined
+  const warningGeoJSONFeatureWithFillProps = produce(warningGeoJSONFeature, draft => {
+    const draftFeature = draft === null || draft === void 0 ? void 0 : draft.features[0];
+    if (draftFeature) {
+      const level = WarningLevel[publicWarningDetails === null || publicWarningDetails === void 0 ? void 0 : publicWarningDetails.level] || WarningLevel[WarningLevel.moderate];
+      const defaultProps = getDefaultFeatureProperties(level);
+      if (!draftFeature.properties) {
+        draftFeature.properties = Object.assign({}, defaultProps);
+      }
+      Object.assign(draftFeature.properties, Object.assign(Object.assign({}, defaultProps), draftFeature.properties));
+    }
+  });
   return /*#__PURE__*/React.createElement(ContainerWrapper, null, /*#__PURE__*/React.createElement(ContainerFormWrapper, {
     isReadOnly: _isReadOnly2
   }, /*#__PURE__*/React.createElement(ContainerGrid, null, errors && ( /*#__PURE__*/React.createElement(Box, {
@@ -7587,6 +8283,16 @@ const Form = ({
     onViewObject: () => {},
     onDeleteObject: () => {},
     onAddObject: () => {}
+  }))), /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    xs: 12,
+    container: true
+  }, /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    xs: 12
+  }, /*#__PURE__*/React.createElement(WarningsMapView, {
+    geojsonFeature: warningGeoJSONFeatureWithFillProps,
+    defaultBbox: defaultBbox
   }))), /*#__PURE__*/React.createElement(Grid, {
     item: true,
     xs: 12,
@@ -7622,16 +8328,10 @@ const Form = ({
     item: true,
     xs: 12,
     sm: 6
-  }, /*#__PURE__*/React.createElement(ReactHookFormSelect, {
-    name: "probability",
-    label: LABEL_PROBABILITY,
-    rules: {},
-    disabled: areFieldsDisabled || _isReadOnly2,
+  }, /*#__PURE__*/React.createElement(ProbabilityField, {
+    isDisabled: areFieldsDisabled,
     isReadOnly: _isReadOnly2
-  }, probablityOptions.map(probability => ( /*#__PURE__*/React.createElement(MenuItem, {
-    value: probability,
-    key: probability
-  }, probability, " %")))))), /*#__PURE__*/React.createElement(Grid, {
+  }))), /*#__PURE__*/React.createElement(Grid, {
     item: true,
     xs: 12,
     container: true,
@@ -7669,7 +8369,7 @@ const Form = ({
     },
     disabled: areFieldsDisabled,
     onClick: onPressClear
-  }, BUTTON_CLEAR)), /*#__PURE__*/React.createElement(Grid, {
+  }, t('warning-button-clear'))), /*#__PURE__*/React.createElement(Grid, {
     item: true,
     xs: 12,
     sm: 4
@@ -7685,7 +8385,7 @@ const Form = ({
     style: {
       position: 'relative'
     }
-  }, isSaving ? BUTTON_SAVING : BUTTON_SAVE, isSaving && ( /*#__PURE__*/React.createElement(CircularProgress, {
+  }, isSaving ? t('warning-button-saving') : t('warning-button-save'), isSaving && ( /*#__PURE__*/React.createElement(CircularProgress, {
     "data-testid": "spinner",
     color: "inherit",
     sx: spinnerSx
@@ -7704,7 +8404,7 @@ const Form = ({
     style: {
       position: 'relative'
     }
-  }, isPublishing ? BUTTON_PUBLISHING : BUTTON_PUBLISH, isPublishing && ( /*#__PURE__*/React.createElement(CircularProgress, {
+  }, isPublishing ? t('warning-button-publishing') : t('warning-button-publish'), isPublishing && ( /*#__PURE__*/React.createElement(CircularProgress, {
     "data-testid": "spinner",
     color: "inherit",
     sx: spinnerSx
@@ -7718,6 +8418,7 @@ const PublicWarningsForm = props => {
   const defaultValues = getFormData(publicWarningDetails, object);
   return /*#__PURE__*/React.createElement(ReactHookFormProvider, {
     options: Object.assign(Object.assign({}, defaultFormOptions), {
+      mode: 'onSubmit',
       defaultValues
     })
   }, /*#__PURE__*/React.createElement(Form, Object.assign({}, props)));
@@ -7776,7 +8477,9 @@ const getSelectedPublicIsFormDirty = createSelector(getPublicWarningStore, publi
  * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
-const PublicWarningsFormConnect = () => {
+const PublicWarningsFormConnect = ({
+  defaultBbox
+}) => {
   const publicWarning = useSelector(store => getPublicWarning(store));
   const publicWarningObject = useSelector(store => getPublicWarningObject(store));
   const publicWarningFormAction = useSelector(store => getPublicWarningFormState(store));
@@ -7828,16 +8531,19 @@ const PublicWarningsFormConnect = () => {
     formAction: publicWarningFormAction,
     isReadOnly: isReadOnly,
     error: publicWarningFormError,
-    onFormDirty: onFormDirty
+    onFormDirty: onFormDirty,
+    defaultBbox: defaultBbox
   });
 };
 
-const warningFormConfirmationOptions = {
-  cancelLabel: 'Cancel',
-  title: 'Close public warning',
-  description: 'There are changes in the form, are you sure you want to close?',
-  confirmLabel: 'Close',
-  catchOnCancel: true
+const warningFormConfirmationOptions = t => {
+  return {
+    cancelLabel: t('close-dialog-cancel'),
+    title: t('close-warning-dialog-title'),
+    description: t('close-dialog-description'),
+    confirmLabel: t('close-dialog-confirm'),
+    catchOnCancel: true
+  };
 };
 const isAlreadyEdited = (publicWarningEditor, username) => {
   return publicWarningEditor !== undefined && publicWarningEditor !== '' && publicWarningEditor !== null && publicWarningEditor !== username;
@@ -7845,7 +8551,8 @@ const isAlreadyEdited = (publicWarningEditor, username) => {
 const PublicWarningsFormDialogConnect = ({
   bounds,
   source: _source = 'app',
-  startPosition
+  startPosition,
+  defaultBbox
 }) => {
   const warningsApi = getWarningsApi();
   const {
@@ -7856,6 +8563,9 @@ const PublicWarningsFormDialogConnect = ({
     onCloseDialog,
     uiIsLoading
   } = useSetupDialog(publicWarningDialogType, _source);
+  const {
+    t
+  } = useTranslation(WARN_NAMESPACE);
   const dispatch = useDispatch();
   const confirmDialog = useConfirmationDialog();
   const formAction = useSelector(store => getPublicWarningFormState(store));
@@ -7889,9 +8599,10 @@ const PublicWarningsFormDialogConnect = ({
     // We are taking over from another user, first confirm this is what they want
     if (!isReadOnly && isAlreadyEdited(latestEditor, username)) {
       yield confirmDialog({
-        title: 'Switch to edit mode',
-        description: 'This warning is already in edit mode by another user and important information could get lost in the switching process.',
-        confirmLabel: 'Edit mode'
+        title: t('warning-edit-mode-title'),
+        description: t('warning-edit-mode-description'),
+        confirmLabel: t('warning-edit-mode-confirm'),
+        cancelLabel: t('warning-dialog-cancel')
       });
     }
     dispatch(publicWarningFormActions.toggleEditorWarning({
@@ -7904,9 +8615,10 @@ const PublicWarningsFormDialogConnect = ({
   const onChangeFormMode = isReadOnly => {
     if (isReadOnly && isFormDirty) {
       confirmDialog({
-        title: 'Whoops',
-        description: 'Are you sure you want to switch to view mode? Your unsaved changes will be lost.',
-        confirmLabel: 'Switch mode'
+        title: t('warning-view-mode-title'),
+        description: t('warning-view-mode-description'),
+        confirmLabel: t('warning-view-mode-confirm'),
+        cancelLabel: t('warning-dialog-cancel')
       }).then(() => __awaiter(void 0, void 0, void 0, function* () {
         yield setIsEditor(isReadOnly);
       }));
@@ -7916,7 +8628,7 @@ const PublicWarningsFormDialogConnect = ({
   };
   const closeDialog = () => __awaiter(void 0, void 0, void 0, function* () {
     if (isFormDirty) {
-      const mayProceed = yield confirmDialog(warningFormConfirmationOptions).then(() => true).catch(() => false);
+      const mayProceed = yield confirmDialog(warningFormConfirmationOptions(t)).then(() => true).catch(() => false);
       if (!mayProceed) {
         return;
       }
@@ -7943,27 +8655,23 @@ const PublicWarningsFormDialogConnect = ({
     onChangeFormMode: onChangeFormMode,
     shouldHideFormMode: shouldHideFormToggleMode,
     publicWarningEditor: publicWarningEditor
-  }, /*#__PURE__*/React__default.createElement(PublicWarningsFormConnect, null));
+  }, /*#__PURE__*/React__default.createElement(PublicWarningsFormConnect, {
+    defaultBbox: defaultBbox
+  }));
 };
 
 const getStatus = status => {
   switch (status) {
     case 'DRAFT':
-      return 'Drafts';
+      return outsideComponentTranslations['warning-list-status-draft'];
     case 'PUBLISHED':
-      return 'Published';
+      return outsideComponentTranslations['warning-list-status-published'];
     case 'TODO':
-      return 'Reviews';
+      return outsideComponentTranslations['warning-list-status-todo'];
     default:
-      return 'Expired (last 24 hours)';
+      return outsideComponentTranslations['warning-list-status-expired'];
   }
 };
-const CREATE_WARNING = 'Create a warning';
-const BUTTON_EDIT = 'Edit';
-const BUTTON_DELETE = 'Delete';
-const BUTTON_USE = 'Use';
-const BUTTON_IGNORE = 'Ignore';
-const BUTTON_OPTIONS = 'Options';
 const sortWarningsOnStatus = warnings => {
   return warnings.reduce((allWarnings, warning) => {
     if (warning.status === 'DRAFT') {
@@ -8047,6 +8755,9 @@ const WarningsOnStatus = ({
   onDeleteWarning: _onDeleteWarning = () => {},
   onIgnoreWarning: _onIgnoreWarning = () => {}
 }) => {
+  const {
+    t
+  } = useTranslation(WARN_NAMESPACE);
   const headerText = `${warnings.length} ${getStatus(status)}`;
   const onClickWarning = warning => () => _onSelectWarning(warning);
   const onClickEditWarning = warning => () => _onEditWarning(warning);
@@ -8058,22 +8769,22 @@ const WarningsOnStatus = ({
   const getMenuItems = warning => {
     if (status === 'DRAFT') {
       return [{
-        text: BUTTON_EDIT,
+        text: t('object-manager-button-edit'),
         action: onClickEditWarning(warning),
         icon: /*#__PURE__*/React__default.createElement(Edit, null)
       }, {
-        text: BUTTON_DELETE,
+        text: t('object-manager-button-delete'),
         action: onClickDeleteWarning(warning.id),
         icon: /*#__PURE__*/React__default.createElement(Delete, null)
       }];
     }
     if (status === 'TODO') {
       return [{
-        text: BUTTON_IGNORE,
+        text: t('warning-list-button-ignore'),
         action: onClickIgnoreWarning(warning),
         icon: /*#__PURE__*/React__default.createElement(VisibilityOff, null)
       }, {
-        text: BUTTON_USE,
+        text: t('warning-list-button-use'),
         action: onClickUseWarning(warning),
         icon: /*#__PURE__*/React__default.createElement(Success, null)
       }];
@@ -8093,8 +8804,8 @@ const WarningsOnStatus = ({
     "aria-label": `warninglist ${status}`
   }, warnings.map(warning => {
     var _a;
-    const phenomenonDetails = warningPhenomena.find(phenomenon => phenomenon.key === warning.warningDetail.phenomenon);
-    const levelDetails = levelOptions.find(level => level.key === warning.warningDetail.level);
+    const phenomenonDetails = warningPhenomena(t).find(phenomenon => phenomenon.key === warning.warningDetail.phenomenon);
+    const levelDetails = levelOptions(t).find(level => level.key === warning.warningDetail.level);
     return /*#__PURE__*/React__default.createElement(ListItem, {
       key: warning.id,
       sx: {
@@ -8109,10 +8820,10 @@ const WarningsOnStatus = ({
         containerType: 'inline-size'
       },
       secondaryAction: status !== 'EXPIRED' ? ( /*#__PURE__*/React__default.createElement(ToggleMenu, {
-        menuTitle: BUTTON_OPTIONS,
-        tooltipTitle: BUTTON_OPTIONS,
+        menuTitle: t('warning-list-button-options'),
+        tooltipTitle: t('warning-list-button-options'),
         menuPosition: "bottom",
-        "aria-label": BUTTON_OPTIONS,
+        "aria-label": t('warning-list-button-options'),
         menuItems: getMenuItems(warning),
         buttonIcon: /*#__PURE__*/React__default.createElement(Options, null)
       })) : ( /*#__PURE__*/React__default.createElement(Box, {
@@ -8146,26 +8857,26 @@ const WarningsOnStatus = ({
       columnSpacing: 2,
       alignItems: "center"
     }, /*#__PURE__*/React__default.createElement(WarningListColumnContent, {
-      title: "Incident",
+      title: t('warning-list-header-incident'),
       status: status,
       width: 142
     }), /*#__PURE__*/React__default.createElement(WarningListColumnContent, {
-      title: "Last update",
+      title: t('warning-list-header-last-update'),
       status: status,
       width: 142
     }, warning.lastUpdatedTime && `${dateUtils.dateToString(dateUtils.utc(warning.lastUpdatedTime), DATE_FORMAT_FNS)} UTC`), /*#__PURE__*/React__default.createElement(WarningListColumnContent, {
-      title: "Start time",
+      title: t('warning-list-header-start-time'),
       status: status,
       width: 142
     }, warning.warningDetail.validFrom && `${dateUtils.dateToString(dateUtils.utc(warning.warningDetail.validFrom), DATE_FORMAT_FNS)} UTC`), /*#__PURE__*/React__default.createElement(WarningListColumnContent, {
-      title: "End time",
+      title: t('warning-list-header-end-time'),
       status: status,
       width: 142
     }, warning.warningDetail.validUntil && `${dateUtils.dateToString(dateUtils.utc(warning.warningDetail.validUntil), DATE_FORMAT_FNS)} UTC`), /*#__PURE__*/React__default.createElement(WarningListColumnContent, {
-      title: "Domain",
+      title: t('warning-list-header-domain'),
       status: status
     }, warning.warningDetail.domain), /*#__PURE__*/React__default.createElement(WarningListColumnContent, {
-      title: "Phenomenon",
+      title: t('warning-list-header-phenomenon'),
       status: status,
       width: 140,
       sx: {
@@ -8178,7 +8889,7 @@ const WarningsOnStatus = ({
         bottom: -6
       }
     }, phenomenonDetails === null || phenomenonDetails === void 0 ? void 0 : phenomenonDetails.icon)), /*#__PURE__*/React__default.createElement(WarningListColumnContent, {
-      title: "Level",
+      title: t('warning-list-header-level'),
       status: status
     }, /*#__PURE__*/React__default.createElement(Box, {
       component: "span",
@@ -8191,7 +8902,8 @@ const WarningsOnStatus = ({
         marginLeft: -0.5
       }
     }, ((_a = warning.warningDetail) === null || _a === void 0 ? void 0 : _a.level) && (levelDetails === null || levelDetails === void 0 ? void 0 : levelDetails.title) || '-')), /*#__PURE__*/React__default.createElement(WarningListColumnContent, {
-      status: status
+      status: status,
+      width: 96
     }, status === 'DRAFT' ? ( /*#__PURE__*/React__default.createElement(Box, {
       sx: {
         position: 'relative',
@@ -8216,7 +8928,7 @@ const WarningsOnStatus = ({
       },
       variant: "flat",
       startIcon: /*#__PURE__*/React__default.createElement(Edit, null)
-    }, "DRAFT"))) : ( /*#__PURE__*/React__default.createElement(StatusTag, {
+    }, t('warning-list-header-draft')))) : ( /*#__PURE__*/React__default.createElement(StatusTag, {
       content: status.toLowerCase(),
       color: status === 'EXPIRED' ? 'grey' : 'green',
       sx: {
@@ -8238,6 +8950,9 @@ const PublicWarningList = ({
   onRefetchWarnings: _onRefetchWarnings = () => {},
   onIgnoreWarning: _onIgnoreWarning2 = () => {}
 }) => {
+  const {
+    t
+  } = useTranslation(WARN_NAMESPACE);
   const sortedWarnings = warnings ? sortWarningsOnStatus(warnings) : null;
   return /*#__PURE__*/React__default.createElement(Box, {
     sx: {
@@ -8258,7 +8973,7 @@ const PublicWarningList = ({
       fontSize: '12px',
       height: '32px'
     }
-  }, CREATE_WARNING)), error && /*#__PURE__*/React__default.createElement(AlertBanner, {
+  }, t('warning-list-button_create'))), error && /*#__PURE__*/React__default.createElement(AlertBanner, {
     title: error.message,
     shouldClose: true
   }), _isLoading && ( /*#__PURE__*/React__default.createElement(LinearProgress, {
@@ -8320,7 +9035,7 @@ var defineBuiltInAccessor$1 = function (target, name, descriptor) {
 
 var $ = _export;
 var DESCRIPTORS = descriptors;
-var global$1 = global$j;
+var global$1 = global$i;
 var uncurryThis = functionUncurryThis;
 var hasOwn = hasOwnProperty_1;
 var isCallable = isCallable$i;
@@ -8410,7 +9125,6 @@ const isPublicWarningsLoading = createSelector(getPublicWarningsStore, store =>
 const getPublicWarningsError = createSelector(getPublicWarningsStore, store => store === null || store === void 0 ? void 0 : store.error);
 const getPublicWarningsLastUpdatedTime = createSelector(getPublicWarningsStore, store => store === null || store === void 0 ? void 0 : store.lastUpdatedTime);
 
-const CANCEL = 'Go back';
 const ConfirmDeleteWarningDialog = ({
   onClose: _onClose = () => {},
   title,
@@ -8419,6 +9133,9 @@ const ConfirmDeleteWarningDialog = ({
   confirmLabel,
   callback
 }) => {
+  const {
+    t
+  } = useTranslation(WARN_NAMESPACE);
   const [isLoading, setIsLoading] = React__default.useState(false);
   const [error, setError] = React__default.useState(undefined);
   const onSubmit = () => __awaiter(void 0, void 0, void 0, function* () {
@@ -8436,7 +9153,7 @@ const ConfirmDeleteWarningDialog = ({
     title: title,
     open: true,
     confirmLabel: confirmLabel,
-    cancelLabel: CANCEL,
+    cancelLabel: t('warning-dialog-cancel'),
     description: !error ? description : '',
     onClose: _onClose,
     onSubmit: onSubmit,
@@ -8460,15 +9177,10 @@ const ConfirmDeleteWarningDialog = ({
   }));
 };
 
-const DELETE_WARNING_SUCCESS_MESSAGE = `Warning has been deleted`;
-const DELETE_TITLE = 'Delete warning';
-const DELETE_CONFIRM = 'Delete';
-const DELETE_DESCRIPTION = 'Are you sure you want to delete this warning?';
-const IGNORE_WARNING_SUCCESS_MESSAGE = `Warning has been ignored`;
-const IGNORE_TITLE = 'Ignore warning';
-const IGNORE_CONFIRM = 'Ignore';
-const IGNORE_DESCRIPTION = 'Are you sure you want to ignore this warning?';
 const PublicWarningListConnect = () => {
+  const {
+    t
+  } = useTranslation(WARN_NAMESPACE);
   const dispatch = useDispatch();
   const confirmDialog = useConfirmationDialog();
   const [confirmDialogOptions, setConfirmDialogOptions] = React__default.useState(undefined);
@@ -8480,7 +9192,7 @@ const PublicWarningListConnect = () => {
   const lastUpdatedTime = useSelector(store => getPublicWarningsLastUpdatedTime(store));
   const openPublicWarningDialog = (formAction, publicWarning) => __awaiter(void 0, void 0, void 0, function* () {
     if (isFormDirty) {
-      const mayProceed = yield confirmDialog(warningFormConfirmationOptions).then(() => true).catch(() => false);
+      const mayProceed = yield confirmDialog(warningFormConfirmationOptions(t)).then(() => true).catch(() => false);
       if (!mayProceed) {
         return;
       }
@@ -8508,11 +9220,11 @@ const PublicWarningListConnect = () => {
   const warningsApi = getWarningsApi();
   const deleteWarning = warningId => {
     setConfirmDialogOptions({
-      confirmLabel: DELETE_CONFIRM,
-      title: DELETE_TITLE,
-      description: DELETE_DESCRIPTION,
+      confirmLabel: t('warning-dialog-delete-confirm'),
+      title: t('warning-dialog-delete-title'),
+      description: t('warning-dialog-delete-description'),
       request: () => warningsApi.deleteWarning(warningId),
-      callback: () => onRemoveSuccess(warningId, DELETE_WARNING_SUCCESS_MESSAGE)
+      callback: () => onRemoveSuccess(warningId, t('warning-dialog-delete-succes'))
     });
   };
   const ignoreWarning = warning => {
@@ -8520,11 +9232,11 @@ const PublicWarningListConnect = () => {
       status: 'IGNORED'
     });
     setConfirmDialogOptions({
-      confirmLabel: IGNORE_CONFIRM,
-      title: IGNORE_TITLE,
-      description: IGNORE_DESCRIPTION,
+      confirmLabel: t('warning-dialog-ignore-confirm'),
+      title: t('warning-dialog-ignore-title'),
+      description: t('warning-dialog-ignore-description'),
       request: () => warningsApi.updateWarning(ignoredWarning.id, ignoredWarning),
-      callback: () => onRemoveSuccess(ignoredWarning.id, IGNORE_WARNING_SUCCESS_MESSAGE)
+      callback: () => onRemoveSuccess(ignoredWarning.id, t('warning-dialog-ignore-succes'))
     });
   };
   const onRemoveSuccess = (warningId, snackbarMessage) => {
@@ -8611,174 +9323,144 @@ const componentsLookUp = (payload, apiProps) => {
   }
 };
 
-const getSnackbarMessage = (objectName, id) => `Object ${objectName} has been ${id ? 'updated' : 'saved'}!`;
-function* submitDrawValuesSaga({
-  payload
-}) {
-  const {
-      id
-    } = payload,
-    formValues = __rest(payload, ["id"]);
-  try {
-    yield put(uiActions.toggleIsLoadingDialog({
-      isLoading: true,
-      type: drawingDialogType
-    }));
-    const warningsApi = yield call$c(getWarningsApi);
-    if (!id) {
-      const newID = yield call$c(warningsApi.saveDrawingAs, formValues);
-      yield put(drawActions.setDrawValues({
-        drawingInstanceId: drawingDialogType,
-        id: newID,
-        objectName: formValues.objectName
+const getErrorMessage = error => isAxiosError(error) ? getAxiosErrorMessage(error) : error.message;
+const getToggleEditorSuccessMessage = isEditor => outsideComponentTranslations[isEditor ? 'warning-editor-add-editor' : 'warning-editor-remove-editor'];
+const publicWarningFormListener = createListenerMiddleware();
+publicWarningFormListener.startListening({
+  actionCreator: publicWarningFormActions.toggleEditorWarning,
+  effect: ({
+    payload
+  }, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    listenerApi.cancelActiveListeners();
+    try {
+      const {
+        warningId,
+        isEditor,
+        username
+      } = payload;
+      const warningsApi = getWarningsApi();
+      yield warningsApi.toggleEditorWarning(warningId, isEditor);
+      // update list to show correct avatar
+      listenerApi.dispatch(publicWarningActions.fetchWarnings());
+      listenerApi.dispatch(publicWarningFormActions.toggleEditorWarningSuccess({
+        isEditor,
+        username,
+        message: getToggleEditorSuccessMessage(isEditor)
       }));
-    } else {
-      yield call$c(warningsApi.updateDrawing, id, formValues);
+    } catch (error) {
+      const isDialogOpen = uiSelectors.getisDialogOpen(listenerApi.getState(), publicWarningDialogType);
+      errorEffect(listenerApi.dispatch, getErrorMessage(error), isDialogOpen);
     }
-    yield put(uiActions.setErrorDialog({
-      type: drawingDialogType,
-      error: ''
-    }));
-    yield put(snackbarActions.openSnackbar({
-      message: getSnackbarMessage(formValues.objectName, id)
-    }));
-    yield put(uiActions.toggleIsLoadingDialog({
-      isLoading: false,
-      type: drawingDialogType
-    }));
-  } catch (error) {
-    yield put(uiActions.toggleIsLoadingDialog({
-      isLoading: false,
-      type: drawingDialogType
+  })
+});
+publicWarningFormListener.startListening({
+  actionCreator: publicWarningFormActions.publishWarning,
+  effect: ({
+    payload
+  }, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    listenerApi.cancelActiveListeners();
+    try {
+      const {
+        publicWarning
+      } = payload;
+      const publishedWarning = yield saveOrUpdateWarning(publicWarning);
+      listenerApi.dispatch(publicWarningFormActions.publishWarningSuccess({
+        publicWarning: publishedWarning,
+        message: outsideComponentTranslations['warning-publish-succes']
+      }));
+      listenerApi.dispatch(uiActions.setToggleOpenDialog({
+        type: publicWarningDialogType,
+        setOpen: false
+      }));
+    } catch (error) {
+      const isDialogOpen = uiSelectors.getisDialogOpen(listenerApi.getState(), publicWarningDialogType);
+      errorEffect(listenerApi.dispatch, getErrorMessage(error), isDialogOpen);
+    }
+  })
+});
+publicWarningFormListener.startListening({
+  actionCreator: publicWarningFormActions.saveWarning,
+  effect: ({
+    payload
+  }, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    listenerApi.cancelActiveListeners();
+    try {
+      const {
+        publicWarning
+      } = payload;
+      const savedWarning = yield saveOrUpdateWarning(publicWarning);
+      listenerApi.dispatch(publicWarningFormActions.saveWarningSuccess({
+        publicWarning: savedWarning,
+        message: outsideComponentTranslations['warning-save-succes']
+      }));
+    } catch (error) {
+      const isDialogOpen = uiSelectors.getisDialogOpen(listenerApi.getState(), publicWarningDialogType);
+      errorEffect(listenerApi.dispatch, getErrorMessage(error), isDialogOpen);
+    }
+  })
+});
+// Side effects/snackbar listeners
+publicWarningFormListener.startListening({
+  matcher: isAnyOf(publicWarningFormActions.publishWarningSuccess, publicWarningFormActions.saveWarningSuccess, publicWarningFormActions.toggleEditorWarningSuccess),
+  effect: ({
+    payload
+  }, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    listenerApi.cancelActiveListeners();
+    const {
+      message
+    } = payload;
+    listenerApi.dispatch(snackbarActions.openSnackbar({
+      message
     }));
-    const errorMessage = isAxiosError(error) ? getAxiosErrorMessage(error) : error.message;
-    yield put(uiActions.setErrorDialog({
-      type: drawingDialogType,
-      error: errorMessage
+    const isDialogOpen = uiSelectors.getisDialogOpen(listenerApi.getState(), publicWarningDialogType);
+    toggleDialogLoadingEffect(listenerApi.dispatch, isDialogOpen, false);
+  })
+});
+publicWarningFormListener.startListening({
+  matcher: isAnyOf(publicWarningFormActions.publishWarning, publicWarningFormActions.saveWarning),
+  effect: (_, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    listenerApi.cancelActiveListeners();
+    const isDialogOpen = uiSelectors.getisDialogOpen(listenerApi.getState(), publicWarningDialogType);
+    toggleDialogLoadingEffect(listenerApi.dispatch, isDialogOpen, true);
+  })
+});
+publicWarningFormListener.startListening({
+  actionCreator: publicWarningFormActions.openPublicWarningFormDialog,
+  effect: (_, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    listenerApi.cancelActiveListeners();
+    listenerApi.dispatch(uiActions.setToggleOpenDialog({
+      setOpen: true,
+      type: publicWarningDialogType
     }));
-  }
-}
-function* drawingSaga() {
-  yield takeLatest(drawActions.submitDrawValues, submitDrawValuesSaga);
-}
-
-const PUBLISH_SUCCES = 'Public warning has succesfully been published!';
-const SAVE_SUCCES = 'Public warning has succesfully been saved!';
-const getErrorMessage = error => isAxiosError$1(error) ? getAxiosErrorMessage(error) : error.message;
-function* saveOrUpdateWarning(publicWarning) {
-  const warningsApi = yield call$c(getWarningsApi);
+  })
+});
+const saveOrUpdateWarning = publicWarning => __awaiter(void 0, void 0, void 0, function* () {
+  const warningsApi = getWarningsApi();
   if (publicWarning.warningDetail.id) {
-    yield call$c(warningsApi.updateWarning, publicWarning.warningDetail.id, publicWarning);
+    yield warningsApi.updateWarning(publicWarning.warningDetail.id, publicWarning);
     return publicWarning;
   }
-  const newWarningId = yield call$c(warningsApi.saveWarningAs, publicWarning);
+  const newWarningId = yield warningsApi.saveWarningAs(publicWarning);
   return Object.assign(Object.assign({}, publicWarning), {
     warningDetail: Object.assign(Object.assign({}, publicWarning.warningDetail), {
       id: newWarningId
     })
   });
-}
-const getToggleEditorSuccessMessage = isEditor => `You are now ${isEditor ? '' : 'no longer '}the editor for this warning`;
-function* toggleEditorWarningSaga({
-  payload
-}) {
-  try {
-    const {
-      warningId,
-      isEditor,
-      username
-    } = payload;
-    const warningsApi = yield call$c(getWarningsApi);
-    yield call$c(warningsApi.toggleEditorWarning, warningId, isEditor);
-    // update list to show correct avatar
-    yield put(publicWarningActions.fetchWarnings());
-    yield put(publicWarningFormActions.toggleEditorWarningSuccess({
-      isEditor,
-      username,
-      message: getToggleEditorSuccessMessage(isEditor)
-    }));
-  } catch (error) {
-    yield call$c(errorSaga, getErrorMessage(error));
-  }
-}
-function* publishWarningSaga({
-  payload
-}) {
-  try {
-    const {
-      publicWarning
-    } = payload;
-    const publishedWarning = yield call$c(saveOrUpdateWarning, publicWarning);
-    yield put(publicWarningFormActions.publishWarningSuccess({
-      publicWarning: publishedWarning,
-      message: PUBLISH_SUCCES
-    }));
-    yield put(uiActions.setToggleOpenDialog({
-      type: publicWarningDialogType,
-      setOpen: false
-    }));
-  } catch (error) {
-    yield call$c(errorSaga, getErrorMessage(error));
-  }
-}
-function* saveWarningSaga({
-  payload
-}) {
-  try {
-    const {
-      publicWarning
-    } = payload;
-    const savedWarning = yield call$c(saveOrUpdateWarning, publicWarning);
-    yield put(publicWarningFormActions.saveWarningSuccess({
-      publicWarning: savedWarning,
-      message: SAVE_SUCCES
-    }));
-  } catch (error) {
-    yield call$c(errorSaga, getErrorMessage(error));
-  }
-}
-function* successSaga({
-  payload
-}) {
-  const {
-    message
-  } = payload;
-  yield put(snackbarActions.openSnackbar({
-    message
-  }));
-  yield call$c(toggleDialogLoadingSaga, false);
-}
-function* errorSaga(message) {
-  yield put(publicWarningFormActions.setFormError({
-    message
-  }));
-  yield call$c(toggleDialogLoadingSaga, false);
-}
-function* toggleDialogLoadingSaga(isLoading) {
-  const isDialogOpen = yield select(uiSelectors.getDialogDetailsByType, publicWarningDialogType);
+});
+const toggleDialogLoadingEffect = (dispatch, isDialogOpen, isLoading) => {
   if (isDialogOpen) {
-    yield put(uiActions.toggleIsLoadingDialog({
+    dispatch(uiActions.toggleIsLoadingDialog({
       isLoading,
       type: publicWarningDialogType
     }));
   }
-}
-function* openDialogSaga() {
-  yield put(uiActions.setToggleOpenDialog({
-    setOpen: true,
-    type: publicWarningDialogType
+};
+const errorEffect = (dispatch, message, isDialogOpen) => {
+  dispatch(publicWarningFormActions.setFormError({
+    message
   }));
-}
-function* publicWarningRootSaga() {
-  // requests
-  yield takeLatest(publicWarningFormActions.toggleEditorWarning, toggleEditorWarningSaga);
-  yield takeLatest(publicWarningFormActions.publishWarning, publishWarningSaga);
-  yield takeLatest(publicWarningFormActions.saveWarning, saveWarningSaga);
-  // side effects ui/snackbar
-  yield takeLatest([publicWarningFormActions.publishWarningSuccess, publicWarningFormActions.saveWarningSuccess, publicWarningFormActions.toggleEditorWarningSuccess], successSaga);
-  yield takeLatest([publicWarningFormActions.publishWarning, publicWarningFormActions.saveWarning], toggleDialogLoadingSaga, true);
-  yield takeLatest(publicWarningFormActions.openPublicWarningFormDialog, openDialogSaga);
-}
+  toggleDialogLoadingEffect(dispatch, isDialogOpen, false);
+};
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -8797,35 +9479,115 @@ function* publicWarningRootSaga() {
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
 const getLastUpdatedTimeFormatted = () => dateUtils.dateToString(dateUtils.utc(), DATE_FORMAT_LASTUPDATEDTIME);
-function* fetchWarningsSaga() {
-  try {
-    const warningsApi = yield call$c(getWarningsApi);
+const publicWarningsListener = createListenerMiddleware();
+publicWarningsListener.startListening({
+  actionCreator: publicWarningActions.fetchWarnings,
+  effect: (_, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    listenerApi.cancelActiveListeners();
+    try {
+      const warningsApi = getWarningsApi();
+      const {
+        data: warnings
+      } = yield warningsApi.getWarnings();
+      const lastUpdatedTime = getLastUpdatedTimeFormatted();
+      listenerApi.dispatch(publicWarningActions.fetchWarningsSuccess({
+        warnings,
+        lastUpdatedTime
+      }));
+      yield listenerApi.delay(pollingIntervalTimeout);
+      listenerApi.dispatch(publicWarningActions.fetchWarnings());
+    } catch (error) {
+      // Don't set an error if the cancelActiveListeners was invoked (which throws a TaskAbortError)
+      if ((error === null || error === void 0 ? void 0 : error.code) !== 'listener-cancelled') {
+        listenerApi.dispatch(publicWarningActions.fetchWarningsError({
+          error: {
+            name: error.name,
+            message: error.message
+          }
+        }));
+      }
+    }
+  })
+});
+publicWarningsListener.startListening({
+  matcher: isAnyOf(publicWarningFormActions.publishWarningSuccess, publicWarningFormActions.saveWarningSuccess),
+  effect: (_, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    listenerApi.cancelActiveListeners();
+    listenerApi.dispatch(publicWarningActions.fetchWarnings());
+  })
+});
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2024 - Finnish Meteorological Institute (FMI)
+ * */
+const getSnackbarMessage = (objectName, id) => id ? `Object "${objectName}" ${outsideComponentTranslations['update-succes']}!` : `Object "${objectName}" ${outsideComponentTranslations['save-succes']}!`;
+const drawingsListener = createListenerMiddleware();
+drawingsListener.startListening({
+  actionCreator: drawActions.submitDrawValues,
+  effect: ({
+    payload
+  }, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    listenerApi.cancelActiveListeners();
     const {
-      data: warnings
-    } = yield call$c(warningsApi.getWarnings);
-    const lastUpdatedTime = getLastUpdatedTimeFormatted();
-    yield put(publicWarningActions.fetchWarningsSuccess({
-      warnings,
-      lastUpdatedTime
-    }));
-    yield delay(pollingIntervalTimeout);
-    yield put(publicWarningActions.fetchWarnings());
-  } catch (error) {
-    yield put(publicWarningActions.fetchWarningsError({
-      error: {
-        name: error.name,
-        message: error.message
+        id
+      } = payload,
+      formValues = __rest(payload, ["id"]);
+    try {
+      listenerApi.dispatch(uiActions.toggleIsLoadingDialog({
+        isLoading: true,
+        type: drawingDialogType
+      }));
+      const warningsApi = getWarningsApi();
+      if (!id) {
+        const newID = yield warningsApi.saveDrawingAs(formValues);
+        listenerApi.dispatch(drawActions.setDrawValues({
+          drawingInstanceId: drawingDialogType,
+          id: newID,
+          objectName: formValues.objectName
+        }));
+      } else {
+        yield warningsApi.updateDrawing(id, formValues);
       }
-    }));
-  }
-}
-function* refetchWarnings() {
-  yield put(publicWarningActions.fetchWarnings());
-}
-function* publicWarnings() {
-  yield takeLatest(publicWarningActions.fetchWarnings, fetchWarningsSaga);
-  yield takeLatest([publicWarningFormActions.publishWarningSuccess, publicWarningFormActions.saveWarningSuccess], refetchWarnings);
-}
+      listenerApi.dispatch(uiActions.setErrorDialog({
+        type: drawingDialogType,
+        error: ''
+      }));
+      listenerApi.dispatch(snackbarActions.openSnackbar({
+        message: getSnackbarMessage(formValues.objectName, id)
+      }));
+      listenerApi.dispatch(uiActions.toggleIsLoadingDialog({
+        isLoading: false,
+        type: drawingDialogType
+      }));
+    } catch (error) {
+      // Don't do anything if the cancelActiveListeners was invoked (which throws a TaskAbortError)
+      if (error.code !== 'listener-cancelled') {
+        listenerApi.dispatch(uiActions.toggleIsLoadingDialog({
+          isLoading: false,
+          type: drawingDialogType
+        }));
+        const errorMessage = isAxiosError$1(error) ? getAxiosErrorMessage(error) : error.message;
+        listenerApi.dispatch(uiActions.setErrorDialog({
+          type: drawingDialogType,
+          error: errorMessage
+        }));
+      }
+    }
+  })
+});
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -8850,7 +9612,7 @@ const drawingModuleConfig = {
     publicWarningForm: reducer,
     publicWarnings: reducer$1
   },
-  sagas: [drawingSaga, publicWarningRootSaga, publicWarnings]
+  middlewares: [drawingsListener.middleware, publicWarningsListener.middleware, publicWarningFormListener.middleware]
 };
 
-export { DIALOG_TITLE, DrawingToolConnect, Wrapper as DrawingToolForm, DrawingToolFormConnect, DrawingToolMapButtonConnect, ObjectManagerConnect, ObjectManagerMapButtonConnect, PublicWarningApiWrapper, PublicWarningsFormDialog, PublicWarningsFormDialogConnect, WarningsModuleProvider, componentsLookUp, drawingModuleConfig, isAlreadyEdited, useObjectDrawDialogAction, warningFormConfirmationOptions };
+export { DrawingToolConnect, Wrapper as DrawingToolForm, DrawingToolFormConnect, DrawingToolMapButtonConnect, ObjectManagerConnect, ObjectManagerMapButtonConnect, PublicWarningApiWrapper, PublicWarningsFormDialog, PublicWarningsFormDialogConnect, WarningsModuleProvider, componentsLookUp, drawingModuleConfig, isAlreadyEdited, useObjectDrawDialogAction, warningFormConfirmationOptions, warningsTranslations };