@strapi/admin 5.48.1 → 5.50.0

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/components/Tokens/FormHead.js

@@ -14,7 +14,8 @@ var Notifications = require('../../../../features/Notifications.js');
 var useAPIErrorHandler = require('../../../../hooks/useAPIErrorHandler.js');
 var transferTokens = require('../../../../services/transferTokens.js');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -31,7 +32,7 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 const ActionButton = styled.styled(designSystem.Button)`
   white-space: nowrap;

package/dist/admin/admin/src/pages/Settings/components/Tokens/FormHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormHead.js","sources":["../../../../../../../../admin/src/pages/Settings/components/Tokens/FormHead.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Button, Dialog, Flex, Tooltip } from '@strapi/design-system';\nimport { Check, ArrowClockwise, Eye, EyeStriked } from '@strapi/icons';\nimport { MessageDescriptor, useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { ConfirmDialog } from '../../../../components/ConfirmDialog';\nimport { tours } from '../../../../components/GuidedTour/Tours';\nimport { Layouts } from '../../../../components/Layouts/Layout';\nimport { BackButton } from '../../../../features/BackButton';\nimport { useNotification } from '../../../../features/Notifications';\nimport { useAPIErrorHandler } from '../../../../hooks/useAPIErrorHandler';\nimport { useRegenerateTokenMutation } from '../../../../services/transferTokens';\n\nimport type { Data } from '@strapi/types';\n\ninterface RegenerateProps {\n  onRegenerate?: (newKey: string) => void;\n  url: string;\n}\n\nconst ActionButton = styled(Button)`\n  white-space: nowrap;\n`;\n\nconst Regenerate = ({ onRegenerate, url }: RegenerateProps) => {\n  const { formatMessage } = useIntl();\n  const [showConfirmDialog, setShowConfirmDialog] = React.useState(false);\n\n  const [isLoadingConfirmation, setIsLoadingConfirmation] = React.useState(false);\n  const { toggleNotification } = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n\n  const [regenerateToken] = useRegenerateTokenMutation();\n\n  const regenerateData = async () => {\n    try {\n      const res = await regenerateToken(url);\n\n      if ('error' in res) {\n        toggleNotification({\n          type: 'danger',\n          message: formatAPIError(res.error),\n        });\n\n        return;\n      }\n\n      if (onRegenerate) {\n        onRegenerate(res.data.accessKey);\n      }\n    } catch (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: 'notification.error',\n          defaultMessage: 'Something went wrong',\n        }),\n      });\n    } finally {\n      setIsLoadingConfirmation(false);\n    }\n  };\n\n  const handleConfirmRegeneration = async () => {\n    regenerateData();\n    setShowConfirmDialog(false);\n  };\n\n  return (\n    <Dialog.Root open={showConfirmDialog} onOpenChange={setShowConfirmDialog}>\n      <Dialog.Trigger>\n        <ActionButton\n          startIcon={<ArrowClockwise />}\n          type=\"button\"\n          size=\"S\"\n          variant=\"tertiary\"\n          onClick={() => setShowConfirmDialog(true)}\n          name=\"regenerate\"\n          fullWidth\n        >\n          {formatMessage({\n            id: 'Settings.tokens.regenerate',\n            defaultMessage: 'Regenerate',\n          })}\n        </ActionButton>\n      </Dialog.Trigger>\n\n      <ConfirmDialog\n        title={formatMessage({\n          id: 'Settings.tokens.RegenerateDialog.title',\n          defaultMessage: 'Regenerate token',\n        })}\n        endAction={\n          <Button\n            startIcon={<ArrowClockwise />}\n            loading={isLoadingConfirmation}\n            onClick={handleConfirmRegeneration}\n          >\n            {formatMessage({\n              id: 'Settings.tokens.Button.regenerate',\n              defaultMessage: 'Regenerate',\n            })}\n          </Button>\n        }\n      >\n        {formatMessage({\n          id: 'Settings.tokens.popUpWarning.message',\n          defaultMessage: 'Are you sure you want to regenerate this token?',\n        })}\n      </ConfirmDialog>\n    </Dialog.Root>\n  );\n};\n\ninterface Token {\n  id: Data.ID;\n  name: string;\n}\n\ninterface FormHeadProps<TToken extends Token | null> {\n  title: MessageDescriptor;\n  token: TToken;\n  canEditInputs: boolean;\n  canRegenerate: boolean;\n  canShowToken?: boolean;\n  setToken: (token: TToken) => void;\n  toggleToken?: () => void;\n  showToken?: boolean;\n  isSubmitting: boolean;\n  regenerateUrl: string;\n}\n\nexport const FormHead = <TToken extends Token | null>({\n  title,\n  token,\n  setToken,\n  toggleToken,\n  showToken,\n  canShowToken,\n  canEditInputs,\n  canRegenerate,\n  isSubmitting,\n  regenerateUrl,\n}: FormHeadProps<TToken>) => {\n  const { formatMessage } = useIntl();\n  const handleRegenerate = (newKey: string) => {\n    setToken({\n      ...token,\n      accessKey: newKey,\n    });\n    toggleToken?.();\n  };\n\n  return (\n    <Layouts.Header\n      title={token?.name || formatMessage(title)}\n      primaryAction={\n        canEditInputs ? (\n          <Flex width=\"100%\" gap={2} wrap={{ initial: 'wrap', medium: 'nowrap' }}>\n            {canRegenerate && token?.id && (\n              <Regenerate\n                onRegenerate={handleRegenerate}\n                url={`${regenerateUrl}${token?.id ?? ''}`}\n              />\n            )}\n            <Flex width=\"100%\" gap={2}>\n              {token?.id && toggleToken && canShowToken === true && (\n                <tours.apiTokens.ViewAPIToken>\n                  <Tooltip\n                    label={\n                      !canShowToken &&\n                      formatMessage({\n                        id: 'Settings.tokens.encryptionKeyMissing',\n                        defaultMessage:\n                          'In order to view the token, you need a valid encryption key in the admin configuration',\n                      })\n                    }\n                  >\n                    <ActionButton\n                      type=\"button\"\n                      startIcon={showToken ? <EyeStriked /> : <Eye />}\n                      variant=\"secondary\"\n                      onClick={() => toggleToken?.()}\n                      disabled={!canShowToken}\n                      fullWidth\n                    >\n                      {formatMessage({\n                        id: 'Settings.tokens.viewToken',\n                        defaultMessage: 'View token',\n                      })}\n                    </ActionButton>\n                  </Tooltip>\n                </tours.apiTokens.ViewAPIToken>\n              )}\n              <ActionButton\n                disabled={isSubmitting}\n                loading={isSubmitting}\n                startIcon={<Check />}\n                type=\"submit\"\n                size=\"S\"\n                fullWidth\n              >\n                {formatMessage({\n                  id: 'global.save',\n                  defaultMessage: 'Save',\n                })}\n              </ActionButton>\n            </Flex>\n          </Flex>\n        ) : (\n          canRegenerate &&\n          token?.id && (\n            <Regenerate\n              onRegenerate={handleRegenerate}\n              url={`${regenerateUrl}${token?.id ?? ''}`}\n            />\n          )\n        )\n      }\n      navigationAction={\n        // The back link for mobile works differently; it is placed higher up in the DOM.\n        <Box display={{ initial: 'none', medium: 'block' }}>\n          <BackButton />\n        </Box>\n      }\n      ellipsis\n    />\n  );\n};\n"],"names":["ActionButton","styled","Button","Regenerate","onRegenerate","url","formatMessage","useIntl","showConfirmDialog","setShowConfirmDialog","React","useState","isLoadingConfirmation","setIsLoadingConfirmation","toggleNotification","useNotification","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","regenerateToken","useRegenerateTokenMutation","regenerateData","res","type","message","error","data","accessKey","id","defaultMessage","handleConfirmRegeneration","_jsxs","Dialog","Root","open","onOpenChange","_jsx","Trigger","startIcon","ArrowClockwise","size","variant","onClick","name","fullWidth","ConfirmDialog","title","endAction","loading","FormHead","token","setToken","toggleToken","showToken","canShowToken","canEditInputs","canRegenerate","isSubmitting","regenerateUrl","handleRegenerate","newKey","Layouts","Header","primaryAction","Flex","width","gap","wrap","initial","medium","tours","apiTokens","ViewAPIToken","Tooltip","label","EyeStriked","Eye","disabled","Check","navigationAction","Box","display","BackButton","ellipsis"],"mappings":"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"}
+{"version":3,"file":"FormHead.js","sources":["../../../../../../../../admin/src/pages/Settings/components/Tokens/FormHead.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Button, Dialog, Flex, Tooltip } from '@strapi/design-system';\nimport { Check, ArrowClockwise, Eye, EyeStriked } from '@strapi/icons';\nimport { MessageDescriptor, useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { ConfirmDialog } from '../../../../components/ConfirmDialog';\nimport { tours } from '../../../../components/GuidedTour/Tours';\nimport { Layouts } from '../../../../components/Layouts/Layout';\nimport { BackButton } from '../../../../features/BackButton';\nimport { useNotification } from '../../../../features/Notifications';\nimport { useAPIErrorHandler } from '../../../../hooks/useAPIErrorHandler';\nimport { useRegenerateTokenMutation } from '../../../../services/transferTokens';\n\nimport type { Data } from '@strapi/types';\n\ninterface RegenerateProps {\n  onRegenerate?: (newKey: string) => void;\n  url: string;\n}\n\nconst ActionButton = styled(Button)`\n  white-space: nowrap;\n`;\n\nconst Regenerate = ({ onRegenerate, url }: RegenerateProps) => {\n  const { formatMessage } = useIntl();\n  const [showConfirmDialog, setShowConfirmDialog] = React.useState(false);\n\n  const [isLoadingConfirmation, setIsLoadingConfirmation] = React.useState(false);\n  const { toggleNotification } = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n\n  const [regenerateToken] = useRegenerateTokenMutation();\n\n  const regenerateData = async () => {\n    try {\n      const res = await regenerateToken(url);\n\n      if ('error' in res) {\n        toggleNotification({\n          type: 'danger',\n          message: formatAPIError(res.error),\n        });\n\n        return;\n      }\n\n      if (onRegenerate) {\n        onRegenerate(res.data.accessKey);\n      }\n    } catch (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: 'notification.error',\n          defaultMessage: 'Something went wrong',\n        }),\n      });\n    } finally {\n      setIsLoadingConfirmation(false);\n    }\n  };\n\n  const handleConfirmRegeneration = async () => {\n    regenerateData();\n    setShowConfirmDialog(false);\n  };\n\n  return (\n    <Dialog.Root open={showConfirmDialog} onOpenChange={setShowConfirmDialog}>\n      <Dialog.Trigger>\n        <ActionButton\n          startIcon={<ArrowClockwise />}\n          type=\"button\"\n          size=\"S\"\n          variant=\"tertiary\"\n          onClick={() => setShowConfirmDialog(true)}\n          name=\"regenerate\"\n          fullWidth\n        >\n          {formatMessage({\n            id: 'Settings.tokens.regenerate',\n            defaultMessage: 'Regenerate',\n          })}\n        </ActionButton>\n      </Dialog.Trigger>\n\n      <ConfirmDialog\n        title={formatMessage({\n          id: 'Settings.tokens.RegenerateDialog.title',\n          defaultMessage: 'Regenerate token',\n        })}\n        endAction={\n          <Button\n            startIcon={<ArrowClockwise />}\n            loading={isLoadingConfirmation}\n            onClick={handleConfirmRegeneration}\n          >\n            {formatMessage({\n              id: 'Settings.tokens.Button.regenerate',\n              defaultMessage: 'Regenerate',\n            })}\n          </Button>\n        }\n      >\n        {formatMessage({\n          id: 'Settings.tokens.popUpWarning.message',\n          defaultMessage: 'Are you sure you want to regenerate this token?',\n        })}\n      </ConfirmDialog>\n    </Dialog.Root>\n  );\n};\n\ninterface Token {\n  id: Data.ID;\n  name: string;\n}\n\ninterface FormHeadProps<TToken extends Token | null> {\n  title: MessageDescriptor;\n  token: TToken;\n  canEditInputs: boolean;\n  canRegenerate: boolean;\n  canShowToken?: boolean;\n  setToken: (token: TToken) => void;\n  toggleToken?: () => void;\n  showToken?: boolean;\n  isSubmitting: boolean;\n  regenerateUrl: string;\n}\n\nexport const FormHead = <TToken extends Token | null>({\n  title,\n  token,\n  setToken,\n  toggleToken,\n  showToken,\n  canShowToken,\n  canEditInputs,\n  canRegenerate,\n  isSubmitting,\n  regenerateUrl,\n}: FormHeadProps<TToken>) => {\n  const { formatMessage } = useIntl();\n  const handleRegenerate = (newKey: string) => {\n    setToken({\n      ...token,\n      accessKey: newKey,\n    });\n    toggleToken?.();\n  };\n\n  return (\n    <Layouts.Header\n      title={token?.name || formatMessage(title)}\n      primaryAction={\n        canEditInputs ? (\n          <Flex width=\"100%\" gap={2} wrap={{ initial: 'wrap', medium: 'nowrap' }}>\n            {canRegenerate && token?.id && (\n              <Regenerate\n                onRegenerate={handleRegenerate}\n                url={`${regenerateUrl}${token?.id ?? ''}`}\n              />\n            )}\n            <Flex width=\"100%\" gap={2}>\n              {token?.id && toggleToken && canShowToken === true && (\n                <tours.apiTokens.ViewAPIToken>\n                  <Tooltip\n                    label={\n                      !canShowToken &&\n                      formatMessage({\n                        id: 'Settings.tokens.encryptionKeyMissing',\n                        defaultMessage:\n                          'In order to view the token, you need a valid encryption key in the admin configuration',\n                      })\n                    }\n                  >\n                    <ActionButton\n                      type=\"button\"\n                      startIcon={showToken ? <EyeStriked /> : <Eye />}\n                      variant=\"secondary\"\n                      onClick={() => toggleToken?.()}\n                      disabled={!canShowToken}\n                      fullWidth\n                    >\n                      {formatMessage({\n                        id: 'Settings.tokens.viewToken',\n                        defaultMessage: 'View token',\n                      })}\n                    </ActionButton>\n                  </Tooltip>\n                </tours.apiTokens.ViewAPIToken>\n              )}\n              <ActionButton\n                disabled={isSubmitting}\n                loading={isSubmitting}\n                startIcon={<Check />}\n                type=\"submit\"\n                size=\"S\"\n                fullWidth\n              >\n                {formatMessage({\n                  id: 'global.save',\n                  defaultMessage: 'Save',\n                })}\n              </ActionButton>\n            </Flex>\n          </Flex>\n        ) : (\n          canRegenerate &&\n          token?.id && (\n            <Regenerate\n              onRegenerate={handleRegenerate}\n              url={`${regenerateUrl}${token?.id ?? ''}`}\n            />\n          )\n        )\n      }\n      navigationAction={\n        // The back link for mobile works differently; it is placed higher up in the DOM.\n        <Box display={{ initial: 'none', medium: 'block' }}>\n          <BackButton />\n        </Box>\n      }\n      ellipsis\n    />\n  );\n};\n"],"names":["ActionButton","styled","Button","Regenerate","onRegenerate","url","formatMessage","useIntl","showConfirmDialog","setShowConfirmDialog","React","useState","isLoadingConfirmation","setIsLoadingConfirmation","toggleNotification","useNotification","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","regenerateToken","useRegenerateTokenMutation","regenerateData","res","type","message","error","data","accessKey","id","defaultMessage","handleConfirmRegeneration","_jsxs","Dialog","Root","open","onOpenChange","_jsx","Trigger","startIcon","ArrowClockwise","size","variant","onClick","name","fullWidth","ConfirmDialog","title","endAction","loading","FormHead","token","setToken","toggleToken","showToken","canShowToken","canEditInputs","canRegenerate","isSubmitting","regenerateUrl","handleRegenerate","newKey","Layouts","Header","primaryAction","Flex","width","gap","wrap","initial","medium","tours","apiTokens","ViewAPIToken","Tooltip","label","EyeStriked","Eye","disabled","Check","navigationAction","Box","display","BackButton","ellipsis"],"mappings":"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"}

package/dist/admin/admin/src/pages/Settings/components/Tokens/Table.js

@@ -14,7 +14,8 @@ var Table$1 = require('../../../../components/Table.js');
 var Tracking = require('../../../../features/Tracking.js');
 var useQueryParams = require('../../../../hooks/useQueryParams.js');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -31,7 +32,7 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 const formatAdminUserName = (owner)=>{
     const full = [