@fluxo-dev/shell 0.0.24 → 0.0.25

package/index.esm.js

@@ -3,10 +3,10 @@ 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 { FluxoClientSys, AppType, AppState, FluxoStateDispatcher, UserService, AppMenuContextType, ApiKeyService, DomainRoleService, EmailServerProviderType } from '@fluxo-dev/api-client-base';
 import { AccessDenied, 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 { showNotification, Notifications } from '@mantine/notifications';
@@ -3985,6 +3985,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
  */
@@ -4412,6 +4427,7 @@ function AppBar(props) {
         },
         children: [jsxs(Group, {
           children: [jsx(Burger, {
+            tabIndex: -1,
             disabled: props.previewMode !== undefined,
             color: '#fff',
             opened: navbarOpened,
@@ -4420,6 +4436,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 +4451,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 +4514,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 +4575,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 +4643,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 +5035,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 +5148,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 +5462,8 @@ function Ui() {
                 logo: newLogoBase64,
                 logoHeight: newLogoHeight,
                 headerColor: newBrandColors[6]
-              }
+              },
+              brandName: ''
             })
           })
         })
@@ -28557,14 +28622,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 +28761,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 +28771,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 +28915,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();
+          }
+        })
+      })]
     })]
   });
 }
@@ -29298,6 +29536,286 @@ function RouteRuleGrid() {
   });
 }
 
+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: 'Configurazione salvata',
+        message: 'La configurazione è stata salvata con successo',
+        color: 'green'
+      });
+    }).catch(() => {
+      showNotification({
+        title: 'Errore',
+        message: 'Si è verificato un errore durante il salvataggio della configurazione',
+        color: 'red'
+      });
+    }).finally(() => {
+      setLoading(false);
+    });
+  };
+  const testSendEmail = () => {
+    setTestEmailSending(true);
+    FluxoClientSys.Instance.communication.mailServer.sendTestEmail({
+      emailAddress: testEmailAddress
+    }).then(() => {
+      showNotification({
+        title: 'Email inviata',
+        message: 'L\'email è stata inviata con successo',
+        color: 'green'
+      });
+    }).catch(() => {
+      showNotification({
+        title: 'Errore',
+        message: 'Si è verificato un errore durante l\'invio dell\'email',
+        color: 'red'
+      });
+    }).finally(() => {
+      setTestEmailSending(false);
+    });
+  };
+  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);
+            }),
+            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(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"
+            })
+          })]
+        })
+      })]
+    })]
+  });
+}
+
 function Settings(props) {
   const [currentTab, setCurrentTab] = useState('ui');
   const [apiRestDoc, setApiRestDoc] = useState();
@@ -29408,6 +29926,23 @@ function Settings(props) {
         }),
         description: 'Gestisci le regole sulle rotte'
       }]
+    }, {
+      name: 'Comunicazioni',
+      items: [{
+        key: 'email-configuration',
+        title: jsx(Text, {
+          children: "Configurazione e-mail"
+        }),
+        onClick: () => {
+          window.location.hash = 'email-configuration';
+          setCurrentTab('email-configuration');
+        },
+        disabled: false,
+        icon: jsx(IconMail, {
+          size: 18
+        }),
+        description: 'Configura il server di posta'
+      }]
     }, {
       name: 'Integrazione',
       items: [{
@@ -29544,6 +30079,8 @@ function Settings(props) {
         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 +30117,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 +30680,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
@@ -30173,6 +30751,7 @@ function FluxoShell(props) {
         })));
         FluxoStateDispatcher.dispatchSetCurrentFrontend(res.currentFrontend);
         FluxoStateDispatcher.dispatchAllowedFrontends(res.frontends);
+        FluxoStateDispatcher.dispatchHasAdminAccess(res.hasAdminAccess);
         const rObjs = [generateAuthRoutes(), {
           path: 'frontend-switcher',
           element: jsx(ProtectedRoute, {
@@ -30189,6 +30768,7 @@ function FluxoShell(props) {
           }, {
             path: '/*',
             element: jsx(MainRoutes, {
+              hasAdminAccess: res.hasAdminAccess,
               isAdminFrontend: flxFrontend.id === 'admin',
               pluginEndpoint: props.pluginEndpoint,
               frontends: props.frontends
@@ -30268,6 +30848,12 @@ function FluxoShell(props) {
             fontSize: '10.5pt'
           }
         },
+        PasswordInput: {
+          defaultProps: {
+            size: 'xs',
+            fontSize: '10.5pt'
+          }
+        },
         Textarea: {
           defaultProps: {
             size: 'xs',

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@fluxo-dev/shell",
-  "version": "0.0.24",
+  "version": "0.0.25",
   "peerDependencies": {
-    "@fluxo-dev/shell-hub": "0.0.24",
-    "@fluxo-dev/shell-korebi": "0.0.24",
-    "@fluxo-dev/shell-mfe": "0.0.24",
-    "@fluxo-dev/shell-printing": "0.0.24",
-    "@fluxo-dev/shell-reporting": "0.0.24",
-    "@fluxo-dev/shell-workflow": "0.0.24"
+    "@fluxo-dev/shell-hub": "0.0.25",
+    "@fluxo-dev/shell-korebi": "0.0.25",
+    "@fluxo-dev/shell-mfe": "0.0.25",
+    "@fluxo-dev/shell-printing": "0.0.25",
+    "@fluxo-dev/shell-reporting": "0.0.25",
+    "@fluxo-dev/shell-workflow": "0.0.25"
   },
   "module": "./index.esm.js",
   "type": "module",

package/src/lib/components/routes/main-routes.d.ts

@@ -3,5 +3,6 @@ export interface MainRoutesProps {
     pluginEndpoint: string;
     frontends: ShellFrontend[];
     isAdminFrontend: boolean;
+    hasAdminAccess: boolean;
 }
 export declare function MainRoutes(props: MainRoutesProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/layouts/main/app-bar.d.ts

@@ -4,6 +4,7 @@ export interface AppBarProps {
         logoHeight: number;
         headerColor: string;
     };
+    brandName: string;
 }
 declare function AppBar(props: AppBarProps): import("react/jsx-runtime").JSX.Element;
 export default AppBar;

package/src/lib/pages/settings/communications/email-server-configuration.d.ts

@@ -0,0 +1 @@
+export declare function EmailServerConfiguration(): import("react/jsx-runtime").JSX.Element;

package/src/lib/pages/settings/security/components/domani-role/frontend-domain-role.d.ts

@@ -0,0 +1,5 @@
+export interface FrontendDomainRoleProps {
+    domainRoleId: number;
+    onClosed: () => void;
+}
+export declare function FrontendDomainRole(props: FrontendDomainRoleProps): import("react/jsx-runtime").JSX.Element;