@opengeoweb/workspace 4.22.0 → 5.0.0

package/index.js

@@ -1,18 +1,19 @@
-import { SyncGroups, syncGroupActions, layerActions, mapActions, uiActions, mapTypes, genericSelectors, routerActions, snackbarActions, mapSelectors, SnackbarWrapperConnect, coreModuleConfig, syncGroupsSelectors, uiSelectors } from '@opengeoweb/core';
+import { SyncGroups, syncGroupActions, layerActions, mapActions, uiActions, mapTypes, mapEnums, genericSelectors, mapSelectors, syncGroupsSelectors, routerActions, snackbarActions, SnackbarWrapperConnect, coreModuleConfig, uiSelectors } from '@opengeoweb/core';
 import { createApiInstance, createNonAuthApiInstance, getApi, createFakeApiInstance, ApiProvider, useApiContext } from '@opengeoweb/api';
 import { getLeaves, MosaicContext, getAndAssertNodeAtPathExists, createBalancedTreeFromLeaves, MosaicWindow, MosaicWithoutDragDropContext } from 'react-mosaic-component';
+import { isAxiosError, getAxiosErrorMessage, withEggs, useConfirmationDialog, CustomIconButton, AlertBanner, CustomTooltip, SearchHighlight, ToggleMenu, ToolContainer, CustomToggleButton, ConfirmationServiceProvider, ConfirmationDialog } from '@opengeoweb/shared';
 import * as React from 'react';
 import React__default, { createContext, useContext, useDebugValue, useLayoutEffect, useEffect, useMemo, memo, useRef, useCallback, forwardRef, createElement, Fragment } from 'react';
 import { ThemeWrapper, lightTheme, Menu, SplitVertical, SplitHorizontal, Expand, UnExpand, Close, Delete, Preset, PresetWorkspace, PresetTiles, WebAssetOff, Clear, Search } from '@opengeoweb/theme';
 import { unstable_batchedUpdates } from 'react-dom';
-import { withEggs, useConfirmationDialog, CustomIconButton, AlertBanner, CustomTooltip, SearchHighlight, ToggleMenu, ToolContainer, CustomToggleButton, ConfirmationServiceProvider, ConfirmationDialog, isAxiosError, getAxiosErrorMessage } from '@opengeoweb/shared';
 import { timeSeriesModuleConfig } from '@opengeoweb/timeseries';
+import { AuthenticationProvider, useAuthenticationContext } from '@opengeoweb/authentication';
 import { jsx } from 'react/jsx-runtime';
 import { useTheme as useTheme$2, LinearProgress, Typography, ListItem, ListItemButton, ListItemIcon, ListItemText, Grid, Box as Box$2, List, Backdrop, Menu as Menu$1, ListSubheader, MenuItem, Chip, Stack, debounce as debounce$1, TextField, InputAdornment, Tabs } from '@mui/material';
 import 'react-mosaic-component/react-mosaic-component.css';
 import { ReactHookFormTextField, ReactHookFormHiddenInput, ReactHookFormProvider, defaultFormOptions } from '@opengeoweb/form-fields';
 
-function n$5(n){for(var r=arguments.length,t=Array(r>1?r-1:0),e=1;e<r;e++)t[e-1]=arguments[e];if("production"!==process.env.NODE_ENV){var i=Y[n],o=i?"function"==typeof i?i.apply(null,t):i:"unknown error nr: "+n;throw Error("[Immer] "+o)}throw Error("[Immer] minified error nr: "+n+(t.length?" "+t.map((function(n){return "'"+n+"'"})).join(","):"")+". Find the full error at: https://bit.ly/3cXEKWf")}function r$5(n){return !!n&&!!n[Q]}function t$5(n){return !!n&&(function(n){if(!n||"object"!=typeof n)return !1;var r=Object.getPrototypeOf(n);if(null===r)return !0;var t=Object.hasOwnProperty.call(r,"constructor")&&r.constructor;return t===Object||"function"==typeof t&&Function.toString.call(t)===Z}(n)||Array.isArray(n)||!!n[L]||!!n.constructor[L]||s(n)||v$4(n))}function i(n,r,t){void 0===t&&(t=!1),0===o(n)?(t?Object.keys:nn)(n).forEach((function(e){t&&"symbol"==typeof e||r(e,n[e],n);})):n.forEach((function(t,e){return r(e,t,n)}));}function o(n){var r=n[Q];return r?r.i>3?r.i-4:r.i:Array.isArray(n)?1:s(n)?2:v$4(n)?3:0}function u$3(n,r){return 2===o(n)?n.has(r):Object.prototype.hasOwnProperty.call(n,r)}function a(n,r){return 2===o(n)?n.get(r):n[r]}function f$3(n,r,t){var e=o(n);2===e?n.set(r,t):3===e?(n.delete(r),n.add(t)):n[r]=t;}function c$3(n,r){return n===r?0!==n||1/n==1/r:n!=n&&r!=r}function s(n){return X&&n instanceof Map}function v$4(n){return q$5&&n instanceof Set}function p$5(n){return n.o||n.t}function l$4(n){if(Array.isArray(n))return Array.prototype.slice.call(n);var r=rn(n);delete r[Q];for(var t=nn(r),e=0;e<t.length;e++){var i=t[e],o=r[i];!1===o.writable&&(o.writable=!0,o.configurable=!0),(o.get||o.set)&&(r[i]={configurable:!0,writable:!0,enumerable:o.enumerable,value:n[i]});}return Object.create(Object.getPrototypeOf(n),r)}function d$3(n,e){return void 0===e&&(e=!1),y$2(n)||r$5(n)||!t$5(n)?n:(o(n)>1&&(n.set=n.add=n.clear=n.delete=h$5),Object.freeze(n),e&&i(n,(function(n,r){return d$3(r,!0)}),!0),n)}function h$5(){n$5(2);}function y$2(n){return null==n||"object"!=typeof n||Object.isFrozen(n)}function b$3(r){var t=tn[r];return t||n$5(18,r),t}function m$4(n,r){tn[n]||(tn[n]=r);}function _(){return "production"===process.env.NODE_ENV||U||n$5(0),U}function j(n,r){r&&(b$3("Patches"),n.u=[],n.s=[],n.v=r);}function O(n){g$3(n),n.p.forEach(S),n.p=null;}function g$3(n){n===U&&(U=n.l);}function w$3(n){return U={p:[],l:U,h:n,m:!0,_:0}}function S(n){var r=n[Q];0===r.i||1===r.i?r.j():r.O=!0;}function P(r,e){e._=e.p.length;var i=e.p[0],o=void 0!==r&&r!==i;return e.h.g||b$3("ES5").S(e,r,o),o?(i[Q].P&&(O(e),n$5(4)),t$5(r)&&(r=M(e,r),e.l||x$2(e,r)),e.u&&b$3("Patches").M(i[Q].t,r,e.u,e.s)):r=M(e,i,[]),O(e),e.u&&e.v(e.u,e.s),r!==H?r:void 0}function M(n,r,t){if(y$2(r))return r;var e=r[Q];if(!e)return i(r,(function(i,o){return A$2(n,e,r,i,o,t)}),!0),r;if(e.A!==n)return r;if(!e.P)return x$2(n,e.t,!0),e.t;if(!e.I){e.I=!0,e.A._--;var o=4===e.i||5===e.i?e.o=l$4(e.k):e.o;i(3===e.i?new Set(o):o,(function(r,i){return A$2(n,e,o,r,i,t)})),x$2(n,o,!1),t&&n.u&&b$3("Patches").R(e,t,n.u,n.s);}return e.o}function A$2(e,i,o,a,c,s){if("production"!==process.env.NODE_ENV&&c===o&&n$5(5),r$5(c)){var v=M(e,c,s&&i&&3!==i.i&&!u$3(i.D,a)?s.concat(a):void 0);if(f$3(o,a,v),!r$5(v))return;e.m=!1;}if(t$5(c)&&!y$2(c)){if(!e.h.F&&e._<1)return;M(e,c),i&&i.A.l||x$2(e,c);}}function x$2(n,r,t){void 0===t&&(t=!1),n.h.F&&n.m&&d$3(r,t);}function z$2(n,r){var t=n[Q];return (t?p$5(t):n)[r]}function I(n,r){if(r in n)for(var t=Object.getPrototypeOf(n);t;){var e=Object.getOwnPropertyDescriptor(t,r);if(e)return e;t=Object.getPrototypeOf(t);}}function k$4(n){n.P||(n.P=!0,n.l&&k$4(n.l));}function E(n){n.o||(n.o=l$4(n.t));}function R(n,r,t){var e=s(r)?b$3("MapSet").N(r,t):v$4(r)?b$3("MapSet").T(r,t):n.g?function(n,r){var t=Array.isArray(n),e={i:t?1:0,A:r?r.A:_(),P:!1,I:!1,D:{},l:r,t:n,k:null,o:null,j:null,C:!1},i=e,o=en;t&&(i=[e],o=on);var u=Proxy.revocable(i,o),a=u.revoke,f=u.proxy;return e.k=f,e.j=a,f}(r,t):b$3("ES5").J(r,t);return (t?t.A:_()).p.push(e),e}function D(e){return r$5(e)||n$5(22,e),function n(r){if(!t$5(r))return r;var e,u=r[Q],c=o(r);if(u){if(!u.P&&(u.i<4||!b$3("ES5").K(u)))return u.t;u.I=!0,e=F(r,c),u.I=!1;}else e=F(r,c);return i(e,(function(r,t){u&&a(u.t,r)===t||f$3(e,r,n(t));})),3===c?new Set(e):e}(e)}function F(n,r){switch(r){case 2:return new Map(n);case 3:return Array.from(n)}return l$4(n)}function N(){function t(n,r){var t=s[n];return t?t.enumerable=r:s[n]=t={configurable:!0,enumerable:r,get:function(){var r=this[Q];return "production"!==process.env.NODE_ENV&&f(r),en.get(r,n)},set:function(r){var t=this[Q];"production"!==process.env.NODE_ENV&&f(t),en.set(t,n,r);}},t}function e(n){for(var r=n.length-1;r>=0;r--){var t=n[r][Q];if(!t.P)switch(t.i){case 5:a(t)&&k$4(t);break;case 4:o(t)&&k$4(t);}}}function o(n){for(var r=n.t,t=n.k,e=nn(t),i=e.length-1;i>=0;i--){var o=e[i];if(o!==Q){var a=r[o];if(void 0===a&&!u$3(r,o))return !0;var f=t[o],s=f&&f[Q];if(s?s.t!==a:!c$3(f,a))return !0}}var v=!!r[Q];return e.length!==nn(r).length+(v?0:1)}function a(n){var r=n.k;if(r.length!==n.t.length)return !0;var t=Object.getOwnPropertyDescriptor(r,r.length-1);if(t&&!t.get)return !0;for(var e=0;e<r.length;e++)if(!r.hasOwnProperty(e))return !0;return !1}function f(r){r.O&&n$5(3,JSON.stringify(p$5(r)));}var s={};m$4("ES5",{J:function(n,r){var e=Array.isArray(n),i=function(n,r){if(n){for(var e=Array(r.length),i=0;i<r.length;i++)Object.defineProperty(e,""+i,t(i,!0));return e}var o=rn(r);delete o[Q];for(var u=nn(o),a=0;a<u.length;a++){var f=u[a];o[f]=t(f,n||!!o[f].enumerable);}return Object.create(Object.getPrototypeOf(r),o)}(e,n),o={i:e?5:4,A:r?r.A:_(),P:!1,I:!1,D:{},l:r,t:n,k:i,o:null,O:!1,C:!1};return Object.defineProperty(i,Q,{value:o,writable:!0}),i},S:function(n,t,o){o?r$5(t)&&t[Q].A===n&&e(n.p):(n.u&&function n(r){if(r&&"object"==typeof r){var t=r[Q];if(t){var e=t.t,o=t.k,f=t.D,c=t.i;if(4===c)i(o,(function(r){r!==Q&&(void 0!==e[r]||u$3(e,r)?f[r]||n(o[r]):(f[r]=!0,k$4(t)));})),i(e,(function(n){void 0!==o[n]||u$3(o,n)||(f[n]=!1,k$4(t));}));else if(5===c){if(a(t)&&(k$4(t),f.length=!0),o.length<e.length)for(var s=o.length;s<e.length;s++)f[s]=!1;else for(var v=e.length;v<o.length;v++)f[v]=!0;for(var p=Math.min(o.length,e.length),l=0;l<p;l++)o.hasOwnProperty(l)||(f[l]=!0),void 0===f[l]&&n(o[l]);}}}}(n.p[0]),e(n.p));},K:function(n){return 4===n.i?o(n):a(n)}});}var G,U,W="undefined"!=typeof Symbol&&"symbol"==typeof Symbol("x"),X="undefined"!=typeof Map,q$5="undefined"!=typeof Set,B="undefined"!=typeof Proxy&&void 0!==Proxy.revocable&&"undefined"!=typeof Reflect,H=W?Symbol.for("immer-nothing"):((G={})["immer-nothing"]=!0,G),L=W?Symbol.for("immer-draftable"):"__$immer_draftable",Q=W?Symbol.for("immer-state"):"__$immer_state",Y={0:"Illegal state",1:"Immer drafts cannot have computed properties",2:"This object has been frozen and should not be mutated",3:function(n){return "Cannot use a proxy that has been revoked. Did you pass an object from inside an immer function to an async process? "+n},4:"An immer producer returned a new value *and* modified its draft. Either return a new value *or* modify the draft.",5:"Immer forbids circular references",6:"The first or second argument to `produce` must be a function",7:"The third argument to `produce` must be a function or undefined",8:"First argument to `createDraft` must be a plain object, an array, or an immerable object",9:"First argument to `finishDraft` must be a draft returned by `createDraft`",10:"The given draft is already finalized",11:"Object.defineProperty() cannot be used on an Immer draft",12:"Object.setPrototypeOf() cannot be used on an Immer draft",13:"Immer only supports deleting array indices",14:"Immer only supports setting array indices and the 'length' property",15:function(n){return "Cannot apply patch, path doesn't resolve: "+n},16:'Sets cannot have "replace" patches.',17:function(n){return "Unsupported patch operation: "+n},18:function(n){return "The plugin for '"+n+"' has not been loaded into Immer. To enable the plugin, import and call `enable"+n+"()` when initializing your application."},20:"Cannot use proxies if Proxy, Proxy.revocable or Reflect are not available",21:function(n){return "produce can only be called on things that are draftable: plain objects, arrays, Map, Set or classes that are marked with '[immerable]: true'. Got '"+n+"'"},22:function(n){return "'current' expects a draft, got: "+n},23:function(n){return "'original' expects a draft, got: "+n},24:"Patching reserved attributes like __proto__, prototype and constructor is not allowed"},Z=""+Object.prototype.constructor,nn="undefined"!=typeof Reflect&&Reflect.ownKeys?Reflect.ownKeys:void 0!==Object.getOwnPropertySymbols?function(n){return Object.getOwnPropertyNames(n).concat(Object.getOwnPropertySymbols(n))}:Object.getOwnPropertyNames,rn=Object.getOwnPropertyDescriptors||function(n){var r={};return nn(n).forEach((function(t){r[t]=Object.getOwnPropertyDescriptor(n,t);})),r},tn={},en={get:function(n,r){if(r===Q)return n;var e=p$5(n);if(!u$3(e,r))return function(n,r,t){var e,i=I(r,t);return i?"value"in i?i.value:null===(e=i.get)||void 0===e?void 0:e.call(n.k):void 0}(n,e,r);var i=e[r];return n.I||!t$5(i)?i:i===z$2(n.t,r)?(E(n),n.o[r]=R(n.A.h,i,n)):i},has:function(n,r){return r in p$5(n)},ownKeys:function(n){return Reflect.ownKeys(p$5(n))},set:function(n,r,t){var e=I(p$5(n),r);if(null==e?void 0:e.set)return e.set.call(n.k,t),!0;if(!n.P){var i=z$2(p$5(n),r),o=null==i?void 0:i[Q];if(o&&o.t===t)return n.o[r]=t,n.D[r]=!1,!0;if(c$3(t,i)&&(void 0!==t||u$3(n.t,r)))return !0;E(n),k$4(n);}return n.o[r]===t&&"number"!=typeof t&&(void 0!==t||r in n.o)||(n.o[r]=t,n.D[r]=!0,!0)},deleteProperty:function(n,r){return void 0!==z$2(n.t,r)||r in n.t?(n.D[r]=!1,E(n),k$4(n)):delete n.D[r],n.o&&delete n.o[r],!0},getOwnPropertyDescriptor:function(n,r){var t=p$5(n),e=Reflect.getOwnPropertyDescriptor(t,r);return e?{writable:!0,configurable:1!==n.i||"length"!==r,enumerable:e.enumerable,value:t[r]}:e},defineProperty:function(){n$5(11);},getPrototypeOf:function(n){return Object.getPrototypeOf(n.t)},setPrototypeOf:function(){n$5(12);}},on={};i(en,(function(n,r){on[n]=function(){return arguments[0]=arguments[0][0],r.apply(this,arguments)};})),on.deleteProperty=function(r,t){return "production"!==process.env.NODE_ENV&&isNaN(parseInt(t))&&n$5(13),on.set.call(this,r,t,void 0)},on.set=function(r,t,e){return "production"!==process.env.NODE_ENV&&"length"!==t&&isNaN(parseInt(t))&&n$5(14),en.set.call(this,r[0],t,e,r[0])};var un=function(){function e(r){var e=this;this.g=B,this.F=!0,this.produce=function(r,i,o){if("function"==typeof r&&"function"!=typeof i){var u=i;i=r;var a=e;return function(n){var r=this;void 0===n&&(n=u);for(var t=arguments.length,e=Array(t>1?t-1:0),o=1;o<t;o++)e[o-1]=arguments[o];return a.produce(n,(function(n){var t;return (t=i).call.apply(t,[r,n].concat(e))}))}}var f;if("function"!=typeof i&&n$5(6),void 0!==o&&"function"!=typeof o&&n$5(7),t$5(r)){var c=w$3(e),s=R(e,r,void 0),v=!0;try{f=i(s),v=!1;}finally{v?O(c):g$3(c);}return "undefined"!=typeof Promise&&f instanceof Promise?f.then((function(n){return j(c,o),P(n,c)}),(function(n){throw O(c),n})):(j(c,o),P(f,c))}if(!r||"object"!=typeof r){if(void 0===(f=i(r))&&(f=r),f===H&&(f=void 0),e.F&&d$3(f,!0),o){var p=[],l=[];b$3("Patches").M(r,f,p,l),o(p,l);}return f}n$5(21,r);},this.produceWithPatches=function(n,r){if("function"==typeof n)return function(r){for(var t=arguments.length,i=Array(t>1?t-1:0),o=1;o<t;o++)i[o-1]=arguments[o];return e.produceWithPatches(r,(function(r){return n.apply(void 0,[r].concat(i))}))};var t,i,o=e.produce(n,r,(function(n,r){t=n,i=r;}));return "undefined"!=typeof Promise&&o instanceof Promise?o.then((function(n){return [n,t,i]})):[o,t,i]},"boolean"==typeof(null==r?void 0:r.useProxies)&&this.setUseProxies(r.useProxies),"boolean"==typeof(null==r?void 0:r.autoFreeze)&&this.setAutoFreeze(r.autoFreeze);}var i=e.prototype;return i.createDraft=function(e){t$5(e)||n$5(8),r$5(e)&&(e=D(e));var i=w$3(this),o=R(this,e,void 0);return o[Q].C=!0,g$3(i),o},i.finishDraft=function(r,t){var e=r&&r[Q];"production"!==process.env.NODE_ENV&&(e&&e.C||n$5(9),e.I&&n$5(10));var i=e.A;return j(i,t),P(void 0,i)},i.setAutoFreeze=function(n){this.F=n;},i.setUseProxies=function(r){r&&!B&&n$5(20),this.g=r;},i.applyPatches=function(n,t){var e;for(e=t.length-1;e>=0;e--){var i=t[e];if(0===i.path.length&&"replace"===i.op){n=i.value;break}}e>-1&&(t=t.slice(e+1));var o=b$3("Patches").$;return r$5(n)?o(n,t):this.produce(n,(function(n){return o(n,t)}))},e}(),an=new un,fn=an.produce;an.produceWithPatches.bind(an);an.setAutoFreeze.bind(an);an.setUseProxies.bind(an);an.applyPatches.bind(an);an.createDraft.bind(an);an.finishDraft.bind(an);var createNextState3 = fn;
+function n$5(n){for(var r=arguments.length,t=Array(r>1?r-1:0),e=1;e<r;e++)t[e-1]=arguments[e];if("production"!==process.env.NODE_ENV){var i=Y[n],o=i?"function"==typeof i?i.apply(null,t):i:"unknown error nr: "+n;throw Error("[Immer] "+o)}throw Error("[Immer] minified error nr: "+n+(t.length?" "+t.map((function(n){return "'"+n+"'"})).join(","):"")+". Find the full error at: https://bit.ly/3cXEKWf")}function r$5(n){return !!n&&!!n[Q]}function t$5(n){var r;return !!n&&(function(n){if(!n||"object"!=typeof n)return !1;var r=Object.getPrototypeOf(n);if(null===r)return !0;var t=Object.hasOwnProperty.call(r,"constructor")&&r.constructor;return t===Object||"function"==typeof t&&Function.toString.call(t)===Z}(n)||Array.isArray(n)||!!n[L]||!!(null===(r=n.constructor)||void 0===r?void 0:r[L])||s(n)||v$4(n))}function i(n,r,t){void 0===t&&(t=!1),0===o(n)?(t?Object.keys:nn)(n).forEach((function(e){t&&"symbol"==typeof e||r(e,n[e],n);})):n.forEach((function(t,e){return r(e,t,n)}));}function o(n){var r=n[Q];return r?r.i>3?r.i-4:r.i:Array.isArray(n)?1:s(n)?2:v$4(n)?3:0}function u$3(n,r){return 2===o(n)?n.has(r):Object.prototype.hasOwnProperty.call(n,r)}function a(n,r){return 2===o(n)?n.get(r):n[r]}function f$3(n,r,t){var e=o(n);2===e?n.set(r,t):3===e?n.add(t):n[r]=t;}function c$3(n,r){return n===r?0!==n||1/n==1/r:n!=n&&r!=r}function s(n){return X&&n instanceof Map}function v$4(n){return q$5&&n instanceof Set}function p$5(n){return n.o||n.t}function l$4(n){if(Array.isArray(n))return Array.prototype.slice.call(n);var r=rn(n);delete r[Q];for(var t=nn(r),e=0;e<t.length;e++){var i=t[e],o=r[i];!1===o.writable&&(o.writable=!0,o.configurable=!0),(o.get||o.set)&&(r[i]={configurable:!0,writable:!0,enumerable:o.enumerable,value:n[i]});}return Object.create(Object.getPrototypeOf(n),r)}function d$3(n,e){return void 0===e&&(e=!1),y$2(n)||r$5(n)||!t$5(n)||(o(n)>1&&(n.set=n.add=n.clear=n.delete=h$5),Object.freeze(n),e&&i(n,(function(n,r){return d$3(r,!0)}),!0)),n}function h$5(){n$5(2);}function y$2(n){return null==n||"object"!=typeof n||Object.isFrozen(n)}function b$3(r){var t=tn[r];return t||n$5(18,r),t}function m$4(n,r){tn[n]||(tn[n]=r);}function _(){return "production"===process.env.NODE_ENV||U||n$5(0),U}function j(n,r){r&&(b$3("Patches"),n.u=[],n.s=[],n.v=r);}function g$3(n){O(n),n.p.forEach(S),n.p=null;}function O(n){n===U&&(U=n.l);}function w$3(n){return U={p:[],l:U,h:n,m:!0,_:0}}function S(n){var r=n[Q];0===r.i||1===r.i?r.j():r.g=!0;}function P(r,e){e._=e.p.length;var i=e.p[0],o=void 0!==r&&r!==i;return e.h.O||b$3("ES5").S(e,r,o),o?(i[Q].P&&(g$3(e),n$5(4)),t$5(r)&&(r=M(e,r),e.l||x$2(e,r)),e.u&&b$3("Patches").M(i[Q].t,r,e.u,e.s)):r=M(e,i,[]),g$3(e),e.u&&e.v(e.u,e.s),r!==H?r:void 0}function M(n,r,t){if(y$2(r))return r;var e=r[Q];if(!e)return i(r,(function(i,o){return A$2(n,e,r,i,o,t)}),!0),r;if(e.A!==n)return r;if(!e.P)return x$2(n,e.t,!0),e.t;if(!e.I){e.I=!0,e.A._--;var o=4===e.i||5===e.i?e.o=l$4(e.k):e.o,u=o,a=!1;3===e.i&&(u=new Set(o),o.clear(),a=!0),i(u,(function(r,i){return A$2(n,e,o,r,i,t,a)})),x$2(n,o,!1),t&&n.u&&b$3("Patches").N(e,t,n.u,n.s);}return e.o}function A$2(e,i,o,a,c,s,v){if("production"!==process.env.NODE_ENV&&c===o&&n$5(5),r$5(c)){var p=M(e,c,s&&i&&3!==i.i&&!u$3(i.R,a)?s.concat(a):void 0);if(f$3(o,a,p),!r$5(p))return;e.m=!1;}else v&&o.add(c);if(t$5(c)&&!y$2(c)){if(!e.h.D&&e._<1)return;M(e,c),i&&i.A.l||x$2(e,c);}}function x$2(n,r,t){void 0===t&&(t=!1),!n.l&&n.h.D&&n.m&&d$3(r,t);}function z$2(n,r){var t=n[Q];return (t?p$5(t):n)[r]}function I(n,r){if(r in n)for(var t=Object.getPrototypeOf(n);t;){var e=Object.getOwnPropertyDescriptor(t,r);if(e)return e;t=Object.getPrototypeOf(t);}}function k$4(n){n.P||(n.P=!0,n.l&&k$4(n.l));}function E(n){n.o||(n.o=l$4(n.t));}function N(n,r,t){var e=s(r)?b$3("MapSet").F(r,t):v$4(r)?b$3("MapSet").T(r,t):n.O?function(n,r){var t=Array.isArray(n),e={i:t?1:0,A:r?r.A:_(),P:!1,I:!1,R:{},l:r,t:n,k:null,o:null,j:null,C:!1},i=e,o=en;t&&(i=[e],o=on);var u=Proxy.revocable(i,o),a=u.revoke,f=u.proxy;return e.k=f,e.j=a,f}(r,t):b$3("ES5").J(r,t);return (t?t.A:_()).p.push(e),e}function R(e){return r$5(e)||n$5(22,e),function n(r){if(!t$5(r))return r;var e,u=r[Q],c=o(r);if(u){if(!u.P&&(u.i<4||!b$3("ES5").K(u)))return u.t;u.I=!0,e=D(r,c),u.I=!1;}else e=D(r,c);return i(e,(function(r,t){u&&a(u.t,r)===t||f$3(e,r,n(t));})),3===c?new Set(e):e}(e)}function D(n,r){switch(r){case 2:return new Map(n);case 3:return Array.from(n)}return l$4(n)}function F(){function t(n,r){var t=s[n];return t?t.enumerable=r:s[n]=t={configurable:!0,enumerable:r,get:function(){var r=this[Q];return "production"!==process.env.NODE_ENV&&f(r),en.get(r,n)},set:function(r){var t=this[Q];"production"!==process.env.NODE_ENV&&f(t),en.set(t,n,r);}},t}function e(n){for(var r=n.length-1;r>=0;r--){var t=n[r][Q];if(!t.P)switch(t.i){case 5:a(t)&&k$4(t);break;case 4:o(t)&&k$4(t);}}}function o(n){for(var r=n.t,t=n.k,e=nn(t),i=e.length-1;i>=0;i--){var o=e[i];if(o!==Q){var a=r[o];if(void 0===a&&!u$3(r,o))return !0;var f=t[o],s=f&&f[Q];if(s?s.t!==a:!c$3(f,a))return !0}}var v=!!r[Q];return e.length!==nn(r).length+(v?0:1)}function a(n){var r=n.k;if(r.length!==n.t.length)return !0;var t=Object.getOwnPropertyDescriptor(r,r.length-1);if(t&&!t.get)return !0;for(var e=0;e<r.length;e++)if(!r.hasOwnProperty(e))return !0;return !1}function f(r){r.g&&n$5(3,JSON.stringify(p$5(r)));}var s={};m$4("ES5",{J:function(n,r){var e=Array.isArray(n),i=function(n,r){if(n){for(var e=Array(r.length),i=0;i<r.length;i++)Object.defineProperty(e,""+i,t(i,!0));return e}var o=rn(r);delete o[Q];for(var u=nn(o),a=0;a<u.length;a++){var f=u[a];o[f]=t(f,n||!!o[f].enumerable);}return Object.create(Object.getPrototypeOf(r),o)}(e,n),o={i:e?5:4,A:r?r.A:_(),P:!1,I:!1,R:{},l:r,t:n,k:i,o:null,g:!1,C:!1};return Object.defineProperty(i,Q,{value:o,writable:!0}),i},S:function(n,t,o){o?r$5(t)&&t[Q].A===n&&e(n.p):(n.u&&function n(r){if(r&&"object"==typeof r){var t=r[Q];if(t){var e=t.t,o=t.k,f=t.R,c=t.i;if(4===c)i(o,(function(r){r!==Q&&(void 0!==e[r]||u$3(e,r)?f[r]||n(o[r]):(f[r]=!0,k$4(t)));})),i(e,(function(n){void 0!==o[n]||u$3(o,n)||(f[n]=!1,k$4(t));}));else if(5===c){if(a(t)&&(k$4(t),f.length=!0),o.length<e.length)for(var s=o.length;s<e.length;s++)f[s]=!1;else for(var v=e.length;v<o.length;v++)f[v]=!0;for(var p=Math.min(o.length,e.length),l=0;l<p;l++)o.hasOwnProperty(l)||(f[l]=!0),void 0===f[l]&&n(o[l]);}}}}(n.p[0]),e(n.p));},K:function(n){return 4===n.i?o(n):a(n)}});}var G,U,W="undefined"!=typeof Symbol&&"symbol"==typeof Symbol("x"),X="undefined"!=typeof Map,q$5="undefined"!=typeof Set,B="undefined"!=typeof Proxy&&void 0!==Proxy.revocable&&"undefined"!=typeof Reflect,H=W?Symbol.for("immer-nothing"):((G={})["immer-nothing"]=!0,G),L=W?Symbol.for("immer-draftable"):"__$immer_draftable",Q=W?Symbol.for("immer-state"):"__$immer_state",Y={0:"Illegal state",1:"Immer drafts cannot have computed properties",2:"This object has been frozen and should not be mutated",3:function(n){return "Cannot use a proxy that has been revoked. Did you pass an object from inside an immer function to an async process? "+n},4:"An immer producer returned a new value *and* modified its draft. Either return a new value *or* modify the draft.",5:"Immer forbids circular references",6:"The first or second argument to `produce` must be a function",7:"The third argument to `produce` must be a function or undefined",8:"First argument to `createDraft` must be a plain object, an array, or an immerable object",9:"First argument to `finishDraft` must be a draft returned by `createDraft`",10:"The given draft is already finalized",11:"Object.defineProperty() cannot be used on an Immer draft",12:"Object.setPrototypeOf() cannot be used on an Immer draft",13:"Immer only supports deleting array indices",14:"Immer only supports setting array indices and the 'length' property",15:function(n){return "Cannot apply patch, path doesn't resolve: "+n},16:'Sets cannot have "replace" patches.',17:function(n){return "Unsupported patch operation: "+n},18:function(n){return "The plugin for '"+n+"' has not been loaded into Immer. To enable the plugin, import and call `enable"+n+"()` when initializing your application."},20:"Cannot use proxies if Proxy, Proxy.revocable or Reflect are not available",21:function(n){return "produce can only be called on things that are draftable: plain objects, arrays, Map, Set or classes that are marked with '[immerable]: true'. Got '"+n+"'"},22:function(n){return "'current' expects a draft, got: "+n},23:function(n){return "'original' expects a draft, got: "+n},24:"Patching reserved attributes like __proto__, prototype and constructor is not allowed"},Z=""+Object.prototype.constructor,nn="undefined"!=typeof Reflect&&Reflect.ownKeys?Reflect.ownKeys:void 0!==Object.getOwnPropertySymbols?function(n){return Object.getOwnPropertyNames(n).concat(Object.getOwnPropertySymbols(n))}:Object.getOwnPropertyNames,rn=Object.getOwnPropertyDescriptors||function(n){var r={};return nn(n).forEach((function(t){r[t]=Object.getOwnPropertyDescriptor(n,t);})),r},tn={},en={get:function(n,r){if(r===Q)return n;var e=p$5(n);if(!u$3(e,r))return function(n,r,t){var e,i=I(r,t);return i?"value"in i?i.value:null===(e=i.get)||void 0===e?void 0:e.call(n.k):void 0}(n,e,r);var i=e[r];return n.I||!t$5(i)?i:i===z$2(n.t,r)?(E(n),n.o[r]=N(n.A.h,i,n)):i},has:function(n,r){return r in p$5(n)},ownKeys:function(n){return Reflect.ownKeys(p$5(n))},set:function(n,r,t){var e=I(p$5(n),r);if(null==e?void 0:e.set)return e.set.call(n.k,t),!0;if(!n.P){var i=z$2(p$5(n),r),o=null==i?void 0:i[Q];if(o&&o.t===t)return n.o[r]=t,n.R[r]=!1,!0;if(c$3(t,i)&&(void 0!==t||u$3(n.t,r)))return !0;E(n),k$4(n);}return n.o[r]===t&&(void 0!==t||r in n.o)||Number.isNaN(t)&&Number.isNaN(n.o[r])||(n.o[r]=t,n.R[r]=!0),!0},deleteProperty:function(n,r){return void 0!==z$2(n.t,r)||r in n.t?(n.R[r]=!1,E(n),k$4(n)):delete n.R[r],n.o&&delete n.o[r],!0},getOwnPropertyDescriptor:function(n,r){var t=p$5(n),e=Reflect.getOwnPropertyDescriptor(t,r);return e?{writable:!0,configurable:1!==n.i||"length"!==r,enumerable:e.enumerable,value:t[r]}:e},defineProperty:function(){n$5(11);},getPrototypeOf:function(n){return Object.getPrototypeOf(n.t)},setPrototypeOf:function(){n$5(12);}},on={};i(en,(function(n,r){on[n]=function(){return arguments[0]=arguments[0][0],r.apply(this,arguments)};})),on.deleteProperty=function(r,t){return "production"!==process.env.NODE_ENV&&isNaN(parseInt(t))&&n$5(13),on.set.call(this,r,t,void 0)},on.set=function(r,t,e){return "production"!==process.env.NODE_ENV&&"length"!==t&&isNaN(parseInt(t))&&n$5(14),en.set.call(this,r[0],t,e,r[0])};var un=function(){function e(r){var e=this;this.O=B,this.D=!0,this.produce=function(r,i,o){if("function"==typeof r&&"function"!=typeof i){var u=i;i=r;var a=e;return function(n){var r=this;void 0===n&&(n=u);for(var t=arguments.length,e=Array(t>1?t-1:0),o=1;o<t;o++)e[o-1]=arguments[o];return a.produce(n,(function(n){var t;return (t=i).call.apply(t,[r,n].concat(e))}))}}var f;if("function"!=typeof i&&n$5(6),void 0!==o&&"function"!=typeof o&&n$5(7),t$5(r)){var c=w$3(e),s=N(e,r,void 0),v=!0;try{f=i(s),v=!1;}finally{v?g$3(c):O(c);}return "undefined"!=typeof Promise&&f instanceof Promise?f.then((function(n){return j(c,o),P(n,c)}),(function(n){throw g$3(c),n})):(j(c,o),P(f,c))}if(!r||"object"!=typeof r){if(void 0===(f=i(r))&&(f=r),f===H&&(f=void 0),e.D&&d$3(f,!0),o){var p=[],l=[];b$3("Patches").M(r,f,p,l),o(p,l);}return f}n$5(21,r);},this.produceWithPatches=function(n,r){if("function"==typeof n)return function(r){for(var t=arguments.length,i=Array(t>1?t-1:0),o=1;o<t;o++)i[o-1]=arguments[o];return e.produceWithPatches(r,(function(r){return n.apply(void 0,[r].concat(i))}))};var t,i,o=e.produce(n,r,(function(n,r){t=n,i=r;}));return "undefined"!=typeof Promise&&o instanceof Promise?o.then((function(n){return [n,t,i]})):[o,t,i]},"boolean"==typeof(null==r?void 0:r.useProxies)&&this.setUseProxies(r.useProxies),"boolean"==typeof(null==r?void 0:r.autoFreeze)&&this.setAutoFreeze(r.autoFreeze);}var i=e.prototype;return i.createDraft=function(e){t$5(e)||n$5(8),r$5(e)&&(e=R(e));var i=w$3(this),o=N(this,e,void 0);return o[Q].C=!0,O(i),o},i.finishDraft=function(r,t){var e=r&&r[Q];"production"!==process.env.NODE_ENV&&(e&&e.C||n$5(9),e.I&&n$5(10));var i=e.A;return j(i,t),P(void 0,i)},i.setAutoFreeze=function(n){this.D=n;},i.setUseProxies=function(r){r&&!B&&n$5(20),this.O=r;},i.applyPatches=function(n,t){var e;for(e=t.length-1;e>=0;e--){var i=t[e];if(0===i.path.length&&"replace"===i.op){n=i.value;break}}e>-1&&(t=t.slice(e+1));var o=b$3("Patches").$;return r$5(n)?o(n,t):this.produce(n,(function(n){return o(n,t)}))},e}(),an=new un,fn=an.produce;an.produceWithPatches.bind(an);an.setAutoFreeze.bind(an);an.setUseProxies.bind(an);an.applyPatches.bind(an);an.createDraft.bind(an);an.finishDraft.bind(an);var createNextState3 = fn;
 
 // Cache implementation based on Erik Rasmussen's `lru-memoize`:
 // https://github.com/erikras/lru-memoize
@@ -222,13 +223,13 @@ function createSelectorCreator(memoize) {
 
     var finalMemoizeOptions = Array.isArray(memoizeOptions) ? memoizeOptions : [memoizeOptions];
     var dependencies = getDependencies(funcs);
-    var memoizedResultFunc = memoize.apply(void 0, [function () {
+    var memoizedResultFunc = memoize.apply(void 0, [function recomputationWrapper() {
       _recomputations++; // apply arguments instead of spreading for performance.
 
       return resultFunc.apply(null, arguments);
     }].concat(finalMemoizeOptions)); // If a selector is called with the exact same arguments we don't need to traverse our dependencies again.
 
-    var selector = memoize(function () {
+    var selector = memoize(function dependenciesChecker() {
       var params = [];
       var length = dependencies.length;
 
@@ -279,7 +280,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-(undefined && undefined.__generator) || function (thisArg, body) {
+var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
     var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
     return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
@@ -312,6 +313,8 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
     return to;
 };
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -328,6 +331,29 @@ var __spreadValues = function (a, b) {
         }
     return a;
 };
+var __spreadProps = function (a, b) { return __defProps(a, __getOwnPropDescs(b)); };
+var __async = function (__this, __arguments, generator) {
+    return new Promise(function (resolve, reject) {
+        var fulfilled = function (value) {
+            try {
+                step(generator.next(value));
+            }
+            catch (e) {
+                reject(e);
+            }
+        };
+        var rejected = function (value) {
+            try {
+                step(generator.throw(value));
+            }
+            catch (e) {
+                reject(e);
+            }
+        };
+        var step = function (x) { return x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected); };
+        step((generator = generator.apply(__this, __arguments)).next());
+    });
+};
 var createDraftSafeSelector = function () {
     var args = [];
     for (var _i = 0; _i < arguments.length; _i++) {
@@ -339,7 +365,7 @@ var createDraftSafeSelector = function () {
         for (var _i = 1; _i < arguments.length; _i++) {
             rest[_i - 1] = arguments[_i];
         }
-        return selector.apply(void 0, __spreadArray([r$5(value) ? D(value) : value], rest));
+        return selector.apply(void 0, __spreadArray([r$5(value) ? R(value) : value], rest));
     };
     return wrappedSelector;
 };
@@ -393,6 +419,43 @@ function isPlainObject$2(value) {
     };
     return MiddlewareArray;
 })(Array));
+/** @class */ ((function (_super) {
+    __extends(EnhancerArray, _super);
+    function EnhancerArray() {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        var _this = _super.apply(this, args) || this;
+        Object.setPrototypeOf(_this, EnhancerArray.prototype);
+        return _this;
+    }
+    Object.defineProperty(EnhancerArray, Symbol.species, {
+        get: function () {
+            return EnhancerArray;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    EnhancerArray.prototype.concat = function () {
+        var arr = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            arr[_i] = arguments[_i];
+        }
+        return _super.prototype.concat.apply(this, arr);
+    };
+    EnhancerArray.prototype.prepend = function () {
+        var arr = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            arr[_i] = arguments[_i];
+        }
+        if (arr.length === 1 && Array.isArray(arr[0])) {
+            return new (EnhancerArray.bind.apply(EnhancerArray, __spreadArray([void 0], arr[0].concat(this))))();
+        }
+        return new (EnhancerArray.bind.apply(EnhancerArray, __spreadArray([void 0], arr.concat(this))))();
+    };
+    return EnhancerArray;
+})(Array));
 function freezeDraftable(val) {
     return t$5(val) ? createNextState3(val, function () {
     }) : val;
@@ -425,8 +488,11 @@ function createAction(type, prepareAction) {
     actionCreator.match = function (action) { return action.type === type; };
     return actionCreator;
 }
+function isAction(action) {
+    return isPlainObject$2(action) && "type" in action;
+}
 function isFSA(action) {
-    return isPlainObject$2(action) && typeof action.type === "string" && Object.keys(action).every(isValidKey);
+    return isAction(action) && typeof action.type === "string" && Object.keys(action).every(isValidKey);
 }
 function isValidKey(key) {
     return ["type", "payload", "error", "meta"].indexOf(key) > -1;
@@ -479,8 +545,17 @@ function executeReducerBuilderCallback(builderCallback) {
 function isStateFunction(x) {
     return typeof x === "function";
 }
+var hasWarnedAboutObjectNotation = false;
 function createReducer(initialState, mapOrBuilderCallback, actionMatchers, defaultCaseReducer) {
     if (actionMatchers === void 0) { actionMatchers = []; }
+    if (process.env.NODE_ENV !== "production") {
+        if (typeof mapOrBuilderCallback === "object") {
+            if (!hasWarnedAboutObjectNotation) {
+                hasWarnedAboutObjectNotation = true;
+                console.warn("The object notation for `createReducer` is deprecated, and will be removed in RTK 2.0. Please use the 'builder callback' notation instead: https://redux-toolkit.js.org/api/createReducer");
+            }
+        }
+    }
     var _c = typeof mapOrBuilderCallback === "function" ? executeReducerBuilderCallback(mapOrBuilderCallback) : [mapOrBuilderCallback, actionMatchers, defaultCaseReducer], actionsMap = _c[0], finalActionMatchers = _c[1], finalDefaultCaseReducer = _c[2];
     var getInitialState;
     if (isStateFunction(initialState)) {
@@ -509,14 +584,14 @@ function createReducer(initialState, mapOrBuilderCallback, actionMatchers, defau
                 if (r$5(previousState)) {
                     var draft = previousState;
                     var result = caseReducer(draft, action);
-                    if (typeof result === "undefined") {
+                    if (result === void 0) {
                         return previousState;
                     }
                     return result;
                 }
                 else if (!t$5(previousState)) {
                     var result = caseReducer(previousState, action);
-                    if (typeof result === "undefined") {
+                    if (result === void 0) {
                         if (previousState === null) {
                             return previousState;
                         }
@@ -537,6 +612,7 @@ function createReducer(initialState, mapOrBuilderCallback, actionMatchers, defau
     return reducer;
 }
 // src/createSlice.ts
+var hasWarnedAboutObjectNotation2 = false;
 function getType2(slice, actionKey) {
     return slice + "/" + actionKey;
 }
@@ -573,9 +649,28 @@ function createSlice(options) {
         actionCreators[reducerName] = prepareCallback ? createAction(type, prepareCallback) : createAction(type);
     });
     function buildReducer() {
+        if (process.env.NODE_ENV !== "production") {
+            if (typeof options.extraReducers === "object") {
+                if (!hasWarnedAboutObjectNotation2) {
+                    hasWarnedAboutObjectNotation2 = true;
+                    console.warn("The object notation for `createSlice.extraReducers` is deprecated, and will be removed in RTK 2.0. Please use the 'builder callback' notation instead: https://redux-toolkit.js.org/api/createSlice");
+                }
+            }
+        }
         var _c = typeof options.extraReducers === "function" ? executeReducerBuilderCallback(options.extraReducers) : [options.extraReducers], _d = _c[0], extraReducers = _d === void 0 ? {} : _d, _e = _c[1], actionMatchers = _e === void 0 ? [] : _e, _f = _c[2], defaultCaseReducer = _f === void 0 ? void 0 : _f;
         var finalCaseReducers = __spreadValues(__spreadValues({}, extraReducers), sliceCaseReducersByType);
-        return createReducer(initialState, finalCaseReducers, actionMatchers, defaultCaseReducer);
+        return createReducer(initialState, function (builder) {
+            for (var key in finalCaseReducers) {
+                builder.addCase(key, finalCaseReducers[key]);
+            }
+            for (var _i = 0, actionMatchers_1 = actionMatchers; _i < actionMatchers_1.length; _i++) {
+                var m = actionMatchers_1[_i];
+                builder.addMatcher(m.matcher, m.reducer);
+            }
+            if (defaultCaseReducer) {
+                builder.addDefaultCase(defaultCaseReducer);
+            }
+        });
     }
     var _reducer;
     return {
@@ -784,7 +879,7 @@ function createUnsortedStateAdapter(selectId) {
         if (didMutateEntities) {
             var didMutateIds = updates.filter(function (update) { return takeNewKey(newKeys, update, state); }).length > 0;
             if (didMutateIds) {
-                state.ids = state.ids.map(function (id) { return newKeys[id] || id; });
+                state.ids = Object.keys(state.entities);
             }
         }
     }
@@ -927,12 +1022,228 @@ function createEntityAdapter(options) {
         sortComparer: sortComparer
     }, stateFactory), selectorsFactory), stateAdapter);
 }
+// src/nanoid.ts
+var urlAlphabet = "ModuleSymbhasOwnPr-0123456789ABCDEFGHNRVfgctiUvz_KqYTJkLxpZXIjQW";
+var nanoid = function (size) {
+    if (size === void 0) { size = 21; }
+    var id = "";
+    var i = size;
+    while (i--) {
+        id += urlAlphabet[Math.random() * 64 | 0];
+    }
+    return id;
+};
+// src/createAsyncThunk.ts
+var commonProperties = [
+    "name",
+    "message",
+    "stack",
+    "code"
+];
+var RejectWithValue = /** @class */ (function () {
+    function RejectWithValue(payload, meta) {
+        this.payload = payload;
+        this.meta = meta;
+    }
+    return RejectWithValue;
+}());
+var FulfillWithMeta = /** @class */ (function () {
+    function FulfillWithMeta(payload, meta) {
+        this.payload = payload;
+        this.meta = meta;
+    }
+    return FulfillWithMeta;
+}());
+var miniSerializeError = function (value) {
+    if (typeof value === "object" && value !== null) {
+        var simpleError = {};
+        for (var _i = 0, commonProperties_1 = commonProperties; _i < commonProperties_1.length; _i++) {
+            var property = commonProperties_1[_i];
+            if (typeof value[property] === "string") {
+                simpleError[property] = value[property];
+            }
+        }
+        return simpleError;
+    }
+    return { message: String(value) };
+};
+((function () {
+    function createAsyncThunk2(typePrefix, payloadCreator, options) {
+        var fulfilled = createAction(typePrefix + "/fulfilled", function (payload, requestId, arg, meta) { return ({
+            payload: payload,
+            meta: __spreadProps(__spreadValues({}, meta || {}), {
+                arg: arg,
+                requestId: requestId,
+                requestStatus: "fulfilled"
+            })
+        }); });
+        var pending = createAction(typePrefix + "/pending", function (requestId, arg, meta) { return ({
+            payload: void 0,
+            meta: __spreadProps(__spreadValues({}, meta || {}), {
+                arg: arg,
+                requestId: requestId,
+                requestStatus: "pending"
+            })
+        }); });
+        var rejected = createAction(typePrefix + "/rejected", function (error, requestId, arg, payload, meta) { return ({
+            payload: payload,
+            error: (options && options.serializeError || miniSerializeError)(error || "Rejected"),
+            meta: __spreadProps(__spreadValues({}, meta || {}), {
+                arg: arg,
+                requestId: requestId,
+                rejectedWithValue: !!payload,
+                requestStatus: "rejected",
+                aborted: (error == null ? void 0 : error.name) === "AbortError",
+                condition: (error == null ? void 0 : error.name) === "ConditionError"
+            })
+        }); });
+        var displayedWarning = false;
+        var AC = typeof AbortController !== "undefined" ? AbortController : /** @class */ (function () {
+            function class_1() {
+                this.signal = {
+                    aborted: false,
+                    addEventListener: function () {
+                    },
+                    dispatchEvent: function () {
+                        return false;
+                    },
+                    onabort: function () {
+                    },
+                    removeEventListener: function () {
+                    },
+                    reason: void 0,
+                    throwIfAborted: function () {
+                    }
+                };
+            }
+            class_1.prototype.abort = function () {
+                if (process.env.NODE_ENV !== "production") {
+                    if (!displayedWarning) {
+                        displayedWarning = true;
+                        console.info("This platform does not implement AbortController. \nIf you want to use the AbortController to react to `abort` events, please consider importing a polyfill like 'abortcontroller-polyfill/dist/abortcontroller-polyfill-only'.");
+                    }
+                }
+            };
+            return class_1;
+        }());
+        function actionCreator(arg) {
+            return function (dispatch, getState, extra) {
+                var requestId = (options == null ? void 0 : options.idGenerator) ? options.idGenerator(arg) : nanoid();
+                var abortController = new AC();
+                var abortReason;
+                function abort(reason) {
+                    abortReason = reason;
+                    abortController.abort();
+                }
+                var promise2 = function () {
+                    return __async(this, null, function () {
+                        var _a, _b, finalAction, conditionResult, abortedPromise, err_1, skipDispatch;
+                        return __generator(this, function (_c) {
+                            switch (_c.label) {
+                                case 0:
+                                    _c.trys.push([0, 4, , 5]);
+                                    conditionResult = (_a = options == null ? void 0 : options.condition) == null ? void 0 : _a.call(options, arg, { getState: getState, extra: extra });
+                                    if (!isThenable(conditionResult)) return [3 /*break*/, 2];
+                                    return [4 /*yield*/, conditionResult];
+                                case 1:
+                                    conditionResult = _c.sent();
+                                    _c.label = 2;
+                                case 2:
+                                    if (conditionResult === false || abortController.signal.aborted) {
+                                        throw {
+                                            name: "ConditionError",
+                                            message: "Aborted due to condition callback returning false."
+                                        };
+                                    }
+                                    abortedPromise = new Promise(function (_, reject) { return abortController.signal.addEventListener("abort", function () { return reject({
+                                        name: "AbortError",
+                                        message: abortReason || "Aborted"
+                                    }); }); });
+                                    dispatch(pending(requestId, arg, (_b = options == null ? void 0 : options.getPendingMeta) == null ? void 0 : _b.call(options, { requestId: requestId, arg: arg }, { getState: getState, extra: extra })));
+                                    return [4 /*yield*/, Promise.race([
+                                            abortedPromise,
+                                            Promise.resolve(payloadCreator(arg, {
+                                                dispatch: dispatch,
+                                                getState: getState,
+                                                extra: extra,
+                                                requestId: requestId,
+                                                signal: abortController.signal,
+                                                abort: abort,
+                                                rejectWithValue: function (value, meta) {
+                                                    return new RejectWithValue(value, meta);
+                                                },
+                                                fulfillWithValue: function (value, meta) {
+                                                    return new FulfillWithMeta(value, meta);
+                                                }
+                                            })).then(function (result) {
+                                                if (result instanceof RejectWithValue) {
+                                                    throw result;
+                                                }
+                                                if (result instanceof FulfillWithMeta) {
+                                                    return fulfilled(result.payload, requestId, arg, result.meta);
+                                                }
+                                                return fulfilled(result, requestId, arg);
+                                            })
+                                        ])];
+                                case 3:
+                                    finalAction = _c.sent();
+                                    return [3 /*break*/, 5];
+                                case 4:
+                                    err_1 = _c.sent();
+                                    finalAction = err_1 instanceof RejectWithValue ? rejected(null, requestId, arg, err_1.payload, err_1.meta) : rejected(err_1, requestId, arg);
+                                    return [3 /*break*/, 5];
+                                case 5:
+                                    skipDispatch = options && !options.dispatchConditionRejection && rejected.match(finalAction) && finalAction.meta.condition;
+                                    if (!skipDispatch) {
+                                        dispatch(finalAction);
+                                    }
+                                    return [2 /*return*/, finalAction];
+                            }
+                        });
+                    });
+                }();
+                return Object.assign(promise2, {
+                    abort: abort,
+                    requestId: requestId,
+                    arg: arg,
+                    unwrap: function () {
+                        return promise2.then(unwrapResult);
+                    }
+                });
+            };
+        }
+        return Object.assign(actionCreator, {
+            pending: pending,
+            rejected: rejected,
+            fulfilled: fulfilled,
+            typePrefix: typePrefix
+        });
+    }
+    createAsyncThunk2.withTypes = function () { return createAsyncThunk2; };
+    return createAsyncThunk2;
+}))();
+function unwrapResult(action) {
+    if (action.meta && action.meta.rejectedWithValue) {
+        throw action.payload;
+    }
+    if (action.error) {
+        throw action.error;
+    }
+    return action.payload;
+}
+function isThenable(value) {
+    return value !== null && typeof value === "object" && typeof value.then === "function";
+}
 var alm = "listenerMiddleware";
 createAction(alm + "/add");
 createAction(alm + "/removeAll");
 createAction(alm + "/remove");
+var promise;
+typeof queueMicrotask === "function" ? queueMicrotask.bind(typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : globalThis) : function (cb) { return (promise || (promise = Promise.resolve())).then(cb).catch(function (err) { return setTimeout(function () {
+    throw err;
+}, 0); }); };
 // src/index.ts
-N();
+F();
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -18174,6 +18485,7 @@ var WorkspacePresetAction;
   WorkspacePresetAction["EDIT"] = "EDIT";
   WorkspacePresetAction["SAVE"] = "SAVE";
   WorkspacePresetAction["SAVE_AS"] = "SAVE_AS";
+  WorkspacePresetAction["SAVE_ALL"] = "SAVE_ALL";
   WorkspacePresetAction["DUPLICATE"] = "DUPLICATE";
 })(WorkspacePresetAction || (WorkspacePresetAction = {}));
 var WorkspaceErrorType;
@@ -18242,17 +18554,31 @@ var slice$4 = createSlice({
       draft.error = error;
     },
     openWorkspaceActionDialogOptions: function openWorkspaceActionDialogOptions(draft, action) {
-      draft.workspaceActionDialog = action.payload;
+      draft.workspaceActionDialog = Object.assign(Object.assign({}, action.payload), {
+        error: undefined,
+        isFetching: false
+      });
+    },
+    submitFormWorkspaceActionDialogOptions: function submitFormWorkspaceActionDialogOptions(draft,
+    // eslint-disable-next-line no-unused-vars
+    action) {
+      draft.workspaceActionDialog.error = undefined;
+      draft.workspaceActionDialog.isFetching = true;
     },
     closeWorkspaceActionDialogOptions: function closeWorkspaceActionDialogOptions(draft) {
       delete draft.workspaceActionDialog;
     },
     // action is intercepted in mapPresets/sagas
-    onSuccessWorkspacePresetAction: function onSuccessWorkspacePresetAction(
-    // eslint-disable-next-line no-unused-vars
-    draft,
+    onSuccessWorkspacePresetAction: function onSuccessWorkspacePresetAction(draft,
     // eslint-disable-next-line no-unused-vars
-    action) {},
+    action) {
+      delete draft.workspaceActionDialog;
+    },
+    onErrorWorkspacePresetAction: function onErrorWorkspacePresetAction(draft, action) {
+      var error = action.payload.error;
+      draft.workspaceActionDialog.isFetching = false;
+      draft.workspaceActionDialog.error = error;
+    },
     toggleWorkspaceDialog: function toggleWorkspaceDialog(draft, action) {
       var isListDialogOpen = action.payload.isWorkspaceListDialogOpen;
       draft.isWorkspaceListDialogOpen = isListDialogOpen;
@@ -18902,9 +19228,9 @@ var makeListOfViewIds = function makeListOfViewIds(mNode) {
   return getLeaves(mNode);
 };
 var getErrorMessage = function getErrorMessage(error) {
-  var _a;
+  var _a, _b;
   var prefix = error.message;
-  var suffix = (_a = error.response) === null || _a === void 0 ? void 0 : _a.data.message;
+  var suffix = (_b = (_a = error.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.message;
   return suffix ? "".concat(prefix, ": ").concat(suffix) : prefix;
 };
 
@@ -18933,7 +19259,7 @@ var viewPresetsAdapter = createEntityAdapter({
 var initialState$4 = viewPresetsAdapter.getInitialState();
 var syncGroupChangeActions = [syncGroupActions.syncGroupRemoveTarget, syncGroupActions.syncGroupAddTarget];
 var mapPresetChangeActions = [layerActions.setBaseLayers, layerActions.layerDelete, layerActions.addLayer, layerActions.layerChangeEnabled, layerActions.layerChangeName, layerActions.layerChangeStyle, layerActions.layerChangeOpacity, layerActions.layerChangeDimension, mapActions.layerMoveLayer, mapActions.setAutoLayerId, mapActions.toggleAutoUpdate, mapActions.mapStartAnimation, mapActions.mapStopAnimation, mapActions.toggleTimeSliderIsVisible, mapActions.setTimeStep, mapActions.setAnimationDelay, mapActions.toggleTimestepAuto, uiActions.setActiveMapIdForDialog, uiActions.setToggleOpenDialog, syncGroupActions.setBbox];
-var supportedChangeOrigins = [mapTypes.LayerActionOrigin.layerManager, mapTypes.LayerActionOrigin.wmsLoader, mapTypes.MapActionOrigin.map];
+var supportedChangeOrigins = [mapTypes.LayerActionOrigin.layerManager, mapTypes.LayerActionOrigin.wmsLoader, mapEnums.MapActionOrigin.map];
 var slice$3 = createSlice({
   initialState: initialState$4,
   name: 'viewPresets',
@@ -19257,6 +19583,7 @@ var slice$2 = createSlice({
       draft.mosaicNode = '';
       draft.id = '';
       draft.title = workspacePreset.title;
+      draft["abstract"] = workspacePreset["abstract"];
       draft.syncGroups = [];
     },
     setPreset: function setPreset(draft, action) {
@@ -19303,10 +19630,14 @@ var slice$2 = createSlice({
       draft.isLoading = true;
       draft.error = undefined;
     },
-    loadedWorkspace: function loadedWorkspace(draft,
-    // eslint-disable-next-line no-unused-vars
-    action) {
+    loadedWorkspace: function loadedWorkspace(draft, action) {
+      var _a;
       draft.isLoading = false;
+      if ((_a = action.payload) === null || _a === void 0 ? void 0 : _a.workspace) {
+        var workspace = action.payload.workspace;
+        draft["abstract"] = workspace === null || workspace === void 0 ? void 0 : workspace["abstract"];
+        draft.title = workspace === null || workspace === void 0 ? void 0 : workspace.title;
+      }
     },
     errorWorkspace: function errorWorkspace(draft,
     // eslint-disable-next-line no-unused-vars
@@ -19329,9 +19660,10 @@ var slice$2 = createSlice({
   },
   extraReducers: function extraReducers(builder) {
     builder.addCase(workspaceListActions.onSuccessWorkspacePresetAction, function (draft, action) {
-      if (action.payload.action === WorkspacePresetAction.SAVE_AS) {
+      if (action.payload.action === WorkspacePresetAction.SAVE_AS || action.payload.action === WorkspacePresetAction.SAVE_ALL) {
         draft.id = action.payload.workspaceId;
         draft.title = action.payload.title;
+        draft["abstract"] = action.payload["abstract"];
         draft.hasChanges = false;
         draft.scope = 'user';
       }
@@ -19368,6 +19700,7 @@ var slice$2 = createSlice({
     });
   }
 });
+// eslint-disable-next-line prefer-destructuring
 var reducer$1 = slice$2.reducer;
 var workspaceActions = Object.assign({}, slice$2.actions);
 
@@ -19400,8 +19733,8 @@ var selectors$1 = viewPresetsAdapter.getSelectors(function (state) {
     ids: []
   };
 });
-selectors$1.selectAll;
-  var getViewPresetById = selectors$1.selectById;
+var getViewPresets = selectors$1.selectAll,
+  getViewPresetById = selectors$1.selectById;
 var getViewPresetsIsFetching = function getViewPresetsIsFetching(store, panelId) {
   var _a;
   return ((_a = getViewPresetById(store, panelId)) === null || _a === void 0 ? void 0 : _a.isFetching) || false;
@@ -19440,6 +19773,50 @@ var getIsViewPresetListDialogOpen = function getIsViewPresetListDialogOpen(store
   return ((_a = getViewPresetById(store, panelId)) === null || _a === void 0 ? void 0 : _a.isViewPresetListDialogOpen) || 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)
+ * */
+var MAPPRESET_ACTIVE_TITLE = 'New map preset';
+var MAPPRESET_DIALOG_TITLE_SAVE_AS = 'Save map preset as';
+var MAPPRESET_DIALOG_TITLE_DELETE = 'Delete map preset';
+var getSnackbarMessage$1 = function getSnackbarMessage(action, title) {
+  // Trim and add quotes
+  var trimmedTitle = "\"".concat(title.trim(), "\"");
+  switch (action) {
+    case PresetAction.DELETE:
+      return "Map preset ".concat(trimmedTitle, " successfully deleted");
+    case PresetAction.SAVE_AS:
+      return "New map preset ".concat(trimmedTitle, " successfully saved");
+    default:
+      return "Map preset ".concat(trimmedTitle, " successfully saved");
+  }
+};
+var getPresetsApi = function getPresetsApi() {
+  return getApi(API_NAME);
+};
+var emptyMapViewPreset = {
+  componentType: 'Map',
+  keywords: 'mapPreset,viewPreset,layerManager',
+  scope: 'user',
+  title: '',
+  initialProps: {
+    mapPreset: {}
+  }
+};
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -19485,8 +19862,8 @@ var getMosaicNode = createSelector(getWorkspaceState, function (state) {
  * @returns {object} returnType: WorkspaceViewType
  */
 var getViewById = function getViewById(store, viewId) {
-  var _a;
-  if ((_a = store === null || store === void 0 ? void 0 : store.workspace) === null || _a === void 0 ? void 0 : _a.views.byId[viewId]) {
+  var _a, _b;
+  if ((_b = (_a = store === null || store === void 0 ? void 0 : store.workspace) === null || _a === void 0 ? void 0 : _a.views.byId) === null || _b === void 0 ? void 0 : _b[viewId]) {
     return store.workspace.views.byId[viewId];
   }
   return null;
@@ -19579,6 +19956,19 @@ var getWorkspaceData = createSelector(getWorkspaceState, getViewPresetsStore, ge
     mosaicNode: store.mosaicNode
   };
 });
+var getViewPresetToSendToBackend = createSelector(getViewById, mapSelectors.getMapPreset, syncGroupsSelectors.getAllTargetGroupsForSource, function (workspaceView, mapPreset, syncGroupsIds) {
+  var title = (workspaceView === null || workspaceView === void 0 ? void 0 : workspaceView.title) || MAPPRESET_ACTIVE_TITLE;
+  var scope = (workspaceView === null || workspaceView === void 0 ? void 0 : workspaceView.scope) || 'system';
+  return Object.assign(Object.assign({}, emptyMapViewPreset), {
+    id: workspaceView === null || workspaceView === void 0 ? void 0 : workspaceView.id,
+    scope: scope,
+    title: title,
+    initialProps: {
+      mapPreset: mapPreset,
+      syncGroupsIds: syncGroupsIds
+    }
+  });
+});
 
 var selectors = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -19593,7 +19983,8 @@ var selectors = /*#__PURE__*/Object.freeze({
   hasWorkspaceChanges: hasWorkspaceChanges,
   getViewType: getViewType,
   getSelectedWorkspaceScope: getSelectedWorkspaceScope,
-  getWorkspaceData: getWorkspaceData
+  getWorkspaceData: getWorkspaceData,
+  getViewPresetToSendToBackend: getViewPresetToSendToBackend
 });
 
 /* *
@@ -19810,6 +20201,7 @@ function take(patternOrChannel, multicastPattern) {
 
   if (pattern(patternOrChannel)) {
     if (notUndef(multicastPattern)) {
+      /* eslint-disable no-console */
       console.warn("take(pattern) takes one argument but two were provided. Consider passing an array for listening to several action types");
     }
 
@@ -19827,6 +20219,7 @@ function take(patternOrChannel, multicastPattern) {
 
   if (channel(patternOrChannel)) {
     if (notUndef(multicastPattern)) {
+      /* eslint-disable no-console */
       console.warn("take(channel) takes one argument but two were provided. Second argument is ignored.");
     }
 
@@ -20926,7 +21319,7 @@ var workspacePresetsListFullContent = [
 	{
 		id: "radarView",
 		title: "Radar",
-		scope: "system",
+		scope: "user",
 		abstract: "",
 		viewType: "singleWindow",
 		views: [
@@ -22239,50 +22632,6 @@ var viewPresetsList = [
 	}
 ];
 
-/* *
- * 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)
- * */
-var MAPPRESET_ACTIVE_TITLE = 'New map preset';
-var MAPPRESET_DIALOG_TITLE_SAVE_AS = 'Save map preset as';
-var MAPPRESET_DIALOG_TITLE_DELETE = 'Delete map preset';
-var getSnackbarMessage$1 = function getSnackbarMessage(action, title) {
-  // Trim and add quotes
-  var trimmedTitle = "\"".concat(title.trim(), "\"");
-  switch (action) {
-    case PresetAction.DELETE:
-      return "Map preset ".concat(trimmedTitle, " successfully deleted");
-    case PresetAction.SAVE_AS:
-      return "New map preset ".concat(trimmedTitle, " successfully saved");
-    default:
-      return "Map preset ".concat(trimmedTitle, " successfully saved");
-  }
-};
-var getPresetsApi = function getPresetsApi() {
-  return getApi(API_NAME);
-};
-var emptyMapViewPreset = {
-  componentType: 'Map',
-  keywords: 'mapPreset,viewPreset,layerManager',
-  scope: 'user',
-  title: '',
-  initialProps: {
-    mapPreset: {}
-  }
-};
-
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -22303,6 +22652,8 @@ var getSnackbarMessage = function getSnackbarMessage(action, title) {
   // Trim and add quotes
   var trimmedTitle = "\"".concat(title.trim(), "\"");
   switch (action) {
+    case WorkspacePresetAction.SAVE_ALL:
+      return "Workspace ".concat(trimmedTitle, " and underlying viewpresets successfully saved");
     case WorkspacePresetAction.DELETE:
       return "Workspace ".concat(trimmedTitle, " successfully deleted");
     case WorkspacePresetAction.DUPLICATE:
@@ -22313,7 +22664,6 @@ var getSnackbarMessage = function getSnackbarMessage(action, title) {
 };
 var emptyMapWorkspace = {
   title: 'New workspace',
-  id: 'FEnewWorkspace',
   "abstract": '',
   views: {
     allIds: ['1_screen'],
@@ -22368,6 +22718,18 @@ var constructFilterParams = function constructFilterParams(filters, searchQuery)
     search: search
   });
 };
+// TODO: better to use a lib for this. Currently this is only used in workspace 'save all', and will probably be replaced by a backend solution
+// https://stackoverflow.com/questions/6248666/how-to-generate-short-uid-like-ax4j9z-in-js
+var generateUID = function generateUID() {
+  var firstPart = Math.random() * 46656 || 0;
+  var secondPart = Math.random() * 46656 || 0;
+  var firstPartCombined = "000".concat(firstPart.toString(36)).slice(-3);
+  var secondPartCombined = "000".concat(secondPart.toString(36)).slice(-3);
+  return firstPartCombined + secondPartCombined;
+};
+var getGeneratedViewPresetTitle = function getGeneratedViewPresetTitle(workspaceTitle, uid) {
+  return "".concat(workspaceTitle, " - viewpreset ").concat(uid);
+};
 
 var ERROR_NOT_FOUND = 'Request failed with status code 400';
 var extractWorkspacePresetFromJSON = function extractWorkspacePresetFromJSON(workspacePresetId) {
@@ -22384,8 +22746,9 @@ var filterWorkspacePresetList = function filterWorkspacePresetList(params) {
   if (lodash.exports.isEmpty(params)) {
     return workspacePresetsList;
   }
-  return workspacePresetsList.reduce(function (list, workspacePreset) {
+  return workspacePresetsList.reduce(function (list, workspacePresetRaw) {
     var _a;
+    var workspacePreset = workspacePresetRaw;
     if ((_a = params === null || params === void 0 ? void 0 : params.scope) === null || _a === void 0 ? void 0 : _a.includes(workspacePreset.scope)) {
       if (params.search) {
         var searchQuery = getCleanSearchQuery(params.search);
@@ -22486,22 +22849,6 @@ var createApi = function createApi() {
   var instance = createFakeApiInstance();
   return getApiRoutes(instance);
 };
-// used in app, same as storybook but no save/delete functionality
-var createApiWithoutSave = function createApiWithoutSave() {
-  var instance = createFakeApiInstance();
-  return Object.assign(Object.assign({}, getApiRoutes(instance)), {
-    saveWorkspacePresetAs: function saveWorkspacePresetAs() {
-      return new Promise(function (_resolve, reject) {
-        return reject(new Error('You are using a fake API. Saving is not possible'));
-      });
-    },
-    deleteWorkspacePreset: function deleteWorkspacePreset() {
-      return new Promise(function (_resolve, reject) {
-        return reject(new Error('You are using a fake API. Deleting is not possible'));
-      });
-    }
-  });
-};
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -22529,7 +22876,7 @@ var getWorkspaceRouteUrl = function getWorkspaceRouteUrl(workspaceId) {
 };
 
 var _marked$2 = /*#__PURE__*/_regeneratorRuntime().mark(updateViewsSaga),
-  _marked2$1 = /*#__PURE__*/_regeneratorRuntime().mark(fetchWorkspaceSaga),
+  _marked2$2 = /*#__PURE__*/_regeneratorRuntime().mark(fetchWorkspaceSaga),
   _marked3 = /*#__PURE__*/_regeneratorRuntime().mark(saveWorkspacePresetSaga),
   _marked4 = /*#__PURE__*/_regeneratorRuntime().mark(workspaceSaga);
 var setPreset = workspaceActions.setPreset,
@@ -22679,7 +23026,8 @@ function fetchWorkspaceSaga(action) {
       case 16:
         _context4.next = 18;
         return put(workspaceActions.loadedWorkspace({
-          workspaceId: workspaceId
+          workspaceId: workspaceId,
+          workspace: workspaceData
         }));
       case 18:
         // show all views inside a workspace as loading
@@ -22740,7 +23088,7 @@ function fetchWorkspaceSaga(action) {
       case "end":
         return _context4.stop();
     }
-  }, _marked2$1, null, [[2, 41], [23, 33, 36, 39]]);
+  }, _marked2$2, null, [[2, 41], [23, 33, 36, 39]]);
 }
 function saveWorkspacePresetSaga(action) {
   var workspace, workspaceApi;
@@ -22757,7 +23105,7 @@ function saveWorkspacePresetSaga(action) {
         return call(workspaceApi.saveWorkspacePreset, workspace.id, workspace);
       case 7:
         _context5.next = 9;
-        return put(workspaceActions.loadedWorkspace());
+        return put(workspaceActions.loadedWorkspace(undefined));
       case 9:
         _context5.next = 11;
         return put(workspaceListActions.onSuccessWorkspacePresetAction({
@@ -22953,7 +23301,14 @@ var getWorkspaceListSearchQuery = function getWorkspaceListSearchQuery(store) {
   return ((_a = getWorkspaceListStore(store)) === null || _a === void 0 ? void 0 : _a.searchQuery) || '';
 };
 
-var _marked$1 = /*#__PURE__*/_regeneratorRuntime().mark(rootSaga$1);
+var _marked$1 = /*#__PURE__*/_regeneratorRuntime().mark(saveAllViewPresetSaga),
+  _marked2$1 = /*#__PURE__*/_regeneratorRuntime().mark(rootSaga$1);
+var emptyWorkspaceBEData = Object.assign(Object.assign({}, emptyMapWorkspace), {
+  views: [{
+    mosaicNodeId: '1_screen',
+    viewPresetId: 'emptyMap'
+  }]
+});
 function fetchWorkspaceListSaga(_ref) {
   var workspaceFilterParams = _ref.payload;
   return /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -23052,20 +23407,272 @@ function onSuccessWorkspacePresetsActionSaga(_ref2) {
     }, _callee2);
   })();
 }
-function rootSaga$1() {
-  return _regeneratorRuntime().wrap(function rootSaga$(_context3) {
+function saveAllViewPresetSaga(viewPresetEntity, workspaceTitle) {
+  var _a, _b, workspaceApi, panelId, activeViewPresetId, hasChanges, viewPreset, scope, uuid, newTitle, newViewPreset, newId;
+  return _regeneratorRuntime().wrap(function saveAllViewPresetSaga$(_context3) {
     while (1) switch (_context3.prev = _context3.next) {
       case 0:
         _context3.next = 2;
+        return call(getWorkspaceApi);
+      case 2:
+        workspaceApi = _context3.sent;
+        panelId = viewPresetEntity.panelId, activeViewPresetId = viewPresetEntity.activeViewPresetId, hasChanges = viewPresetEntity.hasChanges;
+        _context3.prev = 4;
+        _context3.next = 7;
+        return select(getViewPresetToSendToBackend, panelId);
+      case 7:
+        viewPreset = _context3.sent;
+        scope = viewPreset.scope || 'system'; // saves user viewpresets with changes
+        if (!(scope === 'user' && hasChanges)) {
+          _context3.next = 14;
+          break;
+        }
+        _context3.next = 12;
+        return call(workspaceApi.saveViewPreset, activeViewPresetId, viewPreset);
+      case 12:
+        _context3.next = 14;
+        return put(viewPresetActions.savedViewPreset({
+          panelId: panelId,
+          viewPresetId: activeViewPresetId
+        }));
+      case 14:
+        if (!(scope === 'system' && (!activeViewPresetId || activeViewPresetId && hasChanges))) {
+          _context3.next = 28;
+          break;
+        }
+        _context3.next = 17;
+        return call(generateUID);
+      case 17:
+        uuid = _context3.sent;
+        newTitle = getGeneratedViewPresetTitle(workspaceTitle, uuid);
+        newViewPreset = Object.assign(Object.assign({}, viewPreset), {
+          title: newTitle,
+          scope: 'user'
+        });
+        _context3.next = 22;
+        return call(workspaceApi.saveViewPresetAs, newViewPreset);
+      case 22:
+        newId = _context3.sent;
+        _context3.next = 25;
+        return put(viewPresetActions.savedViewPreset({
+          panelId: panelId,
+          viewPresetId: newId
+        }));
+      case 25:
+        _context3.next = 27;
+        return put(viewPresetActions.fetchedViewPreset({
+          panelId: panelId,
+          viewPresetId: newId,
+          viewPreset: newViewPreset
+        }));
+      case 27:
+        return _context3.abrupt("return", {
+          mosaicNodeId: panelId,
+          viewPresetId: newId,
+          title: newTitle
+        });
+      case 28:
+        return _context3.abrupt("return", {
+          mosaicNodeId: panelId,
+          viewPresetId: activeViewPresetId,
+          title: viewPreset.title
+        });
+      case 31:
+        _context3.prev = 31;
+        _context3.t0 = _context3["catch"](4);
+        return _context3.abrupt("return", (_b = (_a = _context3.t0.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.message);
+      case 34:
+      case "end":
+        return _context3.stop();
+    }
+  }, _marked$1, null, [[4, 31]]);
+}
+function submitFormWorkspaceDialogSaga(_ref3) {
+  var payload = _ref3.payload;
+  return /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+    var workspaceApi, presetId, presetAction, data, newId, isNewWorkspace, _ref4, presetToDuplicate, fullPreset, _newId, workspace, isNew, workspaceId, views, savedViewPresetResult, errorMessage, workspaceData, newWorkspace, message;
+    return _regeneratorRuntime().wrap(function _callee3$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          _context4.next = 2;
+          return call(getWorkspaceApi);
+        case 2:
+          workspaceApi = _context4.sent;
+          _context4.prev = 3;
+          presetId = payload.presetId, presetAction = payload.presetAction, data = payload.data; // save as
+          if (!(presetAction === WorkspacePresetAction.SAVE_AS)) {
+            _context4.next = 11;
+            break;
+          }
+          _context4.next = 8;
+          return call(workspaceApi.saveWorkspacePresetAs, data);
+        case 8:
+          newId = _context4.sent;
+          _context4.next = 11;
+          return put(workspaceListActions.onSuccessWorkspacePresetAction({
+            workspaceId: newId,
+            action: presetAction,
+            title: data.title
+          }));
+        case 11:
+          if (!(presetAction === WorkspacePresetAction.DUPLICATE)) {
+            _context4.next = 28;
+            break;
+          }
+          isNewWorkspace = presetId === emptyMapWorkspace.id;
+          if (!isNewWorkspace) {
+            _context4.next = 17;
+            break;
+          }
+          _context4.t0 = {
+            data: emptyWorkspaceBEData
+          };
+          _context4.next = 20;
+          break;
+        case 17:
+          _context4.next = 19;
+          return call(workspaceApi.getWorkspacePreset, presetId);
+        case 19:
+          _context4.t0 = _context4.sent;
+        case 20:
+          _ref4 = _context4.t0;
+          presetToDuplicate = _ref4.data;
+          fullPreset = Object.assign(Object.assign({}, presetToDuplicate), data);
+          _context4.next = 25;
+          return call(workspaceApi.saveWorkspacePresetAs, fullPreset);
+        case 25:
+          _newId = _context4.sent;
+          _context4.next = 28;
+          return put(workspaceListActions.onSuccessWorkspacePresetAction({
+            workspaceId: _newId,
+            action: presetAction,
+            title: data.title
+          }));
+        case 28:
+          if (!(presetAction === WorkspacePresetAction.DELETE)) {
+            _context4.next = 33;
+            break;
+          }
+          _context4.next = 31;
+          return call(workspaceApi.deleteWorkspacePreset, presetId);
+        case 31:
+          _context4.next = 33;
+          return put(workspaceListActions.onSuccessWorkspacePresetAction({
+            workspaceId: presetId,
+            action: presetAction,
+            title: data.title
+          }));
+        case 33:
+          if (!(presetAction === WorkspacePresetAction.SAVE_ALL)) {
+            _context4.next = 66;
+            break;
+          }
+          _context4.next = 36;
+          return select(getWorkspaceState);
+        case 36:
+          workspace = _context4.sent;
+          // first save a new workspace to make sure we have an unique title
+          isNew = !workspace.scope || workspace.scope === 'system';
+          if (!isNew) {
+            _context4.next = 44;
+            break;
+          }
+          _context4.next = 41;
+          return call(workspaceApi.saveWorkspacePresetAs, data);
+        case 41:
+          _context4.t1 = _context4.sent;
+          _context4.next = 45;
+          break;
+        case 44:
+          _context4.t1 = data.id;
+        case 45:
+          workspaceId = _context4.t1;
+          _context4.next = 48;
+          return select(getViewPresets);
+        case 48:
+          views = _context4.sent;
+          _context4.next = 51;
+          return all(views.map(function (view) {
+            return call(saveAllViewPresetSaga, view, data.title);
+          }));
+        case 51:
+          savedViewPresetResult = _context4.sent;
+          errorMessage = savedViewPresetResult.find(function (viewPresetResult) {
+            return typeof viewPresetResult === 'string';
+          });
+          if (!errorMessage) {
+            _context4.next = 55;
+            break;
+          }
+          throw new Error(errorMessage);
+        case 55:
+          _context4.next = 57;
+          return select(getWorkspaceData);
+        case 57:
+          workspaceData = _context4.sent;
+          newWorkspace = Object.assign(Object.assign({}, workspaceData), {
+            id: workspaceId,
+            scope: 'user',
+            title: data.title,
+            "abstract": data["abstract"]
+          });
+          _context4.next = 61;
+          return call(workspaceApi.saveWorkspacePreset, workspaceId, newWorkspace);
+        case 61:
+          _context4.next = 63;
+          return put(workspaceListActions.onSuccessWorkspacePresetAction({
+            action: WorkspacePresetAction.SAVE_ALL,
+            workspaceId: workspaceId,
+            title: newWorkspace.title,
+            "abstract": newWorkspace["abstract"]
+          }));
+        case 63:
+          if (!isNew) {
+            _context4.next = 66;
+            break;
+          }
+          _context4.next = 66;
+          return put(routerActions.navigateToUrl({
+            url: getWorkspaceRouteUrl(workspaceId)
+          }));
+        case 66:
+          _context4.next = 73;
+          break;
+        case 68:
+          _context4.prev = 68;
+          _context4.t2 = _context4["catch"](3);
+          message = isAxiosError(_context4.t2) ? getAxiosErrorMessage(_context4.t2) : _context4.t2.message;
+          _context4.next = 73;
+          return put(workspaceListActions.onErrorWorkspacePresetAction({
+            error: {
+              type: WorkspaceListErrorType.GENERIC,
+              message: message
+            }
+          }));
+        case 73:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee3, null, [[3, 68]]);
+  })();
+}
+function rootSaga$1() {
+  return _regeneratorRuntime().wrap(function rootSaga$(_context5) {
+    while (1) switch (_context5.prev = _context5.next) {
+      case 0:
+        _context5.next = 2;
         return takeLeading$1(workspaceListActions.fetchWorkspaceList.type, fetchWorkspaceListSaga);
       case 2:
-        _context3.next = 4;
+        _context5.next = 4;
         return takeLatest$1(workspaceListActions.onSuccessWorkspacePresetAction, onSuccessWorkspacePresetsActionSaga);
       case 4:
+        _context5.next = 6;
+        return takeLatest$1(workspaceListActions.submitFormWorkspaceActionDialogOptions, submitFormWorkspaceDialogSaga);
+      case 6:
       case "end":
-        return _context3.stop();
+        return _context5.stop();
     }
-  }, _marked$1);
+  }, _marked2$1);
 }
 
 var _marked = /*#__PURE__*/_regeneratorRuntime().mark(fetchInitialViewPresetsSaga),
@@ -30413,20 +31020,39 @@ var WorkspaceWrapperProvider = withEggs([].concat(_toConsumableArray$1(coreModul
     theme: theme
   }, children);
 });
+var defaultAuthConfig = {
+  isLoggedIn: true,
+  auth: {
+    username: 'user.name',
+    token: '1223344',
+    refresh_token: '33455214'
+  },
+  onLogin: function onLogin() {
+    return null;
+  },
+  onSetAuth: function onSetAuth() {
+    return null;
+  },
+  sessionStorageProvider: null
+};
 var WorkspaceWrapperProviderWithStore = function WorkspaceWrapperProviderWithStore(_ref3) {
   var children = _ref3.children,
     store = _ref3.store,
     _ref3$createApi = _ref3.createApi,
     createApi$1 = _ref3$createApi === void 0 ? createApi : _ref3$createApi,
-    theme = _ref3.theme;
-  return /*#__PURE__*/React__default.createElement(ApiProvider, {
+    theme = _ref3.theme,
+    _ref3$auth = _ref3.auth,
+    auth = _ref3$auth === void 0 ? defaultAuthConfig : _ref3$auth;
+  return /*#__PURE__*/React__default.createElement(AuthenticationProvider, {
+    value: auth
+  }, /*#__PURE__*/React__default.createElement(ApiProvider, {
     createApi: createApi$1,
     name: API_NAME
   }, /*#__PURE__*/React__default.createElement(Provider, {
     store: store
   }, /*#__PURE__*/React__default.createElement(WorkspaceWrapperProvider, {
     theme: theme
-  }, /*#__PURE__*/React__default.createElement(SnackbarWrapperConnect, null, children))));
+  }, /*#__PURE__*/React__default.createElement(SnackbarWrapperConnect, null, children)))));
 };
 
 /* *
@@ -30453,7 +31079,7 @@ var WorkspaceModuleProvider = function WorkspaceModuleProvider(_ref) {
   return /*#__PURE__*/React.createElement(ApiProvider, {
     auth: auth,
     onSetAuth: onSetAuth,
-    createApi: config.baseURL ? createApi$1 : createApiWithoutSave,
+    createApi: config.baseURL ? createApi$1 : createApi,
     config: config,
     name: API_NAME
   }, /*#__PURE__*/React.createElement(WorkspaceDndProvider, null, children));
@@ -30591,12 +31217,12 @@ var WorkspaceControls = function WorkspaceControls(_ref) {
     "data-testid": "open-viewpresets",
     sx: Object.assign(Object.assign({}, buttonStyle), {
       '&&': {
-        backgroundColor: !isViewPresetDialogOpen && 'transparent',
+        backgroundColor: !isViewPresetDialogOpen ? 'transparent' : undefined,
         '&:hover': {
           backgroundColor: 'geowebColors.workspace.tabButtonHover'
         },
         '.MuiSvgIcon-root > path': {
-          fill: isViewPresetDialogOpen && theme.palette.geowebColors.iconButtons.tool.active.color
+          fill: isViewPresetDialogOpen ? theme.palette.geowebColors.iconButtons.tool.active.color : undefined
         }
       }
     }),
@@ -30818,11 +31444,13 @@ var getPresetIcon = function getPresetIcon(preset) {
 };
 var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
   var workspacePreset = _ref.workspacePreset,
-    currentSelectedId = _ref.currentSelectedId,
+    isSelected = _ref.isSelected,
     onClickPreset = _ref.onClickPreset,
     onClickWorkspacePresetOption = _ref.onClickWorkspacePresetOption,
     _ref$isOptionsMenuOpe = _ref.isOptionsMenuOpen,
     isOptionsMenuOpen = _ref$isOptionsMenuOpe === void 0 ? false : _ref$isOptionsMenuOpe,
+    _ref$isEditable = _ref.isEditable,
+    isEditable = _ref$isEditable === void 0 ? false : _ref$isEditable,
     _ref$searchQuery = _ref.searchQuery,
     searchQuery = _ref$searchQuery === void 0 ? '' : _ref$searchQuery;
   var onDuplicate = function onDuplicate() {
@@ -30857,7 +31485,7 @@ var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
     }
   }, /*#__PURE__*/React__default.createElement(ListItemButton, {
     "data-testid": "workspacePresetsListItem",
-    selected: currentSelectedId === workspacePreset.id,
+    selected: isSelected,
     onClick: function onClick() {
       onClickPreset(workspacePreset.id);
     },
@@ -30878,7 +31506,7 @@ var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
     sx: {
       margin: 0
     }
-  })), /*#__PURE__*/React__default.createElement(Grid, {
+  })), isEditable && /*#__PURE__*/React__default.createElement(Grid, {
     sx: {
       minWidth: 56,
       marginLeft: 2
@@ -30942,6 +31570,7 @@ var WorkspaceSelectList = function WorkspaceSelectList(_ref) {
     onClickPreset = _ref.onClickPreset,
     onClickWorkspacePresetOption = _ref.onClickWorkspacePresetOption,
     hideNewWorkspace = _ref.hideNewWorkspace,
+    isLoggedIn = _ref.isLoggedIn,
     searchQuery = _ref.searchQuery,
     _ref$newPreset = _ref.newPreset,
     newPreset = _ref$newPreset === void 0 ? emptyWorkspaceListItem : _ref$newPreset;
@@ -30955,17 +31584,19 @@ var WorkspaceSelectList = function WorkspaceSelectList(_ref) {
   }, workspacePresets.length, " results"), /*#__PURE__*/React.createElement(List, null, !hideNewWorkspace && /*#__PURE__*/React.createElement(WorkspaceSelectListRow, {
     key: newPreset.id,
     workspacePreset: newPreset,
-    currentSelectedId: currentSelectedId,
     onClickPreset: onClickPreset,
-    onClickWorkspacePresetOption: onClickWorkspacePresetOption
+    onClickWorkspacePresetOption: onClickWorkspacePresetOption,
+    isSelected: currentSelectedId === '' || currentSelectedId === undefined,
+    isEditable: isLoggedIn
   }), workspacePresets.map(function (preset) {
     return /*#__PURE__*/React.createElement(WorkspaceSelectListRow, {
       key: preset.id,
       workspacePreset: preset,
-      currentSelectedId: currentSelectedId,
       onClickPreset: onClickPreset,
       onClickWorkspacePresetOption: onClickWorkspacePresetOption,
-      searchQuery: searchQuery
+      isEditable: isLoggedIn,
+      searchQuery: searchQuery,
+      isSelected: currentSelectedId === preset.id
     });
   })));
 };
@@ -31008,6 +31639,8 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
   var isViewPresetsListFetching = useSelector(function (store) {
     return getViewPresetsIsFetching(store, panelId);
   });
+  var _useAuthenticationCon = useAuthenticationContext(),
+    isLoggedIn = _useAuthenticationCon.isLoggedIn;
   var dispatch = useDispatch();
   var openViewPresetsDialog = React.useCallback(function (viewPresetDialogOptions) {
     dispatch(viewPresetActions.openViewPresetDialog({
@@ -31087,7 +31720,8 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
     newPreset: Object.assign(Object.assign({}, emptyWorkspaceListItem), {
       id: undefined,
       title: MAPPRESET_ACTIVE_TITLE
-    })
+    }),
+    isLoggedIn: isLoggedIn
   }));
 };
 
@@ -31156,6 +31790,7 @@ var WorkspaceOptions = function WorkspaceOptions(_ref) {
     isDefaultOpen = _ref$isDefaultOpen === void 0 ? false : _ref$isDefaultOpen,
     handleSave = _ref.handleSave,
     handleSaveAs = _ref.handleSaveAs,
+    handleSaveAll = _ref.handleSaveAll,
     handleEdit = _ref.handleEdit,
     handleDelete = _ref.handleDelete,
     _ref$hasChanges = _ref.hasChanges,
@@ -31178,6 +31813,22 @@ var WorkspaceOptions = function WorkspaceOptions(_ref) {
       setAnchorEl(document.getElementById(id));
     }
   }, [isDefaultOpen, id]);
+  var options = [{
+    title: 'Save',
+    callback: handleSave
+  }, {
+    title: 'Save as',
+    callback: handleSaveAs
+  }].concat(_toConsumableArray$1(handleSaveAll ? [{
+    title: 'Save all',
+    callback: handleSaveAll
+  }] : []), [{
+    title: 'Edit',
+    callback: handleEdit
+  }, {
+    title: 'Delete',
+    callback: handleDelete
+  }]);
   var renderButton = function renderButton() {
     return /*#__PURE__*/React.createElement(CustomToggleButton, {
       variant: "tool",
@@ -31190,8 +31841,8 @@ var WorkspaceOptions = function WorkspaceOptions(_ref) {
       sx: {
         fontSize: '12px',
         '&&': {
-          color: activeTab && !isOpen && 'geowebColors.buttons.icon.active.color',
-          backgroundColor: !isOpen && 'transparent',
+          color: activeTab && !isOpen ? 'geowebColors.buttons.icon.active.color' : undefined,
+          backgroundColor: !isOpen ? 'transparent' : undefined,
           '&:hover': {
             color: activeTab ? 'geowebColors.buttons.icon.active.color' : 'inherit',
             backgroundColor: 'geowebColors.workspace.tabButtonHover'
@@ -31200,7 +31851,7 @@ var WorkspaceOptions = function WorkspaceOptions(_ref) {
           display: 'block',
           width: '100%',
           height: 24,
-          fontStyle: hasChanges && 'italic',
+          fontStyle: hasChanges ? 'italic' : undefined,
           fontWeight: 500,
           textOverflow: 'ellipsis',
           overflow: 'hidden',
@@ -31252,19 +31903,15 @@ var WorkspaceOptions = function WorkspaceOptions(_ref) {
         letterSpacing: '0.4px',
         fontSize: 12
       }
-    }, "Options")), /*#__PURE__*/React.createElement(MenuItem, {
-      onClick: handleSave,
-      disabled: !handleSave
-    }, "Save"), /*#__PURE__*/React.createElement(MenuItem, {
-      onClick: handleSaveAs,
-      disabled: !handleSaveAs
-    }, "Save as"), /*#__PURE__*/React.createElement(MenuItem, {
-      onClick: handleEdit,
-      disabled: !handleEdit
-    }, "Edit"), /*#__PURE__*/React.createElement(MenuItem, {
-      onClick: handleDelete,
-      disabled: !handleDelete
-    }, "Delete")));
+    }, "Options")), options.map(function (_ref2) {
+      var title = _ref2.title,
+        callback = _ref2.callback;
+      return /*#__PURE__*/React.createElement(MenuItem, {
+        key: title,
+        onClick: callback,
+        disabled: !callback
+      }, title);
+    })));
   };
   return isDisabled ? renderButton() : /*#__PURE__*/React.createElement(CustomTooltip, {
     title: !isOpen && title,
@@ -31618,7 +32265,7 @@ var WorkspaceView = function WorkspaceView(_ref) {
     }
   }, /*#__PURE__*/React.createElement(MosaicWithoutDragDropContext, {
     className: "geoweb-mosaic",
-    zeroStateView: EmptyView,
+    zeroStateView: EmptyView || undefined,
     initialValue: screenConfig.mosaicNode,
     renderTile: function renderTile(viewId, path) {
       var windowIsActive = viewId === activeWindowId;
@@ -35500,6 +36147,8 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
   var error = useSelector(function (store) {
     return getWorkspaceListError(store);
   });
+  var _useAuthenticationCon = useAuthenticationContext(),
+    isLoggedIn = _useAuthenticationCon.isLoggedIn;
   var dispatch = useDispatch();
   var fetchWorkspaceList = React.useCallback(function () {
     var filterParams = constructFilterParams(workspaceListFilters, workspaceSearchQuery);
@@ -35638,6 +36287,7 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
     onClickPreset: onClickWorkspace,
     onClickWorkspacePresetOption: onClickWorkspacePresetOption,
     hideNewWorkspace: shouldHideNewWorkspace,
+    isLoggedIn: isLoggedIn,
     searchQuery: workspaceSearchQuery
   }));
 };
@@ -35735,7 +36385,7 @@ var WorkspaceMenuButton = function WorkspaceMenuButton(_ref) {
     variant: "tool",
     sx: {
       '&&': {
-        backgroundColor: !showMenu && 'transparent',
+        backgroundColor: !showMenu ? 'transparent' : undefined,
         '&:hover': {
           backgroundColor: 'geowebColors.workspace.tabButtonHover'
         }
@@ -35817,6 +36467,8 @@ var WorkspaceOptionsConnect = function WorkspaceOptionsConnect(_ref) {
     activeTab = _ref.activeTab,
     workspaceId = _ref.workspaceId;
   var dispatch = useDispatch();
+  var _useAuthenticationCon = useAuthenticationContext(),
+    isLoggedIn = _useAuthenticationCon.isLoggedIn;
   var hasChanges = useSelector(function (store) {
     return hasWorkspaceChanges(store);
   });
@@ -35850,6 +36502,15 @@ var WorkspaceOptionsConnect = function WorkspaceOptionsConnect(_ref) {
       })
     });
   };
+  var onSaveAll = function onSaveAll() {
+    setWorkspaceActionDialogOptions({
+      action: WorkspacePresetAction.SAVE_ALL,
+      presetId: workspaceId,
+      formValues: Object.assign(Object.assign({}, workspaceData), {
+        scope: 'user'
+      })
+    });
+  };
   var onSave = React.useCallback(function () {
     dispatch(workspaceActions.saveWorkspacePreset({
       workspace: workspaceData
@@ -35862,8 +36523,9 @@ var WorkspaceOptionsConnect = function WorkspaceOptionsConnect(_ref) {
     activeTab: activeTab,
     handleDelete: workspaceScope === 'user' ? onDelete : undefined,
     handleSaveAs: onSaveAs,
+    handleSaveAll: onSaveAll,
     handleSave: workspaceScope === 'user' ? onSave : undefined,
-    isDisabled: !viewIds.length
+    isDisabled: !viewIds.length || !isLoggedIn
   });
 };
 
@@ -35989,7 +36651,9 @@ var WorkspacePresetsForm = function WorkspacePresetsForm(_ref) {
     event.preventDefault();
     onSubmit();
   };
-  var hasFormInput = action === WorkspacePresetAction.DUPLICATE || action === WorkspacePresetAction.SAVE_AS;
+  var hasFormInput = action === WorkspacePresetAction.DUPLICATE || action === WorkspacePresetAction.SAVE_AS || action === WorkspacePresetAction.SAVE_ALL;
+  // disable form inputs for 'save all' existing workspace preset
+  var isDisabled = !!(action === WorkspacePresetAction.SAVE_ALL && formValues.id);
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, Boolean(error) && /*#__PURE__*/React__default.createElement(Box$2, {
     sx: {
       marginBottom: 2
@@ -36012,6 +36676,7 @@ var WorkspacePresetsForm = function WorkspacePresetsForm(_ref) {
         validateTitle: validateTitle$1
       }
     },
+    disabled: isDisabled,
     defaultValue: title
   })), /*#__PURE__*/React__default.createElement(ReactHookFormTextField, {
     name: "abstract",
@@ -36021,6 +36686,7 @@ var WorkspacePresetsForm = function WorkspacePresetsForm(_ref) {
     },
     multiline: true,
     rows: 3,
+    disabled: isDisabled,
     defaultValue: _abstract
   }), hiddenFields.map(function (_ref2) {
     var name = _ref2.name,
@@ -36039,14 +36705,23 @@ var WorkspacePresetsForm = function WorkspacePresetsForm(_ref) {
   })));
 };
 
-var emptyWorkspaceBEData = {
-  data: Object.assign(Object.assign({}, emptyMapWorkspace), {
-    views: [{
-      mosaicNodeId: 'emptyMapView',
-      viewPresetId: 'emptyMap'
-    }]
-  })
-};
+/* *
+ * 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)
+ * */
+var DIALOG_TITLE_SAVE_ALL = 'Save all';
 var getDialogTitle = function getDialogTitle(action) {
   switch (action) {
     case WorkspacePresetAction.DELETE:
@@ -36057,6 +36732,10 @@ var getDialogTitle = function getDialogTitle(action) {
       {
         return 'Duplicate';
       }
+    case WorkspacePresetAction.SAVE_ALL:
+      {
+        return DIALOG_TITLE_SAVE_ALL;
+      }
     default:
       {
         return 'Save as';
@@ -36069,8 +36748,11 @@ var getConfirmLabel$1 = function getConfirmLabel(action) {
       {
         return 'Delete';
       }
+    case WorkspacePresetAction.SAVE_ALL:
+      {
+        return DIALOG_TITLE_SAVE_ALL;
+      }
     default:
-    case WorkspacePresetAction.DUPLICATE:
       {
         return 'Save';
       }
@@ -36081,104 +36763,18 @@ var WorkspacePresetsFormDialog = function WorkspacePresetsFormDialog(_ref) {
     action = _ref.action,
     presetId = _ref.presetId,
     formValues = _ref.formValues,
-    onSuccess = _ref.onSuccess,
-    onClose = _ref.onClose;
+    onClose = _ref.onClose,
+    onFormSubmit = _ref.onFormSubmit,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    error = _ref.error;
   var _useFormContext = useFormContext(),
     handleFormSubmit = _useFormContext.handleSubmit,
     reset = _useFormContext.reset;
-  var _useApiContext = useApiContext(),
-    api = _useApiContext.api;
-  var _React$useState = React__default.useState(),
-    _React$useState2 = _slicedToArray$2(_React$useState, 2),
-    error = _React$useState2[0],
-    setError = _React$useState2[1];
-  var _React$useState3 = React__default.useState(false),
-    _React$useState4 = _slicedToArray$2(_React$useState3, 2),
-    isLoading = _React$useState4[0],
-    setIsLoading = _React$useState4[1];
-  React__default.useEffect(function () {
-    if (!isOpen) {
-      setError(null);
-    }
-  }, [isOpen]);
   React__default.useEffect(function () {
     reset(formValues);
   }, [formValues, reset]);
   var confirmLabel = getConfirmLabel$1(action);
-  var onFormSubmit = function onFormSubmit(newFormValues) {
-    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var fullPreset, newId, isNewWorkspace, _ref2, presetToDuplicate, _fullPreset, _newId, message;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            setError(null);
-            setIsLoading(true);
-            _context.t0 = action;
-            _context.next = _context.t0 === WorkspacePresetAction.SAVE_AS ? 6 : _context.t0 === WorkspacePresetAction.DUPLICATE ? 14 : _context.t0 === WorkspacePresetAction.DELETE ? 32 : 38;
-            break;
-          case 6:
-            newFormValues.id, fullPreset = __rest(newFormValues, ["id"]);
-            _context.next = 9;
-            return api.saveWorkspacePresetAs(fullPreset);
-          case 9:
-            newId = _context.sent;
-            setIsLoading(false);
-            onClose();
-            onSuccess(action, newId, newFormValues.title);
-            return _context.abrupt("break", 39);
-          case 14:
-            isNewWorkspace = presetId === emptyMapWorkspace.id;
-            if (!isNewWorkspace) {
-              _context.next = 19;
-              break;
-            }
-            _context.t1 = emptyWorkspaceBEData;
-            _context.next = 22;
-            break;
-          case 19:
-            _context.next = 21;
-            return api.getWorkspacePreset(presetId);
-          case 21:
-            _context.t1 = _context.sent;
-          case 22:
-            _ref2 = _context.t1;
-            presetToDuplicate = _ref2.data;
-            _fullPreset = Object.assign(Object.assign({}, presetToDuplicate), newFormValues);
-            _context.next = 27;
-            return api.saveWorkspacePresetAs(_fullPreset);
-          case 27:
-            _newId = _context.sent;
-            setIsLoading(false);
-            onClose();
-            onSuccess(action, _newId, newFormValues.title);
-            return _context.abrupt("break", 39);
-          case 32:
-            _context.next = 34;
-            return api.deleteWorkspacePreset(presetId);
-          case 34:
-            setIsLoading(false);
-            onClose();
-            onSuccess(action, presetId, newFormValues.title);
-            return _context.abrupt("break", 39);
-          case 38:
-            return _context.abrupt("break", 39);
-          case 39:
-            _context.next = 46;
-            break;
-          case 41:
-            _context.prev = 41;
-            _context.t2 = _context["catch"](0);
-            setIsLoading(false);
-            message = isAxiosError(_context.t2) ? getAxiosErrorMessage(_context.t2) : _context.t2.message;
-            setError(message);
-          case 46:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[0, 41]]);
-    }));
-  };
   var onSubmit = function onSubmit() {
     handleFormSubmit(function (newFormValues) {
       var title = newFormValues.title,
@@ -36190,7 +36786,7 @@ var WorkspacePresetsFormDialog = function WorkspacePresetsFormDialog(_ref) {
         title: trimmedTitle,
         "abstract": trimmedAbstract
       });
-      onFormSubmit(parsedFormValues);
+      onFormSubmit(action, presetId, parsedFormValues);
     })();
   };
   return /*#__PURE__*/React__default.createElement(ConfirmationDialog, {
@@ -36223,6 +36819,7 @@ var WorkspacePresetsFormDialogWrapper = function WorkspacePresetsFormDialogWrapp
 
 var WorkspaceTabConnect = function WorkspaceTabConnect(_ref) {
   var workspaceId = _ref.workspaceId;
+  var _a;
   var dispatch = useDispatch();
   var title = useSelector(function (store) {
     return getSelectedWorkspaceTitle(store);
@@ -36233,16 +36830,18 @@ var WorkspaceTabConnect = function WorkspaceTabConnect(_ref) {
   var closeWorkspaceActionDialog = React.useCallback(function () {
     dispatch(workspaceListActions.closeWorkspaceActionDialogOptions());
   }, [dispatch]);
-  var onSuccesWorkspaceDialogAction = React.useCallback(function (action, workspaceId, title) {
-    dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
-      workspaceId: workspaceId,
-      action: action,
-      title: title
+  var onSubmitForm = function onSubmitForm(presetAction, presetId, data) {
+    dispatch(workspaceListActions.submitFormWorkspaceActionDialogOptions({
+      presetAction: presetAction,
+      presetId: presetId,
+      data: data
     }));
-  }, [dispatch]);
+  };
   var presetId = _typeof$2(dialogDetails) === 'object' && dialogDetails.presetId;
   var action = _typeof$2(dialogDetails) === 'object' && dialogDetails.action;
   var formValues = _typeof$2(dialogDetails) === 'object' && dialogDetails.formValues;
+  var isFetching = _typeof$2(dialogDetails) === 'object' && dialogDetails.isFetching || false;
+  var error = _typeof$2(dialogDetails) === 'object' && ((_a = dialogDetails.error) === null || _a === void 0 ? void 0 : _a.message);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WorkspaceTab, {
     activeTab: true,
     title: title,
@@ -36250,10 +36849,12 @@ var WorkspaceTabConnect = function WorkspaceTabConnect(_ref) {
   }), Boolean(dialogDetails) && /*#__PURE__*/React.createElement(WorkspacePresetsFormDialogWrapper, {
     isOpen: Boolean(dialogDetails),
     onClose: closeWorkspaceActionDialog,
-    onSuccess: onSuccesWorkspaceDialogAction,
-    presetId: presetId,
-    action: action,
-    formValues: formValues
+    presetId: presetId || undefined,
+    action: action || undefined,
+    formValues: formValues || undefined,
+    onFormSubmit: onSubmitForm,
+    isLoading: isFetching,
+    error: error || undefined
   }));
 };
 
@@ -36378,11 +36979,12 @@ var getConfirmLabel = function getConfirmLabel(action) {
       {
         return 'Delete';
       }
-    default:
     case PresetAction.SAVE_AS:
       {
         return 'Save';
       }
+    default:
+      return 'Save';
   }
 };
 var MapPresetsFormDialog = function MapPresetsFormDialog(_ref) {
@@ -36681,4 +37283,4 @@ var WorkspaceDetail = function WorkspaceDetail(_ref) {
   }))), /*#__PURE__*/React.createElement(MapPresetsFormDialogConnect, null));
 };
 
-export { ComponentsLookUpWrapper, WorkspaceDetail, WorkspaceDndProvider, WorkspaceErrorType, WorkspaceModuleProvider, WorkspacePresetAction, WorkspaceThemeProvider, WorkspaceTopBar, WorkspaceViewConnect, WorkspaceWrapperProvider, WorkspaceWrapperProviderWithStore, workspaceActions as actions, createBalancedMosaicNode, emptyMapWorkspace, getWorkspaceRouteUrl, selectors, viewPresetActions, workspaceListActions, workspaceModuleConfig, routes as workspaceRoutes };
+export { ComponentsLookUpWrapper, WorkspaceDetail, WorkspaceDndProvider, WorkspaceErrorType, WorkspaceModuleProvider, WorkspacePresetAction, WorkspaceThemeProvider, WorkspaceTopBar, WorkspaceViewConnect, WorkspaceWrapperProvider, WorkspaceWrapperProviderWithStore, workspaceActions as actions, createBalancedMosaicNode, defaultAuthConfig, emptyMapWorkspace, getWorkspaceRouteUrl, selectors, viewPresetActions, workspaceListActions, workspaceModuleConfig, routes as workspaceRoutes };