@opengeoweb/warnings 9.15.0 → 9.16.0

package/index.esm.js

@@ -1,212 +1,26 @@
 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, ThemeWrapper, lightTheme, 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, mapStoreActions, drawtoolActions, layerActions, useSetupDialog, coreModuleConfig } from '@opengeoweb/store';
+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, 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, pollingIntervalTimeout, isAxiosError as isAxiosError$1, withEggs, usePrevious, CustomIconButton, CustomTooltip, Avatar, getInitials, SwitchButton, LastUpdateTime, StatusTag, ErrorBoundary } from '@opengeoweb/shared';
-import { initReactI18next, useTranslation, I18nextProvider } from 'react-i18next';
-import { createEntityAdapter, createSlice, createSelector, createListenerMiddleware } from '@reduxjs/toolkit';
-import i18n from 'i18next';
+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';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import { DATE_FORMAT_FNS, ReactHookFormHiddenInput, isValidGeoJsonCoordinates, ReactHookFormSelect, ReactHookFormTextField, ReactHookFormProvider, defaultFormOptions, useDraftFormHelpers, errorMessages, ReactHookFormDateTime, isValidDate, isXHoursBefore, isXHoursAfter, isEmpty } from '@opengeoweb/form-fields';
 import { getApi, createApiInstance, createNonAuthApiInstance, createFakeApiInstance, ApiProvider } from '@opengeoweb/api';
-import { createStore } from '@redux-eggs/redux-toolkit';
-import { useAuthenticationContext } from '@opengeoweb/authentication';
-import { takeLatest, call as call$c, put, select, delay } from 'redux-saga/effects';
-import { isAxiosError } from 'axios';
 import { useFormContext } from 'react-hook-form';
 import { isEqual, cloneDeep, clamp } from 'lodash';
+import { useAuthenticationContext } from '@opengeoweb/authentication';
 import { produce } from 'immer';
 import { generateMapId, LayerType, getWMJSMapById, WMBBOX } from '@opengeoweb/webmap';
 import { defaultBbox } from '@opengeoweb/core';
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-/* *
- * 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 objectDialogType = uiTypes.DialogTypes.ObjectManager;
-const drawingDialogType = uiTypes.DialogTypes.DrawingTool;
-
-/* *
- * 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 drawAdapter = createEntityAdapter({
-  selectId: draw => draw.drawingInstanceId
-});
-const initialState$2 = drawAdapter.getInitialState();
-const slice$2 = createSlice({
-  initialState: initialState$2,
-  name: 'drawingForm',
-  reducers: {
-    setDrawValues: (draft, action) => {
-      if (draft.entities[action.payload.drawingInstanceId]) {
-        drawAdapter.setOne(draft, action.payload);
-      }
-    },
-    // action caught in drawings/listener
-    submitDrawValues: (
-    // eslint-disable-next-line no-unused-vars
-    draft,
-    // eslint-disable-next-line no-unused-vars
-    action) => {},
-    setFormDirty: (draft, action) => {
-      const {
-        drawingInstanceId,
-        isFormDirty
-      } = action.payload;
-      if (draft.entities[drawingInstanceId]) {
-        drawAdapter.updateOne(draft, {
-          id: drawingInstanceId,
-          changes: {
-            isFormDirty
-          }
-        });
-      }
-    }
-  },
-  extraReducers: builder => {
-    builder
-    // register draw dialog
-    .addCase(uiActions.registerDialog, (draft, action) => {
-      const {
-        type
-      } = action.payload;
-      if (type === drawingDialogType) {
-        drawAdapter.addOne(draft, {
-          drawingInstanceId: type,
-          objectName: '',
-          id: ''
-        });
-      }
-    })
-    // unregister draw dialog
-    .addCase(uiActions.unregisterDialog, (draft, action) => {
-      const {
-        type
-      } = action.payload;
-      if (type === drawingDialogType) {
-        drawAdapter.removeOne(draft, type);
-      }
-    })
-    // reset draw dialog formDirty when dialog closes
-    .addCase(uiActions.setActiveMapIdForDialog, (draft, action) => {
-      const {
-        type,
-        setOpen
-      } = action.payload;
-      if (type === drawingDialogType && !setOpen) {
-        drawAdapter.updateOne(draft, {
-          id: type,
-          changes: {
-            isFormDirty: false
-          }
-        });
-      }
-    });
-  }
-});
-const {
-  reducer: reducer$2
-} = slice$2;
-const drawActions = slice$2.actions;
-
-/* *
- * 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 {
-  selectById: selectDrawByInstanceId
-} = drawAdapter.getSelectors(state => {
-  var _a;
-  return (_a = state === null || state === void 0 ? void 0 : state.drawings) !== null && _a !== void 0 ? _a : {
-    entities: {},
-    ids: []
-  };
-});
-const getWarningFormDirty = createSelector(selectDrawByInstanceId, drawing => (drawing === null || drawing === void 0 ? void 0 : drawing.isFormDirty) || false);
+import { isAxiosError } from 'axios';
 
 var en = {
 	"drawing-tool-form-tools": "Tools",
@@ -273,6 +87,7 @@ var en = {
 	"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",
@@ -376,6 +191,7 @@ var nl = {
 	"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",
@@ -479,6 +295,7 @@ var fi = {
 	"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",
@@ -582,6 +399,7 @@ var no = {
 	"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",
@@ -627,6 +445,48 @@ var warningsTranslations = {
 	no: no
 };
 
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -643,32 +503,8 @@ var warningsTranslations = {
  * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
-const WARN_NAMESPACE = 'warn';
-const defaultLanguage = 'en';
-const initWarnI18n = () => {
-  i18n.use(initReactI18next).init({
-    lng: defaultLanguage,
-    ns: WARN_NAMESPACE,
-    interpolation: {
-      escapeValue: false
-    },
-    resources: {
-      en: {
-        [`${WARN_NAMESPACE}`]: warningsTranslations.en
-      },
-      nl: {
-        [`${WARN_NAMESPACE}`]: warningsTranslations.nl
-      },
-      fi: {
-        [`${WARN_NAMESPACE}`]: warningsTranslations.fi
-      },
-      no: {
-        [`${WARN_NAMESPACE}`]: warningsTranslations.no
-      }
-    }
-  });
-};
-const outsideComponentTranslations = handleOutsideComponentTranslations(warningsTranslations, WARN_NAMESPACE);
+const objectDialogType = uiTypes.DialogTypes.ObjectManager;
+const drawingDialogType = uiTypes.DialogTypes.DrawingTool;
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -686,19 +522,161 @@ const outsideComponentTranslations = handleOutsideComponentTranslations(warnings
  * 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 drawAdapter = createEntityAdapter({
+  selectId: draw => draw.drawingInstanceId
+});
+const initialState$2 = drawAdapter.getInitialState();
+const slice$2 = createSlice({
+  initialState: initialState$2,
+  name: 'drawingForm',
+  reducers: {
+    setDrawValues: (draft, action) => {
+      if (draft.entities[action.payload.drawingInstanceId]) {
+        drawAdapter.setOne(draft, action.payload);
+      }
+    },
+    // action caught in drawings/listener
+    submitDrawValues: (
+    // eslint-disable-next-line no-unused-vars
+    draft,
+    // eslint-disable-next-line no-unused-vars
+    action) => {},
+    setFormDirty: (draft, action) => {
+      const {
+        drawingInstanceId,
+        isFormDirty
+      } = action.payload;
+      if (draft.entities[drawingInstanceId]) {
+        drawAdapter.updateOne(draft, {
+          id: drawingInstanceId,
+          changes: {
+            isFormDirty
+          }
+        });
+      }
+    }
+  },
+  extraReducers: builder => {
+    builder
+    // register draw dialog
+    .addCase(uiActions.registerDialog, (draft, action) => {
+      const {
+        type
+      } = action.payload;
+      if (type === drawingDialogType) {
+        drawAdapter.addOne(draft, {
+          drawingInstanceId: type,
+          objectName: '',
+          id: ''
+        });
+      }
+    })
+    // unregister draw dialog
+    .addCase(uiActions.unregisterDialog, (draft, action) => {
+      const {
+        type
+      } = action.payload;
+      if (type === drawingDialogType) {
+        drawAdapter.removeOne(draft, type);
+      }
+    })
+    // reset draw dialog formDirty when dialog closes
+    .addCase(uiActions.setActiveMapIdForDialog, (draft, action) => {
+      const {
+        type,
+        setOpen
+      } = action.payload;
+      if (type === drawingDialogType && !setOpen) {
+        drawAdapter.updateOne(draft, {
+          id: type,
+          changes: {
+            isFormDirty: false
+          }
+        });
+      }
+    });
+  }
+});
+const {
+  reducer: reducer$2
+} = slice$2;
+const drawActions = slice$2.actions;
+
+/* *
+ * 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 {
+  selectById: selectDrawByInstanceId
+} = drawAdapter.getSelectors(state => {
+  var _a;
+  return (_a = state === null || state === void 0 ? void 0 : state.drawings) !== null && _a !== void 0 ? _a : {
+    entities: {},
+    ids: []
+  };
+});
+const getWarningFormDirty = createSelector(selectDrawByInstanceId, drawing => (drawing === null || drawing === void 0 ? void 0 : drawing.isFormDirty) || false);
+
+/* *
+ * 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 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);
@@ -767,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) {
@@ -784,7 +762,7 @@ const useCloseObjectDialog = ({
       setOpen: false,
       source
     }));
-    if (objectGeoJSONShape && shouldReset) {
+    if (featureLayerContainsGeoJSON && shouldReset) {
       dispatch(mapStoreActions.layerChangeGeojson({
         layerId: drawLayerId,
         geojson: emptyGeoJSON
@@ -801,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
   };
 };
@@ -822,7 +800,7 @@ const useObjectDrawDialogAction = ({
   // draw selectors
   const {
     isDialogOpen: isDrawDialogOpen,
-    geoJSON: drawDialogGeoJSON,
+    hasGeoJSON: drawDialogLayerHasGeoJSON,
     dialogLayerId: drawDialogLayerId
   } = useDialogOptions({
     dialogType: drawingDialogType
@@ -832,7 +810,7 @@ const useObjectDrawDialogAction = ({
   // object selectors
   const {
     isDialogOpen: isObjectDialogOpen,
-    geoJSON: objectGeoJSONShape,
+    hasGeoJSON: objectDialogLayerHasGeoJSON,
     dialogLayerId: objectDialogLayerId
   } = useDialogOptions({
     dialogType: objectDialogType
@@ -851,7 +829,7 @@ const useObjectDrawDialogAction = ({
           return;
         }
       }
-      if (drawDialogGeoJSON) {
+      if (drawDialogLayerHasGeoJSON) {
         clearGeoJSON(drawDialogLayerId);
       }
       closeDrawDialog(true);
@@ -864,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);
@@ -876,7 +854,7 @@ const useObjectDrawDialogAction = ({
   });
   const openDrawDialog = newGeoJSON => {
     if (isObjectDialogOpen) {
-      if (objectGeoJSONShape) {
+      if (objectDialogLayerHasGeoJSON) {
         clearGeoJSON(objectDialogLayerId);
       }
       const shouldResetShape = newGeoJSON === undefined;
@@ -895,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);
@@ -5346,6 +5324,7 @@ var warningListJSON = [
 		status: "DRAFT",
 		editor: "user.name",
 		warningDetail: {
+			id: "550c2b5e-937d-11ee-a1bf-0ab3cf8a98c1",
 			phenomenon: "fog",
 			geoJSON: {
 				type: "FeatureCollection",
@@ -5389,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"
 		}
 	},
 	{
@@ -5699,399 +5680,69 @@ var warningListJSON = [
 							"fill-opacity": 0.2,
 							"stroke-width": 2,
 							selectionType: "poly",
-							"stroke-opacity": 1
-						}
-					}
-				]
-			},
-			validFrom: "2023-12-05T14:47:50Z",
-			validUntil: "2023-12-05T20:47:50Z",
-			level: "moderate",
-			probability: 40
-		}
-	},
-	{
-		id: "3f756602-937d-11ee-a1bf-0ab3cf8a98c1",
-		lastUpdatedTime: "2023-12-05T14:47:43Z",
-		status: "EXPIRED",
-		warningDetail: {
-			phenomenon: "thunderstorm",
-			geoJSON: {
-				type: "FeatureCollection",
-				features: [
-					{
-						type: "Feature",
-						geometry: {
-							type: "Polygon",
-							coordinates: [
-								[
-									[
-										5.0950448864466225,
-										53.492000941975654
-									],
-									[
-										4.280148780801422,
-										52.46455621916433
-									],
-									[
-										6.878229305858475,
-										52.98133263853793
-									],
-									[
-										5.0950448864466225,
-										53.492000941975654
-									]
-								]
-							]
-						},
-						properties: {
-							fill: "#ff7800",
-							stroke: "#ff7800",
-							"fill-opacity": 0.2,
-							"stroke-width": 2,
-							selectionType: "poly",
-							"stroke-opacity": 1
-						}
-					}
-				]
-			},
-			validFrom: "2023-12-05T14:47:34Z",
-			validUntil: "2023-12-05T20:47:34Z",
-			level: "extreme",
-			probability: 40
-		}
-	}
-];
-
-/* *
- * 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 drawingList = drawingListJSON;
-const drawingsListFullContent = drawingsListFullContentJSON;
-const warningList = warningListJSON;
-
-const ERROR_NOT_FOUND = 'Request failed with status code 400';
-const MOCK_USERNAME = 'user.name';
-const extractDrawingDetailsFromJSON = drawingId => {
-  return drawingsListFullContent.find(element => element.id === drawingId);
-};
-const getApiRoutes = axiosInstance => ({
-  // drawings
-  getDrawings: () => {
-    return axiosInstance.get('/drawings').then(() => {
-      return {
-        data: drawingList
-      };
-    });
-  },
-  getDrawingDetails: drawingId => {
-    return axiosInstance.get(`/drawings/${drawingId}`).then(() => {
-      if (!extractDrawingDetailsFromJSON(drawingId)) {
-        throw new Error(ERROR_NOT_FOUND);
-      }
-      return {
-        data: extractDrawingDetailsFromJSON(drawingId)
-      };
-    });
-  },
-  updateDrawing: (drawingId, data) => {
-    // eslint-disable-next-line no-console
-    console.log('api: save drawing', drawingId, data);
-    return axiosInstance.post(`/drawings/${drawingId}/`, data);
-  },
-  saveDrawingAs: data => {
-    // eslint-disable-next-line no-console
-    console.log('api: save drawing as', data);
-    return axiosInstance.post(`/drawings/`, data).then(() => 'new-drawing-id');
-  },
-  deleteDrawing: drawingId => {
-    // eslint-disable-next-line no-console
-    console.log('api: delete drawing', drawingId);
-    drawingList.splice(drawingList.findIndex(drawing => drawing.id === drawingId), 1);
-    return axiosInstance.post(`/drawings/${drawingId}?delete=true`);
-  },
-  // public warnings
-  getWarnings: () => {
-    return axiosInstance.get(`/warnings/`).then(() => ({
-      data: warningList
-    }));
-  },
-  saveWarningAs: data => {
-    // eslint-disable-next-line no-console
-    console.log('api: save warning as', data);
-    return axiosInstance.post(`/warnings/`, data).then(() => 'new-warning-id');
-  },
-  updateWarning: (warningId, data) => {
-    // eslint-disable-next-line no-console
-    console.log(`api: update warning ${warningId}`, data);
-    return axiosInstance.post(`/warnings/${warningId}/`, data);
-  },
-  deleteWarning: warningId => {
-    // eslint-disable-next-line no-console
-    console.log('api: delete warning', warningId);
-    warningList.splice(warningList.findIndex(warning => warning.id === warningId), 1);
-    return axiosInstance.post(`/warnings/${warningId}?delete=true`);
-  },
-  toggleEditorWarning: (warningId, isEditor) => {
-    // eslint-disable-next-line no-console
-    console.log('api: toggle editor warning', warningId, isEditor);
-    const index = warningList.findIndex(warning => warning.id === warningId);
-    warningList.splice(index, 1, Object.assign(Object.assign({}, warningList[index]), {
-      editor: isEditor ? MOCK_USERNAME : null
-    }));
-    return axiosInstance.post(`/warnings/${warningId}?editor=${isEditor ? 'true' : 'false'}`);
-  }
-});
-// used in storybook
-const createApi = () => {
-  const instance = createFakeApiInstance();
-  return getApiRoutes(instance);
-};
-
-const getErrorMessage = error => isAxiosError(error) ? getAxiosErrorMessage(error) : error.message;
-function* saveOrUpdateWarning(publicWarning) {
-  const warningsApi = yield call$c(getWarningsApi);
-  if (publicWarning.warningDetail.id) {
-    yield call$c(warningsApi.updateWarning, publicWarning.warningDetail.id, publicWarning);
-    return publicWarning;
-  }
-  const newWarningId = yield call$c(warningsApi.saveWarningAs, publicWarning);
-  return Object.assign(Object.assign({}, publicWarning), {
-    warningDetail: Object.assign(Object.assign({}, publicWarning.warningDetail), {
-      id: newWarningId
-    })
-  });
-}
-const getToggleEditorSuccessMessage = isEditor => outsideComponentTranslations[isEditor ? 'warning-editor-add-editor' : 'warning-editor-remove-editor'];
-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: outsideComponentTranslations['warning-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: outsideComponentTranslations['warning-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);
-  if (isDialogOpen) {
-    yield put(uiActions.toggleIsLoadingDialog({
-      isLoading,
-      type: publicWarningDialogType
-    }));
-  }
-}
-function* openDialogSaga() {
-  yield put(uiActions.setToggleOpenDialog({
-    setOpen: true,
-    type: publicWarningDialogType
-  }));
-}
-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);
-}
-
-/* *
- * 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 getLastUpdatedTimeFormatted = () => dateUtils.dateToString(dateUtils.utc(), DATE_FORMAT_LASTUPDATEDTIME);
-function* fetchWarningsSaga() {
-  try {
-    const warningsApi = yield call$c(getWarningsApi);
-    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
-      }
-    }));
-  }
-}
-function* refetchWarnings() {
-  yield put(publicWarningActions.fetchWarnings());
-}
-function* publicWarnings() {
-  yield takeLatest(publicWarningActions.fetchWarnings, fetchWarningsSaga);
-  yield takeLatest([publicWarningFormActions.publishWarningSuccess, publicWarningFormActions.saveWarningSuccess], refetchWarnings);
-}
-
-/* *
- * 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 {
-        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);
-      }
-      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) {
-      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
-      }));
-    }
-  })
-});
+							"stroke-opacity": 1
+						}
+					}
+				]
+			},
+			validFrom: "2023-12-05T14:47:50Z",
+			validUntil: "2023-12-05T20:47:50Z",
+			level: "moderate",
+			probability: 40
+		}
+	},
+	{
+		id: "3f756602-937d-11ee-a1bf-0ab3cf8a98c1",
+		lastUpdatedTime: "2023-12-05T14:47:43Z",
+		status: "EXPIRED",
+		warningDetail: {
+			phenomenon: "thunderstorm",
+			geoJSON: {
+				type: "FeatureCollection",
+				features: [
+					{
+						type: "Feature",
+						geometry: {
+							type: "Polygon",
+							coordinates: [
+								[
+									[
+										5.0950448864466225,
+										53.492000941975654
+									],
+									[
+										4.280148780801422,
+										52.46455621916433
+									],
+									[
+										6.878229305858475,
+										52.98133263853793
+									],
+									[
+										5.0950448864466225,
+										53.492000941975654
+									]
+								]
+							]
+						},
+						properties: {
+							fill: "#ff7800",
+							stroke: "#ff7800",
+							"fill-opacity": 0.2,
+							"stroke-width": 2,
+							selectionType: "poly",
+							"stroke-opacity": 1
+						}
+					}
+				]
+			},
+			validFrom: "2023-12-05T14:47:34Z",
+			validUntil: "2023-12-05T20:47:34Z",
+			level: "extreme",
+			probability: 40
+		}
+	}
+];
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -6109,52 +5760,86 @@ drawingsListener.startListening({
  * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
-const drawingModuleConfig = {
-  id: 'drawing-module',
-  reducersMap: {
-    drawings: reducer$2,
-    publicWarningForm: reducer,
-    publicWarnings: reducer$1
-  },
-  sagas: [publicWarningRootSaga, publicWarnings],
-  middlewares: [drawingsListener.middleware]
-};
+const drawingList = drawingListJSON;
+const drawingsListFullContent = drawingsListFullContentJSON;
+const warningList = warningListJSON;
 
-createStore();
-const WarningsThemeProvider = ({
-  children,
-  theme: _theme = lightTheme
-}) => {
-  return /*#__PURE__*/React.createElement(WarningsI18nProvider, null, /*#__PURE__*/React.createElement(ThemeWrapper, {
-    theme: _theme
-  }, children));
+const ERROR_NOT_FOUND = 'Request failed with status code 400';
+const MOCK_USERNAME = 'user.name';
+const extractDrawingDetailsFromJSON = drawingId => {
+  return drawingsListFullContent.find(element => element.id === drawingId);
 };
-withEggs([...coreModuleConfig, drawingModuleConfig])(_a => {
-  var {
-      children
-    } = _a,
-    props = __rest(_a, ["children"]);
-  return /*#__PURE__*/React.createElement(WarningsThemeProvider, Object.assign({}, props), children);
+const getApiRoutes = axiosInstance => ({
+  // drawings
+  getDrawings: () => {
+    return axiosInstance.get('/drawings').then(() => {
+      return {
+        data: drawingList
+      };
+    });
+  },
+  getDrawingDetails: drawingId => {
+    return axiosInstance.get(`/drawings/${drawingId}`).then(() => {
+      if (!extractDrawingDetailsFromJSON(drawingId)) {
+        throw new Error(ERROR_NOT_FOUND);
+      }
+      return {
+        data: extractDrawingDetailsFromJSON(drawingId)
+      };
+    });
+  },
+  updateDrawing: (drawingId, data) => {
+    // eslint-disable-next-line no-console
+    console.log('api: save drawing', drawingId, data);
+    return axiosInstance.post(`/drawings/${drawingId}/`, data);
+  },
+  saveDrawingAs: data => {
+    // eslint-disable-next-line no-console
+    console.log('api: save drawing as', data);
+    return axiosInstance.post(`/drawings/`, data).then(() => 'new-drawing-id');
+  },
+  deleteDrawing: drawingId => {
+    // eslint-disable-next-line no-console
+    console.log('api: delete drawing', drawingId);
+    drawingList.splice(drawingList.findIndex(drawing => drawing.id === drawingId), 1);
+    return axiosInstance.post(`/drawings/${drawingId}?delete=true`);
+  },
+  // public warnings
+  getWarnings: () => {
+    return axiosInstance.get(`/warnings/`).then(() => ({
+      data: warningList
+    }));
+  },
+  saveWarningAs: data => {
+    // eslint-disable-next-line no-console
+    console.log('api: save warning as', data);
+    return axiosInstance.post(`/warnings/`, data).then(() => 'new-warning-id');
+  },
+  updateWarning: (warningId, data) => {
+    // eslint-disable-next-line no-console
+    console.log(`api: update warning ${warningId}`, data);
+    return axiosInstance.post(`/warnings/${warningId}/`, data);
+  },
+  deleteWarning: warningId => {
+    // eslint-disable-next-line no-console
+    console.log('api: delete warning', warningId);
+    warningList.splice(warningList.findIndex(warning => warning.id === warningId), 1);
+    return axiosInstance.post(`/warnings/${warningId}?delete=true`);
+  },
+  toggleEditorWarning: (warningId, isEditor) => {
+    // eslint-disable-next-line no-console
+    console.log('api: toggle editor warning', warningId, isEditor);
+    const index = warningList.findIndex(warning => warning.id === warningId);
+    warningList.splice(index, 1, Object.assign(Object.assign({}, warningList[index]), {
+      editor: isEditor ? MOCK_USERNAME : null
+    }));
+    return axiosInstance.post(`/warnings/${warningId}?editor=${isEditor ? 'true' : 'false'}`);
+  }
 });
-const WarningsTranslationsWrapper = ({
-  children
-}) => {
-  const {
-    i18n
-  } = useTranslation();
-  React.useEffect(() => {
-    i18n.addResourceBundle('en', WARN_NAMESPACE, warningsTranslations.en);
-    i18n.addResourceBundle('nl', WARN_NAMESPACE, warningsTranslations.nl);
-  }, [i18n]);
-  return children;
-};
-const WarningsI18nProvider = ({
-  children
-}) => {
-  initWarnI18n();
-  return /*#__PURE__*/React.createElement(I18nextProvider, {
-    i18n: i18n
-  }, children);
+// used in storybook
+const createApi = () => {
+  const instance = createFakeApiInstance();
+  return getApiRoutes(instance);
 };
 
 /* *
@@ -6179,13 +5864,13 @@ const WarningsModuleProvider = ({
   onSetAuth,
   children
 }) => {
-  return /*#__PURE__*/React.createElement(WarningsTranslationsWrapper, null, /*#__PURE__*/React.createElement(ApiProvider, {
+  return /*#__PURE__*/React.createElement(ApiProvider, {
     config: config,
     auth: auth,
     onSetAuth: onSetAuth,
     createApi: config !== undefined ? createApi$1 : createApi,
     name: API_NAME
-  }, children));
+  }, children);
 };
 
 /* *
@@ -6920,7 +6605,7 @@ const DEFAULT_WARNING_DIALOG_POSITION = {
   left: 60
 };
 const DEFAULT_WARNING_DIALOG_MIN_SIZE = {
-  width: 320,
+  width: 264,
   height: 300
 };
 const PublicWarningsFormDialog = ({
@@ -6951,8 +6636,25 @@ const PublicWarningsFormDialog = ({
   const onChangeMode = () => {
     _onChangeFormMode(!_isReadOnly);
   };
+  const fullTitle = title || t('public-warning-title');
   return /*#__PURE__*/React.createElement(ToolContainerDraggable, Object.assign({
-    title: title || t('public-warning-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,
@@ -7707,7 +7409,7 @@ const CustomTabPanel = props => {
     disabled: isDisabled
   }, /*#__PURE__*/React__default.createElement(MenuItem, {
     value: "NL"
-  }, t('warning-description-NL'))))), value === index ? children : null);
+  }, t('warning-description-NL'))))), children);
 };
 const DescriptionField = ({
   isDisabled: _isDisabled = false,
@@ -7716,12 +7418,31 @@ const DescriptionField = ({
   const {
     t
   } = useTranslation(WARN_NAMESPACE);
-  const [value, setValue] = React__default.useState(0);
+  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 && {
@@ -7740,29 +7461,39 @@ const DescriptionField = ({
     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()
   })));
 };
 
@@ -8010,10 +7741,14 @@ const LevelField = ({
     isRequired
   } = useDraftFormHelpers();
   const {
-    watch
+    watch,
+    trigger
   } = useFormContext();
   const selectedLevel = watch('level');
   const levelDetails = levelOptions(t).find(level => level.key === selectedLevel);
+  const onChangeLevel = () => {
+    trigger(['level', 'probability']);
+  };
   return /*#__PURE__*/React.createElement(ReactHookFormSelect, {
     name: "level",
     label: t('warning-level'),
@@ -8030,7 +7765,8 @@ const LevelField = ({
       }
     },
     disabled: _isDisabled || _isReadOnly,
-    isReadOnly: _isReadOnly
+    isReadOnly: _isReadOnly,
+    onChange: onChangeLevel
   }, levelOptions(t).map(level => ( /*#__PURE__*/React.createElement(MenuItem, {
     value: level.key,
     key: level.key,
@@ -8091,7 +7827,9 @@ const ValidFrom = ({
   const {
     trigger
   } = useFormContext();
-  const onChangeValidFrom = () => trigger('validUntil');
+  const onChangeValidFrom = () => {
+    trigger(['validFrom', 'validUntil']);
+  };
   return /*#__PURE__*/React.createElement(ReactHookFormDateTime, {
     name: "validFrom",
     rules: {
@@ -8156,8 +7894,12 @@ const ValidUntil = ({
     isRequired
   } = useDraftFormHelpers();
   const {
-    getValues
+    getValues,
+    trigger
   } = useFormContext();
+  const onChangeValidUntil = () => {
+    trigger(['validFrom', 'validUntil']);
+  };
   return /*#__PURE__*/React.createElement(ReactHookFormDateTime, {
     name: "validUntil",
     rules: {
@@ -8175,7 +7917,8 @@ const ValidUntil = ({
     label: t('warning-valid-until'),
     disablePast: true,
     disabled: isDisabled || isReadOnly,
-    isReadOnly: isReadOnly
+    isReadOnly: isReadOnly,
+    onChange: onChangeValidUntil
   });
 };
 
@@ -8215,33 +7958,97 @@ const WarningsMapView = ({
     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%'
+  // 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');
     }
-  }, /*#__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;
+  };
+  return /*#__PURE__*/React.createElement(ReactHookFormSelect, {
+    name: "probability",
+    label: t('warning-probability'),
+    rules: {
+      validate: {
+        isRequired,
+        isValidProbabilityForLevel
       }
-      // 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}`
-  }))));
+    disabled: isDisabled || isReadOnly,
+    isReadOnly: isReadOnly,
+    defaultValue: defaultProbability,
+    onChange: onChangeProbability
+  }, probablityOptions.map(probability => ( /*#__PURE__*/React.createElement(MenuItem, {
+    value: probability,
+    key: probability
+  }, probability, " %"))));
 };
 
 const getEmptyPublicWarning = () => {
@@ -8294,7 +8101,6 @@ const spinnerSx = {
   margin: 'auto',
   marginLeft: 1
 };
-const probablityOptions = [100, 90, 80, 70, 60, 50, 40, 30, 20, 10, 0];
 const ContainerWrapper = styled('div')(() => ({
   containerType: 'size',
   height: '100%'
@@ -8522,16 +8328,10 @@ const Form = ({
     item: true,
     xs: 12,
     sm: 6
-  }, /*#__PURE__*/React.createElement(ReactHookFormSelect, {
-    name: "probability",
-    label: t('warning-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,
@@ -8618,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)));
@@ -9101,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',
@@ -9509,16 +9311,308 @@ const componentsLookUp = (payload, apiProps) => {
   switch (componentType) {
     case warningListViewPreset.componentType:
       if (apiProps && apiProps.config) {
-        return /*#__PURE__*/React.createElement(WarningsTranslationsWrapper, null, /*#__PURE__*/React.createElement(PublicWarningApiWrapper, Object.assign({}, apiProps, {
+        return /*#__PURE__*/React.createElement(PublicWarningApiWrapper, Object.assign({}, apiProps, {
           "data-testid": "publicWarningModule"
-        })));
+        }));
       }
-      return /*#__PURE__*/React.createElement(WarningsTranslationsWrapper, null, /*#__PURE__*/React.createElement(PublicWarningListConnect, {
+      return /*#__PURE__*/React.createElement(PublicWarningListConnect, {
         "data-testid": "publicWarningList"
-      }));
+      });
     default:
       return null;
   }
 };
 
-export { DrawingToolConnect, Wrapper as DrawingToolForm, DrawingToolFormConnect, DrawingToolMapButtonConnect, ObjectManagerConnect, ObjectManagerMapButtonConnect, PublicWarningApiWrapper, PublicWarningsFormDialog, PublicWarningsFormDialogConnect, WarningsModuleProvider, componentsLookUp, drawingModuleConfig, isAlreadyEdited, useObjectDrawDialogAction, warningFormConfirmationOptions };
+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)
+      }));
+    } catch (error) {
+      const isDialogOpen = uiSelectors.getisDialogOpen(listenerApi.getState(), publicWarningDialogType);
+      errorEffect(listenerApi.dispatch, getErrorMessage(error), isDialogOpen);
+    }
+  })
+});
+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 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
+    }));
+  })
+});
+const saveOrUpdateWarning = publicWarning => __awaiter(void 0, void 0, void 0, function* () {
+  const warningsApi = getWarningsApi();
+  if (publicWarning.warningDetail.id) {
+    yield warningsApi.updateWarning(publicWarning.warningDetail.id, publicWarning);
+    return publicWarning;
+  }
+  const newWarningId = yield warningsApi.saveWarningAs(publicWarning);
+  return Object.assign(Object.assign({}, publicWarning), {
+    warningDetail: Object.assign(Object.assign({}, publicWarning.warningDetail), {
+      id: newWarningId
+    })
+  });
+});
+const toggleDialogLoadingEffect = (dispatch, isDialogOpen, isLoading) => {
+  if (isDialogOpen) {
+    dispatch(uiActions.toggleIsLoadingDialog({
+      isLoading,
+      type: publicWarningDialogType
+    }));
+  }
+};
+const errorEffect = (dispatch, message, isDialogOpen) => {
+  dispatch(publicWarningFormActions.setFormError({
+    message
+  }));
+  toggleDialogLoadingEffect(dispatch, isDialogOpen, false);
+};
+
+/* *
+ * 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 getLastUpdatedTimeFormatted = () => dateUtils.dateToString(dateUtils.utc(), DATE_FORMAT_LASTUPDATEDTIME);
+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 {
+        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);
+      }
+      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");
+ * 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 drawingModuleConfig = {
+  id: 'drawing-module',
+  reducersMap: {
+    drawings: reducer$2,
+    publicWarningForm: reducer,
+    publicWarnings: reducer$1
+  },
+  middlewares: [drawingsListener.middleware, publicWarningsListener.middleware, publicWarningFormListener.middleware]
+};
+
+export { DrawingToolConnect, Wrapper as DrawingToolForm, DrawingToolFormConnect, DrawingToolMapButtonConnect, ObjectManagerConnect, ObjectManagerMapButtonConnect, PublicWarningApiWrapper, PublicWarningsFormDialog, PublicWarningsFormDialogConnect, WarningsModuleProvider, componentsLookUp, drawingModuleConfig, isAlreadyEdited, useObjectDrawDialogAction, warningFormConfirmationOptions, warningsTranslations };