@fluxo-dev/shell 25.1.4 → 25.1.6

package/index.esm.js

@@ -11047,6 +11047,7 @@ function AppBar(props) {
   const location = useLocation();
   const [developmentMode, setDevelopmentMode] = React__default.useState(undefined);
   const [lastLocation, setLastLocation] = React__default.useState(undefined);
+  const [userPopoverOpened, setUserPopoverOpened] = React__default.useState(false);
   useHotkeys(props.shellUi.navigation === ShellUINavigation.Sidebar ? [['mod + o', () => {
     if (navbarOpened) FluxoStateDispatcher.dispatchCloseNavbar();else FluxoStateDispatcher.dispatchOpenNavbar();
   }]] : []);
@@ -11080,6 +11081,19 @@ function AppBar(props) {
   const logout = () => {
     FluxoClientSys.Instance.auth.logout();
   };
+  const goToResetPassword = () => {
+    if (props.shellUi.security.showChangePassword) {
+      navigate('/change-password');
+    } else {
+      showNotification({
+        title: 'Funzionalità non disponibile',
+        message: 'La funzionalità di cambio password non è abilitata in questa applicazione.',
+        color: 'red',
+        icon: jsx(IconRefresh, {})
+      });
+    }
+    setUserPopoverOpened(false);
+  };
   const refreshJitApps = app => {
     appJitManager.refreshApp(app).then(result => {
       if (result) {
@@ -11207,9 +11221,11 @@ function AppBar(props) {
           }), jsx(SearchBar, {
             disabled: props.previewMode !== undefined
           }), jsxs(Popover, {
+            opened: userPopoverOpened,
             disabled: props.previewMode !== undefined,
             children: [jsx(Popover.Target, {
               children: jsxs(Avatar, {
+                onClick: () => setUserPopoverOpened(true),
                 tabIndex: -1,
                 style: {
                   cursor: 'pointer'
@@ -11238,7 +11254,7 @@ function AppBar(props) {
                   })
                 }), props.shellUi.security.showChangePassword && jsx(Button, {
                   variant: 'subtle',
-                  onClick: () => logout(),
+                  onClick: () => goToResetPassword(),
                   children: "Cambia password"
                 }), jsx(Divider, {}), jsx(Button, {
                   variant: 'subtle',
@@ -13725,6 +13741,7 @@ function ChangePassword() {
   const [currentPassword, setCurrentPassword] = useState();
   const [newPassword, setNewPassword] = useState();
   const [confirmNewPassword, setConfirmNewPassword] = useState();
+  const navigate = useNavigate();
   const userService = new UserService();
   const [recoveryResult, setRecoveryResult] = useState();
   const onFormSubmitClickHandler = () => {
@@ -13747,13 +13764,17 @@ function ChangePassword() {
   };
   return jsx(Grid, {
     justify: "center",
+    mt: 32,
     children: jsx(Grid.Col, {
-      span: 3,
+      span: 4,
       children: jsxs(Stack, {
         gap: 16,
         children: [(!recoveryResult || !recoveryResult.success) && jsxs(Stack, {
           gap: 16,
-          children: [jsx("h2", {
+          children: [jsx(Text, {
+            ta: 'center',
+            size: 'xl',
+            fw: 600,
             children: "Cambio password"
           }), jsx(TextInput, {
             type: 'password',
@@ -13776,8 +13797,18 @@ function ChangePassword() {
             disabled: !(newPassword && newPassword === confirmNewPassword) || currentPassword === newPassword,
             children: "Cambia password"
           })]
-        }), recoveryResult && recoveryResult.success && jsx("h2", {
-          children: "Password modificata con successo"
+        }), recoveryResult && recoveryResult.success && jsxs(Stack, {
+          children: [jsx(Text, {
+            ta: 'center',
+            size: 'xl',
+            fw: 600,
+            children: "Password modificata con successo"
+          }), jsx(Button, {
+            onClick: () => {
+              navigate('/');
+            },
+            children: "Torna indietro"
+          })]
         })]
       })
     })

package/package.json

@@ -1,23 +1,23 @@
 {
   "name": "@fluxo-dev/shell",
-  "version": "25.1.4",
+  "version": "25.1.6",
   "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": "^25.1.4",
-    "@fluxo-dev/shell-bi": "^25.1.4",
-    "@fluxo-dev/shell-hub": "^25.1.4",
-    "@fluxo-dev/shell-korebi": "^25.1.4",
-    "@fluxo-dev/shell-mfe": "^25.1.4",
-    "@fluxo-dev/shell-printing": "^25.1.4",
-    "@fluxo-dev/shell-reporting": "^25.1.4",
-    "@fluxo-dev/shell-workflow": "^25.1.4",
-    "@fluxo-dev/shell-ravify": "^25.1.4",
-    "@fluxo-dev/state": "^25.1.4",
-    "@fluxo-dev/ui-components": "^25.1.4",
+    "@fluxo-dev/api-client-base": "^25.1.6",
+    "@fluxo-dev/shell-bi": "^25.1.6",
+    "@fluxo-dev/shell-hub": "^25.1.6",
+    "@fluxo-dev/shell-korebi": "^25.1.6",
+    "@fluxo-dev/shell-mfe": "^25.1.6",
+    "@fluxo-dev/shell-printing": "^25.1.6",
+    "@fluxo-dev/shell-reporting": "^25.1.6",
+    "@fluxo-dev/shell-workflow": "^25.1.6",
+    "@fluxo-dev/shell-ravify": "^25.1.6",
+    "@fluxo-dev/state": "^25.1.6",
+    "@fluxo-dev/ui-components": "^25.1.6",
     "@scalar/api-reference-react": "^0.3.142",
     "@devexpress/analytics-core": "23.1.3",
     "devexpress-dashboard": "23.1.3",