@fluxo-dev/shell 0.0.24 → 0.0.26

package/index.esm.js

@@ -2,13 +2,13 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { useState, Suspense, forwardRef, createElement as createElement$2, useEffect, createContext, useContext, useLayoutEffect, useRef, useCallback, useMemo, memo, isValidElement, cloneElement, useImperativeHandle, lazy } from 'react';
 import { useSelector, Provider } from 'react-redux';
-import { useLocation, Navigate, matchPath, Outlet, useNavigate, Link, Route, useSearchParams, createBrowserRouter, RouterProvider } from 'react-router-dom';
-import { FluxoClientSys, AppType, AppState, FluxoStateDispatcher, UserService, AppMenuContextType, ApiKeyService, DomainRoleService } from '@fluxo-dev/api-client-base';
-import { AccessDenied, DataCard, NoData, ConfirmModal, ShellPage, ErrorPage as ErrorPage$1, WaitData, FlxRoutes } from '@fluxo-dev/ui-components';
+import { useLocation, Navigate, Outlet, useNavigate, Link, Route, useSearchParams, createBrowserRouter, RouterProvider } from 'react-router-dom';
+import { DataCard, NoData, ConfirmModal, ShellPage, ErrorPage as ErrorPage$1, WaitData, FlxRoutes } from '@fluxo-dev/ui-components';
 import { ModuleLoader } from '@fluxo-dev/shell-mfe';
-import { Text, TextInput, ActionIcon, useMantineTheme, AppShell, Stack, Group, Burger, Badge, Drawer, NavLink, Avatar, Anchor, Tooltip, Divider, Space, useMantineColorScheme, UnstyledButton, Box, ThemeIcon, Collapse, ScrollArea, rem, Loader, Grid, Center, PasswordInput, Button, ColorSwatch, FileButton, NumberInput, Alert, ColorInput, Checkbox, Modal, Switch, Select, Chip, LoadingOverlay, Image as Image$1, Menu, Textarea, Table, MultiSelect, MantineProvider } from '@mantine/core';
+import { Text, TextInput, ActionIcon, useMantineTheme, AppShell, Stack, Group, Burger, Badge, Drawer, NavLink, Popover, Avatar, Center, Divider, Button, Anchor, Tooltip, Space, useMantineColorScheme, UnstyledButton, Box, ThemeIcon, Collapse, ScrollArea, rem, Loader, Grid, PasswordInput, ColorSwatch, FileButton, NumberInput, Alert, ColorInput, Checkbox, Modal, Switch, Select, Chip, LoadingOverlay, Image as Image$1, Menu, Textarea, Table, MultiSelect, Card, MantineProvider } from '@mantine/core';
 import { openSpotlight, Spotlight } from '@mantine/spotlight';
 import { useOs, useHotkeys, useIdle } from '@mantine/hooks';
+import { AppType, AppState, FluxoStateDispatcher, FluxoClientSys, UserService, AppMenuContextType, ApiKeyService, DomainRoleService, EmailServerProviderType } from '@fluxo-dev/api-client-base';
 import { showNotification, Notifications } from '@mantine/notifications';
 import { useAppSelector, store as store$4 } from '@fluxo-dev/state';
 import { useForm } from '@mantine/form';
@@ -2214,36 +2214,13 @@ function ProtectedRoute(_a) {
   const {
     loggedIn
   } = useSelector(state => state.user);
-  const {
-    routeRules
-  } = useSelector(state => state.routeRules);
-  const navigation = useLocation();
+  useLocation();
   if (!loggedIn) {
     return jsx(Navigate, {
       to: "/auth/login",
       replace: true
     });
   }
-  let accessDenied = false;
-  let requiredPermissions = [];
-  routeRules.forEach(routeRule => {
-    const match = matchPath(`${routeRule.route}`, navigation.pathname);
-    if (match) {
-      if (routeRule.permissions.length === 0) {
-        return;
-      } else {
-        const res = FluxoClientSys.Instance.security.currentUser.hasPermissions(routeRule.permissions);
-        if (!res) {
-          accessDenied = true;
-          requiredPermissions = routeRule.permissions;
-          return;
-        }
-      }
-    }
-  });
-  if (accessDenied) return jsx(AccessDenied, {
-    requiredPermissions: requiredPermissions
-  });
   return children;
 }
 
@@ -3985,6 +3962,21 @@ var IconLock = createReactComponent("lock", "IconLock", [
   ["path", { d: "M8 11v-4a4 4 0 1 1 8 0v4", key: "svg-2" }]
 ]);
 
+/**
+ * @tabler/icons-react v2.42.0 - MIT
+ */
+
+var IconMail = createReactComponent("mail", "IconMail", [
+  [
+    "path",
+    {
+      d: "M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z",
+      key: "svg-0"
+    }
+  ],
+  ["path", { d: "M3 7l9 6l9 -6", key: "svg-1" }]
+]);
+
 /**
  * @tabler/icons-react v2.42.0 - MIT
  */
@@ -4063,22 +4055,6 @@ var IconReportSearch = createReactComponent("report-search", "IconReportSearch",
   ["path", { d: "M18.5 19.5l2.5 2.5", key: "svg-6" }]
 ]);
 
-/**
- * @tabler/icons-react v2.42.0 - MIT
- */
-
-var IconRoute = createReactComponent("route", "IconRoute", [
-  ["path", { d: "M3 19a2 2 0 1 0 4 0a2 2 0 0 0 -4 0", key: "svg-0" }],
-  ["path", { d: "M19 7a2 2 0 1 0 0 -4a2 2 0 0 0 0 4z", key: "svg-1" }],
-  [
-    "path",
-    {
-      d: "M11 19h5.5a3.5 3.5 0 0 0 0 -7h-8a3.5 3.5 0 0 1 0 -7h4.5",
-      key: "svg-2"
-    }
-  ]
-]);
-
 /**
  * @tabler/icons-react v2.42.0 - MIT
  */
@@ -4412,6 +4388,7 @@ function AppBar(props) {
         },
         children: [jsxs(Group, {
           children: [jsx(Burger, {
+            tabIndex: -1,
             disabled: props.previewMode !== undefined,
             color: '#fff',
             opened: navbarOpened,
@@ -4420,6 +4397,7 @@ function AppBar(props) {
               if (navbarOpened) FluxoStateDispatcher.dispatchCloseNavbar();else FluxoStateDispatcher.dispatchOpenNavbar();
             }
           }), jsx(Link, {
+            tabIndex: -1,
             to: props.previewMode ? '' : '/',
             style: {
               maxHeight: (_d = (_c = props.previewMode) === null || _c === void 0 ? void 0 : _c.logoHeight) !== null && _d !== void 0 ? _d : configuration.logoHeight
@@ -4434,10 +4412,12 @@ function AppBar(props) {
         }), jsxs(Group, {
           wrap: "nowrap",
           children: [developmentMode && jsx(Badge, {
+            tabIndex: -1,
             color: 'red',
             children: "Development mode"
           }), jsx(FrontendSwitch, {}), jitApps && jitApps.length > 0 && jsxs(Fragment, {
             children: [jsx(ActionIcon, {
+              tabIndex: -1,
               variant: 'transparent',
               onClick: () => setJitAppsDrawerOpened(true),
               children: jsx(IconApps, {
@@ -4495,12 +4475,49 @@ function AppBar(props) {
             })]
           }), jsx(SearchBar, {
             disabled: props.previewMode !== undefined
-          }), jsxs(Avatar, {
-            onClick: () => props.previewMode ? undefined : logout(),
-            color: "cyan",
-            radius: "xl",
-            size: 32,
-            children: [userInfo.FirstName.substr(0, 1), userInfo.LastName.substr(0, 1)]
+          }), jsxs(Popover, {
+            disabled: props.previewMode !== undefined,
+            children: [jsx(Popover.Target, {
+              children: jsxs(Avatar, {
+                tabIndex: -1,
+                style: {
+                  cursor: 'pointer'
+                },
+                color: "cyan",
+                radius: "xl",
+                size: 32,
+                children: [userInfo.FirstName.substr(0, 1), userInfo.LastName.substr(0, 1)]
+              })
+            }), jsx(Popover.Dropdown, {
+              w: 300,
+              children: jsxs(Stack, {
+                gap: 12,
+                children: [jsx(Center, {
+                  children: jsxs(Stack, {
+                    justify: 'center',
+                    align: 'center',
+                    children: [jsxs(Avatar, {
+                      color: "cyan",
+                      radius: "xl",
+                      size: 64,
+                      children: [userInfo.FirstName.substr(0, 1), userInfo.LastName.substr(0, 1)]
+                    }), jsxs(Text, {
+                      children: [userInfo.FirstName, " ", userInfo.LastName]
+                    })]
+                  })
+                }), jsx(Divider, {}), jsx(Button, {
+                  variant: 'subtle',
+                  onClick: () => logout(),
+                  children: "Esci"
+                }), jsx(Divider, {}), jsx(Center, {
+                  children: jsxs(Text, {
+                    c: "dimmed",
+                    fz: "xs",
+                    children: [props.brandName, " \u00A9", new Date().getFullYear()]
+                  })
+                })]
+              })
+            })]
           })]
         })]
       })
@@ -4519,6 +4536,9 @@ function FooterBar(props) {
   const {
     userIdle
   } = useAppSelector(state => state.layout);
+  const {
+    hasAdminAccess
+  } = useAppSelector(state => state.layout);
   const idle = useIdle(5000);
   useEffect(() => {
     if (idle) FluxoStateDispatcher.dispatchSetUserIdle();else FluxoStateDispatcher.dispatchUnsetUserIdle();
@@ -4584,18 +4604,20 @@ function FooterBar(props) {
       }), jsx(Space, {
         h: 'md'
       }), jsxs(Group, {
-        children: [jsx(Link, {
-          to: '/settings',
-          style: {
-            textDecoration: 'none'
-          },
-          children: jsx(Text, {
-            c: "dimmed",
-            fz: "xs",
-            children: "Amministrazione"
-          })
-        }), jsx(Divider, {
-          orientation: 'vertical'
+        children: [hasAdminAccess && jsxs(Fragment, {
+          children: [jsx(Link, {
+            to: '/settings',
+            style: {
+              textDecoration: 'none'
+            },
+            children: jsx(Text, {
+              c: "dimmed",
+              fz: "xs",
+              children: "Amministrazione"
+            })
+          }), jsx(Divider, {
+            orientation: 'vertical'
+          })]
         }), jsxs(Text, {
           c: "dimmed",
           fz: "xs",
@@ -4974,7 +4996,9 @@ function AppLayout(props) {
       },
       transitionDuration: 0,
       layout: 'default',
-      children: [jsx(AppBar, {}), jsx(Navbar, {}), jsx(AppShell.Main, {
+      children: [jsx(AppBar, {
+        brandName: props.brandName
+      }), jsx(Navbar, {}), jsx(AppShell.Main, {
         children: jsx(Suspense, {
           fallback: jsx(Loader, {}),
           children: jsx(AppContent, {})
@@ -5085,6 +5109,7 @@ function LoginPage(props) {
                 size: "sm",
                 placeholder: "Email / Nome utente"
               }, form.getInputProps('username'))), jsx(PasswordInput, Object.assign({
+                size: 'sm',
                 withAsterisk: true,
                 placeholder: "Password"
               }, form.getInputProps('password')))]
@@ -5398,7 +5423,8 @@ function Ui() {
                 logo: newLogoBase64,
                 logoHeight: newLogoHeight,
                 headerColor: newBrandColors[6]
-              }
+              },
+              brandName: ''
             })
           })
         })
@@ -20209,11 +20235,6 @@ function PermissionNavigator(props) {
         setDomainRolePermissions(res);
         setDomainRolePermissionLoaded(true);
       });
-    } else {
-      FluxoClientSys.Instance.security.routeRule.getPermissions(props.context.id).then(res => {
-        setDomainRolePermissions(res);
-        setDomainRolePermissionLoaded(true);
-      });
     }
   }, []);
   useEffect(() => {
@@ -20227,41 +20248,6 @@ function PermissionNavigator(props) {
       addOrRemovePermissionForDomainRole(permissionId);
     } else if (props.context.type === 'menu') {
       addOrRemovePermissionForMenu(permissionId);
-    } else if (props.context.type === 'route-rule') {
-      addOrRemovePermissionForRouteRule(permissionId);
-    }
-  };
-  const addOrRemovePermissionForRouteRule = menuItemId => {
-    if (selectedPermissionsIds.includes(menuItemId)) {
-      FluxoClientSys.Instance.security.routeRule.removePermission(+props.context.id, menuItemId).then(res => {
-        setSelectedPermissionsIds(selectedPermissionsIds.filter(p => p !== menuItemId));
-        showNotification({
-          title: "Permesso rimosso",
-          message: "Il permesso è stato rimosso correttamente",
-          color: "green"
-        });
-      }).catch(err => {
-        showNotification({
-          title: "Errore",
-          message: "Si è verificato un errore durante la rimozione del permesso",
-          color: "red"
-        });
-      });
-    } else {
-      FluxoClientSys.Instance.security.routeRule.addPermission(+props.context.id, menuItemId).then(res => {
-        setSelectedPermissionsIds([...selectedPermissionsIds, menuItemId]);
-        showNotification({
-          title: "Permesso aggiunto",
-          message: "Il permesso è stato aggiunto correttamente",
-          color: "green"
-        });
-      }).catch(err => {
-        showNotification({
-          title: "Errore",
-          message: "Si è verificato un errore durante l'aggiunta del permesso",
-          color: "red"
-        });
-      });
     }
   };
   const addOrRemovePermissionForMenu = menuItemId => {
@@ -28557,14 +28543,123 @@ function DomainRoleForm(props) {
   });
 }
 
+function FrontendDomainRole(props) {
+  const {
+    frontends
+  } = useAppSelector(state => state.layout);
+  const [frontendDomainRole, setFrontendDomainRole] = useState();
+  useEffect(() => {
+    if (!frontends) return;
+    FluxoClientSys.Instance.configuration.getFrontendByDomainRole(props.domainRoleId).then(a => {
+      setFrontendDomainRole(frontends.map(b => {
+        return {
+          id: b.id,
+          name: b.name,
+          active: a.includes(b.id)
+        };
+      }));
+    }).catch(e => {
+      showNotification({
+        title: 'Errore',
+        message: e.message,
+        color: 'red'
+      });
+    });
+  }, [props.domainRoleId, frontends]);
+  const updateFrontendDomainRole = () => {
+    if (!frontendDomainRole) return;
+    FluxoClientSys.Instance.configuration.updateFrontendDomainRole(props.domainRoleId, frontendDomainRole.filter(a => a.active).map(a => a.id)).then(() => {
+      showNotification({
+        title: 'Salvato',
+        message: 'Ruoli frontend aggiornati',
+        color: 'green'
+      });
+      props.onClosed();
+    }).catch(e => {
+      showNotification({
+        title: 'Errore',
+        message: e.message,
+        color: 'red'
+      });
+    });
+  };
+  const isAllInactive = frontendDomainRole === null || frontendDomainRole === void 0 ? void 0 : frontendDomainRole.every(a => !a.active);
+  return jsxs(Stack, {
+    children: [isAllInactive && jsx(Alert, {
+      color: 'yellow',
+      title: 'Attenzione',
+      children: "Se non selezioni alcuna area, gli utenti legati a questo ruolo non potranno accedere a nessuna area funzionale."
+    }), jsxs(Table, {
+      children: [jsx(Table.Thead, {
+        children: jsxs(Table.Tr, {
+          children: [jsx(Table.Th, {
+            children: "Area"
+          }), jsx(Table.Th, {
+            w: 50,
+            children: "Attivo"
+          })]
+        })
+      }), jsx(Table.Tbody, {
+        children: frontendDomainRole === null || frontendDomainRole === void 0 ? void 0 : frontendDomainRole.map(a => {
+          return jsxs(Table.Tr, {
+            children: [jsx(Table.Td, {
+              children: a.name
+            }), jsx(Table.Td, {
+              w: 50,
+              children: jsx(Switch, {
+                checked: a.active,
+                onChange: e => {
+                  setFrontendDomainRole(frontendDomainRole === null || frontendDomainRole === void 0 ? void 0 : frontendDomainRole.map(b => {
+                    if (b.id === a.id) b.active = e.target.checked;
+                    return b;
+                  }));
+                }
+              })
+            })]
+          });
+        })
+      })]
+    }), jsx(Divider, {}), jsx(Group, {
+      justify: 'right',
+      children: jsx(Button, {
+        onClick: updateFrontendDomainRole,
+        children: "Salva"
+      })
+    })]
+  });
+}
+
 function DomainRoleGrid() {
   const [domainRoles, setDomainRoles] = useState([]);
   const [currentDomainRole, setCurrentDomainRole] = useState();
   const [domainRoleModalOpen, setDomainRoleModalOpen] = useState(false);
+  const [updateDomainFrontendsModal, setUpdateDomainFrontendsModal] = useState(false);
   const [updateDomainRolePermissionsModal, setUpdateDomainRolePermissionsModal] = useState(false);
+  const [allDomainRolesFrontends, setAllDomainRolesFrontends] = useState();
+  const [loading, setLoading] = useState(true);
   useEffect(() => {
-    getAllDomainRoles();
+    refreshDomainRoles();
   }, []);
+  const refreshDomainRoles = () => {
+    setLoading(true);
+    Promise.all([getAllDomainRoles(), getAllDomainRoleFrontends()]).finally(() => setLoading(false));
+  };
+  const getAllDomainRoleFrontends = () => {
+    FluxoClientSys.Instance.configuration.getAllDomainRoleFrontends().then(a => {
+      setAllDomainRolesFrontends(a.map(b => {
+        return {
+          domainRoleId: b.domainRoleId,
+          frontends: b.frontends
+        };
+      }));
+    }).catch(e => {
+      showNotification({
+        title: 'Errore',
+        message: e.message,
+        color: 'red'
+      });
+    });
+  };
   const getAllDomainRoles = () => {
     FluxoClientSys.Instance.security.domainRole.find(9999, 0, undefined, "DomainRolePermissions,DomainRolePermissions.Permission").then(res => {
       setDomainRoles(res.results);
@@ -28587,6 +28682,9 @@ function DomainRoleGrid() {
       });
     });
   };
+  const checkIfExistDomainRoleWithoutFrontend = () => {
+    return (allDomainRolesFrontends === null || allDomainRolesFrontends === void 0 ? void 0 : allDomainRolesFrontends.some(a => a.frontends.length === 0)) || false;
+  };
   return jsxs(DataCard, {
     title: 'Ruoli utente',
     actions: [{
@@ -28594,89 +28692,133 @@ function DomainRoleGrid() {
         size: 18
       }),
       label: 'Nuovo ruolo',
+      disabled: loading,
       onClick: () => {
         setCurrentDomainRole(undefined);
         setDomainRoleModalOpen(true);
       }
     }],
-    children: [jsxs(Table, {
-      highlightOnHover: true,
-      children: [jsx(Table.Thead, {
-        children: jsxs(Table.Tr, {
-          children: [jsx(Table.Th, {
-            w: 80,
-            children: "Id"
-          }), jsx(Table.Th, {
-            children: "Identificatore"
-          }), jsx(Table.Th, {
-            children: "Nome"
-          }), jsx(Table.Th, {
-            children: "Descrizione"
-          }), jsx(Table.Th, {
-            w: 100,
-            children: "Permessi"
-          }), jsx(Table.Th, {
-            w: 100
-          })]
-        })
-      }), jsx(Table.Tbody, {
-        children: domainRoles.map((element, i) => jsxs(Table.Tr, {
-          children: [jsx(Table.Td, {
-            w: 80,
-            children: element.id
-          }), jsx(Table.Td, {
-            children: element.identifier
-          }), jsx(Table.Td, {
-            children: element.name
-          }), jsx(Table.Td, {
-            children: element.description
-          }), jsx(Table.Td, {
-            w: 100,
-            children: element.permissionCount
-          }), jsx(Table.Td, {
-            w: 100,
-            align: "right",
-            children: jsxs(Menu, {
-              shadow: "md",
-              width: 200,
-              children: [jsx(Menu.Target, {
-                children: jsx(ActionIcon, {
-                  children: jsx(IconDotsVertical, {
-                    size: 18
+    children: [jsxs(Box, {
+      pos: "relative",
+      children: [jsx(LoadingOverlay, {
+        visible: loading,
+        zIndex: 1000,
+        overlayProps: {
+          radius: "sm",
+          blur: 2
+        }
+      }), jsxs(Stack, {
+        children: [checkIfExistDomainRoleWithoutFrontend() && jsx(Alert, {
+          color: 'yellow',
+          title: 'Attenzione',
+          children: "Esistono ruoli utente senza aree funzionali assegnate"
+        }), jsxs(Table, {
+          highlightOnHover: true,
+          children: [jsx(Table.Thead, {
+            children: jsxs(Table.Tr, {
+              children: [jsx(Table.Th, {
+                w: 50,
+                children: "Id"
+              }), jsx(Table.Th, {
+                w: 150,
+                children: "Identificatore"
+              }), jsx(Table.Th, {
+                w: 150,
+                children: "Nome"
+              }), jsx(Table.Th, {
+                children: "Descrizione"
+              }), jsx(Table.Th, {
+                w: 100,
+                children: "Permessi"
+              }), jsx(Table.Th, {
+                w: 100,
+                children: "Aree"
+              }), jsx(Table.Th, {
+                w: 100
+              })]
+            })
+          }), jsx(Table.Tbody, {
+            children: domainRoles.map((element, i) => {
+              var _a;
+              return jsxs(Table.Tr, {
+                children: [jsx(Table.Td, {
+                  w: 50,
+                  children: element.id
+                }), jsx(Table.Td, {
+                  w: 150,
+                  children: element.identifier
+                }), jsx(Table.Td, {
+                  w: 150,
+                  children: element.name
+                }), jsx(Table.Td, {
+                  children: element.description
+                }), jsx(Table.Td, {
+                  w: 100,
+                  children: element.permissionCount
+                }), jsx(Table.Td, {
+                  w: 100,
+                  children: (_a = allDomainRolesFrontends === null || allDomainRolesFrontends === void 0 ? void 0 : allDomainRolesFrontends.find(a => a.domainRoleId === element.id)) === null || _a === void 0 ? void 0 : _a.frontends.map(f => {
+                    return jsx(Badge, {
+                      color: 'blue',
+                      children: f
+                    });
+                  })
+                }), jsx(Table.Td, {
+                  w: 100,
+                  align: "right",
+                  children: jsxs(Menu, {
+                    shadow: "md",
+                    width: 200,
+                    children: [jsx(Menu.Target, {
+                      children: jsx(ActionIcon, {
+                        children: jsx(IconDotsVertical, {
+                          size: 18
+                        })
+                      })
+                    }), jsxs(Menu.Dropdown, {
+                      children: [jsx(Menu.Item, {
+                        leftSection: jsx(IconGridDots, {
+                          size: 14
+                        }),
+                        onClick: () => {
+                          setCurrentDomainRole(element);
+                          setUpdateDomainFrontendsModal(true);
+                        },
+                        children: "Aree funzionali"
+                      }), jsx(Menu.Item, {
+                        leftSection: jsx(IconLock, {
+                          size: 14
+                        }),
+                        onClick: () => {
+                          setCurrentDomainRole(element);
+                          setUpdateDomainRolePermissionsModal(true);
+                        },
+                        children: "Permessi"
+                      }), jsx(Menu.Item, {
+                        onClick: () => {
+                          setCurrentDomainRole(element);
+                          setDomainRoleModalOpen(true);
+                        },
+                        leftSection: jsx(IconEdit, {
+                          size: 14
+                        }),
+                        children: "Modifica"
+                      }), jsx(Menu.Divider, {}), jsx(Menu.Item, {
+                        color: 'red',
+                        onClick: () => deleteDomainRole(element.id),
+                        leftSection: jsx(IconTrash, {
+                          color: 'red',
+                          size: 14
+                        }),
+                        children: "Elimina"
+                      })]
+                    })]
                   })
-                })
-              }), jsxs(Menu.Dropdown, {
-                children: [jsx(Menu.Item, {
-                  leftSection: jsx(IconLock, {
-                    size: 14
-                  }),
-                  onClick: () => {
-                    setCurrentDomainRole(element);
-                    setUpdateDomainRolePermissionsModal(true);
-                  },
-                  children: "Permessi"
-                }), jsx(Menu.Item, {
-                  onClick: () => {
-                    setCurrentDomainRole(element);
-                    setDomainRoleModalOpen(true);
-                  },
-                  leftSection: jsx(IconEdit, {
-                    size: 14
-                  }),
-                  children: "Modifica"
-                }), jsx(Menu.Divider, {}), jsx(Menu.Item, {
-                  color: 'red',
-                  onClick: () => deleteDomainRole(element.id),
-                  leftSection: jsx(IconTrash, {
-                    color: 'red',
-                    size: 14
-                  }),
-                  children: "Elimina"
                 })]
-              })]
+              }, i);
             })
           })]
-        }, i))
+        })]
       })]
     }), jsx(Modal, {
       centered: true,
@@ -28694,23 +28836,40 @@ function DomainRoleGrid() {
         },
         domainRole: currentDomainRole
       })
-    }), currentDomainRole && jsx(Modal, {
-      size: '60%',
-      centered: true,
-      opened: updateDomainRolePermissionsModal,
-      onClose: () => {
-        setUpdateDomainRolePermissionsModal(false);
-        setCurrentDomainRole(undefined);
-        getAllDomainRoles();
-      },
-      title: `Gestione permessi ${currentDomainRole.name}`,
-      children: jsx(PermissionNavigator, {
-        context: {
-          type: 'domainRole',
-          id: currentDomainRole.id.toString()
+    }), currentDomainRole && jsxs(Fragment, {
+      children: [jsx(Modal, {
+        size: '60%',
+        centered: true,
+        opened: updateDomainRolePermissionsModal,
+        onClose: () => {
+          setUpdateDomainRolePermissionsModal(false);
+          setCurrentDomainRole(undefined);
+          getAllDomainRoles();
         },
-        onUpdate: () => {}
-      })
+        title: `Gestione permessi ${currentDomainRole.name}`,
+        children: jsx(PermissionNavigator, {
+          context: {
+            type: 'domainRole',
+            id: currentDomainRole.id.toString()
+          },
+          onUpdate: () => {}
+        })
+      }), jsx(Modal, {
+        size: '40%',
+        opened: updateDomainFrontendsModal,
+        onClose: () => {
+          setUpdateDomainFrontendsModal(false);
+        },
+        centered: true,
+        title: `Gestione aree funzionali ${currentDomainRole.name}`,
+        children: jsx(FrontendDomainRole, {
+          domainRoleId: currentDomainRole.id,
+          onClosed: () => {
+            setUpdateDomainFrontendsModal(false);
+            refreshDomainRoles();
+          }
+        })
+      })]
     })]
   });
 }
@@ -29022,278 +29181,282 @@ function UsersGrid() {
   });
 }
 
-function RouteRuleCreateForm(props) {
-  const [identifier, setIdentifier] = useState('');
-  const createRouteRule = () => {
-    if (!identifier) return;
-    const command = {
-      scope: props.scope,
-      packageName: props.packageName,
-      route: identifier
-    };
-    FluxoClientSys.Instance.security.routeRule.create(command).then(() => {
+function EmailServerConfiguration() {
+  var _a, _b;
+  const [configExists, setConfigExists] = useState(false);
+  const [loading, setLoading] = useState(true);
+  const [testEmailAddress, setTestEmailAddress] = useState('');
+  const [testEmailSending, setTestEmailSending] = useState(false);
+  const directForm = useForm({
+    initialValues: {
+      type: undefined,
+      directServer: '',
+      directPort: 0,
+      directUser: '',
+      directPassword: '',
+      directUseSsl: true,
+      mailgunDomain: '',
+      mailgunApiKey: '',
+      mailgunBaseUrl: ''
+    },
+    validate: values => {
+      const errors = {};
+      if (!values.fromName) {
+        errors.fromName = 'Il nome del mittente è obbligatorio';
+      }
+      if (!values.fromAddress) {
+        errors.fromAddress = 'L\'indirizzo email del mittente è obbligatorio';
+      }
+      if (values.type === EmailServerProviderType.Direct.toString()) {
+        if (!values.directServer) {
+          errors.directServer = 'Il server è obbligatorio';
+        }
+        if (!values.directPort) {
+          errors.directPort = 'La porta è obbligatoria';
+        }
+        if (!values.directUser) {
+          errors.directUser = 'L\'utente è obbligatorio';
+        }
+        if (!values.directPassword) {
+          errors.directPassword = 'La password è obbligatoria';
+        }
+      } else {
+        if (!values.mailgunDomain) {
+          errors.mailgunDomain = 'Il dominio è obbligatorio';
+        }
+        if (!values.mailgunApiKey) {
+          errors.mailgunApiKey = 'L\'API Key è obbligatoria';
+        }
+        if (!values.mailgunBaseUrl) {
+          errors.mailgunBaseUrl = 'La base URL è obbligatoria';
+        }
+      }
+      return errors;
+    },
+    transformValues: values => {
+      return Object.assign(Object.assign({}, values), {
+        type: +values.type,
+        directPort: values.directPort ? +values.directPort : undefined
+      });
+    }
+  });
+  useEffect(() => {
+    FluxoClientSys.Instance.communication.mailServer.getConfiguration().then(c => {
+      if (c) {
+        setConfigExists(true);
+        directForm.setFieldValue('fromName', c.fromName);
+        directForm.setFieldValue('fromAddress', c.fromAddress);
+        directForm.setFieldValue('type', c.type.toString());
+        directForm.setFieldValue('directServer', c.directServer);
+        directForm.setFieldValue('directPort', c.directPort);
+        directForm.setFieldValue('directUser', c.directUser);
+        directForm.setFieldValue('directPassword', c.directPassword);
+        directForm.setFieldValue('directUseSsl', c.directUseSsl);
+        directForm.setFieldValue('mailgunDomain', c.mailgunDomain);
+        directForm.setFieldValue('mailgunApiKey', c.mailgunApiKey);
+        directForm.setFieldValue('mailgunBaseUrl', c.mailgunBaseUrl);
+      } else {
+        setConfigExists(false);
+      }
+    }).catch(() => {
+      setConfigExists(false);
+    }).finally(() => {
+      setLoading(false);
+    });
+  }, []);
+  const saveConfig = values => {
+    setLoading(true);
+    FluxoClientSys.Instance.communication.mailServer.saveConfiguration({
+      fromAddress: values.fromAddress,
+      fromName: values.fromName,
+      directServer: values.directServer,
+      directPort: values.directPort,
+      directUser: values.directUser,
+      directPassword: values.directPassword,
+      directUseSsl: values.directUseSsl,
+      mailgunDomain: values.mailgunDomain,
+      mailgunApiKey: values.mailgunApiKey,
+      mailgunBaseUrl: values.mailgunBaseUrl,
+      type: +values.type
+    }).then(() => {
       showNotification({
-        title: 'Regola creata',
-        message: `La regola ${props.scope}.${props.packageName}.${identifier} è stato creata con successo.`,
+        title: 'Configurazione salvata',
+        message: 'La configurazione è stata salvata con successo',
         color: 'green'
       });
-      props.onCreated();
     }).catch(() => {
       showNotification({
         title: 'Errore',
-        message: `Si è verificato un errore durante la creazione della regola ${props.scope}.${props.packageName}.${identifier}.`,
+        message: 'Si è verificato un errore durante il salvataggio della configurazione',
         color: 'red'
       });
+    }).finally(() => {
+      setLoading(false);
     });
   };
-  return jsxs(Stack, {
-    children: [jsx(TextInput, {
-      label: "Identificatore",
-      placeholder: 'Es: create',
-      required: true,
-      onChange: v => setIdentifier(v.target.value)
-    }), jsxs("p", {
-      children: ["Rotta: ", `${props.scope}/${props.packageName}/${identifier}`]
-    }), jsx(Divider, {}), jsxs(Group, {
-      justify: 'right',
-      children: [jsx(Button, {
-        variant: 'subtle',
-        onClick: props.onCanceled,
-        children: "Annulla"
-      }), jsx(Button, {
-        disabled: !identifier,
-        onClick: createRouteRule,
-        children: "Salva"
-      })]
-    })]
-  });
-}
-
-function RouteRuleGrid() {
-  const [permissionScopes, setPermissionScopes] = useState([]);
-  const [permissionScopesLoaded, setPermissionScopesLoaded] = useState(false);
-  const [currentScope, setCurrentScope] = useState(null);
-  const [currentPackageName, setCurrentPackageName] = useState(null);
-  const [routeRules, setRouteRules] = useState([]);
-  const [permissionLoading, setPermissionLoading] = useState(false);
-  const [currentRouteRule, setCurrentRouteRule] = useState();
-  const [managePermissionModalOpened, setManagePermissionModalOpened] = useState(false);
-  const [createRouteRuleModalOpened, setCreateRouteRuleModalOpened] = useState(false);
-  useEffect(() => {
-    loadPermissionScopes();
-  }, []);
-  useEffect(() => {
-    if (currentScope && currentPackageName) getRouteRulesForScope();else setRouteRules([]);
-  }, [currentScope, currentPackageName]);
-  const getRouteRulesForScope = () => {
-    if (!currentScope || !currentPackageName) {
-      return;
-    }
-    setPermissionLoading(true);
-    FluxoClientSys.Instance.security.routeRule.getRouteRulesForScope(currentScope, currentPackageName).then(res => {
-      setRouteRules(res);
-      setPermissionLoading(false);
-    });
-  };
-  const loadPermissionScopes = () => {
-    FluxoClientSys.Instance.security.permission.getPermissionScopes().then(res => {
-      setPermissionScopes(res);
-      setPermissionScopesLoaded(true);
-    });
-  };
-  const deleteRouteRule = routeRule => {
-    FluxoClientSys.Instance.security.routeRule.delete(routeRule.id.toString()).then(() => {
+  const testSendEmail = () => {
+    setTestEmailSending(true);
+    FluxoClientSys.Instance.communication.mailServer.sendTestEmail({
+      emailAddress: testEmailAddress
+    }).then(() => {
       showNotification({
-        title: 'Regola eliminata',
-        message: `La regola ${routeRule.scope}.${routeRule.packageName}.${routeRule.route} è stato eliminata con successo.`,
+        title: 'Email inviata',
+        message: 'L\'email è stata inviata con successo',
         color: 'green'
       });
-      getRouteRulesForScope();
     }).catch(() => {
       showNotification({
         title: 'Errore',
-        message: `Si è verificato un errore durante l'eliminazione della regola ${routeRule.scope}.${routeRule.packageName}.${routeRule.route}.`,
+        message: 'Si è verificato un errore durante l\'invio dell\'email',
         color: 'red'
       });
+    }).finally(() => {
+      setTestEmailSending(false);
     });
   };
-  const getScopes = () => {
-    if (permissionScopes === undefined) return [];
-    return [...new Set(permissionScopes.map(a => a.scope))];
-  };
-  const getPackageNames = scope => {
-    if (permissionScopes === undefined || !scope) return [];
-    return [...new Set(permissionScopes.filter(a => a.scope === scope).map(a => a.packageName))];
-  };
-  return jsxs(DataCard, {
-    title: 'Regole sulle rotte',
-    children: [jsxs(Stack, {
-      children: [jsxs(Grid, {
-        children: [jsx(Grid.Col, {
-          span: 6,
-          children: jsx(Select, {
-            data: getScopes(),
-            searchable: true,
-            placeholder: 'Seleziona uno scope',
-            value: currentScope,
-            label: 'Scope',
-            onChange: v => {
-              setCurrentScope(v);
-              setCurrentPackageName(null);
-            }
-          })
-        }), jsx(Grid.Col, {
-          span: 6,
-          children: jsx(Select, {
-            disabled: !currentScope,
-            searchable: true,
-            placeholder: 'Seleziona un package name',
-            data: getPackageNames(currentScope),
-            value: currentPackageName,
-            label: 'Package name',
-            onChange: v => {
-              setCurrentPackageName(v);
-            }
-          })
-        })]
-      }), jsx(Divider, {}), (currentScope && currentPackageName && !permissionLoading && routeRules.length) === 0 && jsxs(Stack, {
-        children: [jsx(Group, {
-          justify: 'right',
-          align: 'center',
-          children: jsx(Button, {
-            leftSection: jsx(IconPlus, {
-              size: 18
-            }),
-            onClick: () => setCreateRouteRuleModalOpened(true),
-            children: "Nuova regola"
-          })
-        }), jsx(Center, {
-          children: jsx(Text, {
-            size: 'md',
-            children: "Nessuna regola esistente."
-          })
-        })]
-      }), (!currentScope || !currentPackageName) && jsxs(Stack, {
-        align: 'center',
-        mt: 32,
-        mb: 32,
-        children: [jsx(IconCloudOff, {
-          color: 'gray',
-          size: 64
-        }), jsx(Center, {
-          children: jsx(Text, {
-            size: 'md',
-            children: "Seleziona uno scope e un package name per visualizzare i permessi associati."
-          })
-        })]
-      }), !permissionLoading && routeRules.length > 0 && jsxs(Stack, {
-        children: [jsx(Group, {
-          justify: 'right',
-          align: 'center',
-          children: jsx(Button, {
-            leftSection: jsx(IconPlus, {
-              size: 18
+  const isTestEmailAddressValid = useCallback(() => {
+    if (!testEmailAddress) return false;
+    const re = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/g;
+    return re.test(testEmailAddress);
+  }, [testEmailAddress]);
+  return jsxs(Box, {
+    pos: "relative",
+    children: [jsx(LoadingOverlay, {
+      visible: loading,
+      zIndex: 1000,
+      overlayProps: {
+        radius: "sm",
+        blur: 2
+      }
+    }), jsxs(Stack, {
+      children: [jsx(DataCard, {
+        title: "Configurazione server email",
+        children: jsxs(Stack, {
+          children: [!configExists && jsx(Alert, {
+            color: "yellow",
+            title: "Configurazione non trovata",
+            children: "Non \u00E8 stata trovata alcuna configurazione per il server email. Si prega di configurare il server email prima di procedere."
+          }), !directForm.values['type'] && jsxs(Fragment, {
+            children: [jsx(Text, {
+              size: 'lg',
+              children: "Scegli il provider:"
+            }), jsxs(Group, {
+              children: [jsx(Button, {
+                onClick: () => directForm.setFieldValue('type', EmailServerProviderType.Direct.toString()),
+                children: "Server SMTP"
+              }), jsx(Button, {
+                onClick: () => directForm.setFieldValue('type', EmailServerProviderType.Mailgun.toString()),
+                children: "Mailgun"
+              })]
+            })]
+          }), jsxs("form", {
+            id: 'providerForm',
+            autoComplete: 'off',
+            onSubmit: directForm.onSubmit((values, event) => {
+              if (directForm.isValid()) saveConfig(values);
             }),
-            onClick: () => setCreateRouteRuleModalOpened(true),
-            children: "Nuova regola"
-          })
-        }), jsxs(Table, {
-          highlightOnHover: true,
-          children: [jsx(Table.Thead, {
-            children: jsxs(Table.Tr, {
-              children: [jsx(Table.Th, {
-                children: "Id"
-              }), jsx(Table.Th, {
-                children: "Scope"
-              }), jsx(Table.Th, {
-                children: "Rotta"
-              }), jsx(Table.Th, {
-                children: "Permessi"
-              }), jsx(Table.Th, {
-                style: {
-                  maxWidth: 80,
-                  width: 80
-                },
-                children: "Azioni"
+            children: [((_a = directForm.values['type']) === null || _a === void 0 ? void 0 : _a.toString()) === '0' && jsxs(Stack, {
+              children: [jsx(Select, Object.assign({
+                data: [{
+                  label: 'Server SMTP',
+                  value: '0'
+                }, {
+                  label: 'Mailgun',
+                  value: '1'
+                }],
+                label: "Provider"
+              }, directForm.getInputProps('type'), {
+                placeholder: "Seleziona provider"
+              })), jsx(TextInput, Object.assign({
+                label: "Email Mittente",
+                placeholder: "jhon@example.com"
+              }, directForm.getInputProps('fromAddress'))), jsx(TextInput, Object.assign({
+                label: "Nome Mittente",
+                placeholder: "Jhon Red"
+              }, directForm.getInputProps('fromName'))), jsx(TextInput, Object.assign({
+                label: "Server SMTP",
+                placeholder: "smtp.example.com"
+              }, directForm.getInputProps('directServer'))), jsx(NumberInput, Object.assign({
+                label: "Porta",
+                placeholder: "587"
+              }, directForm.getInputProps('directPort'))), jsx(TextInput, Object.assign({
+                label: "Username",
+                placeholder: "user@example.com"
+              }, directForm.getInputProps('directUser'))), jsx(TextInput, Object.assign({
+                label: "Password",
+                type: "password"
+              }, directForm.getInputProps('directPassword'))), jsx(Switch, Object.assign({
+                label: 'SSL/TLS'
+              }, directForm.getInputProps('directUseSsl', {
+                type: 'checkbox'
+              })))]
+            }), ((_b = directForm.values['type']) === null || _b === void 0 ? void 0 : _b.toString()) === '1' && jsxs(Stack, {
+              children: [jsx(Select, Object.assign({
+                data: [{
+                  label: 'Server SMTP',
+                  value: '0'
+                }, {
+                  label: 'Mailgun',
+                  value: '1'
+                }],
+                label: "Provider"
+              }, directForm.getInputProps('type'), {
+                placeholder: "Seleziona provider",
+                autoComplete: 'off'
+              })), jsx(TextInput, Object.assign({
+                label: "Email Mittente",
+                placeholder: "jhon@example.com"
+              }, directForm.getInputProps('fromAddress'))), jsx(TextInput, Object.assign({
+                label: "Nome Mittente",
+                placeholder: "Jhon Red"
+              }, directForm.getInputProps('fromName'))), jsx(TextInput, Object.assign({
+                label: "Base URL",
+                placeholder: 'Es: https://api.eu.mailgun.net/v3'
+              }, directForm.getInputProps('mailgunBaseUrl'))), jsx(TextInput, Object.assign({
+                label: "Dominio",
+                placeholder: 'Es: mg.example.com'
+              }, directForm.getInputProps('mailgunDomain'))), jsx(PasswordInput, Object.assign({
+                autoComplete: 'off',
+                label: "API Key"
+              }, directForm.getInputProps('mailgunApiKey')))]
+            }), directForm.values['type'] !== undefined && jsxs(Stack, {
+              children: [jsx(Divider, {
+                mt: 16
+              }), jsx(Group, {
+                justify: 'right',
+                align: 'end',
+                children: jsx(Button, {
+                  type: 'submit',
+                  children: "Salva"
+                })
               })]
-            })
-          }), jsx(Table.Tbody, {
-            children: routeRules.map((element, i) => {
-              return jsxs(Table.Tr, {
-                children: [jsx(Table.Td, {
-                  children: element.id
-                }), jsx(Table.Td, {
-                  children: `${element.scope}.${element.packageName}`
-                }), jsx(Table.Td, {
-                  children: `/${element.scope}/${element.packageName}/${element.route}`
-                }), jsx(Table.Td, {
-                  children: element.permissionsCount
-                }), jsx(Table.Td, {
-                  style: {
-                    maxWidth: 130,
-                    width: 130
-                  },
-                  children: jsxs(Group, {
-                    children: [jsx(ActionIcon, {
-                      onClick: () => {
-                        setCurrentRouteRule(element);
-                        setManagePermissionModalOpened(true);
-                      },
-                      children: jsx(IconLock, {
-                        size: 18
-                      })
-                    }), jsx(ActionIcon, {
-                      onClick: () => {
-                        deleteRouteRule(element);
-                      },
-                      children: jsx(IconTrash, {
-                        size: 18
-                      })
-                    })]
-                  })
-                })]
-              }, i);
+            })]
+          })]
+        })
+      }), !configExists && jsx(DataCard, {
+        title: "Test invio email",
+        children: jsxs(Stack, {
+          children: [jsx(Alert, {
+            color: "yellow",
+            title: "Attenzione",
+            children: "Questa funzione invier\u00E0 una email di test al destinatario specificato con l'ultima configurazione salvata"
+          }), jsx(TextInput, {
+            label: "Email destinatario",
+            value: testEmailAddress,
+            onChange: v => setTestEmailAddress(v.target.value),
+            placeholder: "Es: jhon@example.com"
+          }), jsx(Group, {
+            justify: 'right',
+            align: 'end',
+            children: jsx(Button, {
+              loading: testEmailSending,
+              disabled: !isTestEmailAddressValid(),
+              onClick: testSendEmail,
+              children: "Invia"
             })
           })]
-        })]
+        })
       })]
-    }), currentRouteRule && jsx(Modal, {
-      size: '60%',
-      centered: true,
-      opened: managePermissionModalOpened,
-      onClose: () => {
-        getRouteRulesForScope();
-        setManagePermissionModalOpened(false);
-        setCurrentRouteRule(undefined);
-      },
-      title: `Gestione permessi ${currentRouteRule.route}`,
-      children: jsx(PermissionNavigator, {
-        context: {
-          type: 'route-rule',
-          id: currentRouteRule.id.toString()
-        },
-        onUpdate: () => {}
-      })
-    }), jsx(Modal, {
-      size: '60%',
-      centered: true,
-      opened: createRouteRuleModalOpened,
-      onClose: () => {
-        getRouteRulesForScope();
-        setCreateRouteRuleModalOpened(false);
-      },
-      title: `Crea nuova regola`,
-      children: jsx(RouteRuleCreateForm, {
-        scope: currentScope,
-        packageName: currentPackageName,
-        onCreated: () => {
-          getRouteRulesForScope();
-          setCreateRouteRuleModalOpened(false);
-        },
-        onCanceled: () => {
-          setCreateRouteRuleModalOpened(false);
-        }
-      })
     })]
   });
 }
@@ -29389,24 +29552,23 @@ function Settings(props) {
           size: 18
         }),
         description: 'Gestisci i permessi utente'
-      }, {
-        key: 'routes',
-        title: jsxs(Text, {
-          children: ["Regole sulle rotte ", jsx("small", {
-            children: jsx("b", {
-              children: "(Avanzato)"
-            })
-          })]
+      }]
+    }, {
+      name: 'Comunicazioni',
+      items: [{
+        key: 'email-configuration',
+        title: jsx(Text, {
+          children: "Configurazione e-mail"
         }),
         onClick: () => {
-          window.location.hash = 'routes';
-          setCurrentTab('routes');
+          window.location.hash = 'email-configuration';
+          setCurrentTab('email-configuration');
         },
         disabled: false,
-        icon: jsx(IconRoute, {
+        icon: jsx(IconMail, {
           size: 18
         }),
-        description: 'Gestisci le regole sulle rotte'
+        description: 'Configura il server di posta'
       }]
     }, {
       name: 'Integrazione',
@@ -29540,10 +29702,10 @@ function Settings(props) {
         return jsx(DomainRoleGrid, {});
       case 'permissions':
         return jsx(PermissionGrid, {});
-      case 'routes':
-        return jsx(RouteRuleGrid, {});
       case 'print-server':
         return jsx(PrintServerList, {});
+      case 'email-configuration':
+        return jsx(EmailServerConfiguration, {});
       case 'apidoc':
         return apiRestDoc ? jsx(DataCard, {
           title: 'Documentazione API REST',
@@ -29580,7 +29742,7 @@ function MainRoutes(props) {
     default: KorebiIde
   })));
   return jsxs(FlxRoutes, {
-    children: [props.isAdminFrontend && jsxs(Fragment, {
+    children: [props.isAdminFrontend && props.hasAdminAccess && jsxs(Fragment, {
       children: [jsx(Route, {
         path: 'settings',
         element: jsx(Settings, {
@@ -30143,6 +30305,47 @@ function FluxoShell(props) {
       checkFrontendSetup(props.frontends);
       // Get the initial configuration
       FluxoClientSys.Instance.configuration.getInitialConfiguration().then(res => {
+        // If the user allowedFrontends is empty and user is logged, return a router with an error page (unauthorized)
+        if (res.frontends.length === 0 && res.isUserLogged) {
+          setRouter(createBrowserRouter([{
+            path: '*',
+            element: jsx(Center, {
+              w: '100%',
+              children: jsx(Card, {
+                maw: 450,
+                w: 450,
+                withBorder: true,
+                mt: 64,
+                children: jsxs(Stack, {
+                  justify: 'center',
+                  align: 'center',
+                  children: [jsx(Text, {
+                    size: "xl",
+                    color: 'red',
+                    children: "Autorizzazioni mancanti"
+                  }), jsx(Text, {
+                    size: "sm",
+                    children: "Contatta l'amministratore di sistema"
+                  }), jsx(Divider, {
+                    w: '100%'
+                  }), jsx(Center, {
+                    children: jsx(Button, {
+                      onClick: () => {
+                        FluxoClientSys.Instance.auth.logout();
+                        window.location.reload();
+                      },
+                      children: "Esci"
+                    })
+                  })]
+                })
+              })
+            })
+          }], {
+            basename: '/'
+          }));
+          setBrandColors(res.ui.colors);
+          return;
+        }
         // Get the frontend to render
         let frontendByRender = props.frontends.find(f => f.id === res.currentFrontend);
         // If no frontend to render is found, get the default one
@@ -30166,13 +30369,13 @@ function FluxoShell(props) {
         FluxoStateDispatcher.dispatchSetSysFeatures(res.features);
         FluxoStateDispatcher.dispatchSetUserPermissions(res.permissions.map(a => a.fullIdentifier));
         FluxoStateDispatcher.dispatchSetUserDomainRoles(res.domainRoles);
-        FluxoStateDispatcher.dispatchSetRouteRules(res.routeRules);
         FluxoStateDispatcher.dispatchSetFrontends(props.frontends.map(a => ({
           id: a.id,
           name: a.name
         })));
         FluxoStateDispatcher.dispatchSetCurrentFrontend(res.currentFrontend);
         FluxoStateDispatcher.dispatchAllowedFrontends(res.frontends);
+        FluxoStateDispatcher.dispatchHasAdminAccess(res.hasAdminAccess);
         const rObjs = [generateAuthRoutes(), {
           path: 'frontend-switcher',
           element: jsx(ProtectedRoute, {
@@ -30189,6 +30392,7 @@ function FluxoShell(props) {
           }, {
             path: '/*',
             element: jsx(MainRoutes, {
+              hasAdminAccess: res.hasAdminAccess,
               isAdminFrontend: flxFrontend.id === 'admin',
               pluginEndpoint: props.pluginEndpoint,
               frontends: props.frontends
@@ -30268,6 +30472,12 @@ function FluxoShell(props) {
             fontSize: '10.5pt'
           }
         },
+        PasswordInput: {
+          defaultProps: {
+            size: 'xs',
+            fontSize: '10.5pt'
+          }
+        },
         Textarea: {
           defaultProps: {
             size: 'xs',