@strapi/admin 5.0.0-beta.10 → 5.0.0-beta.11

package/dist/admin/{index-jwAq-BX-.mjs → index-7Wlj8eA7.mjs}

@@ -1,25 +1,25 @@
 import { createRoot } from 'react-dom/client';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import * as React from 'react';
-import { useEffect, Suspense, useCallback, useMemo, useState, forwardRef, memo } from 'react';
-import { Link, Alert, Typography, Main, Flex, Button, useCallbackRef, useComposedRefs, Dialog, Field, Toggle, Checkbox, DatePicker, DateTimePicker, TextInput, SingleSelect, SingleSelectOption, JSONInput, NumberInput, Textarea, TimePicker, Box, Portal, IconButton, VisuallyHidden, Grid, EmptyStateLayout, LinkButton, lightTheme, darkTheme, Popover, Tag, Pagination as Pagination$1, PreviousLink, PageLink, Dots, NextLink, SearchForm, Searchbar, Table as Table$1, Thead, Tr, Th, Tooltip, Tbody, Td, Loader } from '@strapi/design-system';
+import { Link, Alert, Typography, Main, Flex, Button, Box, useCallbackRef, EmptyStateLayout, LinkButton, useComposedRefs, Dialog, Field, Toggle, Checkbox, DatePicker, DateTimePicker, TextInput, SingleSelect, SingleSelectOption, JSONInput, NumberInput, Textarea, TimePicker, Portal, IconButton, VisuallyHidden, Grid, lightTheme, darkTheme, Popover, Tag, Pagination as Pagination$1, PreviousLink, PageLink, Dots, NextLink, SearchForm, Searchbar, Table as Table$1, Thead, Tr, Th, Tooltip, Tbody, Td, Loader } from '@strapi/design-system';
 import invariant from 'invariant';
 import isFunction from 'lodash/isFunction';
 import merge from 'lodash/merge';
 import pick from 'lodash/pick';
+import { NavLink, useLocation, useNavigate, Outlet, useRouteError, Link as Link$1, useBlocker, useMatch, Navigate, createMemoryRouter, createBrowserRouter, RouterProvider } from 'react-router-dom';
+import { t as createContext, S as StrapiAppProvider, A as AuthProvider, L as LanguageProvider, T as Theme, N as NotificationsProvider, v as TrackingProvider, w as ConfigurationProvider, x as LANGUAGE_LOCAL_STORAGE_KEY, P as Page, o as useConfiguration, b as useTypedSelector, e as useTypedDispatch, y as setLocale, u as useAuth, f as useAPIErrorHandler, z as useForgotPasswordMutation, a as useNotification, m as useAppInfo, d as useTracking, B as useGetRegistrationInfoQuery, D as useRegisterAdminMutation, E as useRegisterUserMutation, F as useResetPasswordMutation, r as reducer$3, R as RBAC, G as THEME_LOCAL_STORAGE_KEY, H as useTypedStore } from './Theme-vNSAMTAv.mjs';
 import { Provider as Provider$1 } from 'react-redux';
-import { NavLink, useLocation, useNavigate, Outlet, useRouteError, useBlocker, useMatch, Navigate, Link as Link$1, createBrowserRouter, RouterProvider } from 'react-router-dom';
-import { t as createContext, S as StrapiAppProvider, A as AuthProvider, L as LanguageProvider, T as Theme, N as NotificationsProvider, v as TrackingProvider, w as ConfigurationProvider, x as LANGUAGE_LOCAL_STORAGE_KEY, P as Page, r as reducer$3, o as useConfiguration, b as useTypedSelector, e as useTypedDispatch, y as setLocale, a as useAuth, f as useAPIErrorHandler, z as useForgotPasswordMutation, u as useNotification, m as useAppInfo, d as useTracking, B as useGetRegistrationInfoQuery, D as useRegisterAdminMutation, E as useRegisterUserMutation, F as useResetPasswordMutation, R as RBAC, G as THEME_LOCAL_STORAGE_KEY, H as useTypedStore } from './rbac-A_QIXvpC.mjs';
+import * as React from 'react';
+import { useEffect, Suspense, useCallback, useMemo, useState, forwardRef, memo } from 'react';
 import { QueryClient, QueryClientProvider } from 'react-query';
-import { ArrowLeft, WarningCircle, Duplicate, Eye, EyeStriked, Cross, ArrowRight, Filter, Plus, Search, CaretDown } from '@strapi/icons';
+import { ArrowLeft, WarningCircle, Duplicate, ArrowRight, Eye, EyeStriked, Cross, Filter, Plus, Search, CaretDown } from '@strapi/icons';
 import { produce } from 'immer';
 import { useIntl } from 'react-intl';
 import get from 'lodash/get';
 import set from 'lodash/set';
 import { styled } from 'styled-components';
-import { configureStore, combineReducers } from '@reduxjs/toolkit';
-import { b as adminApi, i as isBaseQueryError, e as useInitQuery, j as createAbsoluteUrl, k as getFetchClient } from './admin-B6AW0Kov.mjs';
+import { EmptyPictures, EmptyDocuments } from '@strapi/icons/symbols';
 import { u as useEnterprise } from './useEnterprise-jpsYZWzn.mjs';
+import { i as isBaseQueryError, e as useInitQuery, b as adminApi, j as createAbsoluteUrl, k as getFetchClient } from './admin-B6AW0Kov.mjs';
 import camelCase from 'lodash/camelCase';
 import * as yup from 'yup';
 import { ValidationError } from 'yup';
@@ -27,9 +27,10 @@ import { generateNKeysBetween } from 'fractional-indexing';
 import isEqual from 'lodash/isEqual';
 import clone from 'lodash/clone';
 import toPath from 'lodash/toPath';
+import { getLocalTimeZone, parseAbsolute, toCalendarDate } from '@internationalized/date';
 import omit from 'lodash/omit';
 import { Formik, Form as Form$1 } from 'formik';
-import { EmptyPictures, EmptyDocuments } from '@strapi/icons/symbols';
+import { configureStore, combineReducers } from '@reduxjs/toolkit';
 import throttle from 'lodash/throttle';
 import { parse, stringify } from 'qs';
 
@@ -68,7 +69,7 @@ const getEERoutes$1 = () => window.strapi.isEE ? [
   {
     path: "auth/login/:authResponse",
     lazy: async () => {
-      const { AuthResponse } = await import('./AuthResponse-CTQ0fh3I.mjs');
+      const { AuthResponse } = await import('./AuthResponse-pxi-Fo2T.mjs');
       return {
         Component: AuthResponse
       };
@@ -103,243 +104,519 @@ const constants = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty(
     getEERoutes: getEERoutes$1
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const getEERoutes = () => [
-  ...window.strapi.features.isEnabled(window.strapi.features.AUDIT_LOGS) ? [
-    {
-      path: "audit-logs",
-      lazy: async () => {
-        const { ProtectedListPage } = await import('./ListPage-21q8_YN7.mjs');
-        return {
-          Component: ProtectedListPage
-        };
+const StrapiLogo = "data:image/svg+xml,%3csvg%20width='800'%20height='800'%20viewBox='0%200%20800%20800'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M39%20282c0-118%200-176.9%2036.6-213.5C112.2%2032%20171.1%2032%20288.9%2032h221.2c117.8%200%20176.7%200%20213.3%2036.6C760%20105.2%20760%20164.1%20760%20281.9v221.2c0%20117.8%200%20176.7-36.6%20213.3C686.8%20753%20627.9%20753%20510.1%20753H288.9c-117.8%200-176.7%200-213.3-36.6C39%20679.8%2039%20620.9%2039%20503.1V281.9Z'%20fill='%234945FF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M536.4%20250.7H293.7v123.8h123.8v123.7h123.8V255.5c0-2.6-2.2-4.8-4.9-4.8Z'%20fill='%23fff'/%3e%3cpath%20fill='%23fff'%20d='M412.7%20374.5h4.8v4.8h-4.8z'/%3e%3cpath%20d='M293.8%20374.5h119c2.6%200%204.8%202.1%204.8%204.8v119h-119a4.8%204.8%200%200%201-4.8-4.9v-119Z'%20fill='%239593FF'/%3e%3cpath%20d='M417.5%20498.2h123.8L421.6%20618a2.4%202.4%200%200%201-4-1.7v-118ZM293.8%20374.5h-118a2.4%202.4%200%200%201-1.7-4.1l119.7-119.7v123.8Z'%20fill='%239593FF'/%3e%3c/svg%3e";
+
+const ADMIN_PERMISSIONS_CE = {
+  contentManager: {
+    main: [],
+    collectionTypesConfigurations: [
+      {
+        action: "plugin::content-manager.collection-types.configure-view",
+        subject: null
       }
-    }
-  ] : [],
-  ...window.strapi.features.isEnabled(window.strapi.features.SSO) ? [
-    {
-      path: "single-sign-on",
-      lazy: async () => {
-        const { ProtectedSSO } = await import('./SingleSignOnPage-X1OAuyhO.mjs');
-        return {
-          Component: ProtectedSSO
-        };
+    ],
+    componentsConfigurations: [
+      {
+        action: "plugin::content-manager.components.configure-layout",
+        subject: null
       }
-    }
-  ] : []
-];
-
-const [Provider, useHistory] = createContext("History", {
-  history: [],
-  currentLocationIndex: 0,
-  currentLocation: "",
-  canGoBack: false,
-  pushState: () => {
-    throw new Error("You must use the `HistoryProvider` to access the `pushState` function.");
-  },
-  goBack: () => {
-    throw new Error("You must use the `HistoryProvider` to access the `goBack` function.");
-  }
-});
-const HistoryProvider = ({ children }) => {
-  const location = useLocation();
-  const navigate = useNavigate();
-  const [state, dispatch] = React.useReducer(reducer$2, {
-    history: [],
-    currentLocationIndex: 0,
-    currentLocation: "",
-    canGoBack: false
-  });
-  const isGoingBack = React.useRef(false);
-  const pushState = React.useCallback((path) => {
-    dispatch({
-      type: "PUSH_STATE",
-      payload: typeof path === "string" ? { to: path, search: "" } : path
-    });
-  }, []);
-  const goBack = React.useCallback(() => {
-    navigate(-1);
-    dispatch({ type: "GO_BACK" });
-    isGoingBack.current = true;
-  }, [navigate]);
-  const prevIndex = React.useRef(state.currentLocationIndex);
-  React.useEffect(() => {
-    if (state.currentLocationIndex !== prevIndex.current) {
-      dispatch({
-        type: "SET_CAN_GO_BACK",
-        payload: state.currentLocationIndex > 1 && state.history.length > 1
-      });
-      prevIndex.current = state.currentLocationIndex;
-    }
-  }, [prevIndex, state.currentLocationIndex, state.history.length]);
-  React.useLayoutEffect(() => {
-    if (isGoingBack.current) {
-      isGoingBack.current = false;
-    } else {
-      dispatch({
-        type: "PUSH_STATE",
-        payload: { to: location.pathname, search: location.search }
-      });
-    }
-  }, [dispatch, location.pathname, location.search]);
-  return /* @__PURE__ */ jsx(Provider, { pushState, goBack, ...state, children });
-};
-const reducer$2 = (state, action) => produce(state, (draft) => {
-  switch (action.type) {
-    case "PUSH_STATE": {
-      const path = `${action.payload.to}${action.payload.search}`;
-      if (state.currentLocationIndex === state.history.length) {
-        draft.history = [...state.history, path];
-      } else {
-        draft.history = [...state.history.slice(0, state.currentLocationIndex), path];
+    ],
+    singleTypesConfigurations: [
+      {
+        action: "plugin::content-manager.single-types.configure-view",
+        subject: null
       }
-      draft.currentLocation = path;
-      draft.currentLocationIndex += 1;
-      break;
-    }
-    case "GO_BACK": {
-      const newIndex = state.currentLocationIndex - 1;
-      draft.currentLocation = state.history[newIndex - 1];
-      draft.currentLocationIndex = newIndex;
-      break;
-    }
-    case "SET_CAN_GO_BACK": {
-      draft.canGoBack = action.payload;
-      break;
+    ]
+  },
+  marketplace: {
+    main: [{ action: "admin::marketplace.read", subject: null }],
+    read: [{ action: "admin::marketplace.read", subject: null }]
+  },
+  settings: {
+    roles: {
+      main: [
+        { action: "admin::roles.create", subject: null },
+        { action: "admin::roles.update", subject: null },
+        { action: "admin::roles.read", subject: null },
+        { action: "admin::roles.delete", subject: null }
+      ],
+      create: [{ action: "admin::roles.create", subject: null }],
+      delete: [{ action: "admin::roles.delete", subject: null }],
+      read: [{ action: "admin::roles.read", subject: null }],
+      update: [{ action: "admin::roles.update", subject: null }]
+    },
+    users: {
+      main: [
+        { action: "admin::users.create", subject: null },
+        { action: "admin::users.read", subject: null },
+        { action: "admin::users.update", subject: null },
+        { action: "admin::users.delete", subject: null }
+      ],
+      create: [{ action: "admin::users.create", subject: null }],
+      delete: [{ action: "admin::users.delete", subject: null }],
+      read: [{ action: "admin::users.read", subject: null }],
+      update: [{ action: "admin::users.update", subject: null }]
+    },
+    webhooks: {
+      main: [
+        { action: "admin::webhooks.create", subject: null },
+        { action: "admin::webhooks.read", subject: null },
+        { action: "admin::webhooks.update", subject: null },
+        { action: "admin::webhooks.delete", subject: null }
+      ],
+      create: [{ action: "admin::webhooks.create", subject: null }],
+      delete: [{ action: "admin::webhooks.delete", subject: null }],
+      read: [
+        { action: "admin::webhooks.read", subject: null },
+        // NOTE: We need to check with the API
+        { action: "admin::webhooks.update", subject: null },
+        { action: "admin::webhooks.delete", subject: null }
+      ],
+      update: [{ action: "admin::webhooks.update", subject: null }]
+    },
+    "api-tokens": {
+      main: [{ action: "admin::api-tokens.access", subject: null }],
+      create: [{ action: "admin::api-tokens.create", subject: null }],
+      delete: [{ action: "admin::api-tokens.delete", subject: null }],
+      read: [{ action: "admin::api-tokens.read", subject: null }],
+      update: [{ action: "admin::api-tokens.update", subject: null }],
+      regenerate: [{ action: "admin::api-tokens.regenerate", subject: null }]
+    },
+    "transfer-tokens": {
+      main: [{ action: "admin::transfer.tokens.access", subject: null }],
+      create: [{ action: "admin::transfer.tokens.create", subject: null }],
+      delete: [{ action: "admin::transfer.tokens.delete", subject: null }],
+      read: [{ action: "admin::transfer.tokens.read", subject: null }],
+      update: [{ action: "admin::transfer.tokens.update", subject: null }],
+      regenerate: [{ action: "admin::transfer.tokens.regenerate", subject: null }]
+    },
+    "project-settings": {
+      read: [{ action: "admin::project-settings.read", subject: null }],
+      update: [{ action: "admin::project-settings.update", subject: null }]
     }
   }
-});
-const BackButton = React.forwardRef(({ disabled }, ref) => {
-  const { formatMessage } = useIntl();
-  const canGoBack = useHistory("BackButton", (state) => state.canGoBack);
-  const goBack = useHistory("BackButton", (state) => state.goBack);
-  const history = useHistory("BackButton", (state) => state.history);
-  const handleClick = (e) => {
-    e.preventDefault();
-    goBack();
-  };
-  return /* @__PURE__ */ jsx(
-    Link,
+};
+const HOOKS = {
+  /**
+   * Hook that allows to mutate the displayed headers of the list view table
+   * @constant
+   * @type {string}
+   */
+  INJECT_COLUMN_IN_TABLE: "Admin/CM/pages/ListView/inject-column-in-table",
+  /**
+   * Hook that allows to mutate the CM's collection types links pre-set filters
+   * @constant
+   * @type {string}
+   */
+  MUTATE_COLLECTION_TYPES_LINKS: "Admin/CM/pages/App/mutate-collection-types-links",
+  /**
+   * Hook that allows to mutate the CM's edit view layout
+   * @constant
+   * @type {string}
+   */
+  MUTATE_EDIT_VIEW_LAYOUT: "Admin/CM/pages/EditView/mutate-edit-view-layout",
+  /**
+   * Hook that allows to mutate the CM's single types links pre-set filters
+   * @constant
+   * @type {string}
+   */
+  MUTATE_SINGLE_TYPES_LINKS: "Admin/CM/pages/App/mutate-single-types-links"
+};
+const SETTINGS_LINKS_CE = () => ({
+  global: [
     {
-      ref,
-      tag: NavLink,
-      to: history.at(-1) ?? "",
-      onClick: handleClick,
-      disabled: disabled || !canGoBack,
-      "aria-disabled": disabled || !canGoBack,
-      startIcon: /* @__PURE__ */ jsx(ArrowLeft, {}),
-      children: formatMessage({
-        id: "global.back",
-        defaultMessage: "Back"
-      })
-    }
-  );
-});
-
-const GUIDED_TOUR_COMPLETED_STEPS = "GUIDED_TOUR_COMPLETED_STEPS";
-const GUIDED_TOUR_CURRENT_STEP = "GUIDED_TOUR_CURRENT_STEP";
-const GUIDED_TOUR_SKIPPED = "GUIDED_TOUR_SKIPPED";
-const [GuidedTourProviderImpl, useGuidedTour] = createContext("GuidedTour");
-const GuidedTourProvider = ({ children }) => {
-  const [{ currentStep, guidedTourState, isGuidedTourVisible, isSkipped }, dispatch] = React.useReducer(reducer$1, initialState, initialiseState);
-  const setCurrentStep = (step) => {
-    if (step !== null) {
-      const isStepAlreadyDone = get(guidedTourState, step);
-      const [sectionName, stepName] = step.split(".");
-      const sectionArray = Object.entries(guidedTourState[sectionName]);
-      const currentStepIndex = sectionArray.findIndex(([key]) => key === stepName);
-      const previousSteps = sectionArray.slice(0, currentStepIndex);
-      const isStepToShow = previousSteps.every(([, sectionValue]) => sectionValue);
-      if (isStepAlreadyDone || isSkipped || !isStepToShow) {
-        return null;
+      intlLabel: { id: "Settings.application.title", defaultMessage: "Overview" },
+      to: "/settings/application-infos",
+      id: "000-application-infos"
+    },
+    {
+      intlLabel: { id: "Settings.webhooks.title", defaultMessage: "Webhooks" },
+      to: "/settings/webhooks",
+      id: "webhooks"
+    },
+    {
+      intlLabel: { id: "Settings.apiTokens.title", defaultMessage: "API Tokens" },
+      to: "/settings/api-tokens?sort=name:ASC",
+      id: "api-tokens"
+    },
+    {
+      intlLabel: { id: "Settings.transferTokens.title", defaultMessage: "Transfer Tokens" },
+      to: "/settings/transfer-tokens?sort=name:ASC",
+      id: "transfer-tokens"
+    },
+    // If the Enterprise/Cloud feature is not enabled and if the config doesn't disable it, we promote the Enterprise/Cloud feature by displaying them in the settings menu.
+    // Disable this by adding "promoteEE: false" to your `./config/admin.js` file
+    ...!window.strapi.features.isEnabled(window.strapi.features.SSO) && window.strapi?.flags?.promoteEE ? [
+      {
+        intlLabel: { id: "Settings.sso.title", defaultMessage: "Single Sign-On" },
+        to: "/settings/purchase-single-sign-on",
+        id: "sso-purchase-page",
+        licenseOnly: true
       }
-    }
-    window.localStorage.setItem(GUIDED_TOUR_CURRENT_STEP, JSON.stringify(null));
-    return dispatch({
-      type: "SET_CURRENT_STEP",
-      step
-    });
-  };
-  const setGuidedTourVisibility = (value) => {
-    dispatch({
-      type: "SET_GUIDED_TOUR_VISIBILITY",
-      value
-    });
-  };
-  const setStepState = (currentStep2, value) => {
-    addCompletedStep(currentStep2);
-    dispatch({
-      type: "SET_STEP_STATE",
-      currentStep: currentStep2,
-      value
-    });
-  };
-  const startSection = (sectionName) => {
-    const sectionSteps = guidedTourState[sectionName];
-    if (sectionSteps) {
-      const guidedTourArray = Object.entries(guidedTourState);
-      const currentSectionIndex = guidedTourArray.findIndex(([key]) => key === sectionName);
-      const previousSections = guidedTourArray.slice(0, currentSectionIndex);
-      const isSectionToShow = previousSections.every(
-        ([, sectionValue]) => Object.values(sectionValue).every(Boolean)
+    ] : []
+  ],
+  admin: [
+    {
+      intlLabel: { id: "global.roles", defaultMessage: "Roles" },
+      to: "/settings/roles",
+      id: "roles"
+    },
+    {
+      intlLabel: { id: "global.users", defaultMessage: "Users" },
+      // Init the search params directly
+      to: "/settings/users?pageSize=10&page=1&sort=firstname",
+      id: "users"
+    },
+    ...!window.strapi.features.isEnabled(window.strapi.features.AUDIT_LOGS) && window.strapi?.flags?.promoteEE ? [
+      {
+        intlLabel: { id: "global.auditLogs", defaultMessage: "Audit Logs" },
+        to: "/settings/purchase-audit-logs",
+        id: "auditLogs-purchase-page",
+        licenseOnly: true
+      }
+    ] : []
+  ]
+});
+
+const ALLOWED_TYPES = [
+  "biginteger",
+  "boolean",
+  "date",
+  "datetime",
+  "decimal",
+  "email",
+  "enumeration",
+  "float",
+  "integer",
+  "json",
+  "password",
+  "richtext",
+  "string",
+  "text",
+  "time",
+  "uid"
+];
+const ALLOWED_ROOT_LEVEL_OPTIONS = [
+  "min",
+  "minLength",
+  "max",
+  "maxLength",
+  "required",
+  "regex",
+  "enum",
+  "unique",
+  "private",
+  "default"
+];
+class CustomFields {
+  customFields;
+  constructor() {
+    this.customFields = {};
+  }
+  register = (customFields) => {
+    if (Array.isArray(customFields)) {
+      customFields.forEach((customField) => {
+        this.register(customField);
+      });
+    } else {
+      const { name, pluginId, type, intlLabel, intlDescription, components, options } = customFields;
+      invariant(name, "A name must be provided");
+      invariant(type, "A type must be provided");
+      invariant(intlLabel, "An intlLabel must be provided");
+      invariant(intlDescription, "An intlDescription must be provided");
+      invariant(components, "A components object must be provided");
+      invariant(components.Input, "An Input component must be provided");
+      invariant(
+        ALLOWED_TYPES.includes(type),
+        `Custom field type: '${type}' is not a valid Strapi type or it can't be used with a Custom Field`
       );
-      const [firstStep] = Object.keys(sectionSteps);
-      const isFirstStepDone = sectionSteps[firstStep];
-      if (isSectionToShow && !currentStep && !isFirstStepDone) {
-        setCurrentStep(`${sectionName}.${firstStep}`);
+      const isValidObjectKey = /^(?![0-9])[a-zA-Z0-9$_-]+$/g;
+      invariant(
+        isValidObjectKey.test(name),
+        `Custom field name: '${name}' is not a valid object key`
+      );
+      const allFormOptions = [...options?.base || [], ...options?.advanced || []];
+      if (allFormOptions.length) {
+        const optionPathValidations = allFormOptions.reduce(optionsValidationReducer, []);
+        optionPathValidations.forEach(({ isValidOptionPath, errorMessage }) => {
+          invariant(isValidOptionPath, errorMessage);
+        });
       }
+      const uid = pluginId ? `plugin::${pluginId}.${name}` : `global::${name}`;
+      const uidAlreadyUsed = Object.prototype.hasOwnProperty.call(this.customFields, uid);
+      invariant(!uidAlreadyUsed, `Custom field: '${uid}' has already been registered`);
+      this.customFields[uid] = customFields;
     }
   };
-  const setSkipped = (value) => {
-    window.localStorage.setItem(GUIDED_TOUR_SKIPPED, JSON.stringify(value));
-    dispatch({
-      type: "SET_SKIPPED",
-      value
-    });
+  getAll = () => {
+    return this.customFields;
   };
-  return /* @__PURE__ */ jsx(
-    GuidedTourProviderImpl,
-    {
-      guidedTourState,
-      currentStep,
-      setCurrentStep,
-      setGuidedTourVisibility,
-      setSkipped,
-      setStepState,
-      startSection,
-      isGuidedTourVisible,
-      isSkipped,
-      children
-    }
-  );
+  get = (uid) => {
+    return this.customFields[uid];
+  };
+}
+const optionsValidationReducer = (acc, option) => {
+  if ("items" in option) {
+    return option.items.reduce(optionsValidationReducer, acc);
+  }
+  if (!option.name) {
+    acc.push({
+      isValidOptionPath: false,
+      errorMessage: "The 'name' property is required on an options object"
+    });
+  } else {
+    acc.push({
+      isValidOptionPath: option.name.startsWith("options") || ALLOWED_ROOT_LEVEL_OPTIONS.includes(option.name),
+      errorMessage: `'${option.name}' must be prefixed with 'options.'`
+    });
+  }
+  return acc;
 };
-const initialState = {
-  currentStep: null,
-  guidedTourState: {
-    contentTypeBuilder: {
-      create: false,
-      success: false
-    },
-    contentManager: {
-      create: false,
-      success: false
-    },
-    apiTokens: {
-      create: false,
-      success: false
-    },
-    transferTokens: {
-      create: false,
-      success: false
+
+class Plugin {
+  apis;
+  initializer;
+  injectionZones;
+  isReady;
+  name;
+  pluginId;
+  constructor(pluginConf) {
+    this.apis = pluginConf.apis || {};
+    this.initializer = pluginConf.initializer || null;
+    this.injectionZones = pluginConf.injectionZones || {};
+    this.isReady = pluginConf.isReady !== void 0 ? pluginConf.isReady : true;
+    this.name = pluginConf.name;
+    this.pluginId = pluginConf.id;
+  }
+  getInjectedComponents(containerName, blockName) {
+    try {
+      return this.injectionZones[containerName][blockName] || [];
+    } catch (err) {
+      console.error("Cannot get injected component", err);
+      return [];
     }
-  },
-  isGuidedTourVisible: false,
-  isSkipped: false
-};
-const reducer$1 = (state = initialState, action) => produce(state, (draftState) => {
-  switch (action.type) {
-    case "SET_CURRENT_STEP": {
-      draftState.currentStep = action.step;
-      break;
+  }
+  injectComponent(containerName, blockName, component) {
+    try {
+      this.injectionZones[containerName][blockName].push(component);
+    } catch (err) {
+      console.error("Cannot inject component", err);
+    }
+  }
+}
+
+const [Provider, useHistory] = createContext("History", {
+  history: [],
+  currentLocationIndex: 0,
+  currentLocation: "",
+  canGoBack: false,
+  pushState: () => {
+    throw new Error("You must use the `HistoryProvider` to access the `pushState` function.");
+  },
+  goBack: () => {
+    throw new Error("You must use the `HistoryProvider` to access the `goBack` function.");
+  }
+});
+const HistoryProvider = ({ children }) => {
+  const location = useLocation();
+  const navigate = useNavigate();
+  const [state, dispatch] = React.useReducer(reducer$2, {
+    history: [],
+    currentLocationIndex: 0,
+    currentLocation: "",
+    canGoBack: false
+  });
+  const isGoingBack = React.useRef(false);
+  const pushState = React.useCallback((path) => {
+    dispatch({
+      type: "PUSH_STATE",
+      payload: typeof path === "string" ? { to: path, search: "" } : path
+    });
+  }, []);
+  const goBack = React.useCallback(() => {
+    navigate(-1);
+    dispatch({ type: "GO_BACK" });
+    isGoingBack.current = true;
+  }, [navigate]);
+  const prevIndex = React.useRef(state.currentLocationIndex);
+  React.useEffect(() => {
+    if (state.currentLocationIndex !== prevIndex.current) {
+      dispatch({
+        type: "SET_CAN_GO_BACK",
+        payload: state.currentLocationIndex > 1 && state.history.length > 1
+      });
+      prevIndex.current = state.currentLocationIndex;
+    }
+  }, [prevIndex, state.currentLocationIndex, state.history.length]);
+  React.useLayoutEffect(() => {
+    if (isGoingBack.current) {
+      isGoingBack.current = false;
+    } else {
+      dispatch({
+        type: "PUSH_STATE",
+        payload: { to: location.pathname, search: location.search }
+      });
+    }
+  }, [dispatch, location.pathname, location.search]);
+  return /* @__PURE__ */ jsx(Provider, { pushState, goBack, ...state, children });
+};
+const reducer$2 = (state, action) => produce(state, (draft) => {
+  switch (action.type) {
+    case "PUSH_STATE": {
+      const path = `${action.payload.to}${action.payload.search}`;
+      if (state.currentLocationIndex === state.history.length) {
+        draft.history = [...state.history, path];
+      } else {
+        draft.history = [...state.history.slice(0, state.currentLocationIndex), path];
+      }
+      draft.currentLocation = path;
+      draft.currentLocationIndex += 1;
+      break;
+    }
+    case "GO_BACK": {
+      const newIndex = state.currentLocationIndex - 1;
+      draft.currentLocation = state.history[newIndex - 1];
+      draft.currentLocationIndex = newIndex;
+      break;
+    }
+    case "SET_CAN_GO_BACK": {
+      draft.canGoBack = action.payload;
+      break;
+    }
+  }
+});
+const BackButton = React.forwardRef(({ disabled }, ref) => {
+  const { formatMessage } = useIntl();
+  const canGoBack = useHistory("BackButton", (state) => state.canGoBack);
+  const goBack = useHistory("BackButton", (state) => state.goBack);
+  const history = useHistory("BackButton", (state) => state.history);
+  const handleClick = (e) => {
+    e.preventDefault();
+    goBack();
+  };
+  return /* @__PURE__ */ jsx(
+    Link,
+    {
+      ref,
+      tag: NavLink,
+      to: history.at(-1) ?? "",
+      onClick: handleClick,
+      disabled: disabled || !canGoBack,
+      "aria-disabled": disabled || !canGoBack,
+      startIcon: /* @__PURE__ */ jsx(ArrowLeft, {}),
+      children: formatMessage({
+        id: "global.back",
+        defaultMessage: "Back"
+      })
+    }
+  );
+});
+
+const GUIDED_TOUR_COMPLETED_STEPS = "GUIDED_TOUR_COMPLETED_STEPS";
+const GUIDED_TOUR_CURRENT_STEP = "GUIDED_TOUR_CURRENT_STEP";
+const GUIDED_TOUR_SKIPPED = "GUIDED_TOUR_SKIPPED";
+const [GuidedTourProviderImpl, useGuidedTour] = createContext("GuidedTour");
+const GuidedTourProvider = ({ children }) => {
+  const [{ currentStep, guidedTourState, isGuidedTourVisible, isSkipped }, dispatch] = React.useReducer(reducer$1, initialState, initialiseState);
+  const setCurrentStep = (step) => {
+    if (step !== null) {
+      const isStepAlreadyDone = get(guidedTourState, step);
+      const [sectionName, stepName] = step.split(".");
+      const sectionArray = Object.entries(guidedTourState[sectionName]);
+      const currentStepIndex = sectionArray.findIndex(([key]) => key === stepName);
+      const previousSteps = sectionArray.slice(0, currentStepIndex);
+      const isStepToShow = previousSteps.every(([, sectionValue]) => sectionValue);
+      if (isStepAlreadyDone || isSkipped || !isStepToShow) {
+        return null;
+      }
+    }
+    window.localStorage.setItem(GUIDED_TOUR_CURRENT_STEP, JSON.stringify(null));
+    return dispatch({
+      type: "SET_CURRENT_STEP",
+      step
+    });
+  };
+  const setGuidedTourVisibility = (value) => {
+    dispatch({
+      type: "SET_GUIDED_TOUR_VISIBILITY",
+      value
+    });
+  };
+  const setStepState = (currentStep2, value) => {
+    addCompletedStep(currentStep2);
+    dispatch({
+      type: "SET_STEP_STATE",
+      currentStep: currentStep2,
+      value
+    });
+  };
+  const startSection = (sectionName) => {
+    const sectionSteps = guidedTourState[sectionName];
+    if (sectionSteps) {
+      const guidedTourArray = Object.entries(guidedTourState);
+      const currentSectionIndex = guidedTourArray.findIndex(([key]) => key === sectionName);
+      const previousSections = guidedTourArray.slice(0, currentSectionIndex);
+      const isSectionToShow = previousSections.every(
+        ([, sectionValue]) => Object.values(sectionValue).every(Boolean)
+      );
+      const [firstStep] = Object.keys(sectionSteps);
+      const isFirstStepDone = sectionSteps[firstStep];
+      if (isSectionToShow && !currentStep && !isFirstStepDone) {
+        setCurrentStep(`${sectionName}.${firstStep}`);
+      }
+    }
+  };
+  const setSkipped = (value) => {
+    window.localStorage.setItem(GUIDED_TOUR_SKIPPED, JSON.stringify(value));
+    dispatch({
+      type: "SET_SKIPPED",
+      value
+    });
+  };
+  return /* @__PURE__ */ jsx(
+    GuidedTourProviderImpl,
+    {
+      guidedTourState,
+      currentStep,
+      setCurrentStep,
+      setGuidedTourVisibility,
+      setSkipped,
+      setStepState,
+      startSection,
+      isGuidedTourVisible,
+      isSkipped,
+      children
+    }
+  );
+};
+const initialState = {
+  currentStep: null,
+  guidedTourState: {
+    contentTypeBuilder: {
+      create: false,
+      success: false
+    },
+    contentManager: {
+      create: false,
+      success: false
+    },
+    apiTokens: {
+      create: false,
+      success: false
+    },
+    transferTokens: {
+      create: false,
+      success: false
+    }
+  },
+  isGuidedTourVisible: false,
+  isSkipped: false
+};
+const reducer$1 = (state = initialState, action) => produce(state, (draftState) => {
+  switch (action.type) {
+    case "SET_CURRENT_STEP": {
+      draftState.currentStep = action.step;
+      break;
     }
     case "SET_STEP_STATE": {
       const [section, step] = action.currentStep.split(".");
@@ -416,7 +693,7 @@ const Providers = ({ children, strapi, store }) => {
       components: strapi.library.components,
       customFields: strapi.customFields,
       fields: strapi.library.fields,
-      menu: strapi.menu,
+      menu: strapi.router.menu,
       getAdminInjectedComponents: strapi.getAdminInjectedComponents,
       getPlugin: strapi.getPlugin,
       plugins: strapi.plugins,
@@ -424,7 +701,7 @@ const Providers = ({ children, strapi, store }) => {
       runHookParallel: strapi.runHookParallel,
       runHookWaterfall: (name, initialValue) => strapi.runHookWaterfall(name, initialValue, store),
       runHookSeries: strapi.runHookSeries,
-      settings: strapi.settings,
+      settings: strapi.router.settings,
       children: /* @__PURE__ */ jsx(Provider$1, { store, children: /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(AuthProvider, { children: /* @__PURE__ */ jsx(HistoryProvider, { children: /* @__PURE__ */ jsx(LanguageProvider, { messages: strapi.configurations.translations, children: /* @__PURE__ */ jsx(Theme, { themes: strapi.configurations.themes, children: /* @__PURE__ */ jsx(NotificationsProvider, { children: /* @__PURE__ */ jsx(TrackingProvider, { children: /* @__PURE__ */ jsx(GuidedTourProvider, { children: /* @__PURE__ */ jsx(
         ConfigurationProvider,
         {
@@ -449,8 +726,6 @@ const App = ({ strapi, store }) => {
   return /* @__PURE__ */ jsx(Providers, { strapi, store, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Page.Loading, {}), children: /* @__PURE__ */ jsx(Outlet, {}) }) });
 };
 
-const StrapiLogo = "data:image/svg+xml,%3csvg%20width='800'%20height='800'%20viewBox='0%200%20800%20800'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M39%20282c0-118%200-176.9%2036.6-213.5C112.2%2032%20171.1%2032%20288.9%2032h221.2c117.8%200%20176.7%200%20213.3%2036.6C760%20105.2%20760%20164.1%20760%20281.9v221.2c0%20117.8%200%20176.7-36.6%20213.3C686.8%20753%20627.9%20753%20510.1%20753H288.9c-117.8%200-176.7%200-213.3-36.6C39%20679.8%2039%20620.9%2039%20503.1V281.9Z'%20fill='%234945FF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M536.4%20250.7H293.7v123.8h123.8v123.7h123.8V255.5c0-2.6-2.2-4.8-4.9-4.8Z'%20fill='%23fff'/%3e%3cpath%20fill='%23fff'%20d='M412.7%20374.5h4.8v4.8h-4.8z'/%3e%3cpath%20d='M293.8%20374.5h119c2.6%200%204.8%202.1%204.8%204.8v119h-119a4.8%204.8%200%200%201-4.8-4.9v-119Z'%20fill='%239593FF'/%3e%3cpath%20d='M417.5%20498.2h123.8L421.6%20618a2.4%202.4%200%200%201-4-1.7v-118ZM293.8%20374.5h-118a2.4%202.4%200%200%201-1.7-4.1l119.7-119.7v123.8Z'%20fill='%239593FF'/%3e%3c/svg%3e";
-
 const useClipboard = () => {
   const copy = useCallback(async (value) => {
     try {
@@ -552,390 +827,245 @@ const ErrorType = styled(Typography)`
   color: ${({ theme }) => theme.colors.danger600};
 `;
 
-const ADMIN_PERMISSIONS_CE = {
-  contentManager: {
-    main: [],
-    collectionTypesConfigurations: [
-      {
-        action: "plugin::content-manager.collection-types.configure-view",
-        subject: null
-      }
-    ],
-    componentsConfigurations: [
-      {
-        action: "plugin::content-manager.components.configure-layout",
-        subject: null
-      }
-    ],
-    singleTypesConfigurations: [
-      {
-        action: "plugin::content-manager.single-types.configure-view",
-        subject: null
-      }
-    ]
-  },
-  marketplace: {
-    main: [{ action: "admin::marketplace.read", subject: null }],
-    read: [{ action: "admin::marketplace.read", subject: null }]
-  },
-  settings: {
-    roles: {
-      main: [
-        { action: "admin::roles.create", subject: null },
-        { action: "admin::roles.update", subject: null },
-        { action: "admin::roles.read", subject: null },
-        { action: "admin::roles.delete", subject: null }
-      ],
-      create: [{ action: "admin::roles.create", subject: null }],
-      delete: [{ action: "admin::roles.delete", subject: null }],
-      read: [{ action: "admin::roles.read", subject: null }],
-      update: [{ action: "admin::roles.update", subject: null }]
-    },
-    users: {
-      main: [
-        { action: "admin::users.create", subject: null },
-        { action: "admin::users.read", subject: null },
-        { action: "admin::users.update", subject: null },
-        { action: "admin::users.delete", subject: null }
-      ],
-      create: [{ action: "admin::users.create", subject: null }],
-      delete: [{ action: "admin::users.delete", subject: null }],
-      read: [{ action: "admin::users.read", subject: null }],
-      update: [{ action: "admin::users.update", subject: null }]
-    },
-    webhooks: {
-      main: [
-        { action: "admin::webhooks.create", subject: null },
-        { action: "admin::webhooks.read", subject: null },
-        { action: "admin::webhooks.update", subject: null },
-        { action: "admin::webhooks.delete", subject: null }
-      ],
-      create: [{ action: "admin::webhooks.create", subject: null }],
-      delete: [{ action: "admin::webhooks.delete", subject: null }],
-      read: [
-        { action: "admin::webhooks.read", subject: null },
-        // NOTE: We need to check with the API
-        { action: "admin::webhooks.update", subject: null },
-        { action: "admin::webhooks.delete", subject: null }
-      ],
-      update: [{ action: "admin::webhooks.update", subject: null }]
-    },
-    "api-tokens": {
-      main: [{ action: "admin::api-tokens.access", subject: null }],
-      create: [{ action: "admin::api-tokens.create", subject: null }],
-      delete: [{ action: "admin::api-tokens.delete", subject: null }],
-      read: [{ action: "admin::api-tokens.read", subject: null }],
-      update: [{ action: "admin::api-tokens.update", subject: null }],
-      regenerate: [{ action: "admin::api-tokens.regenerate", subject: null }]
-    },
-    "transfer-tokens": {
-      main: [{ action: "admin::transfer.tokens.access", subject: null }],
-      create: [{ action: "admin::transfer.tokens.create", subject: null }],
-      delete: [{ action: "admin::transfer.tokens.delete", subject: null }],
-      read: [{ action: "admin::transfer.tokens.read", subject: null }],
-      update: [{ action: "admin::transfer.tokens.update", subject: null }],
-      regenerate: [{ action: "admin::transfer.tokens.regenerate", subject: null }]
-    },
-    "project-settings": {
-      read: [{ action: "admin::project-settings.read", subject: null }],
-      update: [{ action: "admin::project-settings.update", subject: null }]
-    }
+const ActionLayout = ({ startActions, endActions }) => {
+  if (!startActions && !endActions) {
+    return null;
   }
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      justifyContent: "space-between",
+      alignItems: "flex-start",
+      paddingBottom: 4,
+      paddingLeft: 10,
+      paddingRight: 10,
+      children: [
+        /* @__PURE__ */ jsx(Flex, { gap: 2, wrap: "wrap", children: startActions }),
+        /* @__PURE__ */ jsx(Flex, { gap: 2, shrink: 0, wrap: "wrap", children: endActions })
+      ]
+    }
+  );
 };
-const HOOKS = {
-  /**
-   * Hook that allows to mutate the displayed headers of the list view table
-   * @constant
-   * @type {string}
-   */
-  INJECT_COLUMN_IN_TABLE: "Admin/CM/pages/ListView/inject-column-in-table",
-  /**
-   * Hook that allows to mutate the CM's collection types links pre-set filters
-   * @constant
-   * @type {string}
-   */
-  MUTATE_COLLECTION_TYPES_LINKS: "Admin/CM/pages/App/mutate-collection-types-links",
-  /**
-   * Hook that allows to mutate the CM's edit view layout
-   * @constant
-   * @type {string}
-   */
-  MUTATE_EDIT_VIEW_LAYOUT: "Admin/CM/pages/EditView/mutate-edit-view-layout",
-  /**
-   * Hook that allows to mutate the CM's single types links pre-set filters
-   * @constant
-   * @type {string}
-   */
-  MUTATE_SINGLE_TYPES_LINKS: "Admin/CM/pages/App/mutate-single-types-links"
+
+const ContentLayout = ({ children }) => {
+  return /* @__PURE__ */ jsx(Box, { paddingLeft: 10, paddingRight: 10, children });
 };
-const SETTINGS_LINKS_CE = () => ({
-  global: [
-    {
-      intlLabel: { id: "Settings.application.title", defaultMessage: "Overview" },
-      to: "/settings/application-infos",
-      id: "000-application-infos"
-    },
-    {
-      intlLabel: { id: "Settings.webhooks.title", defaultMessage: "Webhooks" },
-      to: "/settings/webhooks",
-      id: "webhooks"
-    },
-    {
-      intlLabel: { id: "Settings.apiTokens.title", defaultMessage: "API Tokens" },
-      to: "/settings/api-tokens?sort=name:ASC",
-      id: "api-tokens"
-    },
-    {
-      intlLabel: { id: "Settings.transferTokens.title", defaultMessage: "Transfer Tokens" },
-      to: "/settings/transfer-tokens?sort=name:ASC",
-      id: "transfer-tokens"
-    },
-    // If the Enterprise/Cloud feature is not enabled and if the config doesn't disable it, we promote the Enterprise/Cloud feature by displaying them in the settings menu.
-    // Disable this by adding "promoteEE: false" to your `./config/admin.js` file
-    ...!window.strapi.features.isEnabled(window.strapi.features.SSO) && window.strapi?.flags?.promoteEE ? [
-      {
-        intlLabel: { id: "Settings.sso.title", defaultMessage: "Single Sign-On" },
-        to: "/settings/purchase-single-sign-on",
-        id: "sso-purchase-page",
-        licenseOnly: true
-      }
-    ] : []
-  ],
-  admin: [
-    {
-      intlLabel: { id: "global.roles", defaultMessage: "Roles" },
-      to: "/settings/roles",
-      id: "roles"
-    },
-    {
-      intlLabel: { id: "global.users", defaultMessage: "Users" },
-      // Init the search params directly
-      to: "/settings/users?pageSize=10&page=1&sort=firstname",
-      id: "users"
-    },
-    ...!window.strapi.features.isEnabled(window.strapi.features.AUDIT_LOGS) && window.strapi?.flags?.promoteEE ? [
-      {
-        intlLabel: { id: "global.auditLogs", defaultMessage: "Audit Logs" },
-        to: "/settings/purchase-audit-logs",
-        id: "auditLogs-purchase-page",
-        licenseOnly: true
-      }
-    ] : []
-  ]
-});
 
-const ALLOWED_TYPES = [
-  "biginteger",
-  "boolean",
-  "date",
-  "datetime",
-  "decimal",
-  "email",
-  "enumeration",
-  "float",
-  "integer",
-  "json",
-  "password",
-  "richtext",
-  "string",
-  "text",
-  "time",
-  "uid"
-];
-const ALLOWED_ROOT_LEVEL_OPTIONS = [
-  "min",
-  "minLength",
-  "max",
-  "maxLength",
-  "required",
-  "regex",
-  "enum",
-  "unique",
-  "private",
-  "default"
-];
-class CustomFields {
-  customFields;
-  constructor() {
-    this.customFields = {};
-  }
-  register = (customFields) => {
-    if (Array.isArray(customFields)) {
-      customFields.forEach((customField) => {
-        this.register(customField);
-      });
-    } else {
-      const { name, pluginId, type, intlLabel, intlDescription, components, options } = customFields;
-      invariant(name, "A name must be provided");
-      invariant(type, "A type must be provided");
-      invariant(intlLabel, "An intlLabel must be provided");
-      invariant(intlDescription, "An intlDescription must be provided");
-      invariant(components, "A components object must be provided");
-      invariant(components.Input, "An Input component must be provided");
-      invariant(
-        ALLOWED_TYPES.includes(type),
-        `Custom field type: '${type}' is not a valid Strapi type or it can't be used with a Custom Field`
-      );
-      const isValidObjectKey = /^(?![0-9])[a-zA-Z0-9$_-]+$/g;
-      invariant(
-        isValidObjectKey.test(name),
-        `Custom field name: '${name}' is not a valid object key`
+const GridColSize = {
+  S: 180,
+  M: 250
+};
+const StyledGrid = styled(Box)`
+  display: grid;
+  grid-template-columns: repeat(
+    auto-fit,
+    minmax(${({ $size }) => `${GridColSize[$size]}px`}, 1fr)
+  );
+  grid-gap: ${({ theme }) => theme.spaces[4]};
+`;
+const GridLayout = ({ size, children }) => {
+  return /* @__PURE__ */ jsx(StyledGrid, { $size: size, children });
+};
+
+const BaseHeaderLayout = React.forwardRef(
+  ({ navigationAction, primaryAction, secondaryAction, subtitle, title, sticky, width, ...props }, ref) => {
+    const isSubtitleString = typeof subtitle === "string";
+    if (sticky) {
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          paddingLeft: 6,
+          paddingRight: 6,
+          paddingTop: 3,
+          paddingBottom: 3,
+          position: "fixed",
+          top: 0,
+          right: 0,
+          background: "neutral0",
+          shadow: "tableShadow",
+          width: `${width}rem`,
+          zIndex: 1,
+          "data-strapi-header-sticky": true,
+          children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
+            /* @__PURE__ */ jsxs(Flex, { children: [
+              navigationAction && /* @__PURE__ */ jsx(Box, { paddingRight: 3, children: navigationAction }),
+              /* @__PURE__ */ jsxs(Box, { children: [
+                /* @__PURE__ */ jsx(Typography, { variant: "beta", tag: "h1", ...props, children: title }),
+                isSubtitleString ? /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: subtitle }) : subtitle
+              ] }),
+              secondaryAction ? /* @__PURE__ */ jsx(Box, { paddingLeft: 4, children: secondaryAction }) : null
+            ] }),
+            /* @__PURE__ */ jsx(Flex, { children: primaryAction ? /* @__PURE__ */ jsx(Box, { paddingLeft: 2, children: primaryAction }) : void 0 })
+          ] })
+        }
       );
-      const allFormOptions = [...options?.base || [], ...options?.advanced || []];
-      if (allFormOptions.length) {
-        const optionPathValidations = allFormOptions.reduce(optionsValidationReducer, []);
-        optionPathValidations.forEach(({ isValidOptionPath, errorMessage }) => {
-          invariant(isValidOptionPath, errorMessage);
-        });
+    }
+    return /* @__PURE__ */ jsxs(
+      Box,
+      {
+        ref,
+        paddingLeft: 10,
+        paddingRight: 10,
+        paddingBottom: 8,
+        paddingTop: navigationAction ? 6 : 8,
+        background: "neutral100",
+        "data-strapi-header": true,
+        children: [
+          navigationAction ? /* @__PURE__ */ jsx(Box, { paddingBottom: 2, children: navigationAction }) : null,
+          /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
+            /* @__PURE__ */ jsxs(Flex, { minWidth: 0, children: [
+              /* @__PURE__ */ jsx(Typography, { tag: "h1", variant: "alpha", ...props, children: title }),
+              secondaryAction ? /* @__PURE__ */ jsx(Box, { paddingLeft: 4, children: secondaryAction }) : null
+            ] }),
+            primaryAction
+          ] }),
+          isSubtitleString ? /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", tag: "p", children: subtitle }) : subtitle
+        ]
       }
-      const uid = pluginId ? `plugin::${pluginId}.${name}` : `global::${name}`;
-      const uidAlreadyUsed = Object.prototype.hasOwnProperty.call(this.customFields, uid);
-      invariant(!uidAlreadyUsed, `Custom field: '${uid}' has already been registered`);
-      this.customFields[uid] = customFields;
-    }
-  };
-  getAll = () => {
-    return this.customFields;
-  };
-  get = (uid) => {
-    return this.customFields[uid];
-  };
-}
-const optionsValidationReducer = (acc, option) => {
-  if ("items" in option) {
-    return option.items.reduce(optionsValidationReducer, acc);
-  }
-  if (!option.name) {
-    acc.push({
-      isValidOptionPath: false,
-      errorMessage: "The 'name' property is required on an options object"
-    });
-  } else {
-    acc.push({
-      isValidOptionPath: option.name.startsWith("options") || ALLOWED_ROOT_LEVEL_OPTIONS.includes(option.name),
-      errorMessage: `'${option.name}' must be prefixed with 'options.'`
-    });
-  }
-  return acc;
-};
-
-class Plugin {
-  apis;
-  initializer;
-  injectionZones;
-  isReady;
-  name;
-  pluginId;
-  constructor(pluginConf) {
-    this.apis = pluginConf.apis || {};
-    this.initializer = pluginConf.initializer || null;
-    this.injectionZones = pluginConf.injectionZones || {};
-    this.isReady = pluginConf.isReady !== void 0 ? pluginConf.isReady : true;
-    this.name = pluginConf.name;
-    this.pluginId = pluginConf.id;
+    );
   }
-  getInjectedComponents(containerName, blockName) {
-    try {
-      return this.injectionZones[containerName][blockName] || [];
-    } catch (err) {
-      console.error("Cannot get injected component", err);
-      return [];
+);
+const HeaderLayout = (props) => {
+  const baseHeaderLayoutRef = React.useRef(null);
+  const [headerSize, setHeaderSize] = React.useState(null);
+  const [containerRef, isVisible] = useElementOnScreen({
+    root: null,
+    rootMargin: "0px",
+    threshold: 0
+  });
+  useResizeObserver(containerRef, () => {
+    if (containerRef.current) {
+      setHeaderSize(containerRef.current.getBoundingClientRect());
     }
-  }
-  injectComponent(containerName, blockName, component) {
-    try {
-      this.injectionZones[containerName][blockName].push(component);
-    } catch (err) {
-      console.error("Cannot inject component", err);
+  });
+  React.useEffect(() => {
+    if (baseHeaderLayoutRef.current) {
+      setHeaderSize(baseHeaderLayoutRef.current.getBoundingClientRect());
     }
-  }
-}
-
-const staticReducers = {
-  [adminApi.reducerPath]: adminApi.reducer,
-  admin_app: reducer$3
+  }, [baseHeaderLayoutRef]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { style: { height: headerSize?.height }, ref: containerRef, children: isVisible && /* @__PURE__ */ jsx(BaseHeaderLayout, { ref: baseHeaderLayoutRef, ...props }) }),
+    !isVisible && /* @__PURE__ */ jsx(BaseHeaderLayout, { ...props, sticky: true, width: headerSize?.width })
+  ] });
 };
-const injectReducerStoreEnhancer = (appReducers) => (next) => (...args) => {
-  const store = next(...args);
-  const asyncReducers = {};
-  return {
-    ...store,
-    asyncReducers,
-    injectReducer: (key, asyncReducer) => {
-      asyncReducers[key] = asyncReducer;
-      store.replaceReducer(
-        // @ts-expect-error we dynamically add reducers which makes the types uncomfortable.
-        combineReducers({
-          ...appReducers,
-          ...asyncReducers
-        })
-      );
-    }
+HeaderLayout.displayName = "HeaderLayout";
+const useElementOnScreen = (options) => {
+  const containerRef = React.useRef(null);
+  const [isVisible, setIsVisible] = React.useState(true);
+  const callback = ([entry]) => {
+    setIsVisible(entry.isIntersecting);
   };
+  React.useEffect(() => {
+    const containerEl = containerRef.current;
+    const observer = new IntersectionObserver(callback, options);
+    if (containerEl) {
+      observer.observe(containerRef.current);
+    }
+    return () => {
+      if (containerEl) {
+        observer.disconnect();
+      }
+    };
+  }, [containerRef, options]);
+  return [containerRef, isVisible];
 };
-const configureStoreImpl = (preloadedState = {}, appMiddlewares = [], injectedReducers = {}) => {
-  const coreReducers = { ...staticReducers, ...injectedReducers };
-  const defaultMiddlewareOptions = {};
-  if (process.env.NODE_ENV === "test") {
-    defaultMiddlewareOptions.serializableCheck = false;
-    defaultMiddlewareOptions.immutableCheck = false;
-  }
-  const store = configureStore({
-    preloadedState: {
-      admin_app: preloadedState.admin_app
-    },
-    reducer: coreReducers,
-    devTools: process.env.NODE_ENV !== "production",
-    middleware: (getDefaultMiddleware) => [
-      ...getDefaultMiddleware(defaultMiddlewareOptions),
-      adminApi.middleware,
-      ...appMiddlewares.map((m) => m())
-    ],
-    enhancers: [injectReducerStoreEnhancer(coreReducers)]
-  });
-  return store;
+const useResizeObserver = (sources, onResize) => {
+  const handleResize = useCallbackRef(onResize);
+  React.useLayoutEffect(() => {
+    const resizeObs = new ResizeObserver(handleResize);
+    if (Array.isArray(sources)) {
+      sources.forEach((source) => {
+        if (source.current) {
+          resizeObs.observe(source.current);
+        }
+      });
+    } else if (sources.current) {
+      resizeObs.observe(sources.current);
+    }
+    return () => {
+      resizeObs.disconnect();
+    };
+  }, [sources, handleResize]);
 };
 
-const getBasename = () => (process.env.ADMIN_PATH ?? "").replace(window.location.origin, "");
+const GridContainer = styled(Box)`
+  display: grid;
+  grid-template-columns: ${({ $hasSideNav }) => $hasSideNav ? `auto 1fr` : "1fr"};
+`;
+const OverflowingItem = styled(Box)`
+  overflow-x: hidden;
+`;
+const RootLayout = ({ sideNav, children }) => {
+  return /* @__PURE__ */ jsxs(GridContainer, { $hasSideNav: Boolean(sideNav), children: [
+    sideNav,
+    /* @__PURE__ */ jsx(OverflowingItem, { paddingBottom: 10, children })
+  ] });
+};
+const Layouts = {
+  Root: RootLayout,
+  Header: HeaderLayout,
+  BaseHeader: BaseHeaderLayout,
+  Grid: GridLayout,
+  Action: ActionLayout,
+  Content: ContentLayout
+};
 
-const createHook = () => {
-  const _handlers = [];
-  return {
-    register(fn) {
-      _handlers.push(fn);
-    },
-    delete(handler) {
-      _handlers.splice(_handlers.indexOf(handler), 1);
-    },
-    runWaterfall(args, store) {
-      return _handlers.reduce((acc, fn) => fn(acc, store), args);
-    },
-    async runWaterfallAsync(args, store) {
-      let result = args;
-      for (const fn of _handlers) {
-        result = await fn(result, store);
+const NotFoundPage = () => {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsxs(Page.Main, { labelledBy: "title", children: [
+    /* @__PURE__ */ jsx(
+      Layouts.Header,
+      {
+        id: "title",
+        title: formatMessage({
+          id: "content-manager.pageNotFound",
+          defaultMessage: "Page not found"
+        })
       }
-      return result;
-    },
-    runSeries(...args) {
-      return _handlers.map((fn) => fn(...args));
-    },
-    async runSeriesAsync(...args) {
-      const result = [];
-      for (const fn of _handlers) {
-        result.push(await fn(...args));
+    ),
+    /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsx(
+      EmptyStateLayout,
+      {
+        action: /* @__PURE__ */ jsx(LinkButton, { tag: Link$1, variant: "secondary", endIcon: /* @__PURE__ */ jsx(ArrowRight, {}), to: "/", children: formatMessage({
+          id: "app.components.NotFoundPage.back",
+          defaultMessage: "Back to homepage"
+        }) }),
+        content: formatMessage({
+          id: "app.page.not.found",
+          defaultMessage: "Oops! We can't seem to find the page you're looging for..."
+        }),
+        hasRadius: true,
+        icon: /* @__PURE__ */ jsx(EmptyPictures, { width: "16rem" }),
+        shadow: "tableShadow"
+      }
+    ) })
+  ] });
+};
+
+const getEERoutes = () => [
+  ...window.strapi.features.isEnabled(window.strapi.features.AUDIT_LOGS) ? [
+    {
+      path: "audit-logs",
+      lazy: async () => {
+        const { ProtectedListPage } = await import('./ListPage-WvDXi585.mjs');
+        return {
+          Component: ProtectedListPage
+        };
       }
-      return result;
-    },
-    runParallel(...args) {
-      return Promise.all(
-        _handlers.map((fn) => {
-          return fn(...args);
-        })
-      );
     }
-  };
-};
+  ] : [],
+  ...window.strapi.features.isEnabled(window.strapi.features.SSO) ? [
+    {
+      path: "single-sign-on",
+      lazy: async () => {
+        const { ProtectedSSO } = await import('./SingleSignOnPage-WY9MZfnN.mjs');
+        return {
+          Component: ProtectedSSO
+        };
+      }
+    }
+  ] : []
+];
 
 function getIn(obj, key, def, pathStartIndex = 0) {
   const path = toPath(key);
@@ -1516,7 +1646,7 @@ const DateInput = forwardRef(
             field.onChange(name, date);
           },
           onClear: () => field.onChange(name, void 0),
-          value,
+          value: value ? convertLocalDateToUTCDate(value) : void 0,
           ...props
         }
       ),
@@ -1525,6 +1655,12 @@ const DateInput = forwardRef(
     ] });
   }
 );
+const convertLocalDateToUTCDate = (date) => {
+  const utcDateString = date.toISOString();
+  const timeZone = getLocalTimeZone();
+  const zonedDateTime = parseAbsolute(utcDateString, timeZone);
+  return toCalendarDate(zonedDateTime).toDate("UTC");
+};
 const MemoizedDateInput = memo(DateInput);
 
 const DateTimeInput = forwardRef(
@@ -1774,7 +1910,7 @@ const TimeInput = forwardRef(
           ref: composedRefs,
           clearLabel: formatMessage({ id: "clearLabel", defaultMessage: "Clear" }),
           onChange: (time) => {
-            field.onChange(name, time);
+            field.onChange(name, `${time}:00.000`);
           },
           onClear: () => field.onChange(name, void 0),
           value: field.value ?? "",
@@ -2951,11 +3087,11 @@ const AuthPage = () => {
   const { hasAdmin } = data ?? {};
   const Login$1 = useEnterprise(
     Login,
-    async () => (await import('./Login-ngKWBSD4.mjs')).LoginEE
+    async () => (await import('./Login-qvyDXOZp.mjs')).LoginEE
   );
   const forms = useEnterprise(
     FORMS,
-    async () => (await import('./constants-ThodPHfR.mjs')).FORMS,
+    async () => (await import('./constants-lyc5iHQ_.mjs')).FORMS,
     {
       combine(ceForms, eeForms) {
         return {
@@ -2965,255 +3101,40 @@ const AuthPage = () => {
       },
       defaultValue: FORMS
     }
-  );
-  const { token } = useAuth("AuthPage", (auth) => auth);
-  if (!authType || !forms) {
-    return /* @__PURE__ */ jsx(Navigate, { to: "/" });
-  }
-  const Component = forms[authType];
-  if (!Component || hasAdmin && authType === "register-admin" || token) {
-    return /* @__PURE__ */ jsx(Navigate, { to: "/" });
-  }
-  if (!hasAdmin && authType !== "register-admin") {
-    return /* @__PURE__ */ jsx(
-      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") {
-    return /* @__PURE__ */ jsx(Login$1, {});
-  } else if (authType === "login" && !Login$1) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(Component, { hasAdmin });
-};
-
-const ActionLayout = ({ startActions, endActions }) => {
-  if (!startActions && !endActions) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(
-    Flex,
-    {
-      justifyContent: "space-between",
-      alignItems: "flex-start",
-      paddingBottom: 4,
-      paddingLeft: 10,
-      paddingRight: 10,
-      children: [
-        /* @__PURE__ */ jsx(Flex, { gap: 2, wrap: "wrap", children: startActions }),
-        /* @__PURE__ */ jsx(Flex, { gap: 2, shrink: 0, wrap: "wrap", children: endActions })
-      ]
-    }
-  );
-};
-
-const ContentLayout = ({ children }) => {
-  return /* @__PURE__ */ jsx(Box, { paddingLeft: 10, paddingRight: 10, children });
-};
-
-const GridColSize = {
-  S: 180,
-  M: 250
-};
-const StyledGrid = styled(Box)`
-  display: grid;
-  grid-template-columns: repeat(
-    auto-fit,
-    minmax(${({ $size }) => `${GridColSize[$size]}px`}, 1fr)
-  );
-  grid-gap: ${({ theme }) => theme.spaces[4]};
-`;
-const GridLayout = ({ size, children }) => {
-  return /* @__PURE__ */ jsx(StyledGrid, { $size: size, children });
-};
-
-const BaseHeaderLayout = React.forwardRef(
-  ({ navigationAction, primaryAction, secondaryAction, subtitle, title, sticky, width, ...props }, ref) => {
-    const isSubtitleString = typeof subtitle === "string";
-    if (sticky) {
-      return /* @__PURE__ */ jsx(
-        Box,
-        {
-          paddingLeft: 6,
-          paddingRight: 6,
-          paddingTop: 3,
-          paddingBottom: 3,
-          position: "fixed",
-          top: 0,
-          right: 0,
-          background: "neutral0",
-          shadow: "tableShadow",
-          width: `${width}rem`,
-          zIndex: 1,
-          "data-strapi-header-sticky": true,
-          children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
-            /* @__PURE__ */ jsxs(Flex, { children: [
-              navigationAction && /* @__PURE__ */ jsx(Box, { paddingRight: 3, children: navigationAction }),
-              /* @__PURE__ */ jsxs(Box, { children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "beta", tag: "h1", ...props, children: title }),
-                isSubtitleString ? /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: subtitle }) : subtitle
-              ] }),
-              secondaryAction ? /* @__PURE__ */ jsx(Box, { paddingLeft: 4, children: secondaryAction }) : null
-            ] }),
-            /* @__PURE__ */ jsx(Flex, { children: primaryAction ? /* @__PURE__ */ jsx(Box, { paddingLeft: 2, children: primaryAction }) : void 0 })
-          ] })
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxs(
-      Box,
-      {
-        ref,
-        paddingLeft: 10,
-        paddingRight: 10,
-        paddingBottom: 8,
-        paddingTop: navigationAction ? 6 : 8,
-        background: "neutral100",
-        "data-strapi-header": true,
-        children: [
-          navigationAction ? /* @__PURE__ */ jsx(Box, { paddingBottom: 2, children: navigationAction }) : null,
-          /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
-            /* @__PURE__ */ jsxs(Flex, { minWidth: 0, children: [
-              /* @__PURE__ */ jsx(Typography, { tag: "h1", variant: "alpha", ...props, children: title }),
-              secondaryAction ? /* @__PURE__ */ jsx(Box, { paddingLeft: 4, children: secondaryAction }) : null
-            ] }),
-            primaryAction
-          ] }),
-          isSubtitleString ? /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", tag: "p", children: subtitle }) : subtitle
-        ]
-      }
-    );
-  }
-);
-const HeaderLayout = (props) => {
-  const baseHeaderLayoutRef = React.useRef(null);
-  const [headerSize, setHeaderSize] = React.useState(null);
-  const [containerRef, isVisible] = useElementOnScreen({
-    root: null,
-    rootMargin: "0px",
-    threshold: 0
-  });
-  useResizeObserver(containerRef, () => {
-    if (containerRef.current) {
-      setHeaderSize(containerRef.current.getBoundingClientRect());
-    }
-  });
-  React.useEffect(() => {
-    if (baseHeaderLayoutRef.current) {
-      setHeaderSize(baseHeaderLayoutRef.current.getBoundingClientRect());
-    }
-  }, [baseHeaderLayoutRef]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { style: { height: headerSize?.height }, ref: containerRef, children: isVisible && /* @__PURE__ */ jsx(BaseHeaderLayout, { ref: baseHeaderLayoutRef, ...props }) }),
-    !isVisible && /* @__PURE__ */ jsx(BaseHeaderLayout, { ...props, sticky: true, width: headerSize?.width })
-  ] });
-};
-HeaderLayout.displayName = "HeaderLayout";
-const useElementOnScreen = (options) => {
-  const containerRef = React.useRef(null);
-  const [isVisible, setIsVisible] = React.useState(true);
-  const callback = ([entry]) => {
-    setIsVisible(entry.isIntersecting);
-  };
-  React.useEffect(() => {
-    const containerEl = containerRef.current;
-    const observer = new IntersectionObserver(callback, options);
-    if (containerEl) {
-      observer.observe(containerRef.current);
-    }
-    return () => {
-      if (containerEl) {
-        observer.disconnect();
-      }
-    };
-  }, [containerRef, options]);
-  return [containerRef, isVisible];
-};
-const useResizeObserver = (sources, onResize) => {
-  const handleResize = useCallbackRef(onResize);
-  React.useLayoutEffect(() => {
-    const resizeObs = new ResizeObserver(handleResize);
-    if (Array.isArray(sources)) {
-      sources.forEach((source) => {
-        if (source.current) {
-          resizeObs.observe(source.current);
-        }
-      });
-    } else if (sources.current) {
-      resizeObs.observe(sources.current);
-    }
-    return () => {
-      resizeObs.disconnect();
-    };
-  }, [sources, handleResize]);
-};
-
-const GridContainer = styled(Box)`
-  display: grid;
-  grid-template-columns: ${({ $hasSideNav }) => $hasSideNav ? `auto 1fr` : "1fr"};
-`;
-const OverflowingItem = styled(Box)`
-  overflow-x: hidden;
-`;
-const RootLayout = ({ sideNav, children }) => {
-  return /* @__PURE__ */ jsxs(GridContainer, { $hasSideNav: Boolean(sideNav), children: [
-    sideNav,
-    /* @__PURE__ */ jsx(OverflowingItem, { paddingBottom: 10, children })
-  ] });
-};
-const Layouts = {
-  Root: RootLayout,
-  Header: HeaderLayout,
-  BaseHeader: BaseHeaderLayout,
-  Grid: GridLayout,
-  Action: ActionLayout,
-  Content: ContentLayout
-};
-
-const NotFoundPage = () => {
-  const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsxs(Page.Main, { labelledBy: "title", children: [
-    /* @__PURE__ */ jsx(
-      Layouts.Header,
-      {
-        id: "title",
-        title: formatMessage({
-          id: "content-manager.pageNotFound",
-          defaultMessage: "Page not found"
-        })
-      }
-    ),
-    /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsx(
-      EmptyStateLayout,
+  );
+  const { token } = useAuth("AuthPage", (auth) => auth);
+  if (!authType || !forms) {
+    return /* @__PURE__ */ jsx(Navigate, { to: "/" });
+  }
+  const Component = forms[authType];
+  if (!Component || hasAdmin && authType === "register-admin" || token) {
+    return /* @__PURE__ */ jsx(Navigate, { to: "/" });
+  }
+  if (!hasAdmin && authType !== "register-admin") {
+    return /* @__PURE__ */ jsx(
+      Navigate,
       {
-        action: /* @__PURE__ */ jsx(LinkButton, { tag: Link$1, variant: "secondary", endIcon: /* @__PURE__ */ jsx(ArrowRight, {}), to: "/", children: formatMessage({
-          id: "app.components.NotFoundPage.back",
-          defaultMessage: "Back to homepage"
-        }) }),
-        content: formatMessage({
-          id: "app.page.not.found",
-          defaultMessage: "Oops! We can't seem to find the page you're looging for..."
-        }),
-        hasRadius: true,
-        icon: /* @__PURE__ */ jsx(EmptyPictures, { width: "16rem" }),
-        shadow: "tableShadow"
+        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") {
+    return /* @__PURE__ */ jsx(Login$1, {});
+  } else if (authType === "login" && !Login$1) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Component, { hasAdmin });
 };
 
 const ROUTES_CE = [
   {
     lazy: async () => {
-      const { ProtectedListPage } = await import('./ListPage-xQbMtUpV.mjs');
+      const { ProtectedListPage } = await import('./ListPage-jhOQGhI7.mjs');
       return {
         Component: ProtectedListPage
       };
@@ -3222,7 +3143,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await import('./CreatePage-6pIItf4z.mjs');
+      const { ProtectedCreatePage } = await import('./CreatePage-SkKjFqP6.mjs');
       return {
         Component: ProtectedCreatePage
       };
@@ -3231,7 +3152,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await import('./CreatePage-6pIItf4z.mjs');
+      const { ProtectedCreatePage } = await import('./CreatePage-SkKjFqP6.mjs');
       return {
         Component: ProtectedCreatePage
       };
@@ -3240,7 +3161,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await import('./EditPage-tmpterlY.mjs');
+      const { ProtectedEditPage } = await import('./EditPage-SVzJI-dH.mjs');
       return {
         Component: ProtectedEditPage
       };
@@ -3249,7 +3170,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListPage } = await import('./ListPage-Ur-kwyVv.mjs');
+      const { ProtectedListPage } = await import('./ListPage-SY0bk22Q.mjs');
       return {
         Component: ProtectedListPage
       };
@@ -3258,7 +3179,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await import('./EditPage-tUvaZzFe.mjs');
+      const { ProtectedEditPage } = await import('./EditPage-bDO4OJc8.mjs');
       return {
         Component: ProtectedEditPage
       };
@@ -3267,7 +3188,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await import('./CreatePage-4gOQVUMq.mjs');
+      const { ProtectedCreatePage } = await import('./CreatePage-P0Nz_ayl.mjs');
       return {
         Component: ProtectedCreatePage
       };
@@ -3276,7 +3197,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await import('./EditPage-JPZ7c-8x.mjs').then(n => n.b);
+      const { ProtectedEditPage } = await import('./EditPage-arCsYBox.mjs').then(n => n.b);
       return {
         Component: ProtectedEditPage
       };
@@ -3285,7 +3206,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListPage } = await import('./ListPage-gl3tUWS8.mjs');
+      const { ProtectedListPage } = await import('./ListPage-2nnKxEVE.mjs');
       return {
         Component: ProtectedListPage
       };
@@ -3294,7 +3215,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListView } = await import('./ListView-Drn22JZ1.mjs');
+      const { ProtectedListView } = await import('./ListView-mObmenTh.mjs');
       return {
         Component: ProtectedListView
       };
@@ -3303,68 +3224,482 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreateView } = await import('./CreateView-3cLNRlgO.mjs');
+      const { ProtectedCreateView } = await import('./CreateView-ClT1OHUe.mjs');
+      return {
+        Component: ProtectedCreateView
+      };
+    },
+    path: "api-tokens/create"
+  },
+  {
+    lazy: async () => {
+      const { ProtectedEditView } = await import('./EditViewPage-KAIuwIw2.mjs');
+      return {
+        Component: ProtectedEditView
+      };
+    },
+    path: "api-tokens/:id"
+  },
+  {
+    lazy: async () => {
+      const { ProtectedCreateView } = await import('./CreateView-PuVH0YQf.mjs');
       return {
         Component: ProtectedCreateView
       };
     },
-    path: "api-tokens/create"
-  },
-  {
-    lazy: async () => {
-      const { ProtectedEditView } = await import('./EditViewPage-bnTbQJ_O.mjs');
-      return {
-        Component: ProtectedEditView
-      };
+    path: "transfer-tokens/create"
+  },
+  {
+    lazy: async () => {
+      const { ProtectedListView } = await import('./ListView-QlFkFf_V.mjs');
+      return {
+        Component: ProtectedListView
+      };
+    },
+    path: "transfer-tokens"
+  },
+  {
+    lazy: async () => {
+      const { ProtectedEditView } = await import('./EditView-nfJOf2A4.mjs');
+      return {
+        Component: ProtectedEditView
+      };
+    },
+    path: "transfer-tokens/:id"
+  },
+  {
+    lazy: async () => {
+      const { PurchaseAuditLogs } = await import('./PurchaseAuditLogs-6_ie0YzN.mjs');
+      return {
+        Component: PurchaseAuditLogs
+      };
+    },
+    path: "purchase-audit-logs"
+  },
+  {
+    lazy: async () => {
+      const { PurchaseSingleSignOn } = await import('./PurchaseSingleSignOn--iKPscMp.mjs');
+      return {
+        Component: PurchaseSingleSignOn
+      };
+    },
+    path: "purchase-single-sign-on"
+  }
+];
+
+const getImmutableRoutes = () => [
+  {
+    path: "usecase",
+    lazy: async () => {
+      const { PrivateUseCasePage } = await import('./UseCasePage-ehZx7Rwd.mjs');
+      return {
+        Component: PrivateUseCasePage
+      };
+    }
+  },
+  // this needs to go before auth/:authType because otherwise it won't match the route
+  ...getEERoutes$1(),
+  {
+    path: "auth/:authType",
+    element: /* @__PURE__ */ jsx(AuthPage, {})
+  }
+];
+const getInitialRoutes = () => [
+  {
+    index: true,
+    lazy: async () => {
+      const { HomePage } = await import('./HomePage-pgsuFIh7.mjs');
+      return {
+        Component: HomePage
+      };
+    }
+  },
+  {
+    path: "me",
+    lazy: async () => {
+      const { ProfilePage } = await import('./ProfilePage-oTScHwyK.mjs');
+      return {
+        Component: ProfilePage
+      };
+    }
+  },
+  {
+    path: "list-plugins",
+    lazy: async () => {
+      const { ProtectedInstalledPluginsPage } = await import('./InstalledPluginsPage-uHFuUx41.mjs');
+      return {
+        Component: ProtectedInstalledPluginsPage
+      };
+    }
+  },
+  {
+    path: "marketplace",
+    lazy: async () => {
+      const { ProtectedMarketplacePage } = await import('./MarketplacePage-3Z3e-oDS.mjs');
+      return {
+        Component: ProtectedMarketplacePage
+      };
+    }
+  },
+  {
+    path: "settings/*",
+    lazy: async () => {
+      const { Layout } = await import('./Layout-6zLg6LxH.mjs');
+      return {
+        Component: Layout
+      };
+    },
+    children: [
+      {
+        path: "application-infos",
+        lazy: async () => {
+          const { ApplicationInfoPage } = await import('./ApplicationInfoPage-e-khXcZQ.mjs');
+          return {
+            Component: ApplicationInfoPage
+          };
+        }
+      },
+      // ...Object.values(this.settings).flatMap(({ links }) =>
+      //   links.map(({ to, Component }) => ({
+      //     path: `${to}/*`,
+      //     element: (
+      //       <React.Suspense fallback={<Page.Loading />}>
+      //         <Component />
+      //       </React.Suspense>
+      //     ),
+      //   }))
+      // ),
+      ...[...getEERoutes(), ...ROUTES_CE].filter(
+        (route, index, refArray) => refArray.findIndex((obj) => obj.path === route.path) === index
+      )
+    ]
+  }
+];
+
+class Router {
+  _routes = [];
+  router = null;
+  _menu = [];
+  _settings = {
+    global: {
+      id: "global",
+      intlLabel: {
+        id: "Settings.global",
+        defaultMessage: "Global Settings"
+      },
+      links: []
+    }
+  };
+  constructor(initialRoutes) {
+    this._routes = initialRoutes;
+  }
+  get routes() {
+    return this._routes;
+  }
+  get menu() {
+    return this._menu;
+  }
+  get settings() {
+    return this._settings;
+  }
+  /**
+   * @internal This method is used internally by Strapi to create the router.
+   * It should not be used by plugins, doing so will likely break the application.
+   */
+  createRouter(strapi, { memory, ...opts } = {}) {
+    const routes = [
+      {
+        path: "/*",
+        errorElement: /* @__PURE__ */ jsx(Provider$1, { store: strapi.store, children: /* @__PURE__ */ jsx(LanguageProvider, { messages: strapi.configurations.translations, children: /* @__PURE__ */ jsx(Theme, { themes: strapi.configurations.themes, children: /* @__PURE__ */ jsx(ErrorElement, {}) }) }) }),
+        element: /* @__PURE__ */ jsx(App, { strapi, store: strapi.store }),
+        children: [
+          ...getImmutableRoutes(),
+          {
+            path: "/*",
+            lazy: async () => {
+              const { PrivateAdminLayout } = await import('./AuthenticatedLayout-Ou5qhSr4.mjs');
+              return {
+                Component: PrivateAdminLayout
+              };
+            },
+            children: [
+              ...this.routes,
+              {
+                path: "*",
+                element: /* @__PURE__ */ jsx(NotFoundPage, {})
+              }
+            ]
+          }
+        ]
+      }
+    ];
+    if (memory) {
+      this.router = createMemoryRouter(routes, opts);
+    } else {
+      this.router = createBrowserRouter(routes, opts);
+    }
+    return this.router;
+  }
+  addMenuLink = (link) => {
+    invariant(link.to, `[${link.intlLabel.defaultMessage}]: link.to should be defined`);
+    invariant(
+      typeof link.to === "string",
+      `[${link.intlLabel.defaultMessage}]: Expected link.to to be a string instead received ${typeof link.to}`
+    );
+    invariant(
+      link.intlLabel?.id && link.intlLabel?.defaultMessage,
+      `[${link.intlLabel.defaultMessage}]: link.intlLabel.id & link.intlLabel.defaultMessage should be defined`
+    );
+    invariant(
+      !link.Component || link.Component && typeof link.Component === "function",
+      `[${link.intlLabel.defaultMessage}]: link.Component must be a function returning a Promise that returns a default component. Please use: \`Component: () => import(path)\` instead.`
+    );
+    if (!link.Component || link.Component && typeof link.Component === "function" && // @ts-expect-error – shh
+    link.Component[Symbol.toStringTag] === "AsyncFunction") {
+      console.warn(
+        `
+      [${link.intlLabel.defaultMessage}]: [deprecated] addMenuLink() was called with an async Component from the plugin "${link.intlLabel.defaultMessage}". This will be removed in the future. Please use: \`Component: () => import(path)\` ensuring you return a default export instead.
+      `.trim()
+      );
+    }
+    if (link.to.startsWith("/")) {
+      console.warn(
+        `[${link.intlLabel.defaultMessage}]: the \`to\` property of your menu link is an absolute path, it should be relative to the root of the application. This has been corrected for you but will be removed in a future version of Strapi.`
+      );
+      link.to = link.to.slice(1);
+    }
+    const { Component, ...restLink } = link;
+    if (Component) {
+      this._routes.push({
+        path: `${link.to}/*`,
+        lazy: async () => {
+          const mod = await Component();
+          if ("default" in mod) {
+            return { Component: mod.default };
+          } else {
+            return { Component: mod };
+          }
+        }
+      });
+    }
+    this.menu.push(restLink);
+  };
+  addSettingsLink(section, link) {
+    if (typeof section === "object" && "links" in section) {
+      invariant(section.id, "section.id should be defined");
+      invariant(
+        section.intlLabel?.id && section.intlLabel?.defaultMessage,
+        "section.intlLabel should be defined"
+      );
+      invariant(this.settings[section.id] === void 0, "A similar section already exists");
+      invariant(Array.isArray(section.links), "TypeError expected links to be an array");
+      this.settings[section.id] = { ...section, links: [] };
+      section.links.forEach((link2) => {
+        this.createSettingsLink(section.id, link2);
+      });
+    } else if (typeof section === "object" && link) {
+      invariant(section.id, "section.id should be defined");
+      invariant(
+        section.intlLabel?.id && section.intlLabel?.defaultMessage,
+        "section.intlLabel should be defined"
+      );
+      invariant(this.settings[section.id] === void 0, "A similar section already exists");
+      this.settings[section.id] = { ...section, links: [] };
+      if (Array.isArray(link)) {
+        link.forEach((l) => this.createSettingsLink(section.id, l));
+      } else {
+        this.createSettingsLink(section.id, link);
+      }
+    } else if (typeof section === "string" && link) {
+      if (Array.isArray(link)) {
+        link.forEach((l) => this.createSettingsLink(section, l));
+      } else {
+        this.createSettingsLink(section, link);
+      }
+    } else {
+      throw new Error(
+        "Invalid arguments provided to addSettingsLink, at minimum a sectionId and link are required."
+      );
+    }
+  }
+  createSettingsLink = (sectionId, link) => {
+    invariant(this._settings[sectionId], "The section does not exist");
+    invariant(link.id, `[${link.intlLabel.defaultMessage}]: link.id should be defined`);
+    invariant(
+      link.intlLabel?.id && link.intlLabel?.defaultMessage,
+      `[${link.intlLabel.defaultMessage}]: link.intlLabel.id & link.intlLabel.defaultMessage`
+    );
+    invariant(link.to, `[${link.intlLabel.defaultMessage}]: link.to should be defined`);
+    invariant(
+      !link.Component || link.Component && typeof link.Component === "function",
+      `[${link.intlLabel.defaultMessage}]: link.Component must be a function returning a Promise. Please use: \`Component: () => import(path)\` instead.`
+    );
+    if (!link.Component || link.Component && typeof link.Component === "function" && // @ts-expect-error – shh
+    link.Component[Symbol.toStringTag] === "AsyncFunction") {
+      console.warn(
+        `
+      [${link.intlLabel.defaultMessage}]: [deprecated] addSettingsLink() was called with an async Component from the plugin "${link.intlLabel.defaultMessage}". This will be removed in the future. Please use: \`Component: () => import(path)\` ensuring you return a default export instead.
+      `.trim()
+      );
+    }
+    if (link.to.startsWith("/")) {
+      console.warn(
+        `[${link.intlLabel.defaultMessage}]: the \`to\` property of your settings link is an absolute path. It should be relative to \`/settings\`. This has been corrected for you but will be removed in a future version of Strapi.`
+      );
+      link.to = link.to.slice(1);
+    }
+    if (link.to.split("/")[0] === "settings") {
+      console.warn(
+        `[${link.intlLabel.defaultMessage}]: the \`to\` property of your settings link has \`settings\` as the first part of it's path. It should be relative to \`settings\` and therefore, not include it. This has been corrected for you but will be removed in a future version of Strapi.`
+      );
+      link.to = link.to.split("/").slice(1).join("/");
+    }
+    const { Component, ...restLink } = link;
+    const settingsIndex = this._routes.findIndex((route) => route.path === "settings/*");
+    if (!settingsIndex) {
+      console.warn(
+        "A third party plugin has removed the settings section, the settings link cannot be added."
+      );
+      return;
+    } else if (!this._routes[settingsIndex].children) {
+      this._routes[settingsIndex].children = [];
+    }
+    if (Component) {
+      this._routes[settingsIndex].children.push({
+        path: `${link.to}/*`,
+        lazy: async () => {
+          const mod = await Component();
+          if ("default" in mod) {
+            return { Component: mod.default };
+          } else {
+            return { Component: mod };
+          }
+        }
+      });
+    }
+    this._settings[sectionId].links.push(restLink);
+  };
+  /**
+   * @alpha
+   * @description Adds a route or an array of routes to the router.
+   * Otherwise, pass a function that receives the current routes and
+   * returns the new routes in a reducer like fashion.
+   */
+  addRoute(route) {
+    if (Array.isArray(route)) {
+      this._routes = [...this._routes, ...route];
+    } else if (typeof route === "object" && route !== null) {
+      this._routes.push(route);
+    } else if (typeof route === "function") {
+      this._routes = route(this._routes);
+    } else {
+      throw new Error(
+        `Expected the \`route\` passed to \`addRoute\` to be an array or a function, but received ${getPrintableType(
+          route
+        )}`
+      );
+    }
+  }
+}
+const getPrintableType = (value) => {
+  const nativeType = typeof value;
+  if (nativeType === "object") {
+    if (value === null)
+      return "null";
+    if (Array.isArray(value))
+      return "array";
+    if (value instanceof Object && value.constructor.name !== "Object") {
+      return value.constructor.name;
+    }
+  }
+  return nativeType;
+};
+
+const staticReducers = {
+  [adminApi.reducerPath]: adminApi.reducer,
+  admin_app: reducer$3
+};
+const injectReducerStoreEnhancer = (appReducers) => (next) => (...args) => {
+  const store = next(...args);
+  const asyncReducers = {};
+  return {
+    ...store,
+    asyncReducers,
+    injectReducer: (key, asyncReducer) => {
+      asyncReducers[key] = asyncReducer;
+      store.replaceReducer(
+        // @ts-expect-error we dynamically add reducers which makes the types uncomfortable.
+        combineReducers({
+          ...appReducers,
+          ...asyncReducers
+        })
+      );
+    }
+  };
+};
+const configureStoreImpl = (preloadedState = {}, appMiddlewares = [], injectedReducers = {}) => {
+  const coreReducers = { ...staticReducers, ...injectedReducers };
+  const defaultMiddlewareOptions = {};
+  if (process.env.NODE_ENV === "test") {
+    defaultMiddlewareOptions.serializableCheck = false;
+    defaultMiddlewareOptions.immutableCheck = false;
+  }
+  const store = configureStore({
+    preloadedState: {
+      admin_app: preloadedState.admin_app
+    },
+    reducer: coreReducers,
+    devTools: process.env.NODE_ENV !== "production",
+    middleware: (getDefaultMiddleware) => [
+      ...getDefaultMiddleware(defaultMiddlewareOptions),
+      adminApi.middleware,
+      ...appMiddlewares.map((m) => m())
+    ],
+    enhancers: [injectReducerStoreEnhancer(coreReducers)]
+  });
+  return store;
+};
+
+const getBasename = () => (process.env.ADMIN_PATH ?? "").replace(window.location.origin, "");
+
+const createHook = () => {
+  const _handlers = [];
+  return {
+    register(fn) {
+      _handlers.push(fn);
     },
-    path: "api-tokens/:id"
-  },
-  {
-    lazy: async () => {
-      const { ProtectedCreateView } = await import('./CreateView-aMz4KfSZ.mjs');
-      return {
-        Component: ProtectedCreateView
-      };
+    delete(handler) {
+      _handlers.splice(_handlers.indexOf(handler), 1);
     },
-    path: "transfer-tokens/create"
-  },
-  {
-    lazy: async () => {
-      const { ProtectedListView } = await import('./ListView-geMTlhDN.mjs');
-      return {
-        Component: ProtectedListView
-      };
+    runWaterfall(args, store) {
+      return _handlers.reduce((acc, fn) => fn(acc, store), args);
     },
-    path: "transfer-tokens"
-  },
-  {
-    lazy: async () => {
-      const { ProtectedEditView } = await import('./EditView-HjYkw6Y_.mjs');
-      return {
-        Component: ProtectedEditView
-      };
+    async runWaterfallAsync(args, store) {
+      let result = args;
+      for (const fn of _handlers) {
+        result = await fn(result, store);
+      }
+      return result;
     },
-    path: "transfer-tokens/:id"
-  },
-  {
-    lazy: async () => {
-      const { PurchaseAuditLogs } = await import('./PurchaseAuditLogs-tpXbhCx-.mjs');
-      return {
-        Component: PurchaseAuditLogs
-      };
+    runSeries(...args) {
+      return _handlers.map((fn) => fn(...args));
     },
-    path: "purchase-audit-logs"
-  },
-  {
-    lazy: async () => {
-      const { PurchaseSingleSignOn } = await import('./PurchaseSingleSignOn-6VTPjJVO.mjs');
-      return {
-        Component: PurchaseSingleSignOn
-      };
+    async runSeriesAsync(...args) {
+      const result = [];
+      for (const fn of _handlers) {
+        result.push(await fn(...args));
+      }
+      return result;
     },
-    path: "purchase-single-sign-on"
-  }
-];
+    runParallel(...args) {
+      return Promise.all(
+        _handlers.map((fn) => {
+          return fn(...args);
+        })
+      );
+    }
+  };
+};
 
 const languageNativeNames = {
   ar: "العربية",
@@ -3417,20 +3752,6 @@ class StrapiApp {
     injectionZones: {}
   };
   translations = {};
-  /**
-   * MENU API
-   */
-  menu = [];
-  settings = {
-    global: {
-      id: "global",
-      intlLabel: {
-        id: "Settings.global",
-        defaultMessage: "Global Settings"
-      },
-      links: []
-    }
-  };
   configurations = {
     authLogo: StrapiLogo,
     head: { favicon: "" },
@@ -3445,12 +3766,14 @@ class StrapiApp {
    * APIs
    */
   rbac = new RBAC();
+  router;
   library = {
     components: {},
     fields: {}
   };
   middlewares = [];
   reducers = {};
+  store = null;
   customFields = new CustomFields();
   constructor({ config, appPlugins } = {}) {
     this.appPlugins = appPlugins || {};
@@ -3459,6 +3782,7 @@ class StrapiApp {
     this.createHook(MUTATE_COLLECTION_TYPES_LINKS);
     this.createHook(MUTATE_SINGLE_TYPES_LINKS);
     this.createHook(MUTATE_EDIT_VIEW_LAYOUT);
+    this.router = new Router(getInitialRoutes());
   }
   addComponents = (components) => {
     if (Array.isArray(components)) {
@@ -3486,46 +3810,6 @@ class StrapiApp {
       this.library.fields[fields.type] = fields.Component;
     }
   };
-  addMenuLink = (link) => {
-    invariant(link.to, `[${link.intlLabel.defaultMessage}]: link.to should be defined`);
-    invariant(
-      typeof link.to === "string",
-      `[${link.intlLabel.defaultMessage}]: Expected link.to to be a string instead received ${typeof link.to}`
-    );
-    invariant(
-      link.intlLabel?.id && link.intlLabel?.defaultMessage,
-      `[${link.intlLabel.defaultMessage}]: link.intlLabel.id & link.intlLabel.defaultMessage should be defined`
-    );
-    invariant(
-      link.Component && typeof link.Component === "function",
-      `[${link.intlLabel.defaultMessage}]: link.Component must be a function returning a Promise that returns a default component. Please use: \`Component: () => import(path)\` instead.`
-    );
-    if (link.Component && typeof link.Component === "function" && // @ts-expect-error – shh
-    link.Component[Symbol.toStringTag] === "AsyncFunction") {
-      console.warn(
-        `
-      [${link.intlLabel.defaultMessage}]: [deprecated] addMenuLink() was called with an async Component from the plugin "${link.intlLabel.defaultMessage}". This will be removed in the future. Please use: \`Component: () => import(path)\` ensuring you return a default export instead.
-      `.trim()
-      );
-    }
-    if (link.to.startsWith("/")) {
-      console.warn(
-        `[${link.intlLabel.defaultMessage}]: the \`to\` property of your menu link is an absolute path, it should be relative to the root of the application. This has been corrected for you but will be removed in a future version of Strapi.`
-      );
-      link.to = link.to.slice(1);
-    }
-    this.menu.push({
-      ...link,
-      Component: React.lazy(async () => {
-        const mod = await link.Component();
-        if ("default" in mod) {
-          return mod;
-        } else {
-          return { default: mod };
-        }
-      })
-    });
-  };
   addMiddlewares = (middlewares) => {
     middlewares.forEach((middleware) => {
       this.middlewares.push(middleware);
@@ -3543,56 +3827,22 @@ class StrapiApp {
       this.reducers[name] = reducer;
     });
   };
-  addSettingsLink = (sectionId, link) => {
-    invariant(this.settings[sectionId], "The section does not exist");
-    invariant(link.id, `[${link.intlLabel.defaultMessage}]: link.id should be defined`);
-    invariant(
-      link.intlLabel?.id && link.intlLabel?.defaultMessage,
-      `[${link.intlLabel.defaultMessage}]: link.intlLabel.id & link.intlLabel.defaultMessage`
-    );
-    invariant(link.to, `[${link.intlLabel.defaultMessage}]: link.to should be defined`);
-    invariant(
-      link.Component && typeof link.Component === "function",
-      `[${link.intlLabel.defaultMessage}]: link.Component must be a function returning a Promise. Please use: \`Component: () => import(path)\` instead.`
-    );
-    if (link.Component && typeof link.Component === "function" && // @ts-expect-error – shh
-    link.Component[Symbol.toStringTag] === "AsyncFunction") {
-      console.warn(
-        `
-      [${link.intlLabel.defaultMessage}]: [deprecated] addSettingsLink() was called with an async Component from the plugin "${link.intlLabel.defaultMessage}". This will be removed in the future. Please use: \`Component: () => import(path)\` ensuring you return a default export instead.
-      `.trim()
-      );
-    }
-    if (link.to.startsWith("/")) {
-      console.warn(
-        `[${link.intlLabel.defaultMessage}]: the \`to\` property of your settings link is an absolute path. It should be relative to \`/settings\`. This has been corrected for you but will be removed in a future version of Strapi.`
-      );
-      link.to = link.to.slice(1);
-    }
-    if (link.to.split("/")[0] === "settings") {
-      console.warn(
-        `[${link.intlLabel.defaultMessage}]: the \`to\` property of your settings link has \`settings\` as the first part of it's path. It should be relative to \`settings\` and therefore, not include it. This has been corrected for you but will be removed in a future version of Strapi.`
-      );
-      link.to = link.to.split("/").slice(1).join("/");
-    }
-    this.settings[sectionId].links.push({
-      ...link,
-      Component: React.lazy(async () => {
-        const mod = await link.Component();
-        if ("default" in mod) {
-          return mod;
-        } else {
-          return { default: mod };
-        }
-      })
-    });
-  };
+  addMenuLink = (link) => this.router.addMenuLink(link);
+  /**
+   * @deprecated use `addSettingsLink` instead, it internally supports
+   * adding multiple links at once.
+   */
   addSettingsLinks = (sectionId, links) => {
-    invariant(this.settings[sectionId], "The section does not exist");
     invariant(Array.isArray(links), "TypeError expected links to be an array");
-    links.forEach((link) => {
-      this.addSettingsLink(sectionId, link);
-    });
+    this.router.addSettingsLink(sectionId, links);
+  };
+  /**
+   * @deprecated use `addSettingsLink` instead, you can pass a section object to
+   * create the section and links at the same time.
+   */
+  createSettingSection = (section, links) => this.router.addSettingsLink(section, links);
+  addSettingsLink = (sectionId, link) => {
+    this.router.addSettingsLink(sectionId, link);
   };
   async bootstrap(customBootstrap) {
     Object.keys(this.appPlugins).forEach((plugin) => {
@@ -3659,19 +3909,6 @@ class StrapiApp {
   createHook = (name) => {
     this.hooksDict[name] = createHook();
   };
-  createSettingSection = (section, links) => {
-    invariant(section.id, "section.id should be defined");
-    invariant(
-      section.intlLabel?.id && section.intlLabel?.defaultMessage,
-      "section.intlLabel should be defined"
-    );
-    invariant(Array.isArray(links), "TypeError expected links to be an array");
-    invariant(this.settings[section.id] === void 0, "A similar section already exists");
-    this.settings[section.id] = { ...section, links: [] };
-    links.forEach((link) => {
-      this.addSettingsLink(section.id, link);
-    });
-  };
   getAdminInjectedComponents = (moduleName, containerName, blockName) => {
     try {
       return this.admin.injectionZones[moduleName][containerName][blockName] || [];
@@ -3681,10 +3918,13 @@ class StrapiApp {
     }
   };
   getPlugin = (pluginId) => this.plugins[pluginId];
-  async register() {
+  async register(customRegister) {
     Object.keys(this.appPlugins).forEach((plugin) => {
       this.appPlugins[plugin].register(this);
     });
+    if (isFunction(customRegister)) {
+      customRegister(this);
+    }
   }
   async loadAdminTrads() {
     const adminLocales = await Promise.all(
@@ -3764,7 +4004,7 @@ class StrapiApp {
   render() {
     const localeNames = pick(languageNativeNames, this.configurations.locales || []);
     const locale = localStorage.getItem(LANGUAGE_LOCAL_STORAGE_KEY) || "en";
-    const store = configureStoreImpl(
+    this.store = configureStoreImpl(
       {
         admin_app: {
           permissions: merge({}, ADMIN_PERMISSIONS_CE, ADMIN_PERMISSIONS_EE),
@@ -3781,120 +4021,9 @@ class StrapiApp {
       this.middlewares,
       this.reducers
     );
-    const settingsRoutes = [...getEERoutes(), ...ROUTES_CE].filter(
-      (route, index, refArray) => refArray.findIndex((obj) => obj.path === route.path) === index
-    );
-    const router = createBrowserRouter(
-      [
-        {
-          path: "/*",
-          errorElement: /* @__PURE__ */ jsx(Provider$1, { store, children: /* @__PURE__ */ jsx(LanguageProvider, { messages: this.configurations.translations, children: /* @__PURE__ */ jsx(Theme, { themes: this.configurations.themes, children: /* @__PURE__ */ jsx(ErrorElement, {}) }) }) }),
-          element: /* @__PURE__ */ jsx(App, { strapi: this, store }),
-          children: [
-            {
-              path: "usecase",
-              lazy: async () => {
-                const { PrivateUseCasePage } = await import('./UseCasePage-QsvlJAQD.mjs');
-                return {
-                  Component: PrivateUseCasePage
-                };
-              }
-            },
-            // this needs to go before auth/:authType because otherwise it won't match the route
-            ...getEERoutes$1(),
-            {
-              path: "auth/:authType",
-              element: /* @__PURE__ */ jsx(AuthPage, {})
-            },
-            {
-              path: "/*",
-              lazy: async () => {
-                const { PrivateAdminLayout } = await import('./AuthenticatedLayout-lXbF2KKJ.mjs');
-                return {
-                  Component: PrivateAdminLayout
-                };
-              },
-              children: [
-                {
-                  index: true,
-                  lazy: async () => {
-                    const { HomePage } = await import('./HomePage--Mskxb9Z.mjs');
-                    return {
-                      Component: HomePage
-                    };
-                  }
-                },
-                {
-                  path: "me",
-                  lazy: async () => {
-                    const { ProfilePage } = await import('./ProfilePage-Q5UpeDjs.mjs');
-                    return {
-                      Component: ProfilePage
-                    };
-                  }
-                },
-                {
-                  path: "list-plugins",
-                  lazy: async () => {
-                    const { ProtectedInstalledPluginsPage } = await import('./InstalledPluginsPage-EtnkMG0G.mjs');
-                    return {
-                      Component: ProtectedInstalledPluginsPage
-                    };
-                  }
-                },
-                {
-                  path: "marketplace",
-                  lazy: async () => {
-                    const { ProtectedMarketplacePage } = await import('./MarketplacePage-Pk9USes6.mjs');
-                    return {
-                      Component: ProtectedMarketplacePage
-                    };
-                  }
-                },
-                {
-                  path: "settings/*",
-                  lazy: async () => {
-                    const { Layout } = await import('./Layout-9EvJq4Gc.mjs');
-                    return {
-                      Component: Layout
-                    };
-                  },
-                  children: [
-                    {
-                      path: "application-infos",
-                      lazy: async () => {
-                        const { ApplicationInfoPage } = await import('./ApplicationInfoPage-bfXW7lrq.mjs');
-                        return {
-                          Component: ApplicationInfoPage
-                        };
-                      }
-                    },
-                    ...Object.values(this.settings).flatMap(
-                      ({ links }) => links.map(({ to, Component }) => ({
-                        path: `${to}/*`,
-                        element: /* @__PURE__ */ jsx(React.Suspense, { fallback: /* @__PURE__ */ jsx(Page.Loading, {}), children: /* @__PURE__ */ jsx(Component, {}) })
-                      }))
-                    ),
-                    ...settingsRoutes
-                  ]
-                },
-                ...this.menu.map(({ to, Component }) => ({
-                  path: `${to}/*`,
-                  element: /* @__PURE__ */ jsx(React.Suspense, { fallback: /* @__PURE__ */ jsx(Page.Loading, {}), children: /* @__PURE__ */ jsx(Component, {}) })
-                })),
-                {
-                  path: "*",
-                  element: /* @__PURE__ */ jsx(NotFoundPage, {})
-                }
-              ]
-            }
-          ]
-        }
-      ],
-      {
-        basename: getBasename()
-      }
-    );
+    const router = this.router.createRouter(this, {
+      basename: getBasename()
+    });
     return /* @__PURE__ */ jsx(RouterProvider, { router });
   }
 }
@@ -3956,7 +4085,7 @@ const renderAdmin = async (mountNode, { plugins, customisations, features }) =>
     config: customisations?.config,
     appPlugins: plugins
   });
-  await app.register();
+  await app.register(customisations?.register);
   await app.bootstrap(customisations?.bootstrap);
   await app.loadTrads(customisations?.config?.translations);
   createRoot(mountNode).render(app.render());
@@ -4684,18 +4813,28 @@ const Root$1 = React.forwardRef(
         onPageSizeChange(pageSize);
       }
     };
-    return /* @__PURE__ */ jsx(Flex, { ref: forwardedRef, paddingTop: 4, alignItems: "flex-end", justifyContent: "space-between", children: /* @__PURE__ */ jsx(
-      PaginationProvider,
+    return /* @__PURE__ */ jsx(
+      Flex,
       {
-        currentQuery: query,
-        page: query.page,
-        pageSize: query.pageSize,
-        pageCount: pageCount.toString(),
-        setPageSize,
-        total,
-        children
+        ref: forwardedRef,
+        paddingTop: 4,
+        paddingBottom: 4,
+        alignItems: "flex-end",
+        justifyContent: "space-between",
+        children: /* @__PURE__ */ jsx(
+          PaginationProvider,
+          {
+            currentQuery: query,
+            page: query.page,
+            pageSize: query.pageSize,
+            pageCount: pageCount.toString(),
+            setPageSize,
+            total,
+            children
+          }
+        )
       }
-    ) });
+    );
   }
 );
 const PageSize = ({ options = ["10", "20", "50", "100"] }) => {
@@ -5303,4 +5442,4 @@ const {
 const useAdminUsers = useGetUsersQuery;
 
 export { isObject as A, BackButton as B, ConfirmDialog as C, useInjectReducer as D, useFocusInputField as E, Form as F, renderAdmin as G, DescriptionComponentRenderer as H, Blocker as I, getYupValidationErrors as J, useTable as K, LayoutContent as L, MemoizedInputRenderer as M, NpsSurvey as N, constants as O, Pagination as P, SearchInput as S, Table as T, UnauthenticatedLayout as U, Logo as a, Layouts as b, useGetRolesQuery as c, Login as d, errorsTrads as e, useGetRolePermissionLayoutQuery as f, useGetRolePermissionsQuery as g, useCreateRoleMutation as h, useUpdateRolePermissionsMutation as i, useUpdateUserMutation as j, useAdminUsers as k, useGuidedTour as l, getBasename as m, Column as n, useQueryParams as o, useFetchClient as p, useUpdateRoleMutation as q, SETTINGS_LINKS_CE as r, useCreateUserMutation as s, useDeleteManyUsersMutation as t, useField as u, Filters as v, useClipboard as w, useForm as x, MemoizedStringInput as y, StrapiLogo as z };
-//# sourceMappingURL=index-jwAq-BX-.mjs.map
+//# sourceMappingURL=index-7Wlj8eA7.mjs.map