@opengeoweb/warnings 9.5.0 → 9.6.0

package/index.esm.js

@@ -4,7 +4,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import { Polygons, Share, ExitDomain, Edit, Delete, DrawPolygon, Visibility, Add, Wind, Fog, Lightning, Snow, Rain, TemperatureHigh, FunnelCloud, TemperatureLow, CoastalEvent, breakpoints, Options } from '@opengeoweb/theme';
 import { uiTypes, uiActions, getSingularDrawtoolDrawLayerId, drawtoolSelectors, layerSelectors, uiSelectors, drawtoolActions, mapStoreActions, layerActions, useSetupDialog } from '@opengeoweb/store';
 import { emptyGeoJSON, MapControlButton, getGeoJSONPropertyValue, getIcon, rewindGeometry, currentlySupportedDrawModes } from '@opengeoweb/webmap-react';
-import { useConfirmationDialog, ToggleMenu, dateUtils, calculateStartSize, ToolContainerDraggable, AlertBanner, ConfirmationDialog, getAxiosErrorMessage, usePrevious, CustomIconButton, CustomTooltip, Avatar, getInitials, SwitchButton, StatusTag, ErrorBoundary, isAxiosError } from '@opengeoweb/shared';
+import { useConfirmationDialog, ToggleMenu, dateUtils, calculateStartSize, ToolContainerDraggable, AlertBanner, ConfirmationDialog, getAxiosErrorMessage, usePrevious, CustomIconButton, CustomTooltip, Avatar, getInitials, SwitchButton, LastUpdateTime, StatusTag, ErrorBoundary, isAxiosError } from '@opengeoweb/shared';
 import { createEntityAdapter, createSlice, createSelector } from '@reduxjs/toolkit';
 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';
@@ -14,6 +14,7 @@ import { getApi, createApiInstance, createNonAuthApiInstance, createFakeApiInsta
 import { ReactHookFormProvider, defaultFormOptions, ReactHookFormHiddenInput, isValidGeoJsonCoordinates, ReactHookFormSelect, ReactHookFormTextField, useDraftFormHelpers, errorMessages, ReactHookFormDateTime, isValidDate, isXHoursBefore, isXHoursAfter, isEmpty } from '@opengeoweb/form-fields';
 import { useFormContext } from 'react-hook-form';
 import { clamp } from 'lodash';
+import { useAuthenticationContext } from '@opengeoweb/authentication';
 import { takeLatest, put, call, select } from 'redux-saga/effects';
 import { isAxiosError as isAxiosError$1 } from 'axios';
 
@@ -954,6 +955,7 @@ var DATE_FORMAT = 'dd/MM/yyyy HH:mm';
 var DATE_FORMAT_UTC = "yyyy-MM-dd'T'HH:mm:ss'Z'";
 var DATE_FORMAT_HEADER = 'EEEE, MMMM dd';
 var DATE_FORMAT_DATE_FIELDS = 'DD/MM/YYYY HH:mm'; // TODO: should be 'ddd DD MMM HH:mm' https://gitlab.com/opengeoweb/opengeoweb/-/issues/4484
+var DATE_FORMAT_LASTUPDATEDTIME = 'HH:mm';
 
 var DEFAULT_ADD_BUTTON_HEIGHT = 80;
 var OBJECT_ITEM_SIZE = 50;
@@ -1557,6 +1559,20 @@ var slice$1 = createSlice({
       draft.selectedPublicWarningId = publicWarning === null || publicWarning === void 0 ? void 0 : publicWarning.id;
       draft.formState = formState;
     },
+    toggleEditorWarning: function toggleEditorWarning(draft,
+    // eslint-disable-next-line no-unused-vars
+    action) {
+      draft.error = '';
+    },
+    toggleEditorWarningSuccess: function toggleEditorWarningSuccess(draft, action) {
+      var _action$payload3 = action.payload,
+        isEditor = _action$payload3.isEditor,
+        username = _action$payload3.username;
+      if (draft.publicWarning) {
+        draft.publicWarning.editor = isEditor ? username : '';
+      }
+      draft.formState = isEditor ? '' : 'readonly';
+    },
     // publish warning
     publishWarning: function publishWarning(draft,
     // eslint-disable-next-line no-unused-vars
@@ -1579,8 +1595,12 @@ var slice$1 = createSlice({
       draft.publicWarning = action.payload.publicWarning;
     },
     saveWarningSuccess: function saveWarningSuccess(draft, action) {
+      var _a;
       var publicWarning = action.payload.publicWarning;
       draft.publicWarning = publicWarning;
+      if ((_a = publicWarning === null || publicWarning === void 0 ? void 0 : publicWarning.warningDetail) === null || _a === void 0 ? void 0 : _a.id) {
+        draft.selectedPublicWarningId = publicWarning.warningDetail.id;
+      }
       draft.formState = '';
     },
     setFormError: function setFormError(draft, action) {
@@ -1595,9 +1615,9 @@ var slice$1 = createSlice({
   },
   extraReducers: function extraReducers(builder) {
     builder.addCase(uiActions.setToggleOpenDialog, function (draft, action) {
-      var _action$payload3 = action.payload,
-        type = _action$payload3.type,
-        setOpen = _action$payload3.setOpen;
+      var _action$payload4 = action.payload,
+        type = _action$payload4.type,
+        setOpen = _action$payload4.setOpen;
       if (type === publicWarningDialogType && setOpen === false) {
         delete draft.object;
         delete draft.publicWarning;
@@ -1803,8 +1823,7 @@ var ObjectManagerConnect = function ObjectManagerConnect(_ref) {
       publicWarning: {
         warningDetail: {
           geoJSON: object.geoJSON
-        },
-        status: 'DRAFT'
+        }
       }
     }));
   };
@@ -4657,13 +4676,14 @@ var PublicWarningsFormDialog = function PublicWarningsFormDialog(_ref) {
     }, /*#__PURE__*/React.createElement(SwitchButton, {
       checked: !isReadOnly,
       onChange: onChangeMode
-    })), publicWarningEditor && ( /*#__PURE__*/React.createElement(Box, {
+    })), /*#__PURE__*/React.createElement(Box, {
       sx: {
         position: 'relative',
         top: 3,
-        right: '-2px'
+        right: '-2px',
+        width: '16px'
       }
-    }, /*#__PURE__*/React.createElement(WarningAvatar, {
+    }, publicWarningEditor && ( /*#__PURE__*/React.createElement(WarningAvatar, {
       editor: publicWarningEditor
     })))))
   }, {
@@ -5375,6 +5395,8 @@ var Form = function Form(_ref5) {
     publicWarningDetails = _ref5.publicWarningDetails,
     _ref5$error = _ref5.error,
     error = _ref5$error === void 0 ? '' : _ref5$error,
+    _ref5$isReadOnly = _ref5.isReadOnly,
+    isReadOnly = _ref5$isReadOnly === void 0 ? false : _ref5$isReadOnly,
     _ref5$onFormDirty = _ref5.onFormDirty,
     onFormDirty = _ref5$onFormDirty === void 0 ? function () {} : _ref5$onFormDirty;
   var _useFormContext = useFormContext(),
@@ -5386,7 +5408,6 @@ var Form = function Form(_ref5) {
     DraftFieldHelper = _useDraftFormHelpers.DraftFieldHelper;
   var isPublishing = formAction === 'publishing';
   var isSaving = formAction === 'saving';
-  var isReadOnly = formAction === 'readonly';
   var areFieldsDisabled = isPublishing || isSaving;
   useFormDirty({
     isDirty: isDirty,
@@ -5643,6 +5664,10 @@ var getPublicWarningStatus = createSelector(getPublicWarningStore, function (pub
   var _a;
   return (_a = publicWarningStore === null || publicWarningStore === void 0 ? void 0 : publicWarningStore.publicWarning) === null || _a === void 0 ? void 0 : _a.status;
 });
+var getPublicWarningEditor = createSelector(getPublicWarningStore, function (publicWarningStore) {
+  var _a;
+  return (_a = publicWarningStore === null || publicWarningStore === void 0 ? void 0 : publicWarningStore.publicWarning) === null || _a === void 0 ? void 0 : _a.editor;
+});
 var getPublicWarningFormState = createSelector(getPublicWarningStore, function (publicWarningStore) {
   return (publicWarningStore === null || publicWarningStore === void 0 ? void 0 : publicWarningStore.formState) || '';
 });
@@ -5685,6 +5710,12 @@ var PublicWarningsFormConnect = function PublicWarningsFormConnect() {
   var publicWarningFormError = useSelector(function (store) {
     return getPublicWarningFormError(store);
   });
+  var publicWarningEditor = useSelector(function (store) {
+    return getPublicWarningEditor(store);
+  });
+  var _useAuthenticationCon = useAuthenticationContext(),
+    auth = _useAuthenticationCon.auth;
+  var isEditor = publicWarningEditor === (auth === null || auth === void 0 ? void 0 : auth.username) || false;
   var dispatch = useDispatch();
   var publishForm = function publishForm(newFormValues) {
     dispatch(publicWarningFormActions.publishWarning({
@@ -5698,7 +5729,8 @@ var PublicWarningsFormConnect = function PublicWarningsFormConnect() {
     dispatch(publicWarningFormActions.saveWarning({
       publicWarning: {
         warningDetail: newFormValues,
-        status: 'DRAFT'
+        status: 'DRAFT',
+        editor: auth === null || auth === void 0 ? void 0 : auth.username
       }
     }));
   };
@@ -5707,12 +5739,15 @@ var PublicWarningsFormConnect = function PublicWarningsFormConnect() {
       isFormDirty: isFormDirty
     }));
   };
+  // Readonly also in case you are not creating a new warning and you are not set as the editor
+  var isReadOnly = publicWarningFormAction === 'readonly' || !isEditor && (publicWarning === null || publicWarning === void 0 ? void 0 : publicWarning.status) !== undefined;
   return /*#__PURE__*/React.createElement(PublicWarningsForm, {
     object: publicWarningObject,
     publicWarningDetails: publicWarning === null || publicWarning === void 0 ? void 0 : publicWarning.warningDetail,
     onPublishForm: publishForm,
     onSaveForm: saveForm,
     formAction: publicWarningFormAction,
+    isReadOnly: isReadOnly,
     error: publicWarningFormError,
     onFormDirty: onFormDirty
   });
@@ -5725,11 +5760,15 @@ var warningFormConfirmationOptions = {
   confirmLabel: 'Close',
   catchOnCancel: true
 };
+var isAlreadyEdited = function isAlreadyEdited(publicWarningEditor, username) {
+  return publicWarningEditor !== undefined && publicWarningEditor !== '' && publicWarningEditor !== null && publicWarningEditor !== username;
+};
 var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_ref) {
   var bounds = _ref.bounds,
     _ref$source = _ref.source,
     source = _ref$source === void 0 ? 'app' : _ref$source,
     startPosition = _ref.startPosition;
+  var warningsApi = getWarningsApi();
   var _useSetupDialog = useSetupDialog(publicWarningDialogType, source),
     dialogOrder = _useSetupDialog.dialogOrder,
     setDialogOrder = _useSetupDialog.setDialogOrder,
@@ -5739,11 +5778,6 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
     uiIsLoading = _useSetupDialog.uiIsLoading;
   var dispatch = useDispatch();
   var confirmDialog = useConfirmationDialog();
-  var onChangeFormMode = function onChangeFormMode(isChecked) {
-    dispatch(publicWarningFormActions.setFormValues({
-      formState: !isChecked ? '' : 'readonly'
-    }));
-  };
   var formAction = useSelector(function (store) {
     return getPublicWarningFormState(store);
   });
@@ -5753,43 +5787,157 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
   var publicWarningStatus = useSelector(function (store) {
     return getPublicWarningStatus(store);
   });
-  var closeDialog = function closeDialog() {
+  var selectedWarningId = useSelector(function (store) {
+    return getSelectedPublicWarningId(store);
+  });
+  var publicWarningEditor = useSelector(function (store) {
+    return getPublicWarningEditor(store);
+  });
+  var _useAuthenticationCon = useAuthenticationContext(),
+    auth = _useAuthenticationCon.auth;
+  var isEditor = publicWarningEditor === (auth === null || auth === void 0 ? void 0 : auth.username) || false;
+  var getLatestEditor = function getLatestEditor() {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var mayProceed;
+      var latestWarnings, latestWarning;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return warningsApi.getWarnings();
+          case 2:
+            latestWarnings = _context.sent;
+            latestWarning = latestWarnings.data.find(function (warning) {
+              return warning.id === selectedWarningId;
+            });
+            return _context.abrupt("return", latestWarning.editor || '');
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+  };
+  var setIsEditor = function setIsEditor(isReadOnly) {
+    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var username, latestEditor;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            username = (auth === null || auth === void 0 ? void 0 : auth.username) || ''; // make sure to get the latest changes if you are editing an existing warning
+            if (!selectedWarningId) {
+              _context2.next = 7;
+              break;
+            }
+            _context2.next = 4;
+            return getLatestEditor();
+          case 4:
+            _context2.t0 = _context2.sent;
+            _context2.next = 8;
+            break;
+          case 7:
+            _context2.t0 = '';
+          case 8:
+            latestEditor = _context2.t0;
+            if (!(!selectedWarningId || !isReadOnly && username === latestEditor || isReadOnly && latestEditor !== username)) {
+              _context2.next = 12;
+              break;
+            }
+            // currently editing a new warning or
+            // correct editor is already set or
+            // someone else is editor so only have to set to readonly mode
+            // No need for a BE call
+            dispatch(publicWarningFormActions.setFormValues({
+              formState: isReadOnly ? 'readonly' : ''
+            }));
+            return _context2.abrupt("return", true);
+          case 12:
+            if (!(!isReadOnly && isAlreadyEdited(latestEditor, username))) {
+              _context2.next = 15;
+              break;
+            }
+            _context2.next = 15;
+            return 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'
+            });
+          case 15:
+            dispatch(publicWarningFormActions.toggleEditorWarning({
+              warningId: selectedWarningId,
+              isEditor: !isReadOnly,
+              username: username
+            }));
+            return _context2.abrupt("return", true);
+          case 17:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+  };
+  var onChangeFormMode = function 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'
+      }).then(function () {
+        return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+          return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+            while (1) switch (_context3.prev = _context3.next) {
+              case 0:
+                _context3.next = 2;
+                return setIsEditor(isReadOnly);
+              case 2:
+              case "end":
+                return _context3.stop();
+            }
+          }, _callee3);
+        }));
+      });
+    } else {
+      setIsEditor(isReadOnly);
+    }
+  };
+  var closeDialog = function closeDialog() {
+    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+      var mayProceed;
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
             if (!isFormDirty) {
-              _context.next = 6;
+              _context4.next = 6;
               break;
             }
-            _context.next = 3;
+            _context4.next = 3;
             return confirmDialog(warningFormConfirmationOptions).then(function () {
               return true;
             })["catch"](function () {
               return false;
             });
           case 3:
-            mayProceed = _context.sent;
+            mayProceed = _context4.sent;
             if (mayProceed) {
-              _context.next = 6;
+              _context4.next = 6;
               break;
             }
-            return _context.abrupt("return");
+            return _context4.abrupt("return");
           case 6:
             onCloseDialog();
           case 7:
           case "end":
-            return _context.stop();
+            return _context4.stop();
         }
-      }, _callee);
+      }, _callee4);
     }));
   };
   if (!isDialogOpen) {
     return null;
   }
-  var isReadOnly = formAction === 'readonly';
-  var shouldHideFormToggleMode = publicWarningStatus !== undefined && publicWarningStatus !== 'DRAFT';
+  // Readonly also in case you are not creating a new warning and you are not set as the editor
+  var isReadOnly = formAction === 'readonly' || !isEditor && publicWarningStatus !== undefined;
+  // Only show toggle if in draft status
+  var shouldHideFormToggleMode = publicWarningStatus !== 'DRAFT';
   return /*#__PURE__*/React__default.createElement(PublicWarningsFormDialog, {
     isOpen: isDialogOpen,
     onClose: closeDialog,
@@ -5801,7 +5949,8 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
     isLoading: uiIsLoading,
     isReadOnly: isReadOnly,
     onChangeFormMode: onChangeFormMode,
-    shouldHideFormMode: shouldHideFormToggleMode
+    shouldHideFormMode: shouldHideFormToggleMode,
+    publicWarningEditor: publicWarningEditor
   }, /*#__PURE__*/React__default.createElement(PublicWarningsFormConnect, null));
 };
 
@@ -6070,6 +6219,9 @@ var PublicWarningList = function PublicWarningList(_ref2) {
     _ref2$isLoading = _ref2.isLoading,
     isLoading = _ref2$isLoading === void 0 ? false : _ref2$isLoading,
     error = _ref2.error,
+    _ref2$selectedPublicW = _ref2.selectedPublicWarningId,
+    selectedPublicWarningId = _ref2$selectedPublicW === void 0 ? '' : _ref2$selectedPublicW,
+    lastUpdatedTime = _ref2.lastUpdatedTime,
     _ref2$onSelectWarning = _ref2.onSelectWarning,
     onSelectWarning = _ref2$onSelectWarning === void 0 ? function () {} : _ref2$onSelectWarning,
     _ref2$onEditWarning = _ref2.onEditWarning,
@@ -6078,8 +6230,8 @@ var PublicWarningList = function PublicWarningList(_ref2) {
     onCreateWarning = _ref2$onCreateWarning === void 0 ? function () {} : _ref2$onCreateWarning,
     _ref2$onDeleteWarning = _ref2.onDeleteWarning,
     onDeleteWarning = _ref2$onDeleteWarning === void 0 ? function () {} : _ref2$onDeleteWarning,
-    _ref2$selectedPublicW = _ref2.selectedPublicWarningId,
-    selectedPublicWarningId = _ref2$selectedPublicW === void 0 ? '' : _ref2$selectedPublicW;
+    _ref2$onRefetchWarnin = _ref2.onRefetchWarnings,
+    onRefetchWarnings = _ref2$onRefetchWarnin === void 0 ? function () {} : _ref2$onRefetchWarnin;
   var sortedWarnings = warnings ? sortWarningsOnStatus(warnings) : null;
   return /*#__PURE__*/React__default.createElement(Box, {
     sx: {
@@ -6106,7 +6258,17 @@ var PublicWarningList = function PublicWarningList(_ref2) {
   }), isLoading && ( /*#__PURE__*/React__default.createElement(LinearProgress, {
     "data-testid": "loading-bar",
     color: "secondary"
-  })), sortedWarnings && !error && ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(WarningsOnStatus, {
+  })), lastUpdatedTime && ( /*#__PURE__*/React__default.createElement(Box, {
+    sx: {
+      marginBottom: -3.25,
+      button: {
+        marginRight: 0
+      }
+    }
+  }, /*#__PURE__*/React__default.createElement(LastUpdateTime, {
+    onPressRefresh: onRefetchWarnings,
+    lastUpdateTime: lastUpdatedTime
+  }))), sortedWarnings && !error && ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(WarningsOnStatus, {
     status: "TODO",
     warnings: sortedWarnings.todo,
     onSelectWarning: onSelectWarning,
@@ -6160,7 +6322,8 @@ var publicWarningsAdapter = createEntityAdapter({
 });
 var initialState = {
   warnings: publicWarningsAdapter.getInitialState(),
-  isLoading: true
+  isLoading: true,
+  lastUpdatedTime: ''
 };
 var slice = createSlice({
   initialState: initialState,
@@ -6171,8 +6334,11 @@ var slice = createSlice({
       delete draft.error;
     },
     fetchWarningsSuccess: function fetchWarningsSuccess(draft, action) {
-      var warnings = action.payload.warnings;
+      var _action$payload = action.payload,
+        warnings = _action$payload.warnings,
+        lastUpdatedTime = _action$payload.lastUpdatedTime;
       draft.isLoading = false;
+      draft.lastUpdatedTime = lastUpdatedTime;
       publicWarningsAdapter.setAll(draft.warnings, warnings);
     },
     fetchWarningsError: function fetchWarningsError(draft, action) {
@@ -6221,6 +6387,9 @@ var isPublicWarningsLoading = createSelector(getPublicWarningsStore, function (s
 var getPublicWarningsError = createSelector(getPublicWarningsStore, function (store) {
   return store === null || store === void 0 ? void 0 : store.error;
 });
+var getPublicWarningsLastUpdatedTime = createSelector(getPublicWarningsStore, function (store) {
+  return store === null || store === void 0 ? void 0 : store.lastUpdatedTime;
+});
 
 var DELETE_TITLE = 'Delete warning';
 var DELETE_CONFIRM = 'Delete';
@@ -6321,6 +6490,9 @@ var PublicWarningListConnect = function PublicWarningListConnect() {
   var isFormDirty = useSelector(function (store) {
     return getSelectedPublicIsFormDirty(store);
   });
+  var lastUpdatedTime = useSelector(function (store) {
+    return getPublicWarningsLastUpdatedTime(store);
+  });
   var openPublicWarningDialog = function openPublicWarningDialog(formAction, publicWarning) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var mayProceed;
@@ -6385,12 +6557,15 @@ var PublicWarningListConnect = function PublicWarningListConnect() {
       }));
     }
     openSnackbar(DELETE_WARNING_SUCCESS_MESSAGE);
-    dispatch(publicWarningActions.fetchWarnings());
+    fetchWarnings();
   };
-  React__default.useEffect(function () {
-    // fetch warnings on mount
+  var fetchWarnings = React__default.useCallback(function () {
     dispatch(publicWarningActions.fetchWarnings());
   }, [dispatch]);
+  React__default.useEffect(function () {
+    // fetch warnings on mount
+    fetchWarnings();
+  }, [fetchWarnings]);
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(PublicWarningList, {
     warnings: warnings,
     isLoading: isLoading,
@@ -6399,7 +6574,9 @@ var PublicWarningListConnect = function PublicWarningListConnect() {
     onCreateWarning: createWarning,
     onEditWarning: editWarning,
     onDeleteWarning: deleteWarning,
-    selectedPublicWarningId: selectedPublicWarningId
+    selectedPublicWarningId: selectedPublicWarningId,
+    lastUpdatedTime: lastUpdatedTime,
+    onRefetchWarnings: fetchWarnings
   }), confirmDeleteWarning && ( /*#__PURE__*/React__default.createElement(ConfirmDeleteWarningDialog, {
     warningId: confirmDeleteWarning,
     onDeleteSucces: onDeleteSuccess,
@@ -6605,43 +6782,53 @@ function saveOrUpdateWarning(publicWarning) {
     }
   }, _marked$1);
 }
-function publishWarningSaga(_ref) {
+var getToggleEditorSuccessMessage = function getToggleEditorSuccessMessage(isEditor) {
+  return "You are now ".concat(isEditor ? '' : 'no longer ', "the editor for this warning");
+};
+function toggleEditorWarningSaga(_ref) {
   var payload = _ref.payload;
   return /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var publicWarning, publishedWarning;
+    var warningId, isEditor, username, warningsApi;
     return _regeneratorRuntime().wrap(function _callee$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           _context2.prev = 0;
-          publicWarning = payload.publicWarning;
+          warningId = payload.warningId, isEditor = payload.isEditor, username = payload.username;
           _context2.next = 4;
-          return call(saveOrUpdateWarning, publicWarning);
+          return call(getWarningsApi);
         case 4:
-          publishedWarning = _context2.sent;
+          warningsApi = _context2.sent;
           _context2.next = 7;
-          return put(publicWarningFormActions.publishWarningSuccess({
-            publicWarning: publishedWarning,
-            message: PUBLISH_SUCCES
-          }));
+          return call(warningsApi.toggleEditorWarning, warningId, isEditor);
         case 7:
-          _context2.next = 13;
-          break;
+          _context2.next = 9;
+          return put(publicWarningActions.fetchWarnings);
         case 9:
-          _context2.prev = 9;
+          _context2.next = 11;
+          return put(publicWarningFormActions.toggleEditorWarningSuccess({
+            isEditor: isEditor,
+            username: username,
+            message: getToggleEditorSuccessMessage(isEditor)
+          }));
+        case 11:
+          _context2.next = 17;
+          break;
+        case 13:
+          _context2.prev = 13;
           _context2.t0 = _context2["catch"](0);
-          _context2.next = 13;
+          _context2.next = 17;
           return call(errorSaga, getErrorMessage(_context2.t0));
-        case 13:
+        case 17:
         case "end":
           return _context2.stop();
       }
-    }, _callee, null, [[0, 9]]);
+    }, _callee, null, [[0, 13]]);
   })();
 }
-function saveWarningSaga(_ref2) {
+function publishWarningSaga(_ref2) {
   var payload = _ref2.payload;
   return /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-    var publicWarning, savedWarning;
+    var publicWarning, publishedWarning;
     return _regeneratorRuntime().wrap(function _callee2$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
@@ -6650,11 +6837,11 @@ function saveWarningSaga(_ref2) {
           _context3.next = 4;
           return call(saveOrUpdateWarning, publicWarning);
         case 4:
-          savedWarning = _context3.sent;
+          publishedWarning = _context3.sent;
           _context3.next = 7;
-          return put(publicWarningFormActions.saveWarningSuccess({
-            publicWarning: savedWarning,
-            message: SAVE_SUCCES
+          return put(publicWarningFormActions.publishWarningSuccess({
+            publicWarning: publishedWarning,
+            message: PUBLISH_SUCCES
           }));
         case 7:
           _context3.next = 13;
@@ -6671,105 +6858,141 @@ function saveWarningSaga(_ref2) {
     }, _callee2, null, [[0, 9]]);
   })();
 }
-function successSaga(_ref3) {
+function saveWarningSaga(_ref3) {
   var payload = _ref3.payload;
   return /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-    var message;
+    var publicWarning, savedWarning;
     return _regeneratorRuntime().wrap(function _callee3$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          _context4.prev = 0;
+          publicWarning = payload.publicWarning;
+          _context4.next = 4;
+          return call(saveOrUpdateWarning, publicWarning);
+        case 4:
+          savedWarning = _context4.sent;
+          _context4.next = 7;
+          return put(publicWarningFormActions.saveWarningSuccess({
+            publicWarning: savedWarning,
+            message: SAVE_SUCCES
+          }));
+        case 7:
+          _context4.next = 13;
+          break;
+        case 9:
+          _context4.prev = 9;
+          _context4.t0 = _context4["catch"](0);
+          _context4.next = 13;
+          return call(errorSaga, getErrorMessage(_context4.t0));
+        case 13:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee3, null, [[0, 9]]);
+  })();
+}
+function successSaga(_ref4) {
+  var payload = _ref4.payload;
+  return /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+    var message;
+    return _regeneratorRuntime().wrap(function _callee4$(_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
         case 0:
           message = payload.message;
-          _context4.next = 3;
+          _context5.next = 3;
           return put(snackbarActions.openSnackbar({
             message: message
           }));
         case 3:
-          _context4.next = 5;
+          _context5.next = 5;
           return call(toggleDialogLoadingSaga, false);
         case 5:
         case "end":
-          return _context4.stop();
+          return _context5.stop();
       }
-    }, _callee3);
+    }, _callee4);
   })();
 }
 function errorSaga(message) {
-  return _regeneratorRuntime().wrap(function errorSaga$(_context5) {
-    while (1) switch (_context5.prev = _context5.next) {
+  return _regeneratorRuntime().wrap(function errorSaga$(_context6) {
+    while (1) switch (_context6.prev = _context6.next) {
       case 0:
-        _context5.next = 2;
+        _context6.next = 2;
         return put(publicWarningFormActions.setFormError({
           error: message
         }));
       case 2:
-        _context5.next = 4;
+        _context6.next = 4;
         return call(toggleDialogLoadingSaga, false);
       case 4:
       case "end":
-        return _context5.stop();
+        return _context6.stop();
     }
   }, _marked2$1);
 }
 function toggleDialogLoadingSaga(isLoading) {
   var isDialogOpen;
-  return _regeneratorRuntime().wrap(function toggleDialogLoadingSaga$(_context6) {
-    while (1) switch (_context6.prev = _context6.next) {
+  return _regeneratorRuntime().wrap(function toggleDialogLoadingSaga$(_context7) {
+    while (1) switch (_context7.prev = _context7.next) {
       case 0:
-        _context6.next = 2;
+        _context7.next = 2;
         return select(uiSelectors.getDialogDetailsByType, publicWarningDialogType);
       case 2:
-        isDialogOpen = _context6.sent;
+        isDialogOpen = _context7.sent;
         if (!isDialogOpen) {
-          _context6.next = 6;
+          _context7.next = 6;
           break;
         }
-        _context6.next = 6;
+        _context7.next = 6;
         return put(uiActions.toggleIsLoadingDialog({
           isLoading: isLoading,
           type: publicWarningDialogType
         }));
       case 6:
       case "end":
-        return _context6.stop();
+        return _context7.stop();
     }
   }, _marked3$1);
 }
 function openDialogSaga() {
-  return _regeneratorRuntime().wrap(function openDialogSaga$(_context7) {
-    while (1) switch (_context7.prev = _context7.next) {
+  return _regeneratorRuntime().wrap(function openDialogSaga$(_context8) {
+    while (1) switch (_context8.prev = _context8.next) {
       case 0:
-        _context7.next = 2;
+        _context8.next = 2;
         return put(uiActions.setToggleOpenDialog({
           setOpen: true,
           type: publicWarningDialogType
         }));
       case 2:
       case "end":
-        return _context7.stop();
+        return _context8.stop();
     }
   }, _marked4);
 }
 function publicWarningRootSaga() {
-  return _regeneratorRuntime().wrap(function publicWarningRootSaga$(_context8) {
-    while (1) switch (_context8.prev = _context8.next) {
+  return _regeneratorRuntime().wrap(function publicWarningRootSaga$(_context9) {
+    while (1) switch (_context9.prev = _context9.next) {
       case 0:
-        _context8.next = 2;
-        return takeLatest(publicWarningFormActions.publishWarning, publishWarningSaga);
+        _context9.next = 2;
+        return takeLatest(publicWarningFormActions.toggleEditorWarning, toggleEditorWarningSaga);
       case 2:
-        _context8.next = 4;
-        return takeLatest(publicWarningFormActions.saveWarning, saveWarningSaga);
+        _context9.next = 4;
+        return takeLatest(publicWarningFormActions.publishWarning, publishWarningSaga);
       case 4:
-        _context8.next = 6;
-        return takeLatest([publicWarningFormActions.publishWarningSuccess, publicWarningFormActions.saveWarningSuccess], successSaga);
+        _context9.next = 6;
+        return takeLatest(publicWarningFormActions.saveWarning, saveWarningSaga);
       case 6:
-        _context8.next = 8;
-        return takeLatest([publicWarningFormActions.publishWarning, publicWarningFormActions.saveWarning], toggleDialogLoadingSaga, true);
+        _context9.next = 8;
+        return takeLatest([publicWarningFormActions.publishWarningSuccess, publicWarningFormActions.saveWarningSuccess, publicWarningFormActions.toggleEditorWarningSuccess], successSaga);
       case 8:
-        _context8.next = 10;
-        return takeLatest(publicWarningFormActions.openPublicWarningFormDialog, openDialogSaga);
+        _context9.next = 10;
+        return takeLatest([publicWarningFormActions.publishWarning, publicWarningFormActions.saveWarning], toggleDialogLoadingSaga, true);
       case 10:
+        _context9.next = 12;
+        return takeLatest(publicWarningFormActions.openPublicWarningFormDialog, openDialogSaga);
+      case 12:
       case "end":
-        return _context8.stop();
+        return _context9.stop();
     }
   }, _marked5);
 }
@@ -6777,8 +7000,11 @@ function publicWarningRootSaga() {
 var _marked = /*#__PURE__*/_regeneratorRuntime().mark(fetchWarningsSaga),
   _marked2 = /*#__PURE__*/_regeneratorRuntime().mark(refetchWarnings),
   _marked3 = /*#__PURE__*/_regeneratorRuntime().mark(publicWarnings);
+var getLastUpdatedTimeFormatted = function getLastUpdatedTimeFormatted() {
+  return dateUtils.dateToString(dateUtils.utc(), DATE_FORMAT_LASTUPDATEDTIME);
+};
 function fetchWarningsSaga() {
-  var warningsApi, _yield$call, warnings;
+  var warningsApi, _yield$call, warnings, lastUpdatedTime;
   return _regeneratorRuntime().wrap(function fetchWarningsSaga$(_context) {
     while (1) switch (_context.prev = _context.next) {
       case 0:
@@ -6792,28 +7018,30 @@ function fetchWarningsSaga() {
       case 6:
         _yield$call = _context.sent;
         warnings = _yield$call.data;
-        _context.next = 10;
+        lastUpdatedTime = getLastUpdatedTimeFormatted();
+        _context.next = 11;
         return put(publicWarningActions.fetchWarningsSuccess({
-          warnings: warnings
+          warnings: warnings,
+          lastUpdatedTime: lastUpdatedTime
         }));
-      case 10:
-        _context.next = 16;
+      case 11:
+        _context.next = 17;
         break;
-      case 12:
-        _context.prev = 12;
+      case 13:
+        _context.prev = 13;
         _context.t0 = _context["catch"](0);
-        _context.next = 16;
+        _context.next = 17;
         return put(publicWarningActions.fetchWarningsError({
           error: {
             name: _context.t0.name,
             message: _context.t0.message
           }
         }));
-      case 16:
+      case 17:
       case "end":
         return _context.stop();
     }
-  }, _marked, null, [[0, 12]]);
+  }, _marked, null, [[0, 13]]);
 }
 function refetchWarnings() {
   return _regeneratorRuntime().wrap(function refetchWarnings$(_context2) {
@@ -6869,4 +7097,4 @@ var drawingModuleConfig = {
   sagas: [drawingSaga, publicWarningRootSaga, publicWarnings]
 };
 
-export { DIALOG_TITLE, DrawingToolConnect, Wrapper as DrawingToolForm, DrawingToolFormConnect, DrawingToolMapButtonConnect, ObjectManagerConnect, ObjectManagerMapButtonConnect, PublicWarningApiWrapper, PublicWarningsFormDialog, PublicWarningsFormDialogConnect, WarningsModuleProvider, componentsLookUp, drawingModuleConfig, useObjectDrawDialogAction, warningFormConfirmationOptions };
+export { DIALOG_TITLE, DrawingToolConnect, Wrapper as DrawingToolForm, DrawingToolFormConnect, DrawingToolMapButtonConnect, ObjectManagerConnect, ObjectManagerMapButtonConnect, PublicWarningApiWrapper, PublicWarningsFormDialog, PublicWarningsFormDialogConnect, WarningsModuleProvider, componentsLookUp, drawingModuleConfig, isAlreadyEdited, useObjectDrawDialogAction, warningFormConfirmationOptions };

package/package.json

@@ -1,13 +1,37 @@
 {
   "name": "@opengeoweb/warnings",
-  "version": "9.5.0",
+  "version": "9.6.0",
   "description": "GeoWeb warinings library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
-  "dependencies": {},
+  "dependencies": {
+    "@opengeoweb/api": "*",
+    "@redux-eggs/redux-toolkit": "^2.2.0",
+    "@opengeoweb/shared": "*",
+    "@opengeoweb/store": "*",
+    "@opengeoweb/webmap-react": "*",
+    "react-redux": "^8.1.3",
+    "@mui/material": "5.12.0",
+    "@opengeoweb/theme": "*",
+    "@opengeoweb/form-fields": "*",
+    "react-hook-form": "7.47.0",
+    "lodash": "^4.17.21",
+    "redux-saga": "^1.2.3",
+    "@reduxjs/toolkit": "^1.9.7",
+    "@opengeoweb/snackbar": "*",
+    "react-window": "^1.8.10",
+    "react-virtualized-auto-sizer": "^1.0.20",
+    "axios": "1.5.0",
+    "@opengeoweb/core": "*",
+    "@opengeoweb/webmap": "*",
+    "@opengeoweb/authentication": "*"
+  },
+  "peerDependencies": {
+    "react": "18"
+  },
   "module": "./index.esm.js",
   "type": "module",
   "main": "./index.esm.js"

package/src/lib/components/PublicWarningList/PublicWarningList.d.ts

@@ -15,10 +15,12 @@ export declare const PublicWarningList: React.FC<{
     warnings: PublicWarning[];
     isLoading?: boolean;
     error?: Error;
+    selectedPublicWarningId?: string;
+    lastUpdatedTime?: string;
     onSelectWarning?: (warning: PublicWarning) => void;
     onEditWarning?: (warning: PublicWarning) => void;
     onCreateWarning?: () => void;
     onDeleteWarning?: (warningId: string) => void;
-    selectedPublicWarningId?: string;
+    onRefetchWarnings?: () => void;
 }>;
 export default PublicWarningList;

package/src/lib/components/PublicWarningsForm/PublicWarningsForm.d.ts

@@ -23,6 +23,7 @@ interface FormProps {
     object?: DrawingListItem;
     publicWarningDetails?: PublicWarningDetail;
     error?: string;
+    isReadOnly?: boolean;
     onFormDirty?: (isFormDirty: boolean) => void;
 }
 export declare const PublicWarningsForm: React.FC<FormProps>;

package/src/lib/components/PublicWarningsFormDialog/PublicWarningsFormDialogConnect.d.ts

@@ -8,6 +8,7 @@ export declare const warningFormConfirmationOptions: {
     confirmLabel: string;
     catchOnCancel: boolean;
 };
+export declare const isAlreadyEdited: (publicWarningEditor: string | undefined, username: string | undefined) => boolean;
 export declare const PublicWarningsFormDialogConnect: React.FC<{
     bounds?: string;
     source?: uiTypes.Source;

package/src/lib/store/publicWarningForm/reducer.d.ts

@@ -23,6 +23,16 @@ export declare const publicWarningFormActions: import("@reduxjs/toolkit").CaseRe
         formState?: FormAction;
         publicWarning?: PublicWarning;
     }>) => void;
+    toggleEditorWarning: (draft: Draft<PublicWarningFormState>, action: PayloadAction<{
+        warningId: string;
+        isEditor: boolean;
+        username: string;
+    }>) => void;
+    toggleEditorWarningSuccess: (draft: Draft<PublicWarningFormState>, action: PayloadAction<{
+        isEditor: boolean;
+        username: string;
+        message: string;
+    }>) => void;
     publishWarning: (draft: Draft<PublicWarningFormState>, action: PayloadAction<{
         publicWarning: PublicWarning;
     }>) => void;

package/src/lib/store/publicWarningForm/sagas.d.ts

@@ -4,6 +4,8 @@ import { PublicWarning } from './types';
 export declare const PUBLISH_SUCCES = "Public warning has succesfully been published!";
 export declare const SAVE_SUCCES = "Public warning has succesfully been saved!";
 export declare function saveOrUpdateWarning(publicWarning: PublicWarning): SagaIterator<PublicWarning>;
+export declare const getToggleEditorSuccessMessage: (isEditor: boolean) => string;
+export declare function toggleEditorWarningSaga({ payload, }: ReturnType<typeof publicWarningFormActions.toggleEditorWarning>): SagaIterator;
 export declare function publishWarningSaga({ payload, }: ReturnType<typeof publicWarningFormActions.publishWarning>): SagaIterator;
 export declare function saveWarningSaga({ payload, }: ReturnType<typeof publicWarningFormActions.saveWarning>): SagaIterator;
 export declare function successSaga({ payload, }: ReturnType<typeof publicWarningFormActions.publishWarningSuccess | typeof publicWarningFormActions.saveWarningSuccess>): SagaIterator;

package/src/lib/store/publicWarningForm/selectors.d.ts

@@ -16,6 +16,11 @@ export declare const getPublicWarningStatus: ((state: WarningModuleStore) => imp
 }> & {
     clearCache: () => void;
 };
+export declare const getPublicWarningEditor: ((state: WarningModuleStore) => string | undefined) & import("reselect").OutputSelectorFields<(args_0: PublicWarningFormState) => string | undefined, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
 export declare const getPublicWarningFormState: ((state: WarningModuleStore) => "" | "saving" | "publishing" | "readonly") & import("reselect").OutputSelectorFields<(args_0: PublicWarningFormState) => "" | "saving" | "publishing" | "readonly", {
     clearCache: () => void;
 }> & {

package/src/lib/store/publicWarningForm/types.d.ts

@@ -15,7 +15,7 @@ export type PublicWarningDetail = {
 };
 export type PublicWarningStatus = 'DRAFT' | 'PUBLISHED' | 'TODO' | 'EXPIRED';
 export type PublicWarning = {
-    status: PublicWarningStatus;
+    status?: PublicWarningStatus;
     editor?: string;
     warningDetail: PublicWarningDetail;
     id?: string;

package/src/lib/store/publicWarnings/reducer.d.ts

@@ -8,6 +8,7 @@ export declare const publicWarningActions: import("@reduxjs/toolkit").CaseReduce
     fetchWarnings: (draft: Draft<PublicWarningsState>) => void;
     fetchWarningsSuccess: (draft: Draft<PublicWarningsState>, action: PayloadAction<{
         warnings: PublicWarning[];
+        lastUpdatedTime: string;
     }>) => void;
     fetchWarningsError: (draft: Draft<PublicWarningsState>, action: PayloadAction<{
         error: {

package/src/lib/store/publicWarnings/sagas.d.ts

@@ -1,4 +1,5 @@
 import { SagaIterator } from 'redux-saga';
+export declare const getLastUpdatedTimeFormatted: () => string;
 export declare function fetchWarningsSaga(): SagaIterator;
 export declare function refetchWarnings(): SagaIterator;
 declare function publicWarnings(): SagaIterator;

package/src/lib/store/publicWarnings/selectors.d.ts

@@ -12,3 +12,8 @@ export declare const getPublicWarningsError: ((state: WarningModuleStore) => imp
 }> & {
     clearCache: () => void;
 };
+export declare const getPublicWarningsLastUpdatedTime: ((state: WarningModuleStore) => string) & import("reselect").OutputSelectorFields<(args_0: PublicWarningsState) => string, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};

package/src/lib/store/publicWarnings/types.d.ts

@@ -7,5 +7,6 @@ export type PublicWarningError = {
 export type PublicWarningsState = {
     warnings: EntityState<PublicWarning>;
     isLoading: boolean;
+    lastUpdatedTime: string;
     error?: PublicWarningError;
 };

package/src/lib/utils/constants.d.ts

@@ -2,3 +2,4 @@ export declare const DATE_FORMAT = "dd/MM/yyyy HH:mm";
 export declare const DATE_FORMAT_UTC = "yyyy-MM-dd'T'HH:mm:ss'Z'";
 export declare const DATE_FORMAT_HEADER = "EEEE, MMMM dd";
 export declare const DATE_FORMAT_DATE_FIELDS = "DD/MM/YYYY HH:mm";
+export declare const DATE_FORMAT_LASTUPDATEDTIME = "HH:mm";