@fluxo-dev/shell 0.0.51 → 0.0.53

package/index.esm.js

@@ -10,7 +10,7 @@ import { MinimalStateViewer, RavifyProvider, JobsViewer } from '@fluxo-dev/shell
 import { useAppSelector, store as store$4 } from '@fluxo-dev/state';
 import { useHotkeys, useOs, useIdle, useWindowEvent, useResizeObserver, useMediaQuery, useTimeout } from '@mantine/hooks';
 import { openSpotlight, Spotlight } from '@mantine/spotlight';
-import { AppType, AppState, FluxoStateDispatcher, FluxoClientSys, UserService, AppMenuContextType, ApiKeyService, DomainRoleService, EmailServerProviderType, RavifyInstanceProtocol, RavifyInstanceVersion } from '@fluxo-dev/api-client-base';
+import { AppType, AppState, FluxoStateDispatcher, FluxoClientSys, UserService, AppMenuContextType, ApiKeyService, DomainRoleService, FluxoACLMode, EmailServerProviderType, RavifyInstanceProtocol, RavifyInstanceVersion } from '@fluxo-dev/api-client-base';
 import { showNotification, Notifications } from '@mantine/notifications';
 import { unstable_batchedUpdates, flushSync as flushSync$1, createPortal } from 'react-dom';
 import { useForm } from '@mantine/form';
@@ -36882,7 +36882,8 @@ function DomainRoleForm(props) {
     initialValues: {
       name: (_b = (_a = props.domainRole) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : '',
       description: (_d = (_c = props.domainRole) === null || _c === void 0 ? void 0 : _c.description) !== null && _d !== void 0 ? _d : '',
-      identifier: (_f = (_e = props.domainRole) === null || _e === void 0 ? void 0 : _e.identifier) !== null && _f !== void 0 ? _f : ''
+      identifier: (_f = (_e = props.domainRole) === null || _e === void 0 ? void 0 : _e.identifier) !== null && _f !== void 0 ? _f : '',
+      external: props.external
     }
   });
   const save = value => {
@@ -36967,7 +36968,7 @@ function FrontendDomainRole(props) {
   useEffect(() => {
     if (!frontends) return;
     FluxoClientSys.Instance.configuration.getFrontendByDomainRole(props.domainRoleId).then(a => {
-      setFrontendDomainRole(frontends.map(b => {
+      setFrontendDomainRole(frontends.filter(a => a.external === props.external).map(b => {
         return {
           id: b.id,
           name: b.name,
@@ -37053,6 +37054,11 @@ function DomainRoleGrid() {
   const [updateDomainRolePermissionsModal, setUpdateDomainRolePermissionsModal] = useState(false);
   const [allDomainRolesFrontends, setAllDomainRolesFrontends] = useState();
   const [loading, setLoading] = useState(true);
+  const [createUpdateExternal, setCreateUpdateExternal] = useState(false);
+  const {
+    allowExternalUsers,
+    aclMode
+  } = useAppSelector(state => state.layout.systemSettings);
   useEffect(() => {
     refreshDomainRoles();
   }, []);
@@ -37098,144 +37104,286 @@ function DomainRoleGrid() {
       });
     });
   };
-  const checkIfExistDomainRoleWithoutFrontend = () => {
+  const checkIfExistDomainRoleWithoutFrontend = type => {
     return (allDomainRolesFrontends === null || allDomainRolesFrontends === void 0 ? void 0 : allDomainRolesFrontends.some(a => a.frontends.length === 0)) || false;
   };
-  return jsxs(DataCard, {
-    title: 'Ruoli utente',
-    actions: [{
-      icon: jsx(IconPlus, {
-        size: 18
-      }),
-      label: 'Nuovo ruolo',
-      disabled: loading,
-      onClick: () => {
-        setCurrentDomainRole(undefined);
-        setDomainRoleModalOpen(true);
-      }
-    }],
-    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, {
+  return jsxs(Stack, {
+    children: [checkIfExistDomainRoleWithoutFrontend() && jsx(Alert, {
+      color: 'yellow',
+      title: 'Attenzione',
+      children: "Esistono ruoli utente senza aree funzionali assegnate"
+    }), jsx(DataCard, {
+      title: 'Ruoli utente (Organizzazione)',
+      actions: aclMode === FluxoACLMode.Permission ? [{
+        icon: jsx(IconPlus, {
+          size: 18
+        }),
+        label: 'Nuovo ruolo organizzazione',
+        disabled: loading,
+        onClick: () => {
+          setCreateUpdateExternal(false);
+          setCurrentDomainRole(undefined);
+          setDomainRoleModalOpen(true);
+        }
+      }] : [],
+      children: jsxs(Box, {
+        pos: "relative",
+        children: [jsx(LoadingOverlay, {
+          visible: loading,
+          zIndex: 1000,
+          overlayProps: {
+            radius: "sm",
+            blur: 2
+          }
+        }), jsx(Stack, {
+          children: jsxs(Table, {
+            highlightOnHover: true,
+            children: [jsx(Table.Thead, {
+              children: jsxs(Table.Tr, {
+                children: [jsx(Table.Th, {
                   w: 50,
-                  children: element.id
-                }), jsx(Table.Td, {
+                  children: "Id"
+                }), jsx(Table.Th, {
                   w: 150,
-                  children: element.identifier
-                }), jsx(Table.Td, {
+                  children: "Identificatore"
+                }), jsx(Table.Th, {
                   w: 150,
-                  children: element.name
-                }), jsx(Table.Td, {
-                  children: element.description
-                }), jsx(Table.Td, {
+                  children: "Nome"
+                }), jsx(Table.Th, {
+                  children: "Descrizione"
+                }), aclMode === FluxoACLMode.Permission && jsx(Table.Th, {
                   w: 100,
-                  children: element.permissionCount
-                }), jsx(Table.Td, {
+                  children: "Permessi"
+                }), jsx(Table.Th, {
                   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$1, {
-                    shadow: "md",
-                    width: 200,
-                    children: [jsx(Menu$1.Target, {
-                      children: jsx(ActionIcon, {
-                        children: jsx(IconDotsVertical, {
-                          size: 18
+                  children: "Aree"
+                }), jsx(Table.Th, {
+                  w: 100
+                })]
+              })
+            }), jsx(Table.Tbody, {
+              children: domainRoles === null || domainRoles === void 0 ? void 0 : domainRoles.filter(a => !a.external).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
+                  }), aclMode === FluxoACLMode.Permission && 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$1, {
+                      shadow: "md",
+                      width: 200,
+                      children: [jsx(Menu$1.Target, {
+                        children: jsx(ActionIcon, {
+                          children: jsx(IconDotsVertical, {
+                            size: 18
+                          })
                         })
-                      })
-                    }), jsxs(Menu$1.Dropdown, {
-                      children: [jsx(Menu$1.Item, {
-                        leftSection: jsx(IconGridDots, {
-                          size: 14
-                        }),
-                        onClick: () => {
-                          setCurrentDomainRole(element);
-                          setUpdateDomainFrontendsModal(true);
-                        },
-                        children: "Aree funzionali"
-                      }), jsx(Menu$1.Item, {
-                        leftSection: jsx(IconLock, {
-                          size: 14
-                        }),
-                        onClick: () => {
-                          setCurrentDomainRole(element);
-                          setUpdateDomainRolePermissionsModal(true);
-                        },
-                        children: "Permessi"
-                      }), jsx(Menu$1.Item, {
-                        onClick: () => {
-                          setCurrentDomainRole(element);
-                          setDomainRoleModalOpen(true);
-                        },
-                        leftSection: jsx(IconEdit, {
-                          size: 14
-                        }),
-                        children: "Modifica"
-                      }), jsx(Menu$1.Divider, {}), jsx(Menu$1.Item, {
-                        color: 'red',
-                        onClick: () => deleteDomainRole(element.id),
-                        leftSection: jsx(IconTrash, {
-                          color: 'red',
-                          size: 14
-                        }),
-                        children: "Elimina"
+                      }), jsxs(Menu$1.Dropdown, {
+                        children: [jsx(Menu$1.Item, {
+                          leftSection: jsx(IconGridDots, {
+                            size: 14
+                          }),
+                          onClick: () => {
+                            setCurrentDomainRole(element);
+                            setCreateUpdateExternal(false);
+                            setUpdateDomainFrontendsModal(true);
+                          },
+                          children: "Aree funzionali"
+                        }), aclMode === FluxoACLMode.Permission && jsxs(Fragment, {
+                          children: [jsx(Menu$1.Item, {
+                            leftSection: jsx(IconLock, {
+                              size: 14
+                            }),
+                            onClick: () => {
+                              setCurrentDomainRole(element);
+                              setUpdateDomainRolePermissionsModal(true);
+                            },
+                            children: "Permessi"
+                          }), jsx(Menu$1.Item, {
+                            onClick: () => {
+                              setCurrentDomainRole(element);
+                              setDomainRoleModalOpen(true);
+                            },
+                            leftSection: jsx(IconEdit, {
+                              size: 14
+                            }),
+                            children: "Modifica"
+                          }), jsx(Menu$1.Divider, {}), jsx(Menu$1.Item, {
+                            color: 'red',
+                            onClick: () => deleteDomainRole(element.id),
+                            leftSection: jsx(IconTrash, {
+                              color: 'red',
+                              size: 14
+                            }),
+                            children: "Elimina"
+                          })]
+                        })]
                       })]
-                    })]
-                  })
+                    })
+                  })]
+                }, i);
+              })
+            })]
+          })
+        })]
+      })
+    }), allowExternalUsers && jsx(DataCard, {
+      title: 'Ruoli utente (Esterni)',
+      actions: aclMode === FluxoACLMode.Permission ? [{
+        icon: jsx(IconPlus, {
+          size: 18
+        }),
+        label: 'Nuovo ruolo esterno',
+        disabled: loading,
+        onClick: () => {
+          setCreateUpdateExternal(true);
+          setCurrentDomainRole(undefined);
+          setDomainRoleModalOpen(true);
+        }
+      }] : [],
+      children: jsxs(Box, {
+        pos: "relative",
+        children: [jsx(LoadingOverlay, {
+          visible: loading,
+          zIndex: 1000,
+          overlayProps: {
+            radius: "sm",
+            blur: 2
+          }
+        }), jsx(Stack, {
+          children: 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"
+                }), aclMode === FluxoACLMode.Permission && jsx(Table.Th, {
+                  w: 100,
+                  children: "Permessi"
+                }), jsx(Table.Th, {
+                  w: 100,
+                  children: "Aree"
+                }), jsx(Table.Th, {
+                  w: 100
                 })]
-              }, i);
-            })
-          })]
+              })
+            }), jsx(Table.Tbody, {
+              children: domainRoles === null || domainRoles === void 0 ? void 0 : domainRoles.filter(a => a.external).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
+                  }), aclMode === FluxoACLMode.Permission && 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$1, {
+                      shadow: "md",
+                      width: 200,
+                      children: [jsx(Menu$1.Target, {
+                        children: jsx(ActionIcon, {
+                          children: jsx(IconDotsVertical, {
+                            size: 18
+                          })
+                        })
+                      }), jsxs(Menu$1.Dropdown, {
+                        children: [jsx(Menu$1.Item, {
+                          leftSection: jsx(IconGridDots, {
+                            size: 14
+                          }),
+                          onClick: () => {
+                            setCreateUpdateExternal(true);
+                            setCurrentDomainRole(element);
+                            setUpdateDomainFrontendsModal(true);
+                          },
+                          children: "Aree funzionali"
+                        }), aclMode === FluxoACLMode.Permission && jsxs(Fragment, {
+                          children: [jsx(Menu$1.Item, {
+                            leftSection: jsx(IconLock, {
+                              size: 14
+                            }),
+                            onClick: () => {
+                              setCurrentDomainRole(element);
+                              setUpdateDomainRolePermissionsModal(true);
+                            },
+                            children: "Permessi"
+                          }), jsx(Menu$1.Item, {
+                            onClick: () => {
+                              setCurrentDomainRole(element);
+                              setDomainRoleModalOpen(true);
+                            },
+                            leftSection: jsx(IconEdit, {
+                              size: 14
+                            }),
+                            children: "Modifica"
+                          }), jsx(Menu$1.Divider, {}), jsx(Menu$1.Item, {
+                            color: 'red',
+                            onClick: () => deleteDomainRole(element.id),
+                            leftSection: jsx(IconTrash, {
+                              color: 'red',
+                              size: 14
+                            }),
+                            children: "Elimina"
+                          })]
+                        })]
+                      })]
+                    })
+                  })]
+                }, i);
+              })
+            })]
+          })
         })]
-      })]
+      })
     }), jsx(Modal, {
       centered: true,
       opened: domainRoleModalOpen,
@@ -37243,14 +37391,15 @@ function DomainRoleGrid() {
         setDomainRoleModalOpen(false);
         setCurrentDomainRole(undefined);
       },
-      title: `${currentDomainRole ? 'Modifica ruolo' : 'Crea ruolo'}`,
+      title: `${currentDomainRole ? `Modifica ruolo ${createUpdateExternal ? 'esterno' : 'organizzazione'}` : `Crea ruolo ${createUpdateExternal ? 'esterno' : 'organizzazione'}`}`,
       children: jsx(DomainRoleForm, {
         onCreate: () => {
           setDomainRoleModalOpen(false);
           getAllDomainRoles();
           setCurrentDomainRole(undefined);
         },
-        domainRole: currentDomainRole
+        domainRole: currentDomainRole,
+        external: createUpdateExternal
       })
     }), currentDomainRole && jsxs(Fragment, {
       children: [jsx(Modal, {
@@ -37279,6 +37428,7 @@ function DomainRoleGrid() {
         centered: true,
         title: `Gestione aree funzionali ${currentDomainRole.name}`,
         children: jsx(FrontendDomainRole, {
+          external: createUpdateExternal,
           domainRoleId: currentDomainRole.id,
           onClosed: () => {
             setUpdateDomainFrontendsModal(false);
@@ -37375,7 +37525,7 @@ function UserForm(props) {
   const [domainRoles, setDomainRoles] = useState([]);
   useEffect(() => {
     FluxoClientSys.Instance.security.domainRole.find(999, 0).then(res => {
-      setDomainRoles(res.results);
+      setDomainRoles(res.results.filter(a => a.external === props.external));
     });
   }, []);
   const generalForm = useForm({
@@ -37387,7 +37537,8 @@ function UserForm(props) {
         userName: ''
       },
       assignToRoles: (_k = (_j = props.user) === null || _j === void 0 ? void 0 : _j.roles) !== null && _k !== void 0 ? _k : [],
-      assignToDomainRoles: (_m = (_l = props.user) === null || _l === void 0 ? void 0 : _l.domainRoles.map(a => a.id.toString())) !== null && _m !== void 0 ? _m : []
+      assignToDomainRoles: (_m = (_l = props.user) === null || _l === void 0 ? void 0 : _l.domainRoles.map(a => a.id.toString())) !== null && _m !== void 0 ? _m : [],
+      external: props.external
     },
     clearInputErrorOnChange: true,
     validateInputOnChange: true,
@@ -37403,8 +37554,9 @@ function UserForm(props) {
     value.user.userName = value.user.email;
     const newUser = {
       user: value.user,
-      assignToRoles: value.assignToRoles,
-      assignToDomainRoles: value.assignToDomainRoles.map(a => parseInt(a))
+      assignToRoles: props.external ? ['external'] : value.assignToRoles,
+      assignToDomainRoles: value.assignToDomainRoles.map(a => parseInt(a)),
+      external: value.external
     };
     (props.user ? FluxoClientSys.Instance.security.user.updateUser(props.user.id, newUser) : FluxoClientSys.Instance.security.user.createUser(newUser)).then(res => {
       if (res.success) {
@@ -37448,7 +37600,7 @@ function UserForm(props) {
       }, generalForm.getInputProps('user.lastName'))), jsx(TextInput, Object.assign({
         label: 'Email',
         disabled: !!props.user
-      }, generalForm.getInputProps('user.email'))), jsx(MultiSelect, Object.assign({
+      }, generalForm.getInputProps('user.email'))), !props.external && jsx(MultiSelect, Object.assign({
         description: jsxs(Stack, {
           gap: 0,
           children: [jsx(Text, {
@@ -37505,19 +37657,32 @@ function UserForm(props) {
 
 function UsersGrid() {
   const [users, setUsers] = useState([]);
+  const [externalUsers, setExternalUser] = useState([]);
   const [currentUser, setCurrentUser] = useState();
   const [newUserModalOpen, setNewUserModalOpen] = useState(false);
+  const [createUpdateExternal, setCreateUpdateExternal] = useState(false);
+  const {
+    allowExternalUsers
+  } = useAppSelector(state => state.layout.systemSettings);
   useEffect(() => {
     getAllUsers();
+    getAllExternalUsers();
   }, []);
   const getAllUsers = () => {
     FluxoClientSys.Instance.security.user.getAllUsers().then(res => {
       setUsers(res);
     });
   };
+  const getAllExternalUsers = () => {
+    FluxoClientSys.Instance.security.user.getAllExternalUsers().then(res => {
+      setExternalUser(res);
+    });
+  };
   const deletion = id => {
     FluxoClientSys.Instance.security.user.deleteUser(id).then(res => {
       if (res.success) {
+        getAllExternalUsers();
+        getAllUsers();
         showNotification({
           title: 'Cancellazione completata',
           message: `L'utente è stato cancellato con successo`,
@@ -37535,13 +37700,16 @@ function UsersGrid() {
   };
   return jsxs(Stack, {
     children: [jsx(DataCard, {
-      title: 'Utenti',
+      title: 'Utenti (Organizzazione)',
       actions: [{
         icon: jsx(IconPlus, {
           size: 18
         }),
         label: 'Nuovo utente',
-        onClick: () => setNewUserModalOpen(true)
+        onClick: () => {
+          setCreateUpdateExternal(false);
+          setNewUserModalOpen(true);
+        }
       }],
       children: jsxs(Table, {
         highlightOnHover: true,
@@ -37600,6 +37768,99 @@ function UsersGrid() {
                 }), jsxs(Menu$1.Dropdown, {
                   children: [jsx(Menu$1.Item, {
                     onClick: () => {
+                      setCreateUpdateExternal(false);
+                      setCurrentUser(element);
+                      setNewUserModalOpen(true);
+                    },
+                    leftSection: jsx(IconEdit, {
+                      size: 14
+                    }),
+                    children: "Modifica"
+                  }), jsx(Menu$1.Item, {
+                    color: 'red',
+                    onClick: () => deletion(element.id),
+                    leftSection: jsx(IconTrash, {
+                      color: 'red',
+                      size: 14
+                    }),
+                    children: "Elimina"
+                  })]
+                })]
+              })
+            })]
+          }, i))
+        })]
+      })
+    }), allowExternalUsers && jsx(DataCard, {
+      title: 'Utenti (Esterni)',
+      actions: [{
+        icon: jsx(IconPlus, {
+          size: 18
+        }),
+        label: 'Nuovo utente esterno',
+        onClick: () => {
+          setCreateUpdateExternal(true);
+          setNewUserModalOpen(true);
+        }
+      }],
+      children: jsxs(Table, {
+        highlightOnHover: true,
+        children: [jsx(Table.Thead, {
+          children: jsxs(Table.Tr, {
+            children: [jsx(Table.Th, {
+              children: "Nome"
+            }), jsx(Table.Th, {
+              children: "Cognome"
+            }), jsx(Table.Th, {
+              children: "Email"
+            }), jsx(Table.Th, {
+              children: "Tipo di accesso"
+            }), jsx(Table.Th, {
+              children: "Ruoli"
+            }), jsx(Table.Th, {})]
+          })
+        }), jsx(Table.Tbody, {
+          children: externalUsers.map((element, i) => jsxs(Table.Tr, {
+            children: [jsx(Table.Td, {
+              children: element.userData.FirstName
+            }), jsx(Table.Td, {
+              children: element.userData.LastName
+            }), jsx(Table.Td, {
+              children: element.email
+            }), jsx(Table.Td, {
+              children: jsx(Stack, {
+                gap: 8,
+                children: element.roles.map(d => {
+                  return jsx(Badge, {
+                    color: 'orange',
+                    children: d
+                  }, d);
+                })
+              })
+            }), jsx(Table.Td, {
+              children: jsx(Stack, {
+                gap: 8,
+                children: element.domainRoles.map(d => {
+                  return jsx(Badge, {
+                    children: d.name
+                  }, d.id);
+                })
+              })
+            }), jsx(Table.Td, {
+              align: "right",
+              children: jsxs(Menu$1, {
+                shadow: "md",
+                width: 200,
+                children: [jsx(Menu$1.Target, {
+                  children: jsx(ActionIcon, {
+                    children: jsx(IconDotsVertical, {
+                      size: 18
+                    })
+                  })
+                }), jsxs(Menu$1.Dropdown, {
+                  children: [jsx(Menu$1.Item, {
+                    onClick: () => {
+                      setCreateUpdateExternal(true);
                       setCurrentUser(element);
                       setNewUserModalOpen(true);
                     },
@@ -37636,7 +37897,8 @@ function UsersGrid() {
           getAllUsers();
           setCurrentUser(undefined);
         },
-        user: currentUser
+        user: currentUser,
+        external: createUpdateExternal
       })
     })]
   });
@@ -40231,6 +40493,10 @@ function Settings(props) {
     hasDeveloperAccess,
     hasDataAnalystAccess
   } = useSelector(state => state.layout);
+  const {
+    allowExternalUsers,
+    aclMode
+  } = useAppSelector(state => state.layout.systemSettings);
   useEffect(() => {
     const hash = window.location.hash.slice(1);
     if (hash) {
@@ -40243,7 +40509,7 @@ function Settings(props) {
     });
   }, []);
   const getSideMenuGroups = () => {
-    return [{
+    const sidebarItems = [{
       name: "Interfaccia",
       hide: !hasAdminAccess,
       items: [{
@@ -40426,10 +40692,8 @@ function Settings(props) {
       hide: !hasAdminAccess && !hasDeveloperAccess,
       items: [{
         key: 'tokens',
-        title: jsxs(Text, {
-          children: ["Access tokens ", jsx("small", {
-            children: "(account)"
-          })]
+        title: jsx(Text, {
+          children: "Personal Access token"
         }),
         onClick: () => {
           window.location.hash = 'tokens';
@@ -40503,6 +40767,11 @@ function Settings(props) {
         description: 'Accedi all\'ambiente di sviluppo'
       }]
     }];
+    // I need to remove "permission" from the sidebarItems array if aclMode is DomainRole
+    if (aclMode === FluxoACLMode.DomainRole) {
+      sidebarItems[1].items = sidebarItems[1].items.filter(item => item.key !== 'permissions');
+    }
+    return sidebarItems;
   };
   const renderCurrentSection = tab => {
     switch (tab) {
@@ -43964,13 +44233,15 @@ function FluxoShell(props) {
         const flxFrontend = frontendByRender;
         // Write the initial configuration to the state
         FluxoStateDispatcher.dispatchSetConfiguration(res.ui);
+        FluxoStateDispatcher.dispatchSetSystemSettings(res.systemSettings);
         FluxoStateDispatcher.dispatchSetAppMenu(res.menu);
         FluxoStateDispatcher.dispatchSetSysFeatures(res.features);
         FluxoStateDispatcher.dispatchSetUserPermissions(res.permissions.map(a => a.fullIdentifier));
         FluxoStateDispatcher.dispatchSetUserDomainRoles(res.domainRoles);
         FluxoStateDispatcher.dispatchSetFrontends(props.frontends.map(a => ({
           id: a.id,
-          name: a.name
+          name: a.name,
+          external: a.external
         })));
         FluxoStateDispatcher.dispatchSetCurrentFrontend(res.currentFrontend);
         FluxoStateDispatcher.dispatchAllowedFrontends(res.frontends);

package/package.json

@@ -1,23 +1,23 @@
 {
   "name": "@fluxo-dev/shell",
-  "version": "0.0.51",
+  "version": "0.0.53",
   "peerDependencies": {
     "react": "^18.3.1",
     "@mantine/core": "^7.12.2",
     "react-router-dom": "^6.11.2",
     "react-redux": "^8.0.5",
     "@reduxjs/toolkit": "^1.9.1",
-    "@fluxo-dev/api-client-base": "^0.0.51",
-    "@fluxo-dev/shell-bi": "^0.0.51",
-    "@fluxo-dev/shell-hub": "^0.0.51",
-    "@fluxo-dev/shell-korebi": "^0.0.51",
-    "@fluxo-dev/shell-mfe": "^0.0.51",
-    "@fluxo-dev/shell-printing": "^0.0.51",
-    "@fluxo-dev/shell-reporting": "^0.0.51",
-    "@fluxo-dev/shell-workflow": "^0.0.51",
-    "@fluxo-dev/shell-ravify": "^0.0.51",
-    "@fluxo-dev/state": "^0.0.51",
-    "@fluxo-dev/ui-components": "^0.0.51",
+    "@fluxo-dev/api-client-base": "^0.0.53",
+    "@fluxo-dev/shell-bi": "^0.0.53",
+    "@fluxo-dev/shell-hub": "^0.0.53",
+    "@fluxo-dev/shell-korebi": "^0.0.53",
+    "@fluxo-dev/shell-mfe": "^0.0.53",
+    "@fluxo-dev/shell-printing": "^0.0.53",
+    "@fluxo-dev/shell-reporting": "^0.0.53",
+    "@fluxo-dev/shell-workflow": "^0.0.53",
+    "@fluxo-dev/shell-ravify": "^0.0.53",
+    "@fluxo-dev/state": "^0.0.53",
+    "@fluxo-dev/ui-components": "^0.0.53",
     "@scalar/api-reference-react": "^0.3.142",
     "@devexpress/analytics-core": "23.1.3",
     "devexpress-dashboard": "23.1.3",

package/src/lib/app.d.ts

@@ -2,6 +2,9 @@ import React from "react";
 import { EmbeddedModule, InitialConfiguration } from "@fluxo-dev/api-client-base";
 import './app.module.css';
 import 'dayjs/locale/it';
+/**
+ * The ShellFrontend interface represents a frontend that can be rendered by the FluxoShell component.
+ */
 export type ShellFrontend = {
     id: string | 'admin';
     name: string;
@@ -10,6 +13,10 @@ export type ShellFrontend = {
     modules: EmbeddedModule[];
     renderWhen?: (configuration: InitialConfiguration) => boolean;
     icon?: React.ReactNode;
+    /**
+     * If true, the frontend will be rendered only if the user is an external user.
+     */
+    external: boolean;
 };
 export declare enum ShellUINavigation {
     Sidebar = 1,

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

@@ -2,5 +2,6 @@ import { DomainRole } from "@fluxo-dev/api-client-base";
 export interface DomainRoleFormProps {
     domainRole: DomainRole | undefined;
     onCreate: () => void;
+    external: boolean;
 }
 export declare function DomainRoleForm(props: DomainRoleFormProps): import("react/jsx-runtime").JSX.Element;

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

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

package/src/lib/pages/settings/security/components/user/user-form.d.ts

@@ -2,6 +2,7 @@ import { User } from "@fluxo-dev/api-client-base";
 export interface UserFormProps {
     user?: User;
     onCreate: () => void;
+    external: boolean;
 }
 declare function UserForm(props: UserFormProps): import("react/jsx-runtime").JSX.Element;
 export default UserForm;