@strapi/admin 5.49.0 → 5.50.0

package/dist/admin/admin/src/pages/SessionsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionsPage.js","sources":["../../../../../admin/src/pages/SessionsPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Badge,\n  Box,\n  Button,\n  Dialog,\n  Flex,\n  IconButton,\n  Table,\n  Tbody,\n  Td,\n  Th,\n  Thead,\n  Tr,\n  Typography,\n} from '@strapi/design-system';\nimport { SignOut } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useNavigate } from 'react-router-dom';\n\nimport { ConfirmDialog } from '../components/ConfirmDialog';\nimport { Layouts } from '../components/Layouts/Layout';\nimport { Page } from '../components/PageHelpers';\nimport { RelativeTime } from '../components/RelativeTime';\nimport { useAuth } from '../features/Auth';\nimport { useNotification } from '../features/Notifications';\nimport { useAPIErrorHandler } from '../hooks/useAPIErrorHandler';\nimport {\n  useGetActiveSessionsQuery,\n  useRevokeAllSessionsMutation,\n  useRevokeSessionMutation,\n} from '../services/auth';\nimport { isBaseQueryError } from '../utils/baseQuery';\n\nimport type { SanitizedAdminSession } from '../../../shared/contracts/sessions';\n\n/* -------------------------------------------------------------------------------------------------\n * SessionsPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst SessionsPage = () => {\n  const { formatMessage } = useIntl();\n  const navigate = useNavigate();\n  const { toggleNotification } = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n  const logout = useAuth('SessionsPage', (state) => state.logout);\n\n  const { data: sessions = [], isLoading, error } = useGetActiveSessionsQuery();\n  const [revokeSession] = useRevokeSessionMutation();\n  const [revokeAllSessions] = useRevokeAllSessionsMutation();\n\n  const handleLogoutAndRedirect = React.useCallback(async () => {\n    await logout();\n    navigate('/auth/login');\n  }, [logout, navigate]);\n\n  const notifyError = React.useCallback(\n    (error?: unknown) => {\n      toggleNotification({\n        type: 'danger',\n        message:\n          error && isBaseQueryError(error)\n            ? formatAPIError(error)\n            : formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\n      });\n    },\n    [formatAPIError, formatMessage, toggleNotification]\n  );\n\n  const runSessionMutation = React.useCallback(\n    async (\n      action: () => Promise<{ error?: unknown } | { data: unknown } | void>,\n      onSuccess: () => void | Promise<void>\n    ) => {\n      try {\n        const res = await action();\n\n        if (res && 'error' in res && res.error) {\n          notifyError(res.error);\n          return;\n        }\n\n        await onSuccess();\n      } catch {\n        notifyError();\n      }\n    },\n    [notifyError]\n  );\n\n  const handleRevoke = async (session: SanitizedAdminSession) => {\n    await runSessionMutation(\n      () => revokeSession(session.id),\n      async () => {\n        if (session.current) {\n          await handleLogoutAndRedirect();\n          return;\n        }\n\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({\n            id: 'Settings.sessions.revoke.success',\n            defaultMessage: 'Session ended',\n          }),\n        });\n      }\n    );\n  };\n\n  const handleRevokeOthers = async () => {\n    await runSessionMutation(\n      () => revokeAllSessions({ keepCurrent: true }),\n      () => {\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({\n            id: 'Settings.sessions.revokeOthers.success',\n            defaultMessage: 'Other sessions ended',\n          }),\n        });\n      }\n    );\n  };\n\n  const handleRevokeAll = async () => {\n    await runSessionMutation(() => revokeAllSessions(undefined), handleLogoutAndRedirect);\n  };\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  if (error) {\n    return <Page.Error />;\n  }\n\n  return (\n    <Page.Main>\n      <Page.Title>\n        {formatMessage({\n          id: 'Settings.sessions.title',\n          defaultMessage: 'Active Devices',\n        })}\n      </Page.Title>\n      <Layouts.Header\n        title={formatMessage({\n          id: 'Settings.sessions.title',\n          defaultMessage: 'Active Devices',\n        })}\n        subtitle={formatMessage({\n          id: 'Settings.sessions.subtitle',\n          defaultMessage: 'These are the devices and sessions currently signed in to your account.',\n        })}\n        primaryAction={\n          sessions.length > 0 ? (\n            <Flex gap={2}>\n              {sessions.length > 1 ? (\n                <Dialog.Root>\n                  <Dialog.Trigger>\n                    <Button variant=\"secondary\" startIcon={<SignOut />}>\n                      {formatMessage({\n                        id: 'Settings.sessions.revokeOthers',\n                        defaultMessage: 'Log out of other devices',\n                      })}\n                    </Button>\n                  </Dialog.Trigger>\n                  <ConfirmDialog onConfirm={handleRevokeOthers}>\n                    {formatMessage({\n                      id: 'Settings.sessions.revokeOthers.confirm',\n                      defaultMessage:\n                        'Are you sure? This will end every other active session. You will stay signed in on this device.',\n                    })}\n                  </ConfirmDialog>\n                </Dialog.Root>\n              ) : null}\n              <Dialog.Root>\n                <Dialog.Trigger>\n                  <Button variant=\"danger-light\" startIcon={<SignOut />}>\n                    {formatMessage({\n                      id: 'Settings.sessions.revokeAll',\n                      defaultMessage: 'Log out of all devices',\n                    })}\n                  </Button>\n                </Dialog.Trigger>\n                <ConfirmDialog onConfirm={handleRevokeAll}>\n                  {formatMessage({\n                    id: 'Settings.sessions.revokeAll.confirm',\n                    defaultMessage:\n                      'Are you sure? This will end every active session, including this one, and you will need to log in again.',\n                  })}\n                </ConfirmDialog>\n              </Dialog.Root>\n            </Flex>\n          ) : undefined\n        }\n      />\n      <Layouts.Content>\n        <Box background=\"neutral0\" hasRadius shadow=\"filterShadow\">\n          <Table colCount={4} rowCount={sessions.length}>\n            <Thead>\n              <Tr>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    {formatMessage({ id: 'Settings.sessions.device', defaultMessage: 'Device' })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    {formatMessage({\n                      id: 'Settings.sessions.loginAt',\n                      defaultMessage: 'Signed in',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    {formatMessage({\n                      id: 'Settings.sessions.lastActiveAt',\n                      defaultMessage: 'Last used',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    {formatMessage({ id: 'Settings.sessions.actions', defaultMessage: 'Actions' })}\n                  </Typography>\n                </Th>\n              </Tr>\n            </Thead>\n            <Tbody>\n              {sessions.map((session) => (\n                <Tr key={session.id}>\n                  <Td>\n                    <Flex gap={2}>\n                      <Typography textColor=\"neutral800\">\n                        {session.deviceName ??\n                          (session.deviceId\n                            ? session.deviceId.slice(0, 8)\n                            : formatMessage({\n                                id: 'Settings.sessions.unknownDevice',\n                                defaultMessage: 'Unknown device',\n                              }))}\n                      </Typography>\n                      {session.current && (\n                        <Badge>\n                          {formatMessage({\n                            id: 'Settings.sessions.current',\n                            defaultMessage: 'This device',\n                          })}\n                        </Badge>\n                      )}\n                    </Flex>\n                  </Td>\n                  <Td>\n                    <Typography textColor=\"neutral800\">\n                      {session.loginAt ? (\n                        <RelativeTime timestamp={new Date(session.loginAt)} />\n                      ) : (\n                        '-'\n                      )}\n                    </Typography>\n                  </Td>\n                  <Td>\n                    <Typography textColor=\"neutral800\">\n                      {session.lastActiveAt ? (\n                        <RelativeTime timestamp={new Date(session.lastActiveAt)} />\n                      ) : (\n                        '-'\n                      )}\n                    </Typography>\n                  </Td>\n                  <Td>\n                    <Flex justifyContent=\"end\" onClick={(e) => e.stopPropagation()}>\n                      <Dialog.Root>\n                        <Dialog.Trigger>\n                          <IconButton\n                            label={formatMessage({\n                              id: 'Settings.sessions.revoke',\n                              defaultMessage: 'End session',\n                            })}\n                            variant=\"ghost\"\n                          >\n                            <SignOut />\n                          </IconButton>\n                        </Dialog.Trigger>\n                        <ConfirmDialog onConfirm={() => handleRevoke(session)}>\n                          {session.current\n                            ? formatMessage({\n                                id: 'Settings.sessions.revoke.confirmCurrent',\n                                defaultMessage:\n                                  'This is the device you are currently using. Ending this session will log you out.',\n                              })\n                            : formatMessage({\n                                id: 'Settings.sessions.revoke.confirm',\n                                defaultMessage:\n                                  'Are you sure you want to end this session? The device will need to log in again.',\n                              })}\n                        </ConfirmDialog>\n                      </Dialog.Root>\n                    </Flex>\n                  </Td>\n                </Tr>\n              ))}\n            </Tbody>\n          </Table>\n        </Box>\n      </Layouts.Content>\n    </Page.Main>\n  );\n};\n\nexport { SessionsPage };\n"],"names":["SessionsPage","formatMessage","useIntl","navigate","useNavigate","toggleNotification","useNotification","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","logout","useAuth","state","data","sessions","isLoading","error","useGetActiveSessionsQuery","revokeSession","useRevokeSessionMutation","revokeAllSessions","useRevokeAllSessionsMutation","handleLogoutAndRedirect","React","useCallback","notifyError","type","message","isBaseQueryError","id","defaultMessage","runSessionMutation","action","onSuccess","res","handleRevoke","session","current","handleRevokeOthers","keepCurrent","handleRevokeAll","undefined","_jsx","Page","Loading","Error","_jsxs","Main","Title","Layouts","Header","title","subtitle","primaryAction","length","Flex","gap","Dialog","Root","Trigger","Button","variant","startIcon","SignOut","ConfirmDialog","onConfirm","Content","Box","background","hasRadius","shadow","Table","colCount","rowCount","Thead","Tr","Th","Typography","Tbody","map","Td","textColor","deviceName","deviceId","slice","Badge","loginAt","RelativeTime","timestamp","Date","lastActiveAt","justifyContent","onClick","e","stopPropagation","IconButton","label"],"mappings":"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"}

package/dist/admin/admin/src/pages/SessionsPage.mjs

@@ -0,0 +1,296 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Flex, Dialog, Button, Box, Table, Thead, Tr, Th, Typography, Tbody, Td, Badge, IconButton } from '@strapi/design-system';
+import { SignOut } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { useNavigate } from 'react-router-dom';
+import { ConfirmDialog } from '../components/ConfirmDialog.mjs';
+import { Layouts } from '../components/Layouts/Layout.mjs';
+import { Page } from '../components/PageHelpers.mjs';
+import { RelativeTime } from '../components/RelativeTime.mjs';
+import { useAuth } from '../features/Auth.mjs';
+import { useNotification } from '../features/Notifications.mjs';
+import { useAPIErrorHandler } from '../hooks/useAPIErrorHandler.mjs';
+import { useGetActiveSessionsQuery, useRevokeSessionMutation, useRevokeAllSessionsMutation } from '../services/auth.mjs';
+import { isBaseQueryError } from '../utils/baseQuery.mjs';
+
+/* -------------------------------------------------------------------------------------------------
+ * SessionsPage
+ * -----------------------------------------------------------------------------------------------*/ const SessionsPage = ()=>{
+    const { formatMessage } = useIntl();
+    const navigate = useNavigate();
+    const { toggleNotification } = useNotification();
+    const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
+    const logout = useAuth('SessionsPage', (state)=>state.logout);
+    const { data: sessions = [], isLoading, error } = useGetActiveSessionsQuery();
+    const [revokeSession] = useRevokeSessionMutation();
+    const [revokeAllSessions] = useRevokeAllSessionsMutation();
+    const handleLogoutAndRedirect = React.useCallback(async ()=>{
+        await logout();
+        navigate('/auth/login');
+    }, [
+        logout,
+        navigate
+    ]);
+    const notifyError = React.useCallback((error)=>{
+        toggleNotification({
+            type: 'danger',
+            message: error && isBaseQueryError(error) ? formatAPIError(error) : formatMessage({
+                id: 'notification.error',
+                defaultMessage: 'An error occurred'
+            })
+        });
+    }, [
+        formatAPIError,
+        formatMessage,
+        toggleNotification
+    ]);
+    const runSessionMutation = React.useCallback(async (action, onSuccess)=>{
+        try {
+            const res = await action();
+            if (res && 'error' in res && res.error) {
+                notifyError(res.error);
+                return;
+            }
+            await onSuccess();
+        } catch  {
+            notifyError();
+        }
+    }, [
+        notifyError
+    ]);
+    const handleRevoke = async (session)=>{
+        await runSessionMutation(()=>revokeSession(session.id), async ()=>{
+            if (session.current) {
+                await handleLogoutAndRedirect();
+                return;
+            }
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: 'Settings.sessions.revoke.success',
+                    defaultMessage: 'Session ended'
+                })
+            });
+        });
+    };
+    const handleRevokeOthers = async ()=>{
+        await runSessionMutation(()=>revokeAllSessions({
+                keepCurrent: true
+            }), ()=>{
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: 'Settings.sessions.revokeOthers.success',
+                    defaultMessage: 'Other sessions ended'
+                })
+            });
+        });
+    };
+    const handleRevokeAll = async ()=>{
+        await runSessionMutation(()=>revokeAllSessions(undefined), handleLogoutAndRedirect);
+    };
+    if (isLoading) {
+        return /*#__PURE__*/ jsx(Page.Loading, {});
+    }
+    if (error) {
+        return /*#__PURE__*/ jsx(Page.Error, {});
+    }
+    return /*#__PURE__*/ jsxs(Page.Main, {
+        children: [
+            /*#__PURE__*/ jsx(Page.Title, {
+                children: formatMessage({
+                    id: 'Settings.sessions.title',
+                    defaultMessage: 'Active Devices'
+                })
+            }),
+            /*#__PURE__*/ jsx(Layouts.Header, {
+                title: formatMessage({
+                    id: 'Settings.sessions.title',
+                    defaultMessage: 'Active Devices'
+                }),
+                subtitle: formatMessage({
+                    id: 'Settings.sessions.subtitle',
+                    defaultMessage: 'These are the devices and sessions currently signed in to your account.'
+                }),
+                primaryAction: sessions.length > 0 ? /*#__PURE__*/ jsxs(Flex, {
+                    gap: 2,
+                    children: [
+                        sessions.length > 1 ? /*#__PURE__*/ jsxs(Dialog.Root, {
+                            children: [
+                                /*#__PURE__*/ jsx(Dialog.Trigger, {
+                                    children: /*#__PURE__*/ jsx(Button, {
+                                        variant: "secondary",
+                                        startIcon: /*#__PURE__*/ jsx(SignOut, {}),
+                                        children: formatMessage({
+                                            id: 'Settings.sessions.revokeOthers',
+                                            defaultMessage: 'Log out of other devices'
+                                        })
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(ConfirmDialog, {
+                                    onConfirm: handleRevokeOthers,
+                                    children: formatMessage({
+                                        id: 'Settings.sessions.revokeOthers.confirm',
+                                        defaultMessage: 'Are you sure? This will end every other active session. You will stay signed in on this device.'
+                                    })
+                                })
+                            ]
+                        }) : null,
+                        /*#__PURE__*/ jsxs(Dialog.Root, {
+                            children: [
+                                /*#__PURE__*/ jsx(Dialog.Trigger, {
+                                    children: /*#__PURE__*/ jsx(Button, {
+                                        variant: "danger-light",
+                                        startIcon: /*#__PURE__*/ jsx(SignOut, {}),
+                                        children: formatMessage({
+                                            id: 'Settings.sessions.revokeAll',
+                                            defaultMessage: 'Log out of all devices'
+                                        })
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(ConfirmDialog, {
+                                    onConfirm: handleRevokeAll,
+                                    children: formatMessage({
+                                        id: 'Settings.sessions.revokeAll.confirm',
+                                        defaultMessage: 'Are you sure? This will end every active session, including this one, and you will need to log in again.'
+                                    })
+                                })
+                            ]
+                        })
+                    ]
+                }) : undefined
+            }),
+            /*#__PURE__*/ jsx(Layouts.Content, {
+                children: /*#__PURE__*/ jsx(Box, {
+                    background: "neutral0",
+                    hasRadius: true,
+                    shadow: "filterShadow",
+                    children: /*#__PURE__*/ jsxs(Table, {
+                        colCount: 4,
+                        rowCount: sessions.length,
+                        children: [
+                            /*#__PURE__*/ jsx(Thead, {
+                                children: /*#__PURE__*/ jsxs(Tr, {
+                                    children: [
+                                        /*#__PURE__*/ jsx(Th, {
+                                            children: /*#__PURE__*/ jsx(Typography, {
+                                                variant: "sigma",
+                                                children: formatMessage({
+                                                    id: 'Settings.sessions.device',
+                                                    defaultMessage: 'Device'
+                                                })
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsx(Th, {
+                                            children: /*#__PURE__*/ jsx(Typography, {
+                                                variant: "sigma",
+                                                children: formatMessage({
+                                                    id: 'Settings.sessions.loginAt',
+                                                    defaultMessage: 'Signed in'
+                                                })
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsx(Th, {
+                                            children: /*#__PURE__*/ jsx(Typography, {
+                                                variant: "sigma",
+                                                children: formatMessage({
+                                                    id: 'Settings.sessions.lastActiveAt',
+                                                    defaultMessage: 'Last used'
+                                                })
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsx(Th, {
+                                            children: /*#__PURE__*/ jsx(Typography, {
+                                                variant: "sigma",
+                                                children: formatMessage({
+                                                    id: 'Settings.sessions.actions',
+                                                    defaultMessage: 'Actions'
+                                                })
+                                            })
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Tbody, {
+                                children: sessions.map((session)=>/*#__PURE__*/ jsxs(Tr, {
+                                        children: [
+                                            /*#__PURE__*/ jsx(Td, {
+                                                children: /*#__PURE__*/ jsxs(Flex, {
+                                                    gap: 2,
+                                                    children: [
+                                                        /*#__PURE__*/ jsx(Typography, {
+                                                            textColor: "neutral800",
+                                                            children: session.deviceName ?? (session.deviceId ? session.deviceId.slice(0, 8) : formatMessage({
+                                                                id: 'Settings.sessions.unknownDevice',
+                                                                defaultMessage: 'Unknown device'
+                                                            }))
+                                                        }),
+                                                        session.current && /*#__PURE__*/ jsx(Badge, {
+                                                            children: formatMessage({
+                                                                id: 'Settings.sessions.current',
+                                                                defaultMessage: 'This device'
+                                                            })
+                                                        })
+                                                    ]
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(Td, {
+                                                children: /*#__PURE__*/ jsx(Typography, {
+                                                    textColor: "neutral800",
+                                                    children: session.loginAt ? /*#__PURE__*/ jsx(RelativeTime, {
+                                                        timestamp: new Date(session.loginAt)
+                                                    }) : '-'
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(Td, {
+                                                children: /*#__PURE__*/ jsx(Typography, {
+                                                    textColor: "neutral800",
+                                                    children: session.lastActiveAt ? /*#__PURE__*/ jsx(RelativeTime, {
+                                                        timestamp: new Date(session.lastActiveAt)
+                                                    }) : '-'
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(Td, {
+                                                children: /*#__PURE__*/ jsx(Flex, {
+                                                    justifyContent: "end",
+                                                    onClick: (e)=>e.stopPropagation(),
+                                                    children: /*#__PURE__*/ jsxs(Dialog.Root, {
+                                                        children: [
+                                                            /*#__PURE__*/ jsx(Dialog.Trigger, {
+                                                                children: /*#__PURE__*/ jsx(IconButton, {
+                                                                    label: formatMessage({
+                                                                        id: 'Settings.sessions.revoke',
+                                                                        defaultMessage: 'End session'
+                                                                    }),
+                                                                    variant: "ghost",
+                                                                    children: /*#__PURE__*/ jsx(SignOut, {})
+                                                                })
+                                                            }),
+                                                            /*#__PURE__*/ jsx(ConfirmDialog, {
+                                                                onConfirm: ()=>handleRevoke(session),
+                                                                children: session.current ? formatMessage({
+                                                                    id: 'Settings.sessions.revoke.confirmCurrent',
+                                                                    defaultMessage: 'This is the device you are currently using. Ending this session will log you out.'
+                                                                }) : formatMessage({
+                                                                    id: 'Settings.sessions.revoke.confirm',
+                                                                    defaultMessage: 'Are you sure you want to end this session? The device will need to log in again.'
+                                                                })
+                                                            })
+                                                        ]
+                                                    })
+                                                })
+                                            })
+                                        ]
+                                    }, session.id))
+                            })
+                        ]
+                    })
+                })
+            })
+        ]
+    });
+};
+
+export { SessionsPage };
+//# sourceMappingURL=SessionsPage.mjs.map

package/dist/admin/admin/src/pages/SessionsPage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionsPage.mjs","sources":["../../../../../admin/src/pages/SessionsPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Badge,\n  Box,\n  Button,\n  Dialog,\n  Flex,\n  IconButton,\n  Table,\n  Tbody,\n  Td,\n  Th,\n  Thead,\n  Tr,\n  Typography,\n} from '@strapi/design-system';\nimport { SignOut } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useNavigate } from 'react-router-dom';\n\nimport { ConfirmDialog } from '../components/ConfirmDialog';\nimport { Layouts } from '../components/Layouts/Layout';\nimport { Page } from '../components/PageHelpers';\nimport { RelativeTime } from '../components/RelativeTime';\nimport { useAuth } from '../features/Auth';\nimport { useNotification } from '../features/Notifications';\nimport { useAPIErrorHandler } from '../hooks/useAPIErrorHandler';\nimport {\n  useGetActiveSessionsQuery,\n  useRevokeAllSessionsMutation,\n  useRevokeSessionMutation,\n} from '../services/auth';\nimport { isBaseQueryError } from '../utils/baseQuery';\n\nimport type { SanitizedAdminSession } from '../../../shared/contracts/sessions';\n\n/* -------------------------------------------------------------------------------------------------\n * SessionsPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst SessionsPage = () => {\n  const { formatMessage } = useIntl();\n  const navigate = useNavigate();\n  const { toggleNotification } = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n  const logout = useAuth('SessionsPage', (state) => state.logout);\n\n  const { data: sessions = [], isLoading, error } = useGetActiveSessionsQuery();\n  const [revokeSession] = useRevokeSessionMutation();\n  const [revokeAllSessions] = useRevokeAllSessionsMutation();\n\n  const handleLogoutAndRedirect = React.useCallback(async () => {\n    await logout();\n    navigate('/auth/login');\n  }, [logout, navigate]);\n\n  const notifyError = React.useCallback(\n    (error?: unknown) => {\n      toggleNotification({\n        type: 'danger',\n        message:\n          error && isBaseQueryError(error)\n            ? formatAPIError(error)\n            : formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\n      });\n    },\n    [formatAPIError, formatMessage, toggleNotification]\n  );\n\n  const runSessionMutation = React.useCallback(\n    async (\n      action: () => Promise<{ error?: unknown } | { data: unknown } | void>,\n      onSuccess: () => void | Promise<void>\n    ) => {\n      try {\n        const res = await action();\n\n        if (res && 'error' in res && res.error) {\n          notifyError(res.error);\n          return;\n        }\n\n        await onSuccess();\n      } catch {\n        notifyError();\n      }\n    },\n    [notifyError]\n  );\n\n  const handleRevoke = async (session: SanitizedAdminSession) => {\n    await runSessionMutation(\n      () => revokeSession(session.id),\n      async () => {\n        if (session.current) {\n          await handleLogoutAndRedirect();\n          return;\n        }\n\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({\n            id: 'Settings.sessions.revoke.success',\n            defaultMessage: 'Session ended',\n          }),\n        });\n      }\n    );\n  };\n\n  const handleRevokeOthers = async () => {\n    await runSessionMutation(\n      () => revokeAllSessions({ keepCurrent: true }),\n      () => {\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({\n            id: 'Settings.sessions.revokeOthers.success',\n            defaultMessage: 'Other sessions ended',\n          }),\n        });\n      }\n    );\n  };\n\n  const handleRevokeAll = async () => {\n    await runSessionMutation(() => revokeAllSessions(undefined), handleLogoutAndRedirect);\n  };\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  if (error) {\n    return <Page.Error />;\n  }\n\n  return (\n    <Page.Main>\n      <Page.Title>\n        {formatMessage({\n          id: 'Settings.sessions.title',\n          defaultMessage: 'Active Devices',\n        })}\n      </Page.Title>\n      <Layouts.Header\n        title={formatMessage({\n          id: 'Settings.sessions.title',\n          defaultMessage: 'Active Devices',\n        })}\n        subtitle={formatMessage({\n          id: 'Settings.sessions.subtitle',\n          defaultMessage: 'These are the devices and sessions currently signed in to your account.',\n        })}\n        primaryAction={\n          sessions.length > 0 ? (\n            <Flex gap={2}>\n              {sessions.length > 1 ? (\n                <Dialog.Root>\n                  <Dialog.Trigger>\n                    <Button variant=\"secondary\" startIcon={<SignOut />}>\n                      {formatMessage({\n                        id: 'Settings.sessions.revokeOthers',\n                        defaultMessage: 'Log out of other devices',\n                      })}\n                    </Button>\n                  </Dialog.Trigger>\n                  <ConfirmDialog onConfirm={handleRevokeOthers}>\n                    {formatMessage({\n                      id: 'Settings.sessions.revokeOthers.confirm',\n                      defaultMessage:\n                        'Are you sure? This will end every other active session. You will stay signed in on this device.',\n                    })}\n                  </ConfirmDialog>\n                </Dialog.Root>\n              ) : null}\n              <Dialog.Root>\n                <Dialog.Trigger>\n                  <Button variant=\"danger-light\" startIcon={<SignOut />}>\n                    {formatMessage({\n                      id: 'Settings.sessions.revokeAll',\n                      defaultMessage: 'Log out of all devices',\n                    })}\n                  </Button>\n                </Dialog.Trigger>\n                <ConfirmDialog onConfirm={handleRevokeAll}>\n                  {formatMessage({\n                    id: 'Settings.sessions.revokeAll.confirm',\n                    defaultMessage:\n                      'Are you sure? This will end every active session, including this one, and you will need to log in again.',\n                  })}\n                </ConfirmDialog>\n              </Dialog.Root>\n            </Flex>\n          ) : undefined\n        }\n      />\n      <Layouts.Content>\n        <Box background=\"neutral0\" hasRadius shadow=\"filterShadow\">\n          <Table colCount={4} rowCount={sessions.length}>\n            <Thead>\n              <Tr>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    {formatMessage({ id: 'Settings.sessions.device', defaultMessage: 'Device' })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    {formatMessage({\n                      id: 'Settings.sessions.loginAt',\n                      defaultMessage: 'Signed in',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    {formatMessage({\n                      id: 'Settings.sessions.lastActiveAt',\n                      defaultMessage: 'Last used',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    {formatMessage({ id: 'Settings.sessions.actions', defaultMessage: 'Actions' })}\n                  </Typography>\n                </Th>\n              </Tr>\n            </Thead>\n            <Tbody>\n              {sessions.map((session) => (\n                <Tr key={session.id}>\n                  <Td>\n                    <Flex gap={2}>\n                      <Typography textColor=\"neutral800\">\n                        {session.deviceName ??\n                          (session.deviceId\n                            ? session.deviceId.slice(0, 8)\n                            : formatMessage({\n                                id: 'Settings.sessions.unknownDevice',\n                                defaultMessage: 'Unknown device',\n                              }))}\n                      </Typography>\n                      {session.current && (\n                        <Badge>\n                          {formatMessage({\n                            id: 'Settings.sessions.current',\n                            defaultMessage: 'This device',\n                          })}\n                        </Badge>\n                      )}\n                    </Flex>\n                  </Td>\n                  <Td>\n                    <Typography textColor=\"neutral800\">\n                      {session.loginAt ? (\n                        <RelativeTime timestamp={new Date(session.loginAt)} />\n                      ) : (\n                        '-'\n                      )}\n                    </Typography>\n                  </Td>\n                  <Td>\n                    <Typography textColor=\"neutral800\">\n                      {session.lastActiveAt ? (\n                        <RelativeTime timestamp={new Date(session.lastActiveAt)} />\n                      ) : (\n                        '-'\n                      )}\n                    </Typography>\n                  </Td>\n                  <Td>\n                    <Flex justifyContent=\"end\" onClick={(e) => e.stopPropagation()}>\n                      <Dialog.Root>\n                        <Dialog.Trigger>\n                          <IconButton\n                            label={formatMessage({\n                              id: 'Settings.sessions.revoke',\n                              defaultMessage: 'End session',\n                            })}\n                            variant=\"ghost\"\n                          >\n                            <SignOut />\n                          </IconButton>\n                        </Dialog.Trigger>\n                        <ConfirmDialog onConfirm={() => handleRevoke(session)}>\n                          {session.current\n                            ? formatMessage({\n                                id: 'Settings.sessions.revoke.confirmCurrent',\n                                defaultMessage:\n                                  'This is the device you are currently using. Ending this session will log you out.',\n                              })\n                            : formatMessage({\n                                id: 'Settings.sessions.revoke.confirm',\n                                defaultMessage:\n                                  'Are you sure you want to end this session? The device will need to log in again.',\n                              })}\n                        </ConfirmDialog>\n                      </Dialog.Root>\n                    </Flex>\n                  </Td>\n                </Tr>\n              ))}\n            </Tbody>\n          </Table>\n        </Box>\n      </Layouts.Content>\n    </Page.Main>\n  );\n};\n\nexport { SessionsPage };\n"],"names":["SessionsPage","formatMessage","useIntl","navigate","useNavigate","toggleNotification","useNotification","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","logout","useAuth","state","data","sessions","isLoading","error","useGetActiveSessionsQuery","revokeSession","useRevokeSessionMutation","revokeAllSessions","useRevokeAllSessionsMutation","handleLogoutAndRedirect","React","useCallback","notifyError","type","message","isBaseQueryError","id","defaultMessage","runSessionMutation","action","onSuccess","res","handleRevoke","session","current","handleRevokeOthers","keepCurrent","handleRevokeAll","undefined","_jsx","Page","Loading","Error","_jsxs","Main","Title","Layouts","Header","title","subtitle","primaryAction","length","Flex","gap","Dialog","Root","Trigger","Button","variant","startIcon","SignOut","ConfirmDialog","onConfirm","Content","Box","background","hasRadius","shadow","Table","colCount","rowCount","Thead","Tr","Th","Typography","Tbody","map","Td","textColor","deviceName","deviceId","slice","Badge","loginAt","RelativeTime","timestamp","Date","lastActiveAt","justifyContent","onClick","e","stopPropagation","IconButton","label"],"mappings":"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"}

package/dist/admin/admin/src/pages/Settings/Layout.js

@@ -5,6 +5,7 @@ var designSystem = require('@strapi/design-system');
 var reactIntl = require('react-intl');
 var reactRouterDom = require('react-router-dom');
 var Layout$1 = require('../../components/Layouts/Layout.js');
+var LazyOutlet = require('../../components/LazyOutlet.js');
 var PageHelpers = require('../../components/PageHelpers.js');
 var SubNav = require('../../components/SubNav.js');
 var theme = require('../../constants/theme.js');
@@ -72,7 +73,9 @@ const Layout = ()=>{
                     fallback: "/settings"
                 })
             }),
-            /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Outlet, {})
+            /*#__PURE__*/ jsxRuntime.jsx(LazyOutlet.LazyOutlet, {
+                nested: true
+            })
         ]
     });
 };

package/dist/admin/admin/src/pages/Settings/Layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","sources":["../../../../../../admin/src/pages/Settings/Layout.tsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { Navigate, Outlet, useMatch } from 'react-router-dom';\n\nimport { Layouts } from '../../components/Layouts/Layout';\nimport { Page } from '../../components/PageHelpers';\nimport { SubNav } from '../../components/SubNav';\nimport { RESPONSIVE_DEFAULT_SPACING } from '../../constants/theme';\nimport { BackButton } from '../../features/BackButton';\nimport { useIsMobile } from '../../hooks/useMediaQuery';\nimport { useSettingsMenu } from '../../hooks/useSettingsMenu';\n\nimport { SettingsNav } from './components/SettingsNav';\n\nconst Layout = () => {\n  /**\n   * This ensures we're capturing the settingId from the URL\n   * but also lets any nesting after that pass.\n   */\n  const match = useMatch('/settings/:settingId/*');\n  const { formatMessage } = useIntl();\n  const { isLoading } = useSettingsMenu();\n  const isMobile = useIsMobile();\n\n  // Since the useSettingsMenu hook can make API calls in order to check the links permissions\n  // We need to add a loading state to prevent redirecting the user while permissions are being checked\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  // On /settings base route\n  if (!match?.params.settingId) {\n    // On desktop: redirect to first settings page\n    if (!isMobile) {\n      return <Navigate to=\"application-infos\" />;\n    }\n\n    // On mobile: show navigation page\n    return (\n      <>\n        <Page.Title>\n          {formatMessage({\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          })}\n        </Page.Title>\n        <SubNav.PageWrapper>\n          <SettingsNav isFullPage />\n        </SubNav.PageWrapper>\n      </>\n    );\n  }\n\n  return (\n    <Layouts.Root sideNav={<SettingsNav />}>\n      <Page.Title>\n        {formatMessage({\n          id: 'global.settings',\n          defaultMessage: 'Settings',\n        })}\n      </Page.Title>\n      <Box\n        display={{ initial: 'block', medium: 'none' }}\n        paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n        paddingRight={RESPONSIVE_DEFAULT_SPACING}\n        paddingTop={RESPONSIVE_DEFAULT_SPACING}\n      >\n        <BackButton fallback=\"/settings\" />\n      </Box>\n      <Outlet />\n    </Layouts.Root>\n  );\n};\n\nexport { Layout };\n"],"names":["Layout","match","useMatch","formatMessage","useIntl","isLoading","useSettingsMenu","isMobile","useIsMobile","_jsx","Page","Loading","params","settingId","Navigate","to","_jsxs","_Fragment","Title","id","defaultMessage","SubNav","PageWrapper","SettingsNav","isFullPage","Layouts","Root","sideNav","Box","display","initial","medium","paddingLeft","RESPONSIVE_DEFAULT_SPACING","paddingRight","paddingTop","BackButton","fallback","Outlet"],"mappings":";;;;;;;;;;;;;;;AAcA,MAAMA,MAAAA,GAAS,IAAA;AACb;;;MAIA,MAAMC,QAAQC,uBAAAA,CAAS,wBAAA,CAAA;IACvB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,SAAS,EAAE,GAAGC,+BAAAA,EAAAA;AACtB,IAAA,MAAMC,QAAAA,GAAWC,yBAAAA,EAAAA;;;AAIjB,IAAA,IAAIH,SAAAA,EAAW;QACb,qBAAOI,cAAA,CAACC,iBAAKC,OAAO,EAAA,EAAA,CAAA;AACtB,IAAA;;IAGA,IAAI,CAACV,KAAAA,EAAOW,MAAAA,CAAOC,SAAAA,EAAW;;AAE5B,QAAA,IAAI,CAACN,QAAAA,EAAU;AACb,YAAA,qBAAOE,cAAA,CAACK,uBAAAA,EAAAA;gBAASC,EAAAA,EAAG;;AACtB,QAAA;;QAGA,qBACEC,eAAA,CAAAC,mBAAA,EAAA;;AACE,8BAAAR,cAAA,CAACC,iBAAKQ,KAAK,EAAA;8BACRf,aAAAA,CAAc;wBACbgB,EAAAA,EAAI,iBAAA;wBACJC,cAAAA,EAAgB;AAClB,qBAAA;;AAEF,8BAAAX,cAAA,CAACY,cAAOC,WAAW,EAAA;AACjB,oBAAA,QAAA,gBAAAb,cAAA,CAACc,uBAAAA,EAAAA;wBAAYC,UAAU,EAAA;;;;;AAI/B,IAAA;IAEA,qBACER,eAAA,CAACS,iBAAQC,IAAI,EAAA;AAACC,QAAAA,OAAAA,gBAASlB,cAAA,CAACc,uBAAAA,EAAAA,EAAAA,CAAAA;;AACtB,0BAAAd,cAAA,CAACC,iBAAKQ,KAAK,EAAA;0BACRf,aAAAA,CAAc;oBACbgB,EAAAA,EAAI,iBAAA;oBACJC,cAAAA,EAAgB;AAClB,iBAAA;;0BAEFX,cAAA,CAACmB,gBAAAA,EAAAA;gBACCC,OAAAA,EAAS;oBAAEC,OAAAA,EAAS,OAAA;oBAASC,MAAAA,EAAQ;AAAO,iBAAA;gBAC5CC,WAAAA,EAAaC,gCAAAA;gBACbC,YAAAA,EAAcD,gCAAAA;gBACdE,UAAAA,EAAYF,gCAAAA;AAEZ,gBAAA,QAAA,gBAAAxB,cAAA,CAAC2B,qBAAAA,EAAAA;oBAAWC,QAAAA,EAAS;;;0BAEvB5B,cAAA,CAAC6B,qBAAAA,EAAAA,EAAAA;;;AAGP;;;;"}
+{"version":3,"file":"Layout.js","sources":["../../../../../../admin/src/pages/Settings/Layout.tsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { Navigate, useMatch } from 'react-router-dom';\n\nimport { Layouts } from '../../components/Layouts/Layout';\nimport { LazyOutlet } from '../../components/LazyOutlet';\nimport { Page } from '../../components/PageHelpers';\nimport { SubNav } from '../../components/SubNav';\nimport { RESPONSIVE_DEFAULT_SPACING } from '../../constants/theme';\nimport { BackButton } from '../../features/BackButton';\nimport { useIsMobile } from '../../hooks/useMediaQuery';\nimport { useSettingsMenu } from '../../hooks/useSettingsMenu';\n\nimport { SettingsNav } from './components/SettingsNav';\n\nconst Layout = () => {\n  /**\n   * This ensures we're capturing the settingId from the URL\n   * but also lets any nesting after that pass.\n   */\n  const match = useMatch('/settings/:settingId/*');\n  const { formatMessage } = useIntl();\n  const { isLoading } = useSettingsMenu();\n  const isMobile = useIsMobile();\n\n  // Since the useSettingsMenu hook can make API calls in order to check the links permissions\n  // We need to add a loading state to prevent redirecting the user while permissions are being checked\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  // On /settings base route\n  if (!match?.params.settingId) {\n    // On desktop: redirect to first settings page\n    if (!isMobile) {\n      return <Navigate to=\"application-infos\" />;\n    }\n\n    // On mobile: show navigation page\n    return (\n      <>\n        <Page.Title>\n          {formatMessage({\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          })}\n        </Page.Title>\n        <SubNav.PageWrapper>\n          <SettingsNav isFullPage />\n        </SubNav.PageWrapper>\n      </>\n    );\n  }\n\n  return (\n    <Layouts.Root sideNav={<SettingsNav />}>\n      <Page.Title>\n        {formatMessage({\n          id: 'global.settings',\n          defaultMessage: 'Settings',\n        })}\n      </Page.Title>\n      <Box\n        display={{ initial: 'block', medium: 'none' }}\n        paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n        paddingRight={RESPONSIVE_DEFAULT_SPACING}\n        paddingTop={RESPONSIVE_DEFAULT_SPACING}\n      >\n        <BackButton fallback=\"/settings\" />\n      </Box>\n      <LazyOutlet nested />\n    </Layouts.Root>\n  );\n};\n\nexport { Layout };\n"],"names":["Layout","match","useMatch","formatMessage","useIntl","isLoading","useSettingsMenu","isMobile","useIsMobile","_jsx","Page","Loading","params","settingId","Navigate","to","_jsxs","_Fragment","Title","id","defaultMessage","SubNav","PageWrapper","SettingsNav","isFullPage","Layouts","Root","sideNav","Box","display","initial","medium","paddingLeft","RESPONSIVE_DEFAULT_SPACING","paddingRight","paddingTop","BackButton","fallback","LazyOutlet","nested"],"mappings":";;;;;;;;;;;;;;;;AAeA,MAAMA,MAAAA,GAAS,IAAA;AACb;;;MAIA,MAAMC,QAAQC,uBAAAA,CAAS,wBAAA,CAAA;IACvB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,SAAS,EAAE,GAAGC,+BAAAA,EAAAA;AACtB,IAAA,MAAMC,QAAAA,GAAWC,yBAAAA,EAAAA;;;AAIjB,IAAA,IAAIH,SAAAA,EAAW;QACb,qBAAOI,cAAA,CAACC,iBAAKC,OAAO,EAAA,EAAA,CAAA;AACtB,IAAA;;IAGA,IAAI,CAACV,KAAAA,EAAOW,MAAAA,CAAOC,SAAAA,EAAW;;AAE5B,QAAA,IAAI,CAACN,QAAAA,EAAU;AACb,YAAA,qBAAOE,cAAA,CAACK,uBAAAA,EAAAA;gBAASC,EAAAA,EAAG;;AACtB,QAAA;;QAGA,qBACEC,eAAA,CAAAC,mBAAA,EAAA;;AACE,8BAAAR,cAAA,CAACC,iBAAKQ,KAAK,EAAA;8BACRf,aAAAA,CAAc;wBACbgB,EAAAA,EAAI,iBAAA;wBACJC,cAAAA,EAAgB;AAClB,qBAAA;;AAEF,8BAAAX,cAAA,CAACY,cAAOC,WAAW,EAAA;AACjB,oBAAA,QAAA,gBAAAb,cAAA,CAACc,uBAAAA,EAAAA;wBAAYC,UAAU,EAAA;;;;;AAI/B,IAAA;IAEA,qBACER,eAAA,CAACS,iBAAQC,IAAI,EAAA;AAACC,QAAAA,OAAAA,gBAASlB,cAAA,CAACc,uBAAAA,EAAAA,EAAAA,CAAAA;;AACtB,0BAAAd,cAAA,CAACC,iBAAKQ,KAAK,EAAA;0BACRf,aAAAA,CAAc;oBACbgB,EAAAA,EAAI,iBAAA;oBACJC,cAAAA,EAAgB;AAClB,iBAAA;;0BAEFX,cAAA,CAACmB,gBAAAA,EAAAA;gBACCC,OAAAA,EAAS;oBAAEC,OAAAA,EAAS,OAAA;oBAASC,MAAAA,EAAQ;AAAO,iBAAA;gBAC5CC,WAAAA,EAAaC,gCAAAA;gBACbC,YAAAA,EAAcD,gCAAAA;gBACdE,UAAAA,EAAYF,gCAAAA;AAEZ,gBAAA,QAAA,gBAAAxB,cAAA,CAAC2B,qBAAAA,EAAAA;oBAAWC,QAAAA,EAAS;;;0BAEvB5B,cAAA,CAAC6B,qBAAAA,EAAAA;gBAAWC,MAAM,EAAA;;;;AAGxB;;;;"}

package/dist/admin/admin/src/pages/Settings/Layout.mjs

@@ -1,8 +1,9 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Box } from '@strapi/design-system';
 import { useIntl } from 'react-intl';
-import { useMatch, Navigate, Outlet } from 'react-router-dom';
+import { useMatch, Navigate } from 'react-router-dom';
 import { Layouts } from '../../components/Layouts/Layout.mjs';
+import { LazyOutlet } from '../../components/LazyOutlet.mjs';
 import { Page } from '../../components/PageHelpers.mjs';
 import { SubNav } from '../../components/SubNav.mjs';
 import { RESPONSIVE_DEFAULT_SPACING } from '../../constants/theme.mjs';
@@ -70,7 +71,9 @@ const Layout = ()=>{
                     fallback: "/settings"
                 })
             }),
-            /*#__PURE__*/ jsx(Outlet, {})
+            /*#__PURE__*/ jsx(LazyOutlet, {
+                nested: true
+            })
         ]
     });
 };

package/dist/admin/admin/src/pages/Settings/Layout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.mjs","sources":["../../../../../../admin/src/pages/Settings/Layout.tsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { Navigate, Outlet, useMatch } from 'react-router-dom';\n\nimport { Layouts } from '../../components/Layouts/Layout';\nimport { Page } from '../../components/PageHelpers';\nimport { SubNav } from '../../components/SubNav';\nimport { RESPONSIVE_DEFAULT_SPACING } from '../../constants/theme';\nimport { BackButton } from '../../features/BackButton';\nimport { useIsMobile } from '../../hooks/useMediaQuery';\nimport { useSettingsMenu } from '../../hooks/useSettingsMenu';\n\nimport { SettingsNav } from './components/SettingsNav';\n\nconst Layout = () => {\n  /**\n   * This ensures we're capturing the settingId from the URL\n   * but also lets any nesting after that pass.\n   */\n  const match = useMatch('/settings/:settingId/*');\n  const { formatMessage } = useIntl();\n  const { isLoading } = useSettingsMenu();\n  const isMobile = useIsMobile();\n\n  // Since the useSettingsMenu hook can make API calls in order to check the links permissions\n  // We need to add a loading state to prevent redirecting the user while permissions are being checked\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  // On /settings base route\n  if (!match?.params.settingId) {\n    // On desktop: redirect to first settings page\n    if (!isMobile) {\n      return <Navigate to=\"application-infos\" />;\n    }\n\n    // On mobile: show navigation page\n    return (\n      <>\n        <Page.Title>\n          {formatMessage({\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          })}\n        </Page.Title>\n        <SubNav.PageWrapper>\n          <SettingsNav isFullPage />\n        </SubNav.PageWrapper>\n      </>\n    );\n  }\n\n  return (\n    <Layouts.Root sideNav={<SettingsNav />}>\n      <Page.Title>\n        {formatMessage({\n          id: 'global.settings',\n          defaultMessage: 'Settings',\n        })}\n      </Page.Title>\n      <Box\n        display={{ initial: 'block', medium: 'none' }}\n        paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n        paddingRight={RESPONSIVE_DEFAULT_SPACING}\n        paddingTop={RESPONSIVE_DEFAULT_SPACING}\n      >\n        <BackButton fallback=\"/settings\" />\n      </Box>\n      <Outlet />\n    </Layouts.Root>\n  );\n};\n\nexport { Layout };\n"],"names":["Layout","match","useMatch","formatMessage","useIntl","isLoading","useSettingsMenu","isMobile","useIsMobile","_jsx","Page","Loading","params","settingId","Navigate","to","_jsxs","_Fragment","Title","id","defaultMessage","SubNav","PageWrapper","SettingsNav","isFullPage","Layouts","Root","sideNav","Box","display","initial","medium","paddingLeft","RESPONSIVE_DEFAULT_SPACING","paddingRight","paddingTop","BackButton","fallback","Outlet"],"mappings":";;;;;;;;;;;;;AAcA,MAAMA,MAAAA,GAAS,IAAA;AACb;;;MAIA,MAAMC,QAAQC,QAAAA,CAAS,wBAAA,CAAA;IACvB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAEC,SAAS,EAAE,GAAGC,eAAAA,EAAAA;AACtB,IAAA,MAAMC,QAAAA,GAAWC,WAAAA,EAAAA;;;AAIjB,IAAA,IAAIH,SAAAA,EAAW;QACb,qBAAOI,GAAA,CAACC,KAAKC,OAAO,EAAA,EAAA,CAAA;AACtB,IAAA;;IAGA,IAAI,CAACV,KAAAA,EAAOW,MAAAA,CAAOC,SAAAA,EAAW;;AAE5B,QAAA,IAAI,CAACN,QAAAA,EAAU;AACb,YAAA,qBAAOE,GAAA,CAACK,QAAAA,EAAAA;gBAASC,EAAAA,EAAG;;AACtB,QAAA;;QAGA,qBACEC,IAAA,CAAAC,QAAA,EAAA;;AACE,8BAAAR,GAAA,CAACC,KAAKQ,KAAK,EAAA;8BACRf,aAAAA,CAAc;wBACbgB,EAAAA,EAAI,iBAAA;wBACJC,cAAAA,EAAgB;AAClB,qBAAA;;AAEF,8BAAAX,GAAA,CAACY,OAAOC,WAAW,EAAA;AACjB,oBAAA,QAAA,gBAAAb,GAAA,CAACc,WAAAA,EAAAA;wBAAYC,UAAU,EAAA;;;;;AAI/B,IAAA;IAEA,qBACER,IAAA,CAACS,QAAQC,IAAI,EAAA;AAACC,QAAAA,OAAAA,gBAASlB,GAAA,CAACc,WAAAA,EAAAA,EAAAA,CAAAA;;AACtB,0BAAAd,GAAA,CAACC,KAAKQ,KAAK,EAAA;0BACRf,aAAAA,CAAc;oBACbgB,EAAAA,EAAI,iBAAA;oBACJC,cAAAA,EAAgB;AAClB,iBAAA;;0BAEFX,GAAA,CAACmB,GAAAA,EAAAA;gBACCC,OAAAA,EAAS;oBAAEC,OAAAA,EAAS,OAAA;oBAASC,MAAAA,EAAQ;AAAO,iBAAA;gBAC5CC,WAAAA,EAAaC,0BAAAA;gBACbC,YAAAA,EAAcD,0BAAAA;gBACdE,UAAAA,EAAYF,0BAAAA;AAEZ,gBAAA,QAAA,gBAAAxB,GAAA,CAAC2B,UAAAA,EAAAA;oBAAWC,QAAAA,EAAS;;;0BAEvB5B,GAAA,CAAC6B,MAAAA,EAAAA,EAAAA;;;AAGP;;;;"}
+{"version":3,"file":"Layout.mjs","sources":["../../../../../../admin/src/pages/Settings/Layout.tsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { Navigate, useMatch } from 'react-router-dom';\n\nimport { Layouts } from '../../components/Layouts/Layout';\nimport { LazyOutlet } from '../../components/LazyOutlet';\nimport { Page } from '../../components/PageHelpers';\nimport { SubNav } from '../../components/SubNav';\nimport { RESPONSIVE_DEFAULT_SPACING } from '../../constants/theme';\nimport { BackButton } from '../../features/BackButton';\nimport { useIsMobile } from '../../hooks/useMediaQuery';\nimport { useSettingsMenu } from '../../hooks/useSettingsMenu';\n\nimport { SettingsNav } from './components/SettingsNav';\n\nconst Layout = () => {\n  /**\n   * This ensures we're capturing the settingId from the URL\n   * but also lets any nesting after that pass.\n   */\n  const match = useMatch('/settings/:settingId/*');\n  const { formatMessage } = useIntl();\n  const { isLoading } = useSettingsMenu();\n  const isMobile = useIsMobile();\n\n  // Since the useSettingsMenu hook can make API calls in order to check the links permissions\n  // We need to add a loading state to prevent redirecting the user while permissions are being checked\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  // On /settings base route\n  if (!match?.params.settingId) {\n    // On desktop: redirect to first settings page\n    if (!isMobile) {\n      return <Navigate to=\"application-infos\" />;\n    }\n\n    // On mobile: show navigation page\n    return (\n      <>\n        <Page.Title>\n          {formatMessage({\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          })}\n        </Page.Title>\n        <SubNav.PageWrapper>\n          <SettingsNav isFullPage />\n        </SubNav.PageWrapper>\n      </>\n    );\n  }\n\n  return (\n    <Layouts.Root sideNav={<SettingsNav />}>\n      <Page.Title>\n        {formatMessage({\n          id: 'global.settings',\n          defaultMessage: 'Settings',\n        })}\n      </Page.Title>\n      <Box\n        display={{ initial: 'block', medium: 'none' }}\n        paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n        paddingRight={RESPONSIVE_DEFAULT_SPACING}\n        paddingTop={RESPONSIVE_DEFAULT_SPACING}\n      >\n        <BackButton fallback=\"/settings\" />\n      </Box>\n      <LazyOutlet nested />\n    </Layouts.Root>\n  );\n};\n\nexport { Layout };\n"],"names":["Layout","match","useMatch","formatMessage","useIntl","isLoading","useSettingsMenu","isMobile","useIsMobile","_jsx","Page","Loading","params","settingId","Navigate","to","_jsxs","_Fragment","Title","id","defaultMessage","SubNav","PageWrapper","SettingsNav","isFullPage","Layouts","Root","sideNav","Box","display","initial","medium","paddingLeft","RESPONSIVE_DEFAULT_SPACING","paddingRight","paddingTop","BackButton","fallback","LazyOutlet","nested"],"mappings":";;;;;;;;;;;;;;AAeA,MAAMA,MAAAA,GAAS,IAAA;AACb;;;MAIA,MAAMC,QAAQC,QAAAA,CAAS,wBAAA,CAAA;IACvB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAEC,SAAS,EAAE,GAAGC,eAAAA,EAAAA;AACtB,IAAA,MAAMC,QAAAA,GAAWC,WAAAA,EAAAA;;;AAIjB,IAAA,IAAIH,SAAAA,EAAW;QACb,qBAAOI,GAAA,CAACC,KAAKC,OAAO,EAAA,EAAA,CAAA;AACtB,IAAA;;IAGA,IAAI,CAACV,KAAAA,EAAOW,MAAAA,CAAOC,SAAAA,EAAW;;AAE5B,QAAA,IAAI,CAACN,QAAAA,EAAU;AACb,YAAA,qBAAOE,GAAA,CAACK,QAAAA,EAAAA;gBAASC,EAAAA,EAAG;;AACtB,QAAA;;QAGA,qBACEC,IAAA,CAAAC,QAAA,EAAA;;AACE,8BAAAR,GAAA,CAACC,KAAKQ,KAAK,EAAA;8BACRf,aAAAA,CAAc;wBACbgB,EAAAA,EAAI,iBAAA;wBACJC,cAAAA,EAAgB;AAClB,qBAAA;;AAEF,8BAAAX,GAAA,CAACY,OAAOC,WAAW,EAAA;AACjB,oBAAA,QAAA,gBAAAb,GAAA,CAACc,WAAAA,EAAAA;wBAAYC,UAAU,EAAA;;;;;AAI/B,IAAA;IAEA,qBACER,IAAA,CAACS,QAAQC,IAAI,EAAA;AAACC,QAAAA,OAAAA,gBAASlB,GAAA,CAACc,WAAAA,EAAAA,EAAAA,CAAAA;;AACtB,0BAAAd,GAAA,CAACC,KAAKQ,KAAK,EAAA;0BACRf,aAAAA,CAAc;oBACbgB,EAAAA,EAAI,iBAAA;oBACJC,cAAAA,EAAgB;AAClB,iBAAA;;0BAEFX,GAAA,CAACmB,GAAAA,EAAAA;gBACCC,OAAAA,EAAS;oBAAEC,OAAAA,EAAS,OAAA;oBAASC,MAAAA,EAAQ;AAAO,iBAAA;gBAC5CC,WAAAA,EAAaC,0BAAAA;gBACbC,YAAAA,EAAcD,0BAAAA;gBACdE,UAAAA,EAAYF,0BAAAA;AAEZ,gBAAA,QAAA,gBAAAxB,GAAA,CAAC2B,UAAAA,EAAAA;oBAAWC,QAAAA,EAAS;;;0BAEvB5B,GAAA,CAAC6B,UAAAA,EAAAA;gBAAWC,MAAM,EAAA;;;;AAGxB;;;;"}

package/dist/admin/admin/src/pages/Settings/pages/ApplicationInfo/ApplicationInfoPage.js

@@ -200,6 +200,7 @@ const AIUageDataCE = ()=>null;
                                                                         href: `https://github.com/strapi/strapi/releases/tag/${latestStrapiReleaseTag}`,
                                                                         endIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.ExternalLink, {}),
                                                                         target: "_blank",
+                                                                        rel: "noopener noreferrer",
                                                                         children: formatMessage({
                                                                             id: 'Settings.application.link-upgrade',
                                                                             defaultMessage: 'Upgrade your admin panel'