@strapi/admin 0.0.0-experimental.62ce06180fe9a772eaeb3d43d238b26644f39f7c → 0.0.0-experimental.6340da17068c3bed7fb006e7bcc554c71129e282

package/dist/admin/admin/src/layouts/AuthenticatedLayout.js

@@ -0,0 +1,183 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var packageInfo = require('@strapi/admin/package.json');
+var designSystem = require('@strapi/design-system');
+var reactDnd = require('react-dnd');
+var reactDndHtml5Backend = require('react-dnd-html5-backend');
+var reactIntl = require('react-intl');
+var lt = require('semver/functions/lt');
+var valid = require('semver/functions/valid');
+var LazyOutlet = require('../components/LazyOutlet.js');
+var LeftMenu = require('../components/LeftMenu.js');
+var NpsSurvey = require('../components/NpsSurvey.js');
+var PageHelpers = require('../components/PageHelpers.js');
+var PluginsInitializer = require('../components/PluginsInitializer.js');
+var PrivateRoute = require('../components/PrivateRoute.js');
+var UpsellBanner = require('../components/UpsellBanner.js');
+var AppInfo = require('../features/AppInfo.js');
+var Auth = require('../features/Auth.js');
+var Configuration = require('../features/Configuration.js');
+var StrapiApp = require('../features/StrapiApp.js');
+var Tracking = require('../features/Tracking.js');
+var useMenu = require('../hooks/useMenu.js');
+var admin = require('../services/admin.js');
+var users = require('../utils/users.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var packageInfo__default = /*#__PURE__*/_interopDefault(packageInfo);
+var lt__default = /*#__PURE__*/_interopDefault(lt);
+var valid__default = /*#__PURE__*/_interopDefault(valid);
+
+const { version: strapiVersion } = packageInfo__default.default;
+const AdminLayout = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const userInfo = Auth.useAuth('AuthenticatedApp', (state)=>state.user);
+    const [userId, setUserId] = React__namespace.useState();
+    const { showReleaseNotification } = Configuration.useConfiguration('AuthenticatedApp');
+    const { data: appInfo, isLoading: isLoadingAppInfo } = admin.useInformationQuery();
+    const [tagName, setTagName] = React__namespace.useState(strapiVersion);
+    React__namespace.useEffect(()=>{
+        if (showReleaseNotification) {
+            fetch('https://api.github.com/repos/strapi/strapi/releases/latest').then(async (res)=>{
+                if (!res.ok) {
+                    return;
+                }
+                const response = await res.json();
+                if (!response.tag_name) {
+                    throw new Error();
+                }
+                setTagName(response.tag_name);
+            }).catch(()=>{
+            /**
+           * silence is golden & we'll use the strapiVersion as a fallback
+           */ });
+        }
+    }, [
+        showReleaseNotification
+    ]);
+    React__namespace.useEffect(()=>{
+        users.hashAdminUserEmail(userInfo).then((id)=>{
+            if (id) {
+                setUserId(id);
+            }
+        });
+    }, [
+        userInfo
+    ]);
+    const { trackUsage } = Tracking.useTracking();
+    const { isLoading: isLoadingMenu, generalSectionLinks, pluginsSectionLinks, topMobileNavigation, burgerMobileNavigation } = useMenu.useMenu(checkLatestStrapiVersion(strapiVersion, tagName));
+    const getAllWidgets = StrapiApp.useStrapiApp('TrackingProvider', (state)=>state.widgets.getAll);
+    const projectId = appInfo?.projectId;
+    React__namespace.useEffect(()=>{
+        if (projectId) {
+            trackUsage('didAccessAuthenticatedAdministration', {
+                registeredWidgets: getAllWidgets().map((widget)=>widget.uid),
+                projectId
+            });
+        }
+    }, [
+        projectId,
+        getAllWidgets,
+        trackUsage
+    ]);
+    // We don't need to wait for the release query to be fetched before rendering the plugins
+    // however, we need the appInfos and the permissions
+    if (isLoadingMenu || isLoadingAppInfo) {
+        return /*#__PURE__*/ jsxRuntime.jsx(PageHelpers.Page.Loading, {});
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(AppInfo.AppInfoProvider, {
+        ...appInfo,
+        userId: userId,
+        latestStrapiReleaseTag: tagName,
+        shouldUpdateStrapi: checkLatestStrapiVersion(strapiVersion, tagName),
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(NpsSurvey.NpsSurvey, {}),
+            /*#__PURE__*/ jsxRuntime.jsx(PluginsInitializer.PluginsInitializer, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(reactDnd.DndProvider, {
+                    backend: reactDndHtml5Backend.HTML5Backend,
+                    children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
+                        background: "neutral100",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.SkipToContent, {
+                                children: formatMessage({
+                                    id: 'skipToContent',
+                                    defaultMessage: 'Skip to content'
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                height: "100dvh",
+                                direction: {
+                                    initial: 'column',
+                                    large: 'row'
+                                },
+                                alignItems: "flex-start",
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(LeftMenu.LeftMenu, {
+                                        generalSectionLinks: generalSectionLinks,
+                                        pluginsSectionLinks: pluginsSectionLinks,
+                                        topMobileNavigation: topMobileNavigation,
+                                        burgerMobileNavigation: burgerMobileNavigation
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                        direction: "column",
+                                        alignItems: "stretch",
+                                        flex: 1,
+                                        overflow: "auto",
+                                        width: "100%",
+                                        height: {
+                                            initial: 'auto',
+                                            large: '100%'
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ jsxRuntime.jsx(UpsellBanner.UpsellBanner, {}),
+                                            /*#__PURE__*/ jsxRuntime.jsx(LazyOutlet.LazyOutlet, {
+                                                suspenseOnly: true
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                })
+            })
+        ]
+    });
+};
+const PrivateAdminLayout = ()=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(PrivateRoute.PrivateRoute, {
+        children: /*#__PURE__*/ jsxRuntime.jsx(AdminLayout, {})
+    });
+};
+const checkLatestStrapiVersion = (currentPackageVersion, latestPublishedVersion = '')=>{
+    if (!valid__default.default(currentPackageVersion) || !valid__default.default(latestPublishedVersion)) {
+        return false;
+    }
+    return lt__default.default(currentPackageVersion, latestPublishedVersion);
+};
+
+exports.AdminLayout = AdminLayout;
+exports.PrivateAdminLayout = PrivateAdminLayout;
+//# sourceMappingURL=AuthenticatedLayout.js.map

package/dist/admin/admin/src/layouts/AuthenticatedLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthenticatedLayout.js","sources":["../../../../../admin/src/layouts/AuthenticatedLayout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport packageInfo from '@strapi/admin/package.json';\nimport { Box, Flex, SkipToContent } from '@strapi/design-system';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { useIntl } from 'react-intl';\nimport lt from 'semver/functions/lt';\nimport valid from 'semver/functions/valid';\n\nimport { LazyOutlet } from '../components/LazyOutlet';\nimport { LeftMenu } from '../components/LeftMenu';\nimport { NpsSurvey } from '../components/NpsSurvey';\nimport { Page } from '../components/PageHelpers';\nimport { PluginsInitializer } from '../components/PluginsInitializer';\nimport { PrivateRoute } from '../components/PrivateRoute';\nimport { UpsellBanner } from '../components/UpsellBanner';\nimport { AppInfoProvider } from '../features/AppInfo';\nimport { useAuth } from '../features/Auth';\nimport { useConfiguration } from '../features/Configuration';\nimport { useStrapiApp } from '../features/StrapiApp';\nimport { useTracking } from '../features/Tracking';\nimport { useMenu } from '../hooks/useMenu';\nimport { useInformationQuery } from '../services/admin';\nimport { hashAdminUserEmail } from '../utils/users';\n\nconst { version: strapiVersion } = packageInfo;\n\nconst AdminLayout = () => {\n  const { formatMessage } = useIntl();\n  const userInfo = useAuth('AuthenticatedApp', (state) => state.user);\n  const [userId, setUserId] = React.useState<string>();\n  const { showReleaseNotification } = useConfiguration('AuthenticatedApp');\n\n  const { data: appInfo, isLoading: isLoadingAppInfo } = useInformationQuery();\n  const [tagName, setTagName] = React.useState<string>(strapiVersion);\n\n  React.useEffect(() => {\n    if (showReleaseNotification) {\n      fetch('https://api.github.com/repos/strapi/strapi/releases/latest')\n        .then(async (res) => {\n          if (!res.ok) {\n            return;\n          }\n\n          const response = (await res.json()) as { tag_name: string | null | undefined };\n\n          if (!response.tag_name) {\n            throw new Error();\n          }\n\n          setTagName(response.tag_name);\n        })\n        .catch(() => {\n          /**\n           * silence is golden & we'll use the strapiVersion as a fallback\n           */\n        });\n    }\n  }, [showReleaseNotification]);\n\n  React.useEffect(() => {\n    hashAdminUserEmail(userInfo).then((id) => {\n      if (id) {\n        setUserId(id);\n      }\n    });\n  }, [userInfo]);\n\n  const { trackUsage } = useTracking();\n\n  const {\n    isLoading: isLoadingMenu,\n    generalSectionLinks,\n    pluginsSectionLinks,\n    topMobileNavigation,\n    burgerMobileNavigation,\n  } = useMenu(checkLatestStrapiVersion(strapiVersion, tagName));\n\n  const getAllWidgets = useStrapiApp('TrackingProvider', (state) => state.widgets.getAll);\n  const projectId = appInfo?.projectId;\n  React.useEffect(() => {\n    if (projectId) {\n      trackUsage('didAccessAuthenticatedAdministration', {\n        registeredWidgets: getAllWidgets().map((widget) => widget.uid),\n        projectId,\n      });\n    }\n  }, [projectId, getAllWidgets, trackUsage]);\n\n  // We don't need to wait for the release query to be fetched before rendering the plugins\n  // however, we need the appInfos and the permissions\n  if (isLoadingMenu || isLoadingAppInfo) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <AppInfoProvider\n      {...appInfo}\n      userId={userId}\n      latestStrapiReleaseTag={tagName}\n      shouldUpdateStrapi={checkLatestStrapiVersion(strapiVersion, tagName)}\n    >\n      <NpsSurvey />\n      <PluginsInitializer>\n        <DndProvider backend={HTML5Backend}>\n          <Box background=\"neutral100\">\n            <SkipToContent>\n              {formatMessage({ id: 'skipToContent', defaultMessage: 'Skip to content' })}\n            </SkipToContent>\n            <Flex\n              height=\"100dvh\"\n              direction={{\n                initial: 'column',\n                large: 'row',\n              }}\n              alignItems=\"flex-start\"\n            >\n              <LeftMenu\n                generalSectionLinks={generalSectionLinks}\n                pluginsSectionLinks={pluginsSectionLinks}\n                topMobileNavigation={topMobileNavigation}\n                burgerMobileNavigation={burgerMobileNavigation}\n              />\n              <Flex\n                direction=\"column\"\n                alignItems=\"stretch\"\n                flex={1}\n                overflow=\"auto\"\n                width=\"100%\"\n                height={{\n                  initial: 'auto',\n                  large: '100%',\n                }}\n              >\n                <UpsellBanner />\n                {/*\n                 * Top-level Suspense only — nested layouts (Settings, Content Manager) use\n                 * LazyOutlet with useNavigation so in-app navigations show loading in the content\n                 * column without hiding section side navs.\n                 */}\n                <LazyOutlet suspenseOnly />\n              </Flex>\n            </Flex>\n          </Box>\n        </DndProvider>\n      </PluginsInitializer>\n    </AppInfoProvider>\n  );\n};\n\nconst PrivateAdminLayout = () => {\n  return (\n    <PrivateRoute>\n      <AdminLayout />\n    </PrivateRoute>\n  );\n};\n\nconst checkLatestStrapiVersion = (\n  currentPackageVersion: string,\n  latestPublishedVersion: string = ''\n): boolean => {\n  if (!valid(currentPackageVersion) || !valid(latestPublishedVersion)) {\n    return false;\n  }\n\n  return lt(currentPackageVersion, latestPublishedVersion);\n};\n\nexport { AdminLayout, PrivateAdminLayout };\n"],"names":["version","strapiVersion","packageInfo","AdminLayout","formatMessage","useIntl","userInfo","useAuth","state","user","userId","setUserId","React","useState","showReleaseNotification","useConfiguration","data","appInfo","isLoading","isLoadingAppInfo","useInformationQuery","tagName","setTagName","useEffect","fetch","then","res","ok","response","json","tag_name","Error","catch","hashAdminUserEmail","id","trackUsage","useTracking","isLoadingMenu","generalSectionLinks","pluginsSectionLinks","topMobileNavigation","burgerMobileNavigation","useMenu","checkLatestStrapiVersion","getAllWidgets","useStrapiApp","widgets","getAll","projectId","registeredWidgets","map","widget","uid","_jsx","Page","Loading","_jsxs","AppInfoProvider","latestStrapiReleaseTag","shouldUpdateStrapi","NpsSurvey","PluginsInitializer","DndProvider","backend","HTML5Backend","Box","background","SkipToContent","defaultMessage","Flex","height","direction","initial","large","alignItems","LeftMenu","flex","overflow","width","UpsellBanner","LazyOutlet","suspenseOnly","PrivateAdminLayout","PrivateRoute","currentPackageVersion","latestPublishedVersion","valid","lt"],"mappings":"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"}

package/dist/admin/admin/src/layouts/AuthenticatedLayout.mjs

@@ -0,0 +1,155 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import packageInfo from '@strapi/admin/package.json';
+import { Box, SkipToContent, Flex } from '@strapi/design-system';
+import { DndProvider } from 'react-dnd';
+import { HTML5Backend } from 'react-dnd-html5-backend';
+import { useIntl } from 'react-intl';
+import lt from 'semver/functions/lt';
+import valid from 'semver/functions/valid';
+import { LazyOutlet } from '../components/LazyOutlet.mjs';
+import { LeftMenu } from '../components/LeftMenu.mjs';
+import { NpsSurvey } from '../components/NpsSurvey.mjs';
+import { Page } from '../components/PageHelpers.mjs';
+import { PluginsInitializer } from '../components/PluginsInitializer.mjs';
+import { PrivateRoute } from '../components/PrivateRoute.mjs';
+import { UpsellBanner } from '../components/UpsellBanner.mjs';
+import { AppInfoProvider } from '../features/AppInfo.mjs';
+import { useAuth } from '../features/Auth.mjs';
+import { useConfiguration } from '../features/Configuration.mjs';
+import { useStrapiApp } from '../features/StrapiApp.mjs';
+import { useTracking } from '../features/Tracking.mjs';
+import { useMenu } from '../hooks/useMenu.mjs';
+import { useInformationQuery } from '../services/admin.mjs';
+import { hashAdminUserEmail } from '../utils/users.mjs';
+
+const { version: strapiVersion } = packageInfo;
+const AdminLayout = ()=>{
+    const { formatMessage } = useIntl();
+    const userInfo = useAuth('AuthenticatedApp', (state)=>state.user);
+    const [userId, setUserId] = React.useState();
+    const { showReleaseNotification } = useConfiguration('AuthenticatedApp');
+    const { data: appInfo, isLoading: isLoadingAppInfo } = useInformationQuery();
+    const [tagName, setTagName] = React.useState(strapiVersion);
+    React.useEffect(()=>{
+        if (showReleaseNotification) {
+            fetch('https://api.github.com/repos/strapi/strapi/releases/latest').then(async (res)=>{
+                if (!res.ok) {
+                    return;
+                }
+                const response = await res.json();
+                if (!response.tag_name) {
+                    throw new Error();
+                }
+                setTagName(response.tag_name);
+            }).catch(()=>{
+            /**
+           * silence is golden & we'll use the strapiVersion as a fallback
+           */ });
+        }
+    }, [
+        showReleaseNotification
+    ]);
+    React.useEffect(()=>{
+        hashAdminUserEmail(userInfo).then((id)=>{
+            if (id) {
+                setUserId(id);
+            }
+        });
+    }, [
+        userInfo
+    ]);
+    const { trackUsage } = useTracking();
+    const { isLoading: isLoadingMenu, generalSectionLinks, pluginsSectionLinks, topMobileNavigation, burgerMobileNavigation } = useMenu(checkLatestStrapiVersion(strapiVersion, tagName));
+    const getAllWidgets = useStrapiApp('TrackingProvider', (state)=>state.widgets.getAll);
+    const projectId = appInfo?.projectId;
+    React.useEffect(()=>{
+        if (projectId) {
+            trackUsage('didAccessAuthenticatedAdministration', {
+                registeredWidgets: getAllWidgets().map((widget)=>widget.uid),
+                projectId
+            });
+        }
+    }, [
+        projectId,
+        getAllWidgets,
+        trackUsage
+    ]);
+    // We don't need to wait for the release query to be fetched before rendering the plugins
+    // however, we need the appInfos and the permissions
+    if (isLoadingMenu || isLoadingAppInfo) {
+        return /*#__PURE__*/ jsx(Page.Loading, {});
+    }
+    return /*#__PURE__*/ jsxs(AppInfoProvider, {
+        ...appInfo,
+        userId: userId,
+        latestStrapiReleaseTag: tagName,
+        shouldUpdateStrapi: checkLatestStrapiVersion(strapiVersion, tagName),
+        children: [
+            /*#__PURE__*/ jsx(NpsSurvey, {}),
+            /*#__PURE__*/ jsx(PluginsInitializer, {
+                children: /*#__PURE__*/ jsx(DndProvider, {
+                    backend: HTML5Backend,
+                    children: /*#__PURE__*/ jsxs(Box, {
+                        background: "neutral100",
+                        children: [
+                            /*#__PURE__*/ jsx(SkipToContent, {
+                                children: formatMessage({
+                                    id: 'skipToContent',
+                                    defaultMessage: 'Skip to content'
+                                })
+                            }),
+                            /*#__PURE__*/ jsxs(Flex, {
+                                height: "100dvh",
+                                direction: {
+                                    initial: 'column',
+                                    large: 'row'
+                                },
+                                alignItems: "flex-start",
+                                children: [
+                                    /*#__PURE__*/ jsx(LeftMenu, {
+                                        generalSectionLinks: generalSectionLinks,
+                                        pluginsSectionLinks: pluginsSectionLinks,
+                                        topMobileNavigation: topMobileNavigation,
+                                        burgerMobileNavigation: burgerMobileNavigation
+                                    }),
+                                    /*#__PURE__*/ jsxs(Flex, {
+                                        direction: "column",
+                                        alignItems: "stretch",
+                                        flex: 1,
+                                        overflow: "auto",
+                                        width: "100%",
+                                        height: {
+                                            initial: 'auto',
+                                            large: '100%'
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ jsx(UpsellBanner, {}),
+                                            /*#__PURE__*/ jsx(LazyOutlet, {
+                                                suspenseOnly: true
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                })
+            })
+        ]
+    });
+};
+const PrivateAdminLayout = ()=>{
+    return /*#__PURE__*/ jsx(PrivateRoute, {
+        children: /*#__PURE__*/ jsx(AdminLayout, {})
+    });
+};
+const checkLatestStrapiVersion = (currentPackageVersion, latestPublishedVersion = '')=>{
+    if (!valid(currentPackageVersion) || !valid(latestPublishedVersion)) {
+        return false;
+    }
+    return lt(currentPackageVersion, latestPublishedVersion);
+};
+
+export { AdminLayout, PrivateAdminLayout };
+//# sourceMappingURL=AuthenticatedLayout.mjs.map

package/dist/admin/admin/src/layouts/AuthenticatedLayout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthenticatedLayout.mjs","sources":["../../../../../admin/src/layouts/AuthenticatedLayout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport packageInfo from '@strapi/admin/package.json';\nimport { Box, Flex, SkipToContent } from '@strapi/design-system';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { useIntl } from 'react-intl';\nimport lt from 'semver/functions/lt';\nimport valid from 'semver/functions/valid';\n\nimport { LazyOutlet } from '../components/LazyOutlet';\nimport { LeftMenu } from '../components/LeftMenu';\nimport { NpsSurvey } from '../components/NpsSurvey';\nimport { Page } from '../components/PageHelpers';\nimport { PluginsInitializer } from '../components/PluginsInitializer';\nimport { PrivateRoute } from '../components/PrivateRoute';\nimport { UpsellBanner } from '../components/UpsellBanner';\nimport { AppInfoProvider } from '../features/AppInfo';\nimport { useAuth } from '../features/Auth';\nimport { useConfiguration } from '../features/Configuration';\nimport { useStrapiApp } from '../features/StrapiApp';\nimport { useTracking } from '../features/Tracking';\nimport { useMenu } from '../hooks/useMenu';\nimport { useInformationQuery } from '../services/admin';\nimport { hashAdminUserEmail } from '../utils/users';\n\nconst { version: strapiVersion } = packageInfo;\n\nconst AdminLayout = () => {\n  const { formatMessage } = useIntl();\n  const userInfo = useAuth('AuthenticatedApp', (state) => state.user);\n  const [userId, setUserId] = React.useState<string>();\n  const { showReleaseNotification } = useConfiguration('AuthenticatedApp');\n\n  const { data: appInfo, isLoading: isLoadingAppInfo } = useInformationQuery();\n  const [tagName, setTagName] = React.useState<string>(strapiVersion);\n\n  React.useEffect(() => {\n    if (showReleaseNotification) {\n      fetch('https://api.github.com/repos/strapi/strapi/releases/latest')\n        .then(async (res) => {\n          if (!res.ok) {\n            return;\n          }\n\n          const response = (await res.json()) as { tag_name: string | null | undefined };\n\n          if (!response.tag_name) {\n            throw new Error();\n          }\n\n          setTagName(response.tag_name);\n        })\n        .catch(() => {\n          /**\n           * silence is golden & we'll use the strapiVersion as a fallback\n           */\n        });\n    }\n  }, [showReleaseNotification]);\n\n  React.useEffect(() => {\n    hashAdminUserEmail(userInfo).then((id) => {\n      if (id) {\n        setUserId(id);\n      }\n    });\n  }, [userInfo]);\n\n  const { trackUsage } = useTracking();\n\n  const {\n    isLoading: isLoadingMenu,\n    generalSectionLinks,\n    pluginsSectionLinks,\n    topMobileNavigation,\n    burgerMobileNavigation,\n  } = useMenu(checkLatestStrapiVersion(strapiVersion, tagName));\n\n  const getAllWidgets = useStrapiApp('TrackingProvider', (state) => state.widgets.getAll);\n  const projectId = appInfo?.projectId;\n  React.useEffect(() => {\n    if (projectId) {\n      trackUsage('didAccessAuthenticatedAdministration', {\n        registeredWidgets: getAllWidgets().map((widget) => widget.uid),\n        projectId,\n      });\n    }\n  }, [projectId, getAllWidgets, trackUsage]);\n\n  // We don't need to wait for the release query to be fetched before rendering the plugins\n  // however, we need the appInfos and the permissions\n  if (isLoadingMenu || isLoadingAppInfo) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <AppInfoProvider\n      {...appInfo}\n      userId={userId}\n      latestStrapiReleaseTag={tagName}\n      shouldUpdateStrapi={checkLatestStrapiVersion(strapiVersion, tagName)}\n    >\n      <NpsSurvey />\n      <PluginsInitializer>\n        <DndProvider backend={HTML5Backend}>\n          <Box background=\"neutral100\">\n            <SkipToContent>\n              {formatMessage({ id: 'skipToContent', defaultMessage: 'Skip to content' })}\n            </SkipToContent>\n            <Flex\n              height=\"100dvh\"\n              direction={{\n                initial: 'column',\n                large: 'row',\n              }}\n              alignItems=\"flex-start\"\n            >\n              <LeftMenu\n                generalSectionLinks={generalSectionLinks}\n                pluginsSectionLinks={pluginsSectionLinks}\n                topMobileNavigation={topMobileNavigation}\n                burgerMobileNavigation={burgerMobileNavigation}\n              />\n              <Flex\n                direction=\"column\"\n                alignItems=\"stretch\"\n                flex={1}\n                overflow=\"auto\"\n                width=\"100%\"\n                height={{\n                  initial: 'auto',\n                  large: '100%',\n                }}\n              >\n                <UpsellBanner />\n                {/*\n                 * Top-level Suspense only — nested layouts (Settings, Content Manager) use\n                 * LazyOutlet with useNavigation so in-app navigations show loading in the content\n                 * column without hiding section side navs.\n                 */}\n                <LazyOutlet suspenseOnly />\n              </Flex>\n            </Flex>\n          </Box>\n        </DndProvider>\n      </PluginsInitializer>\n    </AppInfoProvider>\n  );\n};\n\nconst PrivateAdminLayout = () => {\n  return (\n    <PrivateRoute>\n      <AdminLayout />\n    </PrivateRoute>\n  );\n};\n\nconst checkLatestStrapiVersion = (\n  currentPackageVersion: string,\n  latestPublishedVersion: string = ''\n): boolean => {\n  if (!valid(currentPackageVersion) || !valid(latestPublishedVersion)) {\n    return false;\n  }\n\n  return lt(currentPackageVersion, latestPublishedVersion);\n};\n\nexport { AdminLayout, PrivateAdminLayout };\n"],"names":["version","strapiVersion","packageInfo","AdminLayout","formatMessage","useIntl","userInfo","useAuth","state","user","userId","setUserId","React","useState","showReleaseNotification","useConfiguration","data","appInfo","isLoading","isLoadingAppInfo","useInformationQuery","tagName","setTagName","useEffect","fetch","then","res","ok","response","json","tag_name","Error","catch","hashAdminUserEmail","id","trackUsage","useTracking","isLoadingMenu","generalSectionLinks","pluginsSectionLinks","topMobileNavigation","burgerMobileNavigation","useMenu","checkLatestStrapiVersion","getAllWidgets","useStrapiApp","widgets","getAll","projectId","registeredWidgets","map","widget","uid","_jsx","Page","Loading","_jsxs","AppInfoProvider","latestStrapiReleaseTag","shouldUpdateStrapi","NpsSurvey","PluginsInitializer","DndProvider","backend","HTML5Backend","Box","background","SkipToContent","defaultMessage","Flex","height","direction","initial","large","alignItems","LeftMenu","flex","overflow","width","UpsellBanner","LazyOutlet","suspenseOnly","PrivateAdminLayout","PrivateRoute","currentPackageVersion","latestPublishedVersion","valid","lt"],"mappings":"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"}

package/dist/admin/admin/src/layouts/UnauthenticatedLayout.js

@@ -0,0 +1,75 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var styled = require('styled-components');
+var theme = require('../constants/theme.js');
+var hooks = require('../core/store/hooks.js');
+var reducer = require('../reducer.js');
+
+const Wrapper = styled.styled(designSystem.Box)`
+  margin: 0 auto;
+  width: 100%;
+  max-width: 55.2rem;
+`;
+const Column = styled.styled(designSystem.Flex)`
+  flex-direction: column;
+`;
+const LocaleToggle = ()=>{
+    const localeNames = hooks.useTypedSelector((state)=>state.admin_app.language.localeNames);
+    const dispatch = hooks.useTypedDispatch();
+    const { formatMessage, locale } = reactIntl.useIntl();
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelect, {
+        "aria-label": formatMessage({
+            id: 'global.localeToggle.label',
+            defaultMessage: 'Select interface language'
+        }),
+        value: locale,
+        onChange: (language)=>{
+            dispatch(reducer.setLocale(language));
+        },
+        children: Object.entries(localeNames).map(([language, name])=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelectOption, {
+                value: language,
+                children: name
+            }, language))
+    });
+};
+const LayoutContent = ({ children })=>/*#__PURE__*/ jsxRuntime.jsx(Wrapper, {
+        shadow: "tableShadow",
+        hasRadius: true,
+        paddingTop: theme.RESPONSIVE_DEFAULT_SPACING,
+        paddingBottom: theme.RESPONSIVE_DEFAULT_SPACING,
+        paddingLeft: theme.RESPONSIVE_DEFAULT_SPACING,
+        paddingRight: theme.RESPONSIVE_DEFAULT_SPACING,
+        background: "neutral0",
+        children: children
+    });
+const UnauthenticatedLayout = ({ children })=>{
+    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                tag: "header",
+                justifyContent: "flex-end",
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                    paddingTop: 6,
+                    paddingRight: theme.RESPONSIVE_DEFAULT_SPACING,
+                    children: /*#__PURE__*/ jsxRuntime.jsx(LocaleToggle, {})
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                paddingTop: 2,
+                paddingBottom: theme.RESPONSIVE_DEFAULT_SPACING,
+                marginLeft: theme.RESPONSIVE_DEFAULT_SPACING,
+                marginRight: theme.RESPONSIVE_DEFAULT_SPACING,
+                children: children
+            })
+        ]
+    });
+};
+
+exports.Column = Column;
+exports.LayoutContent = LayoutContent;
+exports.UnauthenticatedLayout = UnauthenticatedLayout;
+//# sourceMappingURL=UnauthenticatedLayout.js.map

package/dist/admin/admin/src/layouts/UnauthenticatedLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnauthenticatedLayout.js","sources":["../../../../../admin/src/layouts/UnauthenticatedLayout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Box,\n  BoxComponent,\n  Flex,\n  FlexComponent,\n  SingleSelect,\n  SingleSelectOption,\n} from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { RESPONSIVE_DEFAULT_SPACING } from '../constants/theme';\nimport { useTypedDispatch, useTypedSelector } from '../core/store/hooks';\nimport { setLocale } from '../reducer';\n\nconst Wrapper = styled<BoxComponent>(Box)`\n  margin: 0 auto;\n  width: 100%;\n  max-width: 55.2rem;\n`;\n\nexport const Column = styled<FlexComponent>(Flex)`\n  flex-direction: column;\n`;\n\nconst LocaleToggle = () => {\n  const localeNames = useTypedSelector((state) => state.admin_app.language.localeNames);\n  const dispatch = useTypedDispatch();\n  const { formatMessage, locale } = useIntl();\n\n  return (\n    <SingleSelect\n      aria-label={formatMessage({\n        id: 'global.localeToggle.label',\n        defaultMessage: 'Select interface language',\n      })}\n      value={locale}\n      onChange={(language) => {\n        dispatch(setLocale(language as string));\n      }}\n    >\n      {Object.entries(localeNames).map(([language, name]) => (\n        <SingleSelectOption key={language} value={language}>\n          {name}\n        </SingleSelectOption>\n      ))}\n    </SingleSelect>\n  );\n};\n\ninterface LayoutContentProps {\n  children: React.ReactNode;\n}\n\nexport const LayoutContent = ({ children }: LayoutContentProps) => (\n  <Wrapper\n    shadow=\"tableShadow\"\n    hasRadius\n    paddingTop={RESPONSIVE_DEFAULT_SPACING}\n    paddingBottom={RESPONSIVE_DEFAULT_SPACING}\n    paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n    paddingRight={RESPONSIVE_DEFAULT_SPACING}\n    background=\"neutral0\"\n  >\n    {children}\n  </Wrapper>\n);\n\ninterface UnauthenticatedLayoutProps {\n  children: React.ReactNode;\n}\n\nexport const UnauthenticatedLayout = ({ children }: UnauthenticatedLayoutProps) => {\n  return (\n    <div>\n      <Flex tag=\"header\" justifyContent=\"flex-end\">\n        <Box paddingTop={6} paddingRight={RESPONSIVE_DEFAULT_SPACING}>\n          <LocaleToggle />\n        </Box>\n      </Flex>\n      <Box\n        paddingTop={2}\n        paddingBottom={RESPONSIVE_DEFAULT_SPACING}\n        marginLeft={RESPONSIVE_DEFAULT_SPACING}\n        marginRight={RESPONSIVE_DEFAULT_SPACING}\n      >\n        {children}\n      </Box>\n    </div>\n  );\n};\n"],"names":["Wrapper","styled","Box","Column","Flex","LocaleToggle","localeNames","useTypedSelector","state","admin_app","language","dispatch","useTypedDispatch","formatMessage","locale","useIntl","_jsx","SingleSelect","aria-label","id","defaultMessage","value","onChange","setLocale","Object","entries","map","name","SingleSelectOption","LayoutContent","children","shadow","hasRadius","paddingTop","RESPONSIVE_DEFAULT_SPACING","paddingBottom","paddingLeft","paddingRight","background","UnauthenticatedLayout","_jsxs","div","tag","justifyContent","marginLeft","marginRight"],"mappings":";;;;;;;;;;;AAiBA,MAAMA,OAAAA,GAAUC,aAAAA,CAAqBC,gBAAAA,CAAI;;;;AAIzC,CAAC;AAEM,MAAMC,MAAAA,GAASF,aAAAA,CAAsBG,iBAAAA,CAAK;;AAEjD;AAEA,MAAMC,YAAAA,GAAe,IAAA;IACnB,MAAMC,WAAAA,GAAcC,uBAAiB,CAACC,KAAAA,GAAUA,MAAMC,SAAS,CAACC,QAAQ,CAACJ,WAAW,CAAA;AACpF,IAAA,MAAMK,QAAAA,GAAWC,sBAAAA,EAAAA;AACjB,IAAA,MAAM,EAAEC,aAAa,EAAEC,MAAM,EAAE,GAAGC,iBAAAA,EAAAA;AAElC,IAAA,qBACEC,cAAA,CAACC,yBAAAA,EAAAA;AACCC,QAAAA,YAAAA,EAAYL,aAAAA,CAAc;YACxBM,EAAAA,EAAI,2BAAA;YACJC,cAAAA,EAAgB;AAClB,SAAA,CAAA;QACAC,KAAAA,EAAOP,MAAAA;AACPQ,QAAAA,QAAAA,EAAU,CAACZ,QAAAA,GAAAA;AACTC,YAAAA,QAAAA,CAASY,iBAAAA,CAAUb,QAAAA,CAAAA,CAAAA;AACrB,QAAA,CAAA;kBAECc,MAAAA,CAAOC,OAAO,CAACnB,WAAAA,CAAAA,CAAaoB,GAAG,CAAC,CAAC,CAAChB,QAAAA,EAAUiB,IAAAA,CAAK,iBAChDX,cAAA,CAACY,+BAAAA,EAAAA;gBAAkCP,KAAAA,EAAOX,QAAAA;AACvCiB,gBAAAA,QAAAA,EAAAA;AADsBjB,aAAAA,EAAAA,QAAAA,CAAAA;;AAMjC,CAAA;MAMamB,aAAAA,GAAgB,CAAC,EAAEC,QAAQ,EAAsB,iBAC5Dd,cAAA,CAAChB,OAAAA,EAAAA;QACC+B,MAAAA,EAAO,aAAA;QACPC,SAAS,EAAA,IAAA;QACTC,UAAAA,EAAYC,gCAAAA;QACZC,aAAAA,EAAeD,gCAAAA;QACfE,WAAAA,EAAaF,gCAAAA;QACbG,YAAAA,EAAcH,gCAAAA;QACdI,UAAAA,EAAW,UAAA;AAEVR,QAAAA,QAAAA,EAAAA;AAEH,KAAA;AAMK,MAAMS,qBAAAA,GAAwB,CAAC,EAAET,QAAQ,EAA8B,GAAA;AAC5E,IAAA,qBACEU,eAAA,CAACC,KAAAA,EAAAA;;0BACCzB,cAAA,CAACZ,iBAAAA,EAAAA;gBAAKsC,GAAAA,EAAI,QAAA;gBAASC,cAAAA,EAAe,UAAA;AAChC,gBAAA,QAAA,gBAAA3B,cAAA,CAACd,gBAAAA,EAAAA;oBAAI+B,UAAAA,EAAY,CAAA;oBAAGI,YAAAA,EAAcH,gCAAAA;AAChC,oBAAA,QAAA,gBAAAlB,cAAA,CAACX,YAAAA,EAAAA,EAAAA;;;0BAGLW,cAAA,CAACd,gBAAAA,EAAAA;gBACC+B,UAAAA,EAAY,CAAA;gBACZE,aAAAA,EAAeD,gCAAAA;gBACfU,UAAAA,EAAYV,gCAAAA;gBACZW,WAAAA,EAAaX,gCAAAA;AAEZJ,gBAAAA,QAAAA,EAAAA;;;;AAIT;;;;;;"}

package/dist/admin/admin/src/layouts/UnauthenticatedLayout.mjs

@@ -0,0 +1,71 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import { Box, Flex, SingleSelect, SingleSelectOption } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { styled } from 'styled-components';
+import { RESPONSIVE_DEFAULT_SPACING } from '../constants/theme.mjs';
+import { useTypedSelector, useTypedDispatch } from '../core/store/hooks.mjs';
+import { setLocale } from '../reducer.mjs';
+
+const Wrapper = styled(Box)`
+  margin: 0 auto;
+  width: 100%;
+  max-width: 55.2rem;
+`;
+const Column = styled(Flex)`
+  flex-direction: column;
+`;
+const LocaleToggle = ()=>{
+    const localeNames = useTypedSelector((state)=>state.admin_app.language.localeNames);
+    const dispatch = useTypedDispatch();
+    const { formatMessage, locale } = useIntl();
+    return /*#__PURE__*/ jsx(SingleSelect, {
+        "aria-label": formatMessage({
+            id: 'global.localeToggle.label',
+            defaultMessage: 'Select interface language'
+        }),
+        value: locale,
+        onChange: (language)=>{
+            dispatch(setLocale(language));
+        },
+        children: Object.entries(localeNames).map(([language, name])=>/*#__PURE__*/ jsx(SingleSelectOption, {
+                value: language,
+                children: name
+            }, language))
+    });
+};
+const LayoutContent = ({ children })=>/*#__PURE__*/ jsx(Wrapper, {
+        shadow: "tableShadow",
+        hasRadius: true,
+        paddingTop: RESPONSIVE_DEFAULT_SPACING,
+        paddingBottom: RESPONSIVE_DEFAULT_SPACING,
+        paddingLeft: RESPONSIVE_DEFAULT_SPACING,
+        paddingRight: RESPONSIVE_DEFAULT_SPACING,
+        background: "neutral0",
+        children: children
+    });
+const UnauthenticatedLayout = ({ children })=>{
+    return /*#__PURE__*/ jsxs("div", {
+        children: [
+            /*#__PURE__*/ jsx(Flex, {
+                tag: "header",
+                justifyContent: "flex-end",
+                children: /*#__PURE__*/ jsx(Box, {
+                    paddingTop: 6,
+                    paddingRight: RESPONSIVE_DEFAULT_SPACING,
+                    children: /*#__PURE__*/ jsx(LocaleToggle, {})
+                })
+            }),
+            /*#__PURE__*/ jsx(Box, {
+                paddingTop: 2,
+                paddingBottom: RESPONSIVE_DEFAULT_SPACING,
+                marginLeft: RESPONSIVE_DEFAULT_SPACING,
+                marginRight: RESPONSIVE_DEFAULT_SPACING,
+                children: children
+            })
+        ]
+    });
+};
+
+export { Column, LayoutContent, UnauthenticatedLayout };
+//# sourceMappingURL=UnauthenticatedLayout.mjs.map

package/dist/admin/admin/src/layouts/UnauthenticatedLayout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnauthenticatedLayout.mjs","sources":["../../../../../admin/src/layouts/UnauthenticatedLayout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Box,\n  BoxComponent,\n  Flex,\n  FlexComponent,\n  SingleSelect,\n  SingleSelectOption,\n} from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { RESPONSIVE_DEFAULT_SPACING } from '../constants/theme';\nimport { useTypedDispatch, useTypedSelector } from '../core/store/hooks';\nimport { setLocale } from '../reducer';\n\nconst Wrapper = styled<BoxComponent>(Box)`\n  margin: 0 auto;\n  width: 100%;\n  max-width: 55.2rem;\n`;\n\nexport const Column = styled<FlexComponent>(Flex)`\n  flex-direction: column;\n`;\n\nconst LocaleToggle = () => {\n  const localeNames = useTypedSelector((state) => state.admin_app.language.localeNames);\n  const dispatch = useTypedDispatch();\n  const { formatMessage, locale } = useIntl();\n\n  return (\n    <SingleSelect\n      aria-label={formatMessage({\n        id: 'global.localeToggle.label',\n        defaultMessage: 'Select interface language',\n      })}\n      value={locale}\n      onChange={(language) => {\n        dispatch(setLocale(language as string));\n      }}\n    >\n      {Object.entries(localeNames).map(([language, name]) => (\n        <SingleSelectOption key={language} value={language}>\n          {name}\n        </SingleSelectOption>\n      ))}\n    </SingleSelect>\n  );\n};\n\ninterface LayoutContentProps {\n  children: React.ReactNode;\n}\n\nexport const LayoutContent = ({ children }: LayoutContentProps) => (\n  <Wrapper\n    shadow=\"tableShadow\"\n    hasRadius\n    paddingTop={RESPONSIVE_DEFAULT_SPACING}\n    paddingBottom={RESPONSIVE_DEFAULT_SPACING}\n    paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n    paddingRight={RESPONSIVE_DEFAULT_SPACING}\n    background=\"neutral0\"\n  >\n    {children}\n  </Wrapper>\n);\n\ninterface UnauthenticatedLayoutProps {\n  children: React.ReactNode;\n}\n\nexport const UnauthenticatedLayout = ({ children }: UnauthenticatedLayoutProps) => {\n  return (\n    <div>\n      <Flex tag=\"header\" justifyContent=\"flex-end\">\n        <Box paddingTop={6} paddingRight={RESPONSIVE_DEFAULT_SPACING}>\n          <LocaleToggle />\n        </Box>\n      </Flex>\n      <Box\n        paddingTop={2}\n        paddingBottom={RESPONSIVE_DEFAULT_SPACING}\n        marginLeft={RESPONSIVE_DEFAULT_SPACING}\n        marginRight={RESPONSIVE_DEFAULT_SPACING}\n      >\n        {children}\n      </Box>\n    </div>\n  );\n};\n"],"names":["Wrapper","styled","Box","Column","Flex","LocaleToggle","localeNames","useTypedSelector","state","admin_app","language","dispatch","useTypedDispatch","formatMessage","locale","useIntl","_jsx","SingleSelect","aria-label","id","defaultMessage","value","onChange","setLocale","Object","entries","map","name","SingleSelectOption","LayoutContent","children","shadow","hasRadius","paddingTop","RESPONSIVE_DEFAULT_SPACING","paddingBottom","paddingLeft","paddingRight","background","UnauthenticatedLayout","_jsxs","div","tag","justifyContent","marginLeft","marginRight"],"mappings":";;;;;;;;;AAiBA,MAAMA,OAAAA,GAAUC,MAAAA,CAAqBC,GAAAA,CAAI;;;;AAIzC,CAAC;AAEM,MAAMC,MAAAA,GAASF,MAAAA,CAAsBG,IAAAA,CAAK;;AAEjD;AAEA,MAAMC,YAAAA,GAAe,IAAA;IACnB,MAAMC,WAAAA,GAAcC,iBAAiB,CAACC,KAAAA,GAAUA,MAAMC,SAAS,CAACC,QAAQ,CAACJ,WAAW,CAAA;AACpF,IAAA,MAAMK,QAAAA,GAAWC,gBAAAA,EAAAA;AACjB,IAAA,MAAM,EAAEC,aAAa,EAAEC,MAAM,EAAE,GAAGC,OAAAA,EAAAA;AAElC,IAAA,qBACEC,GAAA,CAACC,YAAAA,EAAAA;AACCC,QAAAA,YAAAA,EAAYL,aAAAA,CAAc;YACxBM,EAAAA,EAAI,2BAAA;YACJC,cAAAA,EAAgB;AAClB,SAAA,CAAA;QACAC,KAAAA,EAAOP,MAAAA;AACPQ,QAAAA,QAAAA,EAAU,CAACZ,QAAAA,GAAAA;AACTC,YAAAA,QAAAA,CAASY,SAAAA,CAAUb,QAAAA,CAAAA,CAAAA;AACrB,QAAA,CAAA;kBAECc,MAAAA,CAAOC,OAAO,CAACnB,WAAAA,CAAAA,CAAaoB,GAAG,CAAC,CAAC,CAAChB,QAAAA,EAAUiB,IAAAA,CAAK,iBAChDX,GAAA,CAACY,kBAAAA,EAAAA;gBAAkCP,KAAAA,EAAOX,QAAAA;AACvCiB,gBAAAA,QAAAA,EAAAA;AADsBjB,aAAAA,EAAAA,QAAAA,CAAAA;;AAMjC,CAAA;MAMamB,aAAAA,GAAgB,CAAC,EAAEC,QAAQ,EAAsB,iBAC5Dd,GAAA,CAAChB,OAAAA,EAAAA;QACC+B,MAAAA,EAAO,aAAA;QACPC,SAAS,EAAA,IAAA;QACTC,UAAAA,EAAYC,0BAAAA;QACZC,aAAAA,EAAeD,0BAAAA;QACfE,WAAAA,EAAaF,0BAAAA;QACbG,YAAAA,EAAcH,0BAAAA;QACdI,UAAAA,EAAW,UAAA;AAEVR,QAAAA,QAAAA,EAAAA;AAEH,KAAA;AAMK,MAAMS,qBAAAA,GAAwB,CAAC,EAAET,QAAQ,EAA8B,GAAA;AAC5E,IAAA,qBACEU,IAAA,CAACC,KAAAA,EAAAA;;0BACCzB,GAAA,CAACZ,IAAAA,EAAAA;gBAAKsC,GAAAA,EAAI,QAAA;gBAASC,cAAAA,EAAe,UAAA;AAChC,gBAAA,QAAA,gBAAA3B,GAAA,CAACd,GAAAA,EAAAA;oBAAI+B,UAAAA,EAAY,CAAA;oBAAGI,YAAAA,EAAcH,0BAAAA;AAChC,oBAAA,QAAA,gBAAAlB,GAAA,CAACX,YAAAA,EAAAA,EAAAA;;;0BAGLW,GAAA,CAACd,GAAAA,EAAAA;gBACC+B,UAAAA,EAAY,CAAA;gBACZE,aAAAA,EAAeD,0BAAAA;gBACfU,UAAAA,EAAYV,0BAAAA;gBACZW,WAAAA,EAAaX,0BAAAA;AAEZJ,gBAAAA,QAAAA,EAAAA;;;;AAIT;;;;"}

package/dist/admin/admin/src/pages/Auth/AuthPage.js

@@ -0,0 +1,80 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactRouterDom = require('react-router-dom');
+var Auth = require('../../features/Auth.js');
+var useEnterprise = require('../../hooks/useEnterprise.js');
+var admin = require('../../services/admin.js');
+var retryDynamicImport = require('../../utils/retryDynamicImport.js');
+var Login = require('./components/Login.js');
+var constants = require('./constants.js');
+
+/* -------------------------------------------------------------------------------------------------
+ * AuthPage
+ * -----------------------------------------------------------------------------------------------*/ const AuthPage = ()=>{
+    const { search } = reactRouterDom.useLocation();
+    const match = reactRouterDom.useMatch('/auth/:authType');
+    const authType = match?.params.authType;
+    const { data } = admin.useInitQuery();
+    const { hasAdmin } = data ?? {};
+    const Login$1 = useEnterprise.useEnterprise(Login.Login, async ()=>(await retryDynamicImport.retryDynamicImport(()=>Promise.resolve().then(function () { return require('../../../../ee/admin/src/pages/AuthPage/components/Login.js'); }))).LoginEE);
+    const forms = useEnterprise.useEnterprise(constants.FORMS, async ()=>(await retryDynamicImport.retryDynamicImport(()=>Promise.resolve().then(function () { return require('../../../../ee/admin/src/pages/AuthPage/constants.js'); }))).FORMS, {
+        combine (ceForms, eeForms) {
+            return {
+                ...ceForms,
+                ...eeForms
+            };
+        },
+        defaultValue: constants.FORMS
+    });
+    const { token } = Auth.useAuth('AuthPage', (auth)=>auth);
+    if (!authType || !forms) {
+        return /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Navigate, {
+            to: "/"
+        });
+    }
+    const Component = forms[authType];
+    // Redirect the user to the login page if
+    // the endpoint does not exists
+    if (!Component) {
+        return /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Navigate, {
+            to: "/"
+        });
+    }
+    // User is already logged in
+    if (authType !== 'register-admin' && authType !== 'register' && token) {
+        return /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Navigate, {
+            to: "/"
+        });
+    }
+    // there is already an admin user oo
+    if (hasAdmin && authType === 'register-admin' && token) {
+        return /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Navigate, {
+            to: "/"
+        });
+    }
+    // Redirect the user to the register-admin if it is the first user
+    if (!hasAdmin && authType !== 'register-admin') {
+        return /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Navigate, {
+            to: {
+                pathname: '/auth/register-admin',
+                // Forward the `?redirectTo` from /auth/login
+                // /abc => /auth/login?redirectTo=%2Fabc => /auth/register-admin?redirectTo=%2Fabc
+                search
+            }
+        });
+    }
+    if (Login$1 && authType === 'login') {
+        // Assign the component to render for the login form
+        return /*#__PURE__*/ jsxRuntime.jsx(Login$1, {});
+    } else if (authType === 'login' && !Login$1) {
+        // block rendering until the Login EE component is fully loaded
+        return null;
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(Component, {
+        hasAdmin: hasAdmin
+    });
+};
+
+exports.AuthPage = AuthPage;
+//# sourceMappingURL=AuthPage.js.map