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

package/dist/admin/{index-Ncrnmg5a.js → index-PPLoirnr.js}

@@ -2,15 +2,15 @@
 
 const client = require('react-dom/client');
 const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
 const designSystem = require('@strapi/design-system');
 const invariant = require('invariant');
 const isFunction = require('lodash/isFunction');
 const merge = require('lodash/merge');
 const pick = require('lodash/pick');
-const reactRedux = require('react-redux');
 const reactRouterDom = require('react-router-dom');
-const rbac = require('./rbac-c6QPc6s7.js');
+const Theme = require('./Theme-QO8ntQqL.js');
+const reactRedux = require('react-redux');
+const React = require('react');
 const reactQuery = require('react-query');
 const icons = require('@strapi/icons');
 const immer = require('immer');
@@ -18,18 +18,19 @@ const reactIntl = require('react-intl');
 const get = require('lodash/get');
 const set = require('lodash/set');
 const styledComponents = require('styled-components');
-const toolkit = require('@reduxjs/toolkit');
-const admin = require('./admin-p0djr5G6.js');
+const symbols = require('@strapi/icons/symbols');
 const useEnterprise = require('./useEnterprise-DUs6BYlP.js');
+const admin = require('./admin-p0djr5G6.js');
 const camelCase = require('lodash/camelCase');
 const yup = require('yup');
 const fractionalIndexing = require('fractional-indexing');
 const isEqual = require('lodash/isEqual');
 const clone = require('lodash/clone');
 const toPath = require('lodash/toPath');
+const date = require('@internationalized/date');
 const omit = require('lodash/omit');
 const formik = require('formik');
-const symbols = require('@strapi/icons/symbols');
+const toolkit = require('@reduxjs/toolkit');
 const throttle = require('lodash/throttle');
 const qs = require('qs');
 
@@ -53,11 +54,11 @@ function _interopNamespace(e) {
     return Object.freeze(n);
 }
 
-const React__namespace = /*#__PURE__*/_interopNamespace(React);
 const invariant__default = /*#__PURE__*/_interopDefault(invariant);
 const isFunction__default = /*#__PURE__*/_interopDefault(isFunction);
 const merge__default = /*#__PURE__*/_interopDefault(merge);
 const pick__default = /*#__PURE__*/_interopDefault(pick);
+const React__namespace = /*#__PURE__*/_interopNamespace(React);
 const get__default = /*#__PURE__*/_interopDefault(get);
 const set__default = /*#__PURE__*/_interopDefault(set);
 const camelCase__default = /*#__PURE__*/_interopDefault(camelCase);
@@ -103,7 +104,7 @@ const getEERoutes$1 = () => window.strapi.isEE ? [
   {
     path: "auth/login/:authResponse",
     lazy: async () => {
-      const { AuthResponse } = await Promise.resolve().then(() => require('./AuthResponse-BJbG4S2h.js'));
+      const { AuthResponse } = await Promise.resolve().then(() => require('./AuthResponse-PxLid1A-.js'));
       return {
         Component: AuthResponse
       };
@@ -138,839 +139,968 @@ 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 Promise.resolve().then(() => require('./ListPage-D8Ih2axK.js'));
-        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 Promise.resolve().then(() => require('./SingleSignOnPage-_l9MyJvN.js'));
-        return {
-          Component: ProtectedSSO
-        };
+    ],
+    componentsConfigurations: [
+      {
+        action: "plugin::content-manager.components.configure-layout",
+        subject: null
       }
-    }
-  ] : []
-];
-
-const [Provider, useHistory] = rbac.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 = reactRouterDom.useLocation();
-  const navigate = reactRouterDom.useNavigate();
-  const [state, dispatch] = React__namespace.useReducer(reducer$2, {
-    history: [],
-    currentLocationIndex: 0,
-    currentLocation: "",
-    canGoBack: false
-  });
-  const isGoingBack = React__namespace.useRef(false);
-  const pushState = React__namespace.useCallback((path) => {
-    dispatch({
-      type: "PUSH_STATE",
-      payload: typeof path === "string" ? { to: path, search: "" } : path
-    });
-  }, []);
-  const goBack = React__namespace.useCallback(() => {
-    navigate(-1);
-    dispatch({ type: "GO_BACK" });
-    isGoingBack.current = true;
-  }, [navigate]);
-  const prevIndex = React__namespace.useRef(state.currentLocationIndex);
-  React__namespace.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__namespace.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__ */ jsxRuntime.jsx(Provider, { pushState, goBack, ...state, children });
-};
-const reducer$2 = (state, action) => immer.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__namespace.forwardRef(({ disabled }, ref) => {
-  const { formatMessage } = reactIntl.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__ */ jsxRuntime.jsx(
-    designSystem.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: reactRouterDom.NavLink,
-      to: history.at(-1) ?? "",
-      onClick: handleClick,
-      disabled: disabled || !canGoBack,
-      "aria-disabled": disabled || !canGoBack,
-      startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.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] = rbac.createContext("GuidedTour");
-const GuidedTourProvider = ({ children }) => {
-  const [{ currentStep, guidedTourState, isGuidedTourVisible, isSkipped }, dispatch] = React__namespace.useReducer(reducer$1, initialState, initialiseState);
-  const setCurrentStep = (step) => {
-    if (step !== null) {
-      const isStepAlreadyDone = get__default.default(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__default.default(name, "A name must be provided");
+      invariant__default.default(type, "A type must be provided");
+      invariant__default.default(intlLabel, "An intlLabel must be provided");
+      invariant__default.default(intlDescription, "An intlDescription must be provided");
+      invariant__default.default(components, "A components object must be provided");
+      invariant__default.default(components.Input, "An Input component must be provided");
+      invariant__default.default(
+        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__default.default(
+        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__default.default(isValidOptionPath, errorMessage);
+        });
       }
+      const uid = pluginId ? `plugin::${pluginId}.${name}` : `global::${name}`;
+      const uidAlreadyUsed = Object.prototype.hasOwnProperty.call(this.customFields, uid);
+      invariant__default.default(!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__ */ jsxRuntime.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) => immer.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(".");
-      draftState.guidedTourState[section][step] = action.value;
-      break;
-    }
-    case "SET_SKIPPED": {
-      draftState.isSkipped = action.value;
-      break;
-    }
-    case "SET_GUIDED_TOUR_VISIBILITY": {
-      draftState.isGuidedTourVisible = action.value;
-      break;
-    }
-    default: {
-      return draftState;
-    }
+  get = (uid) => {
+    return this.customFields[uid];
+  };
+}
+const optionsValidationReducer = (acc, option) => {
+  if ("items" in option) {
+    return option.items.reduce(optionsValidationReducer, acc);
   }
-});
-const initialiseState = (initialState2) => {
-  const copyInitialState = { ...initialState2 };
-  const guidedTourLocaleStorage = JSON.parse(
-    window.localStorage.getItem(GUIDED_TOUR_COMPLETED_STEPS) ?? "[]"
-  );
-  const currentStepLocaleStorage = JSON.parse(
-    window.localStorage.getItem(GUIDED_TOUR_CURRENT_STEP) ?? "null"
-  );
-  const skippedLocaleStorage = JSON.parse(
-    window.localStorage.getItem(GUIDED_TOUR_SKIPPED) ?? "false"
-  );
-  if (Array.isArray(guidedTourLocaleStorage)) {
-    guidedTourLocaleStorage.forEach((step) => {
-      const [sectionName, stepName] = step.split(".");
-      set__default.default(copyInitialState, ["guidedTourState", sectionName, stepName], true);
+  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.'`
     });
   }
-  if (currentStepLocaleStorage) {
-    const [sectionName, stepName] = currentStepLocaleStorage.split(".");
-    set__default.default(copyInitialState, ["guidedTourState", sectionName, stepName], true);
-    addCompletedStep(currentStepLocaleStorage);
-    window.localStorage.setItem(GUIDED_TOUR_CURRENT_STEP, JSON.stringify(null));
+  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;
   }
-  if (skippedLocaleStorage !== null) {
-    set__default.default(copyInitialState, "isSkipped", skippedLocaleStorage);
+  getInjectedComponents(containerName, blockName) {
+    try {
+      return this.injectionZones[containerName][blockName] || [];
+    } catch (err) {
+      console.error("Cannot get injected component", err);
+      return [];
+    }
   }
-  return copyInitialState;
-};
-const addCompletedStep = (completedStep) => {
-  const currentSteps = JSON.parse(window.localStorage.getItem(GUIDED_TOUR_COMPLETED_STEPS) ?? "[]");
-  if (!Array.isArray(currentSteps)) {
-    return;
+  injectComponent(containerName, blockName, component) {
+    try {
+      this.injectionZones[containerName][blockName].push(component);
+    } catch (err) {
+      console.error("Cannot inject component", err);
+    }
   }
-  const isAlreadyStored = currentSteps.includes(completedStep);
-  if (isAlreadyStored) {
-    return;
+}
+
+const [Provider, useHistory] = Theme.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.");
   }
-  window.localStorage.setItem(
-    GUIDED_TOUR_COMPLETED_STEPS,
-    JSON.stringify([...currentSteps, completedStep])
-  );
+});
+const HistoryProvider = ({ children }) => {
+  const location = reactRouterDom.useLocation();
+  const navigate = reactRouterDom.useNavigate();
+  const [state, dispatch] = React__namespace.useReducer(reducer$2, {
+    history: [],
+    currentLocationIndex: 0,
+    currentLocation: "",
+    canGoBack: false
+  });
+  const isGoingBack = React__namespace.useRef(false);
+  const pushState = React__namespace.useCallback((path) => {
+    dispatch({
+      type: "PUSH_STATE",
+      payload: typeof path === "string" ? { to: path, search: "" } : path
+    });
+  }, []);
+  const goBack = React__namespace.useCallback(() => {
+    navigate(-1);
+    dispatch({ type: "GO_BACK" });
+    isGoingBack.current = true;
+  }, [navigate]);
+  const prevIndex = React__namespace.useRef(state.currentLocationIndex);
+  React__namespace.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__namespace.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__ */ jsxRuntime.jsx(Provider, { pushState, goBack, ...state, children });
 };
-
-const queryClient = new reactQuery.QueryClient({
-  defaultOptions: {
-    queries: {
-      refetchOnWindowFocus: false
+const reducer$2 = (state, action) => immer.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 Providers = ({ children, strapi, store }) => {
+const BackButton = React__namespace.forwardRef(({ disabled }, ref) => {
+  const { formatMessage } = reactIntl.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__ */ jsxRuntime.jsx(
-    rbac.StrapiAppProvider,
+    designSystem.Link,
     {
-      components: strapi.library.components,
-      customFields: strapi.customFields,
-      fields: strapi.library.fields,
-      menu: strapi.menu,
-      getAdminInjectedComponents: strapi.getAdminInjectedComponents,
-      getPlugin: strapi.getPlugin,
-      plugins: strapi.plugins,
-      rbac: strapi.rbac,
-      runHookParallel: strapi.runHookParallel,
-      runHookWaterfall: (name, initialValue) => strapi.runHookWaterfall(name, initialValue, store),
-      runHookSeries: strapi.runHookSeries,
-      settings: strapi.settings,
-      children: /* @__PURE__ */ jsxRuntime.jsx(reactRedux.Provider, { store, children: /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntime.jsx(rbac.AuthProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(HistoryProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(rbac.LanguageProvider, { messages: strapi.configurations.translations, children: /* @__PURE__ */ jsxRuntime.jsx(rbac.Theme, { themes: strapi.configurations.themes, children: /* @__PURE__ */ jsxRuntime.jsx(rbac.NotificationsProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(rbac.TrackingProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(GuidedTourProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
-        rbac.ConfigurationProvider,
-        {
-          defaultAuthLogo: strapi.configurations.authLogo,
-          defaultMenuLogo: strapi.configurations.menuLogo,
-          showTutorials: strapi.configurations.tutorials,
-          showReleaseNotification: strapi.configurations.notifications.releases,
-          children
-        }
-      ) }) }) }) }) }) }) }) }) })
+      ref,
+      tag: reactRouterDom.NavLink,
+      to: history.at(-1) ?? "",
+      onClick: handleClick,
+      disabled: disabled || !canGoBack,
+      "aria-disabled": disabled || !canGoBack,
+      startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowLeft, {}),
+      children: formatMessage({
+        id: "global.back",
+        defaultMessage: "Back"
+      })
     }
   );
-};
-
-const App = ({ strapi, store }) => {
-  React.useEffect(() => {
-    const language = localStorage.getItem(rbac.LANGUAGE_LOCAL_STORAGE_KEY) || "en";
-    if (language) {
-      document.documentElement.lang = language;
-    }
-  }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(Providers, { strapi, store, children: /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(rbac.Page.Loading, {}), children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.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 = React.useCallback(async (value) => {
-    try {
-      if (typeof value !== "string" && typeof value !== "number") {
-        throw new Error(
-          `Cannot copy typeof ${typeof value} to clipboard, must be a string or number`
-        );
-      } else if (value === "") {
-        throw new Error(`Cannot copy empty string to clipboard.`);
+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] = Theme.createContext("GuidedTour");
+const GuidedTourProvider = ({ children }) => {
+  const [{ currentStep, guidedTourState, isGuidedTourVisible, isSkipped }, dispatch] = React__namespace.useReducer(reducer$1, initialState, initialiseState);
+  const setCurrentStep = (step) => {
+    if (step !== null) {
+      const isStepAlreadyDone = get__default.default(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;
       }
-      const stringifiedValue = value.toString();
-      await navigator.clipboard.writeText(stringifiedValue);
-      return true;
-    } catch (error) {
-      if (process.env.NODE_ENV === "development") {
-        console.warn("Copy failed", error);
+    }
+    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}`);
       }
-      return false;
     }
-  }, []);
-  return { copy };
-};
-
-const ErrorElement = () => {
-  const error = reactRouterDom.useRouteError();
-  const { formatMessage } = reactIntl.useIntl();
-  const { copy } = useClipboard();
-  if (error instanceof Error) {
-    console.error(error);
-    const handleClick = async () => {
-      await copy(`
-\`\`\`
-${error.stack}
-\`\`\`
-      `);
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Main, { height: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { alignItems: "center", height: "100%", justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsxs(
-      designSystem.Flex,
-      {
-        gap: 7,
-        padding: 7,
-        direction: "column",
-        width: "35%",
-        shadow: "tableShadow",
-        borderColor: "neutral150",
-        background: "neutral0",
-        hasRadius: true,
-        maxWidth: "512px",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(icons.WarningCircle, { width: "32px", height: "32px", fill: "danger600" }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontSize: 4, fontWeight: "bold", textAlign: "center", children: formatMessage({
-              id: "app.error",
-              defaultMessage: "Something went wrong"
-            }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textAlign: "center", children: formatMessage(
-              {
-                id: "app.error.message",
-                defaultMessage: `It seems like there is a bug in your instance, but we've got you covered. Please notify your technical team so they can investigate the source of the problem and report the issue to us by opening a bug report on {link}.`
-              },
-              {
-                link: /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.Link,
-                  {
-                    isExternal: true,
-                    endIcon: true,
-                    href: "https://github.com/strapi/strapi/issues/new?assignees=&labels=&projects=&template=BUG_REPORT.md",
-                    children: `Strapi's GitHub`
-                  }
-                )
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 4, direction: "column", width: "100%", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(StyledAlert, { onClose: () => {
-            }, width: "100%", closeLabel: "", variant: "danger", children: /* @__PURE__ */ jsxRuntime.jsx(ErrorType, { children: error.message }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleClick, variant: "tertiary", startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Duplicate, {}), children: formatMessage({
-              id: "app.error.copy",
-              defaultMessage: "Copy to clipboard"
-            }) })
-          ] })
-        ]
-      }
-    ) }) });
-  }
-  throw error;
+  };
+  const setSkipped = (value) => {
+    window.localStorage.setItem(GUIDED_TOUR_SKIPPED, JSON.stringify(value));
+    dispatch({
+      type: "SET_SKIPPED",
+      value
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    GuidedTourProviderImpl,
+    {
+      guidedTourState,
+      currentStep,
+      setCurrentStep,
+      setGuidedTourVisibility,
+      setSkipped,
+      setStepState,
+      startSection,
+      isGuidedTourVisible,
+      isSkipped,
+      children
+    }
+  );
 };
-const StyledAlert = styledComponents.styled(designSystem.Alert)`
-  & > div:first-child {
-    display: none;
-  }
-
-  & > button {
-    display: none;
-  }
-`;
-const ErrorType = styledComponents.styled(designSystem.Typography)`
-  word-break: break-all;
-  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 }]
+const initialState = {
+  currentStep: null,
+  guidedTourState: {
+    contentTypeBuilder: {
+      create: false,
+      success: false
     },
-    "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 }]
+    contentManager: {
+      create: false,
+      success: false
     },
-    "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 }]
+    apiTokens: {
+      create: false,
+      success: false
     },
-    "project-settings": {
-      read: [{ action: "admin::project-settings.read", subject: null }],
-      update: [{ action: "admin::project-settings.update", subject: null }]
+    transferTokens: {
+      create: false,
+      success: false
     }
-  }
-};
-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"
+  },
+  isGuidedTourVisible: false,
+  isSkipped: false
 };
-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__default.default(name, "A name must be provided");
-      invariant__default.default(type, "A type must be provided");
-      invariant__default.default(intlLabel, "An intlLabel must be provided");
-      invariant__default.default(intlDescription, "An intlDescription must be provided");
-      invariant__default.default(components, "A components object must be provided");
-      invariant__default.default(components.Input, "An Input component must be provided");
-      invariant__default.default(
-        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__default.default(
-        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__default.default(isValidOptionPath, errorMessage);
-        });
-      }
-      const uid = pluginId ? `plugin::${pluginId}.${name}` : `global::${name}`;
-      const uidAlreadyUsed = Object.prototype.hasOwnProperty.call(this.customFields, uid);
-      invariant__default.default(!uidAlreadyUsed, `Custom field: '${uid}' has already been registered`);
-      this.customFields[uid] = customFields;
+const reducer$1 = (state = initialState, action) => immer.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(".");
+      draftState.guidedTourState[section][step] = action.value;
+      break;
+    }
+    case "SET_SKIPPED": {
+      draftState.isSkipped = action.value;
+      break;
+    }
+    case "SET_GUIDED_TOUR_VISIBILITY": {
+      draftState.isGuidedTourVisible = action.value;
+      break;
+    }
+    default: {
+      return draftState;
     }
-  };
-  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.'`
+});
+const initialiseState = (initialState2) => {
+  const copyInitialState = { ...initialState2 };
+  const guidedTourLocaleStorage = JSON.parse(
+    window.localStorage.getItem(GUIDED_TOUR_COMPLETED_STEPS) ?? "[]"
+  );
+  const currentStepLocaleStorage = JSON.parse(
+    window.localStorage.getItem(GUIDED_TOUR_CURRENT_STEP) ?? "null"
+  );
+  const skippedLocaleStorage = JSON.parse(
+    window.localStorage.getItem(GUIDED_TOUR_SKIPPED) ?? "false"
+  );
+  if (Array.isArray(guidedTourLocaleStorage)) {
+    guidedTourLocaleStorage.forEach((step) => {
+      const [sectionName, stepName] = step.split(".");
+      set__default.default(copyInitialState, ["guidedTourState", sectionName, stepName], true);
     });
   }
-  return acc;
+  if (currentStepLocaleStorage) {
+    const [sectionName, stepName] = currentStepLocaleStorage.split(".");
+    set__default.default(copyInitialState, ["guidedTourState", sectionName, stepName], true);
+    addCompletedStep(currentStepLocaleStorage);
+    window.localStorage.setItem(GUIDED_TOUR_CURRENT_STEP, JSON.stringify(null));
+  }
+  if (skippedLocaleStorage !== null) {
+    set__default.default(copyInitialState, "isSkipped", skippedLocaleStorage);
+  }
+  return copyInitialState;
+};
+const addCompletedStep = (completedStep) => {
+  const currentSteps = JSON.parse(window.localStorage.getItem(GUIDED_TOUR_COMPLETED_STEPS) ?? "[]");
+  if (!Array.isArray(currentSteps)) {
+    return;
+  }
+  const isAlreadyStored = currentSteps.includes(completedStep);
+  if (isAlreadyStored) {
+    return;
+  }
+  window.localStorage.setItem(
+    GUIDED_TOUR_COMPLETED_STEPS,
+    JSON.stringify([...currentSteps, completedStep])
+  );
 };
 
-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;
+const queryClient = new reactQuery.QueryClient({
+  defaultOptions: {
+    queries: {
+      refetchOnWindowFocus: false
+    }
   }
-  getInjectedComponents(containerName, blockName) {
+});
+const Providers = ({ children, strapi, store }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Theme.StrapiAppProvider,
+    {
+      components: strapi.library.components,
+      customFields: strapi.customFields,
+      fields: strapi.library.fields,
+      menu: strapi.router.menu,
+      getAdminInjectedComponents: strapi.getAdminInjectedComponents,
+      getPlugin: strapi.getPlugin,
+      plugins: strapi.plugins,
+      rbac: strapi.rbac,
+      runHookParallel: strapi.runHookParallel,
+      runHookWaterfall: (name, initialValue) => strapi.runHookWaterfall(name, initialValue, store),
+      runHookSeries: strapi.runHookSeries,
+      settings: strapi.router.settings,
+      children: /* @__PURE__ */ jsxRuntime.jsx(reactRedux.Provider, { store, children: /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntime.jsx(Theme.AuthProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(HistoryProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(Theme.LanguageProvider, { messages: strapi.configurations.translations, children: /* @__PURE__ */ jsxRuntime.jsx(Theme.Theme, { themes: strapi.configurations.themes, children: /* @__PURE__ */ jsxRuntime.jsx(Theme.NotificationsProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(Theme.TrackingProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(GuidedTourProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        Theme.ConfigurationProvider,
+        {
+          defaultAuthLogo: strapi.configurations.authLogo,
+          defaultMenuLogo: strapi.configurations.menuLogo,
+          showTutorials: strapi.configurations.tutorials,
+          showReleaseNotification: strapi.configurations.notifications.releases,
+          children
+        }
+      ) }) }) }) }) }) }) }) }) })
+    }
+  );
+};
+
+const App = ({ strapi, store }) => {
+  React.useEffect(() => {
+    const language = localStorage.getItem(Theme.LANGUAGE_LOCAL_STORAGE_KEY) || "en";
+    if (language) {
+      document.documentElement.lang = language;
+    }
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(Providers, { strapi, store, children: /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(Theme.Page.Loading, {}), children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Outlet, {}) }) });
+};
+
+const useClipboard = () => {
+  const copy = React.useCallback(async (value) => {
     try {
-      return this.injectionZones[containerName][blockName] || [];
-    } catch (err) {
-      console.error("Cannot get injected component", err);
-      return [];
+      if (typeof value !== "string" && typeof value !== "number") {
+        throw new Error(
+          `Cannot copy typeof ${typeof value} to clipboard, must be a string or number`
+        );
+      } else if (value === "") {
+        throw new Error(`Cannot copy empty string to clipboard.`);
+      }
+      const stringifiedValue = value.toString();
+      await navigator.clipboard.writeText(stringifiedValue);
+      return true;
+    } catch (error) {
+      if (process.env.NODE_ENV === "development") {
+        console.warn("Copy failed", error);
+      }
+      return false;
     }
+  }, []);
+  return { copy };
+};
+
+const ErrorElement = () => {
+  const error = reactRouterDom.useRouteError();
+  const { formatMessage } = reactIntl.useIntl();
+  const { copy } = useClipboard();
+  if (error instanceof Error) {
+    console.error(error);
+    const handleClick = async () => {
+      await copy(`
+\`\`\`
+${error.stack}
+\`\`\`
+      `);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Main, { height: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { alignItems: "center", height: "100%", justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      designSystem.Flex,
+      {
+        gap: 7,
+        padding: 7,
+        direction: "column",
+        width: "35%",
+        shadow: "tableShadow",
+        borderColor: "neutral150",
+        background: "neutral0",
+        hasRadius: true,
+        maxWidth: "512px",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(icons.WarningCircle, { width: "32px", height: "32px", fill: "danger600" }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontSize: 4, fontWeight: "bold", textAlign: "center", children: formatMessage({
+              id: "app.error",
+              defaultMessage: "Something went wrong"
+            }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textAlign: "center", children: formatMessage(
+              {
+                id: "app.error.message",
+                defaultMessage: `It seems like there is a bug in your instance, but we've got you covered. Please notify your technical team so they can investigate the source of the problem and report the issue to us by opening a bug report on {link}.`
+              },
+              {
+                link: /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.Link,
+                  {
+                    isExternal: true,
+                    endIcon: true,
+                    href: "https://github.com/strapi/strapi/issues/new?assignees=&labels=&projects=&template=BUG_REPORT.md",
+                    children: `Strapi's GitHub`
+                  }
+                )
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 4, direction: "column", width: "100%", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(StyledAlert, { onClose: () => {
+            }, width: "100%", closeLabel: "", variant: "danger", children: /* @__PURE__ */ jsxRuntime.jsx(ErrorType, { children: error.message }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleClick, variant: "tertiary", startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Duplicate, {}), children: formatMessage({
+              id: "app.error.copy",
+              defaultMessage: "Copy to clipboard"
+            }) })
+          ] })
+        ]
+      }
+    ) }) });
   }
-  injectComponent(containerName, blockName, component) {
-    try {
-      this.injectionZones[containerName][blockName].push(component);
-    } catch (err) {
-      console.error("Cannot inject component", err);
+  throw error;
+};
+const StyledAlert = styledComponents.styled(designSystem.Alert)`
+  & > div:first-child {
+    display: none;
+  }
+
+  & > button {
+    display: none;
+  }
+`;
+const ErrorType = styledComponents.styled(designSystem.Typography)`
+  word-break: break-all;
+  color: ${({ theme }) => theme.colors.danger600};
+`;
+
+const ActionLayout = ({ startActions, endActions }) => {
+  if (!startActions && !endActions) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    designSystem.Flex,
+    {
+      justifyContent: "space-between",
+      alignItems: "flex-start",
+      paddingBottom: 4,
+      paddingLeft: 10,
+      paddingRight: 10,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, wrap: "wrap", children: startActions }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, shrink: 0, wrap: "wrap", children: endActions })
+      ]
     }
-  }
-}
+  );
+};
 
-const staticReducers = {
-  [admin.adminApi.reducerPath]: admin.adminApi.reducer,
-  admin_app: rbac.reducer
+const ContentLayout = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 10, paddingRight: 10, children });
 };
-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.
-        toolkit.combineReducers({
-          ...appReducers,
-          ...asyncReducers
-        })
+
+const GridColSize = {
+  S: 180,
+  M: 250
+};
+const StyledGrid = styledComponents.styled(designSystem.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__ */ jsxRuntime.jsx(StyledGrid, { $size: size, children });
+};
+
+const BaseHeaderLayout = React__namespace.forwardRef(
+  ({ navigationAction, primaryAction, secondaryAction, subtitle, title, sticky, width, ...props }, ref) => {
+    const isSubtitleString = typeof subtitle === "string";
+    if (sticky) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.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__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { children: [
+              navigationAction && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingRight: 3, children: navigationAction }),
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", tag: "h1", ...props, children: title }),
+                isSubtitleString ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: subtitle }) : subtitle
+              ] }),
+              secondaryAction ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 4, children: secondaryAction }) : null
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { children: primaryAction ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 2, children: primaryAction }) : void 0 })
+          ] })
+        }
       );
     }
-  };
-};
-const configureStoreImpl = (preloadedState = {}, appMiddlewares = [], injectedReducers = {}) => {
-  const coreReducers = { ...staticReducers, ...injectedReducers };
-  const defaultMiddlewareOptions = {};
-  if (process.env.NODE_ENV === "test") {
-    defaultMiddlewareOptions.serializableCheck = false;
-    defaultMiddlewareOptions.immutableCheck = false;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      designSystem.Box,
+      {
+        ref,
+        paddingLeft: 10,
+        paddingRight: 10,
+        paddingBottom: 8,
+        paddingTop: navigationAction ? 6 : 8,
+        background: "neutral100",
+        "data-strapi-header": true,
+        children: [
+          navigationAction ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 2, children: navigationAction }) : null,
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { minWidth: 0, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "h1", variant: "alpha", ...props, children: title }),
+              secondaryAction ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 4, children: secondaryAction }) : null
+            ] }),
+            primaryAction
+          ] }),
+          isSubtitleString ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", tag: "p", children: subtitle }) : subtitle
+        ]
+      }
+    );
   }
-  const store = toolkit.configureStore({
-    preloadedState: {
-      admin_app: preloadedState.admin_app
-    },
-    reducer: coreReducers,
-    devTools: process.env.NODE_ENV !== "production",
-    middleware: (getDefaultMiddleware) => [
-      ...getDefaultMiddleware(defaultMiddlewareOptions),
-      admin.adminApi.middleware,
-      ...appMiddlewares.map((m) => m())
-    ],
-    enhancers: [injectReducerStoreEnhancer(coreReducers)]
+);
+const HeaderLayout = (props) => {
+  const baseHeaderLayoutRef = React__namespace.useRef(null);
+  const [headerSize, setHeaderSize] = React__namespace.useState(null);
+  const [containerRef, isVisible] = useElementOnScreen({
+    root: null,
+    rootMargin: "0px",
+    threshold: 0
   });
-  return store;
+  useResizeObserver(containerRef, () => {
+    if (containerRef.current) {
+      setHeaderSize(containerRef.current.getBoundingClientRect());
+    }
+  });
+  React__namespace.useEffect(() => {
+    if (baseHeaderLayoutRef.current) {
+      setHeaderSize(baseHeaderLayoutRef.current.getBoundingClientRect());
+    }
+  }, [baseHeaderLayoutRef]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: headerSize?.height }, ref: containerRef, children: isVisible && /* @__PURE__ */ jsxRuntime.jsx(BaseHeaderLayout, { ref: baseHeaderLayoutRef, ...props }) }),
+    !isVisible && /* @__PURE__ */ jsxRuntime.jsx(BaseHeaderLayout, { ...props, sticky: true, width: headerSize?.width })
+  ] });
+};
+HeaderLayout.displayName = "HeaderLayout";
+const useElementOnScreen = (options) => {
+  const containerRef = React__namespace.useRef(null);
+  const [isVisible, setIsVisible] = React__namespace.useState(true);
+  const callback = ([entry]) => {
+    setIsVisible(entry.isIntersecting);
+  };
+  React__namespace.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 = designSystem.useCallbackRef(onResize);
+  React__namespace.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 = styledComponents.styled(designSystem.Box)`
+  display: grid;
+  grid-template-columns: ${({ $hasSideNav }) => $hasSideNav ? `auto 1fr` : "1fr"};
+`;
+const OverflowingItem = styledComponents.styled(designSystem.Box)`
+  overflow-x: hidden;
+`;
+const RootLayout = ({ sideNav, children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(GridContainer, { $hasSideNav: Boolean(sideNav), children: [
+    sideNav,
+    /* @__PURE__ */ jsxRuntime.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 } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsxs(Theme.Page.Main, { labelledBy: "title", children: [
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.EmptyStateLayout,
+      {
+        action: /* @__PURE__ */ jsxRuntime.jsx(designSystem.LinkButton, { tag: reactRouterDom.Link, variant: "secondary", endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.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__ */ jsxRuntime.jsx(symbols.EmptyPictures, { width: "16rem" }),
+        shadow: "tableShadow"
+      }
+    ) })
+  ] });
+};
+
+const getEERoutes = () => [
+  ...window.strapi.features.isEnabled(window.strapi.features.AUDIT_LOGS) ? [
+    {
+      path: "audit-logs",
+      lazy: async () => {
+        const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-43lsZ_Bp.js'));
+        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 Promise.resolve().then(() => require('./SingleSignOnPage-tOX6gKDJ.js'));
+        return {
+          Component: ProtectedSSO
+        };
+      }
+    }
+  ] : []
+];
 
 function getIn(obj, key, def, pathStartIndex = 0) {
   const path = toPath__default.default(key);
@@ -1014,7 +1144,7 @@ function setIn(obj, path, value) {
 }
 
 const ERR_MSG = "The Form Component has not been initialised, ensure you are using this hook within a Form component";
-const [FormProvider, useForm] = rbac.createContext("Form", {
+const [FormProvider, useForm] = Theme.createContext("Form", {
   disabled: false,
   errors: {},
   initialValues: {},
@@ -1551,7 +1681,7 @@ const DateInput = React.forwardRef(
             field.onChange(name, date);
           },
           onClear: () => field.onChange(name, void 0),
-          value,
+          value: value ? convertLocalDateToUTCDate(value) : void 0,
           ...props
         }
       ),
@@ -1560,6 +1690,12 @@ const DateInput = React.forwardRef(
     ] });
   }
 );
+const convertLocalDateToUTCDate = (date$1) => {
+  const utcDateString = date$1.toISOString();
+  const timeZone = date.getLocalTimeZone();
+  const zonedDateTime = date.parseAbsolute(utcDateString, timeZone);
+  return date.toCalendarDate(zonedDateTime).toDate("UTC");
+};
 const MemoizedDateInput = React.memo(DateInput);
 
 const DateTimeInput = React.forwardRef(
@@ -1809,7 +1945,7 @@ const TimeInput = React.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 ?? "",
@@ -1890,7 +2026,7 @@ const Img = styledComponents.styled.img`
 const Logo = () => {
   const {
     logos: { auth }
-  } = rbac.useConfiguration("UnauthenticatedLogo");
+  } = Theme.useConfiguration("UnauthenticatedLogo");
   return /* @__PURE__ */ jsxRuntime.jsx(Img, { src: auth?.custom?.url || auth.default, "aria-hidden": true, alt: "" });
 };
 
@@ -1902,8 +2038,8 @@ const Column = styledComponents.styled(designSystem.Flex)`
   flex-direction: column;
 `;
 const LocaleToggle = () => {
-  const localeNames = rbac.useTypedSelector((state) => state.admin_app.language.localeNames);
-  const dispatch = rbac.useTypedDispatch();
+  const localeNames = Theme.useTypedSelector((state) => state.admin_app.language.localeNames);
+  const dispatch = Theme.useTypedDispatch();
   const { formatMessage, locale } = reactIntl.useIntl();
   return /* @__PURE__ */ jsxRuntime.jsx(
     designSystem.SingleSelect,
@@ -1914,7 +2050,7 @@ const LocaleToggle = () => {
       }),
       value: locale,
       onChange: (language) => {
-        dispatch(rbac.setLocale(language));
+        dispatch(Theme.setLocale(language));
       },
       children: Object.entries(localeNames).map(([language, name]) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: language, children: name }, language))
     }
@@ -2005,7 +2141,7 @@ const Login = ({ children }) => {
   const { search: searchString } = reactRouterDom.useLocation();
   const query = React__namespace.useMemo(() => new URLSearchParams(searchString), [searchString]);
   const navigate = reactRouterDom.useNavigate();
-  const { login } = rbac.useAuth("Login", (auth) => auth);
+  const { login } = Theme.useAuth("Login", (auth) => auth);
   const handleLogin = async (body) => {
     setApiError(void 0);
     const res = await login(body);
@@ -2095,8 +2231,8 @@ const Login = ({ children }) => {
 const ForgotPassword = () => {
   const navigate = reactRouterDom.useNavigate();
   const { formatMessage } = reactIntl.useIntl();
-  const { _unstableFormatAPIError: formatAPIError } = rbac.useAPIErrorHandler();
-  const [forgotPassword, { error }] = rbac.useForgotPasswordMutation();
+  const { _unstableFormatAPIError: formatAPIError } = Theme.useAPIErrorHandler();
+  const [forgotPassword, { error }] = Theme.useForgotPasswordMutation();
   return /* @__PURE__ */ jsxRuntime.jsx(UnauthenticatedLayout, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(LayoutContent, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(Column, { children: [
@@ -2296,9 +2432,9 @@ const NpsSurvey = () => {
   const { formatMessage } = reactIntl.useIntl();
   const { npsSurveySettings, setNpsSurveySettings } = useNpsSurveySettings();
   const [isFeedbackResponse, setIsFeedbackResponse] = React__namespace.useState(false);
-  const { toggleNotification } = rbac.useNotification();
-  const currentEnvironment = rbac.useAppInfo("NpsSurvey", (state) => state.currentEnvironment);
-  const strapiVersion = rbac.useAppInfo("NpsSurvey", (state) => state.strapiVersion);
+  const { toggleNotification } = Theme.useNotification();
+  const currentEnvironment = Theme.useAppInfo("NpsSurvey", (state) => state.currentEnvironment);
+  const strapiVersion = Theme.useAppInfo("NpsSurvey", (state) => state.strapiVersion);
   const [surveyIsShown, setSurveyIsShown] = React__namespace.useState(
     checkIfShouldShowSurvey(npsSurveySettings)
   );
@@ -2311,7 +2447,7 @@ const NpsSurvey = () => {
       clearTimeout(displayTime);
     };
   }, []);
-  const { user } = rbac.useAuth("NpsSurvey", (auth) => auth);
+  const { user } = Theme.useAuth("NpsSurvey", (auth) => auth);
   if (!displaySurvey) {
     return null;
   }
@@ -2581,11 +2717,11 @@ const REGISTER_ADMIN_SCHEMA = yup__namespace.object().shape({
   })
 });
 const Register = ({ hasAdmin }) => {
-  const { toggleNotification } = rbac.useNotification();
+  const { toggleNotification } = Theme.useNotification();
   const navigate = reactRouterDom.useNavigate();
   const [submitCount, setSubmitCount] = React__namespace.useState(0);
   const [apiError, setApiError] = React__namespace.useState();
-  const { trackUsage } = rbac.useTracking();
+  const { trackUsage } = Theme.useTracking();
   const { formatMessage } = reactIntl.useIntl();
   const setSkipped = useGuidedTour("Register", (state) => state.setSkipped);
   const { search: searchString } = reactRouterDom.useLocation();
@@ -2594,10 +2730,10 @@ const Register = ({ hasAdmin }) => {
   const {
     _unstableFormatAPIError: formatAPIError,
     _unstableFormatValidationErrors: formatValidationErrors
-  } = rbac.useAPIErrorHandler();
+  } = Theme.useAPIErrorHandler();
   const { setNpsSurveySettings } = useNpsSurveySettings();
   const registrationToken = query.get("registrationToken");
-  const { data: userInfo, error } = rbac.useGetRegistrationInfoQuery(registrationToken, {
+  const { data: userInfo, error } = Theme.useGetRegistrationInfoQuery(registrationToken, {
     skip: !registrationToken
   });
   React__namespace.useEffect(() => {
@@ -2610,9 +2746,9 @@ const Register = ({ hasAdmin }) => {
       navigate(`/auth/oops?info=${encodeURIComponent(message)}`);
     }
   }, [error, formatAPIError, navigate, toggleNotification]);
-  const [registerAdmin] = rbac.useRegisterAdminMutation();
-  const [registerUser] = rbac.useRegisterUserMutation();
-  const { setToken } = rbac.useAuth("Register", (auth) => auth);
+  const [registerAdmin] = Theme.useRegisterAdminMutation();
+  const [registerUser] = Theme.useRegisterUserMutation();
+  const { setToken } = Theme.useAuth("Register", (auth) => auth);
   const handleRegisterAdmin = async ({ news, ...body }, setFormErrors) => {
     const res = await registerAdmin(body);
     if ("data" in res) {
@@ -2890,9 +3026,9 @@ const ResetPassword = () => {
   const navigate = reactRouterDom.useNavigate();
   const { search: searchString } = reactRouterDom.useLocation();
   const query = React__namespace.useMemo(() => new URLSearchParams(searchString), [searchString]);
-  const { _unstableFormatAPIError: formatAPIError } = rbac.useAPIErrorHandler();
-  const { setToken } = rbac.useAuth("ResetPassword", (auth) => auth);
-  const [resetPassword, { error }] = rbac.useResetPasswordMutation();
+  const { _unstableFormatAPIError: formatAPIError } = Theme.useAPIErrorHandler();
+  const { setToken } = Theme.useAuth("ResetPassword", (auth) => auth);
+  const [resetPassword, { error }] = Theme.useResetPasswordMutation();
   const handleSubmit = async (body) => {
     const res = await resetPassword(body);
     if ("data" in res) {
@@ -2986,11 +3122,11 @@ const AuthPage = () => {
   const { hasAdmin } = data ?? {};
   const Login$1 = useEnterprise.useEnterprise(
     Login,
-    async () => (await Promise.resolve().then(() => require('./Login-Hn_q1QSn.js'))).LoginEE
+    async () => (await Promise.resolve().then(() => require('./Login-9bc4EDrd.js'))).LoginEE
   );
   const forms = useEnterprise.useEnterprise(
     FORMS,
-    async () => (await Promise.resolve().then(() => require('./constants-Maq_tQvu.js'))).FORMS,
+    async () => (await Promise.resolve().then(() => require('./constants-qyti_7np.js'))).FORMS,
     {
       combine(ceForms, eeForms) {
         return {
@@ -2998,257 +3134,42 @@ const AuthPage = () => {
           ...eeForms
         };
       },
-      defaultValue: FORMS
-    }
-  );
-  const { token } = rbac.useAuth("AuthPage", (auth) => auth);
-  if (!authType || !forms) {
-    return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/" });
-  }
-  const Component = forms[authType];
-  if (!Component || hasAdmin && authType === "register-admin" || token) {
-    return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/" });
-  }
-  if (!hasAdmin && authType !== "register-admin") {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactRouterDom.Navigate,
-      {
-        to: {
-          pathname: "/auth/register-admin",
-          // Forward the `?redirectTo` from /auth/login
-          // /abc => /auth/login?redirectTo=%2Fabc => /auth/register-admin?redirectTo=%2Fabc
-          search
-        }
-      }
-    );
-  }
-  if (Login$1 && authType === "login") {
-    return /* @__PURE__ */ jsxRuntime.jsx(Login$1, {});
-  } else if (authType === "login" && !Login$1) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(Component, { hasAdmin });
-};
-
-const ActionLayout = ({ startActions, endActions }) => {
-  if (!startActions && !endActions) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    designSystem.Flex,
-    {
-      justifyContent: "space-between",
-      alignItems: "flex-start",
-      paddingBottom: 4,
-      paddingLeft: 10,
-      paddingRight: 10,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, wrap: "wrap", children: startActions }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, shrink: 0, wrap: "wrap", children: endActions })
-      ]
-    }
-  );
-};
-
-const ContentLayout = ({ children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 10, paddingRight: 10, children });
-};
-
-const GridColSize = {
-  S: 180,
-  M: 250
-};
-const StyledGrid = styledComponents.styled(designSystem.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__ */ jsxRuntime.jsx(StyledGrid, { $size: size, children });
-};
-
-const BaseHeaderLayout = React__namespace.forwardRef(
-  ({ navigationAction, primaryAction, secondaryAction, subtitle, title, sticky, width, ...props }, ref) => {
-    const isSubtitleString = typeof subtitle === "string";
-    if (sticky) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.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__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { children: [
-              navigationAction && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingRight: 3, children: navigationAction }),
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", tag: "h1", ...props, children: title }),
-                isSubtitleString ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: subtitle }) : subtitle
-              ] }),
-              secondaryAction ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 4, children: secondaryAction }) : null
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { children: primaryAction ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 2, children: primaryAction }) : void 0 })
-          ] })
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      designSystem.Box,
-      {
-        ref,
-        paddingLeft: 10,
-        paddingRight: 10,
-        paddingBottom: 8,
-        paddingTop: navigationAction ? 6 : 8,
-        background: "neutral100",
-        "data-strapi-header": true,
-        children: [
-          navigationAction ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 2, children: navigationAction }) : null,
-          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { minWidth: 0, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "h1", variant: "alpha", ...props, children: title }),
-              secondaryAction ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 4, children: secondaryAction }) : null
-            ] }),
-            primaryAction
-          ] }),
-          isSubtitleString ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", tag: "p", children: subtitle }) : subtitle
-        ]
-      }
-    );
-  }
-);
-const HeaderLayout = (props) => {
-  const baseHeaderLayoutRef = React__namespace.useRef(null);
-  const [headerSize, setHeaderSize] = React__namespace.useState(null);
-  const [containerRef, isVisible] = useElementOnScreen({
-    root: null,
-    rootMargin: "0px",
-    threshold: 0
-  });
-  useResizeObserver(containerRef, () => {
-    if (containerRef.current) {
-      setHeaderSize(containerRef.current.getBoundingClientRect());
-    }
-  });
-  React__namespace.useEffect(() => {
-    if (baseHeaderLayoutRef.current) {
-      setHeaderSize(baseHeaderLayoutRef.current.getBoundingClientRect());
-    }
-  }, [baseHeaderLayoutRef]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: headerSize?.height }, ref: containerRef, children: isVisible && /* @__PURE__ */ jsxRuntime.jsx(BaseHeaderLayout, { ref: baseHeaderLayoutRef, ...props }) }),
-    !isVisible && /* @__PURE__ */ jsxRuntime.jsx(BaseHeaderLayout, { ...props, sticky: true, width: headerSize?.width })
-  ] });
-};
-HeaderLayout.displayName = "HeaderLayout";
-const useElementOnScreen = (options) => {
-  const containerRef = React__namespace.useRef(null);
-  const [isVisible, setIsVisible] = React__namespace.useState(true);
-  const callback = ([entry]) => {
-    setIsVisible(entry.isIntersecting);
-  };
-  React__namespace.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 = designSystem.useCallbackRef(onResize);
-  React__namespace.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 = styledComponents.styled(designSystem.Box)`
-  display: grid;
-  grid-template-columns: ${({ $hasSideNav }) => $hasSideNav ? `auto 1fr` : "1fr"};
-`;
-const OverflowingItem = styledComponents.styled(designSystem.Box)`
-  overflow-x: hidden;
-`;
-const RootLayout = ({ sideNav, children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(GridContainer, { $hasSideNav: Boolean(sideNav), children: [
-    sideNav,
-    /* @__PURE__ */ jsxRuntime.jsx(OverflowingItem, { paddingBottom: 10, children })
-  ] });
-};
-const Layouts = {
-  Root: RootLayout,
-  Header: HeaderLayout,
-  BaseHeader: BaseHeaderLayout,
-  Grid: GridLayout,
-  Action: ActionLayout,
-  Content: ContentLayout
-};
-
-const NotFoundPage = () => {
-  const { formatMessage } = reactIntl.useIntl();
-  return /* @__PURE__ */ jsxRuntime.jsxs(rbac.Page.Main, { labelledBy: "title", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Layouts.Header,
-      {
-        id: "title",
-        title: formatMessage({
-          id: "content-manager.pageNotFound",
-          defaultMessage: "Page not found"
-        })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.EmptyStateLayout,
+      defaultValue: FORMS
+    }
+  );
+  const { token } = Theme.useAuth("AuthPage", (auth) => auth);
+  if (!authType || !forms) {
+    return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/" });
+  }
+  const Component = forms[authType];
+  if (!Component || hasAdmin && authType === "register-admin" || token) {
+    return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/" });
+  }
+  if (!hasAdmin && authType !== "register-admin") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactRouterDom.Navigate,
       {
-        action: /* @__PURE__ */ jsxRuntime.jsx(designSystem.LinkButton, { tag: reactRouterDom.Link, variant: "secondary", endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.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__ */ jsxRuntime.jsx(symbols.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__ */ jsxRuntime.jsx(Login$1, {});
+  } else if (authType === "login" && !Login$1) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, { hasAdmin });
 };
 
 const ROUTES_CE = [
   {
     lazy: async () => {
-      const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-MJlQ5gGq.js'));
+      const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-Tra1QVDy.js'));
       return {
         Component: ProtectedListPage
       };
@@ -3257,7 +3178,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await Promise.resolve().then(() => require('./CreatePage-uWZ7dxp6.js'));
+      const { ProtectedCreatePage } = await Promise.resolve().then(() => require('./CreatePage-taYHLGep.js'));
       return {
         Component: ProtectedCreatePage
       };
@@ -3266,7 +3187,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await Promise.resolve().then(() => require('./CreatePage-uWZ7dxp6.js'));
+      const { ProtectedCreatePage } = await Promise.resolve().then(() => require('./CreatePage-taYHLGep.js'));
       return {
         Component: ProtectedCreatePage
       };
@@ -3275,7 +3196,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await Promise.resolve().then(() => require('./EditPage-24cGvUbV.js'));
+      const { ProtectedEditPage } = await Promise.resolve().then(() => require('./EditPage-_caeCOYK.js'));
       return {
         Component: ProtectedEditPage
       };
@@ -3284,7 +3205,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-CRyM6NXF.js'));
+      const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-lpSNR8MY.js'));
       return {
         Component: ProtectedListPage
       };
@@ -3293,7 +3214,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await Promise.resolve().then(() => require('./EditPage-Wpz4YmVY.js'));
+      const { ProtectedEditPage } = await Promise.resolve().then(() => require('./EditPage-q_7kn0JT.js'));
       return {
         Component: ProtectedEditPage
       };
@@ -3302,7 +3223,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await Promise.resolve().then(() => require('./CreatePage-s23BIVXe.js'));
+      const { ProtectedCreatePage } = await Promise.resolve().then(() => require('./CreatePage-mQUbZZJv.js'));
       return {
         Component: ProtectedCreatePage
       };
@@ -3311,7 +3232,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await Promise.resolve().then(() => require('./EditPage-wGJLuMsP.js')).then(n => n.EditPage$1);
+      const { ProtectedEditPage } = await Promise.resolve().then(() => require('./EditPage-rxs9-apI.js')).then(n => n.EditPage$1);
       return {
         Component: ProtectedEditPage
       };
@@ -3320,7 +3241,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-TkJa9Qcz.js'));
+      const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-6iZqugjj.js'));
       return {
         Component: ProtectedListPage
       };
@@ -3329,7 +3250,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListView } = await Promise.resolve().then(() => require('./ListView-qAX3ZO28.js'));
+      const { ProtectedListView } = await Promise.resolve().then(() => require('./ListView-wx2Wg7AQ.js'));
       return {
         Component: ProtectedListView
       };
@@ -3338,68 +3259,482 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreateView } = await Promise.resolve().then(() => require('./CreateView-DNHRcJsj.js'));
+      const { ProtectedCreateView } = await Promise.resolve().then(() => require('./CreateView-oRYdhduP.js'));
+      return {
+        Component: ProtectedCreateView
+      };
+    },
+    path: "api-tokens/create"
+  },
+  {
+    lazy: async () => {
+      const { ProtectedEditView } = await Promise.resolve().then(() => require('./EditViewPage-O3dTB0ur.js'));
+      return {
+        Component: ProtectedEditView
+      };
+    },
+    path: "api-tokens/:id"
+  },
+  {
+    lazy: async () => {
+      const { ProtectedCreateView } = await Promise.resolve().then(() => require('./CreateView-iUA3lEYs.js'));
       return {
         Component: ProtectedCreateView
       };
     },
-    path: "api-tokens/create"
-  },
-  {
-    lazy: async () => {
-      const { ProtectedEditView } = await Promise.resolve().then(() => require('./EditViewPage-c3DI4uzU.js'));
-      return {
-        Component: ProtectedEditView
-      };
+    path: "transfer-tokens/create"
+  },
+  {
+    lazy: async () => {
+      const { ProtectedListView } = await Promise.resolve().then(() => require('./ListView-QVoBfZkP.js'));
+      return {
+        Component: ProtectedListView
+      };
+    },
+    path: "transfer-tokens"
+  },
+  {
+    lazy: async () => {
+      const { ProtectedEditView } = await Promise.resolve().then(() => require('./EditView-tAF5eQf_.js'));
+      return {
+        Component: ProtectedEditView
+      };
+    },
+    path: "transfer-tokens/:id"
+  },
+  {
+    lazy: async () => {
+      const { PurchaseAuditLogs } = await Promise.resolve().then(() => require('./PurchaseAuditLogs-I3m6LuoA.js'));
+      return {
+        Component: PurchaseAuditLogs
+      };
+    },
+    path: "purchase-audit-logs"
+  },
+  {
+    lazy: async () => {
+      const { PurchaseSingleSignOn } = await Promise.resolve().then(() => require('./PurchaseSingleSignOn-HBKmhjTH.js'));
+      return {
+        Component: PurchaseSingleSignOn
+      };
+    },
+    path: "purchase-single-sign-on"
+  }
+];
+
+const getImmutableRoutes = () => [
+  {
+    path: "usecase",
+    lazy: async () => {
+      const { PrivateUseCasePage } = await Promise.resolve().then(() => require('./UseCasePage-uJRpPeQz.js'));
+      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__ */ jsxRuntime.jsx(AuthPage, {})
+  }
+];
+const getInitialRoutes = () => [
+  {
+    index: true,
+    lazy: async () => {
+      const { HomePage } = await Promise.resolve().then(() => require('./HomePage-QFIF1udT.js'));
+      return {
+        Component: HomePage
+      };
+    }
+  },
+  {
+    path: "me",
+    lazy: async () => {
+      const { ProfilePage } = await Promise.resolve().then(() => require('./ProfilePage-pllDh5dd.js'));
+      return {
+        Component: ProfilePage
+      };
+    }
+  },
+  {
+    path: "list-plugins",
+    lazy: async () => {
+      const { ProtectedInstalledPluginsPage } = await Promise.resolve().then(() => require('./InstalledPluginsPage-XP8i3w5T.js'));
+      return {
+        Component: ProtectedInstalledPluginsPage
+      };
+    }
+  },
+  {
+    path: "marketplace",
+    lazy: async () => {
+      const { ProtectedMarketplacePage } = await Promise.resolve().then(() => require('./MarketplacePage-e9h-T9Yf.js'));
+      return {
+        Component: ProtectedMarketplacePage
+      };
+    }
+  },
+  {
+    path: "settings/*",
+    lazy: async () => {
+      const { Layout } = await Promise.resolve().then(() => require('./Layout-PemM8Wd3.js'));
+      return {
+        Component: Layout
+      };
+    },
+    children: [
+      {
+        path: "application-infos",
+        lazy: async () => {
+          const { ApplicationInfoPage } = await Promise.resolve().then(() => require('./ApplicationInfoPage-QuYJM0kA.js'));
+          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__ */ jsxRuntime.jsx(reactRedux.Provider, { store: strapi.store, children: /* @__PURE__ */ jsxRuntime.jsx(Theme.LanguageProvider, { messages: strapi.configurations.translations, children: /* @__PURE__ */ jsxRuntime.jsx(Theme.Theme, { themes: strapi.configurations.themes, children: /* @__PURE__ */ jsxRuntime.jsx(ErrorElement, {}) }) }) }),
+        element: /* @__PURE__ */ jsxRuntime.jsx(App, { strapi, store: strapi.store }),
+        children: [
+          ...getImmutableRoutes(),
+          {
+            path: "/*",
+            lazy: async () => {
+              const { PrivateAdminLayout } = await Promise.resolve().then(() => require('./AuthenticatedLayout-040fsD08.js'));
+              return {
+                Component: PrivateAdminLayout
+              };
+            },
+            children: [
+              ...this.routes,
+              {
+                path: "*",
+                element: /* @__PURE__ */ jsxRuntime.jsx(NotFoundPage, {})
+              }
+            ]
+          }
+        ]
+      }
+    ];
+    if (memory) {
+      this.router = reactRouterDom.createMemoryRouter(routes, opts);
+    } else {
+      this.router = reactRouterDom.createBrowserRouter(routes, opts);
+    }
+    return this.router;
+  }
+  addMenuLink = (link) => {
+    invariant__default.default(link.to, `[${link.intlLabel.defaultMessage}]: link.to should be defined`);
+    invariant__default.default(
+      typeof link.to === "string",
+      `[${link.intlLabel.defaultMessage}]: Expected link.to to be a string instead received ${typeof link.to}`
+    );
+    invariant__default.default(
+      link.intlLabel?.id && link.intlLabel?.defaultMessage,
+      `[${link.intlLabel.defaultMessage}]: link.intlLabel.id & link.intlLabel.defaultMessage should be defined`
+    );
+    invariant__default.default(
+      !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__default.default(section.id, "section.id should be defined");
+      invariant__default.default(
+        section.intlLabel?.id && section.intlLabel?.defaultMessage,
+        "section.intlLabel should be defined"
+      );
+      invariant__default.default(this.settings[section.id] === void 0, "A similar section already exists");
+      invariant__default.default(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__default.default(section.id, "section.id should be defined");
+      invariant__default.default(
+        section.intlLabel?.id && section.intlLabel?.defaultMessage,
+        "section.intlLabel should be defined"
+      );
+      invariant__default.default(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__default.default(this._settings[sectionId], "The section does not exist");
+    invariant__default.default(link.id, `[${link.intlLabel.defaultMessage}]: link.id should be defined`);
+    invariant__default.default(
+      link.intlLabel?.id && link.intlLabel?.defaultMessage,
+      `[${link.intlLabel.defaultMessage}]: link.intlLabel.id & link.intlLabel.defaultMessage`
+    );
+    invariant__default.default(link.to, `[${link.intlLabel.defaultMessage}]: link.to should be defined`);
+    invariant__default.default(
+      !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 = {
+  [admin.adminApi.reducerPath]: admin.adminApi.reducer,
+  admin_app: Theme.reducer
+};
+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.
+        toolkit.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 = toolkit.configureStore({
+    preloadedState: {
+      admin_app: preloadedState.admin_app
+    },
+    reducer: coreReducers,
+    devTools: process.env.NODE_ENV !== "production",
+    middleware: (getDefaultMiddleware) => [
+      ...getDefaultMiddleware(defaultMiddlewareOptions),
+      admin.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 Promise.resolve().then(() => require('./CreateView-JQYIo77z.js'));
-      return {
-        Component: ProtectedCreateView
-      };
+    delete(handler) {
+      _handlers.splice(_handlers.indexOf(handler), 1);
     },
-    path: "transfer-tokens/create"
-  },
-  {
-    lazy: async () => {
-      const { ProtectedListView } = await Promise.resolve().then(() => require('./ListView-nRGxAwIh.js'));
-      return {
-        Component: ProtectedListView
-      };
+    runWaterfall(args, store) {
+      return _handlers.reduce((acc, fn) => fn(acc, store), args);
     },
-    path: "transfer-tokens"
-  },
-  {
-    lazy: async () => {
-      const { ProtectedEditView } = await Promise.resolve().then(() => require('./EditView-ul5nHrFh.js'));
-      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 Promise.resolve().then(() => require('./PurchaseAuditLogs-Vur69JZB.js'));
-      return {
-        Component: PurchaseAuditLogs
-      };
+    runSeries(...args) {
+      return _handlers.map((fn) => fn(...args));
     },
-    path: "purchase-audit-logs"
-  },
-  {
-    lazy: async () => {
-      const { PurchaseSingleSignOn } = await Promise.resolve().then(() => require('./PurchaseSingleSignOn-7NMcihzT.js'));
-      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: "العربية",
@@ -3452,20 +3787,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: "" },
@@ -3479,13 +3800,15 @@ class StrapiApp {
   /**
    * APIs
    */
-  rbac = new rbac.RBAC();
+  rbac = new Theme.RBAC();
+  router;
   library = {
     components: {},
     fields: {}
   };
   middlewares = [];
   reducers = {};
+  store = null;
   customFields = new CustomFields();
   constructor({ config, appPlugins } = {}) {
     this.appPlugins = appPlugins || {};
@@ -3494,6 +3817,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)) {
@@ -3521,46 +3845,6 @@ class StrapiApp {
       this.library.fields[fields.type] = fields.Component;
     }
   };
-  addMenuLink = (link) => {
-    invariant__default.default(link.to, `[${link.intlLabel.defaultMessage}]: link.to should be defined`);
-    invariant__default.default(
-      typeof link.to === "string",
-      `[${link.intlLabel.defaultMessage}]: Expected link.to to be a string instead received ${typeof link.to}`
-    );
-    invariant__default.default(
-      link.intlLabel?.id && link.intlLabel?.defaultMessage,
-      `[${link.intlLabel.defaultMessage}]: link.intlLabel.id & link.intlLabel.defaultMessage should be defined`
-    );
-    invariant__default.default(
-      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__namespace.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);
@@ -3578,56 +3862,22 @@ class StrapiApp {
       this.reducers[name] = reducer;
     });
   };
-  addSettingsLink = (sectionId, link) => {
-    invariant__default.default(this.settings[sectionId], "The section does not exist");
-    invariant__default.default(link.id, `[${link.intlLabel.defaultMessage}]: link.id should be defined`);
-    invariant__default.default(
-      link.intlLabel?.id && link.intlLabel?.defaultMessage,
-      `[${link.intlLabel.defaultMessage}]: link.intlLabel.id & link.intlLabel.defaultMessage`
-    );
-    invariant__default.default(link.to, `[${link.intlLabel.defaultMessage}]: link.to should be defined`);
-    invariant__default.default(
-      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__namespace.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__default.default(this.settings[sectionId], "The section does not exist");
     invariant__default.default(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) => {
@@ -3694,19 +3944,6 @@ class StrapiApp {
   createHook = (name) => {
     this.hooksDict[name] = createHook();
   };
-  createSettingSection = (section, links) => {
-    invariant__default.default(section.id, "section.id should be defined");
-    invariant__default.default(
-      section.intlLabel?.id && section.intlLabel?.defaultMessage,
-      "section.intlLabel should be defined"
-    );
-    invariant__default.default(Array.isArray(links), "TypeError expected links to be an array");
-    invariant__default.default(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] || [];
@@ -3716,10 +3953,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__default.default(customRegister)) {
+      customRegister(this);
+    }
   }
   async loadAdminTrads() {
     const adminLocales = await Promise.all(
@@ -3798,14 +4038,14 @@ class StrapiApp {
   runHookParallel = (name) => this.hooksDict[name].runParallel();
   render() {
     const localeNames = pick__default.default(languageNativeNames, this.configurations.locales || []);
-    const locale = localStorage.getItem(rbac.LANGUAGE_LOCAL_STORAGE_KEY) || "en";
-    const store = configureStoreImpl(
+    const locale = localStorage.getItem(Theme.LANGUAGE_LOCAL_STORAGE_KEY) || "en";
+    this.store = configureStoreImpl(
       {
         admin_app: {
           permissions: merge__default.default({}, ADMIN_PERMISSIONS_CE, ADMIN_PERMISSIONS_EE),
           theme: {
             availableThemes: [],
-            currentTheme: localStorage.getItem(rbac.THEME_LOCAL_STORAGE_KEY) || "system"
+            currentTheme: localStorage.getItem(Theme.THEME_LOCAL_STORAGE_KEY) || "system"
           },
           language: {
             locale: localeNames[locale] ? locale : "en",
@@ -3816,120 +4056,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 = reactRouterDom.createBrowserRouter(
-      [
-        {
-          path: "/*",
-          errorElement: /* @__PURE__ */ jsxRuntime.jsx(reactRedux.Provider, { store, children: /* @__PURE__ */ jsxRuntime.jsx(rbac.LanguageProvider, { messages: this.configurations.translations, children: /* @__PURE__ */ jsxRuntime.jsx(rbac.Theme, { themes: this.configurations.themes, children: /* @__PURE__ */ jsxRuntime.jsx(ErrorElement, {}) }) }) }),
-          element: /* @__PURE__ */ jsxRuntime.jsx(App, { strapi: this, store }),
-          children: [
-            {
-              path: "usecase",
-              lazy: async () => {
-                const { PrivateUseCasePage } = await Promise.resolve().then(() => require('./UseCasePage-26Y6U1DU.js'));
-                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__ */ jsxRuntime.jsx(AuthPage, {})
-            },
-            {
-              path: "/*",
-              lazy: async () => {
-                const { PrivateAdminLayout } = await Promise.resolve().then(() => require('./AuthenticatedLayout-s7jnYVG9.js'));
-                return {
-                  Component: PrivateAdminLayout
-                };
-              },
-              children: [
-                {
-                  index: true,
-                  lazy: async () => {
-                    const { HomePage } = await Promise.resolve().then(() => require('./HomePage-Xrg1dR_D.js'));
-                    return {
-                      Component: HomePage
-                    };
-                  }
-                },
-                {
-                  path: "me",
-                  lazy: async () => {
-                    const { ProfilePage } = await Promise.resolve().then(() => require('./ProfilePage-o028o7JD.js'));
-                    return {
-                      Component: ProfilePage
-                    };
-                  }
-                },
-                {
-                  path: "list-plugins",
-                  lazy: async () => {
-                    const { ProtectedInstalledPluginsPage } = await Promise.resolve().then(() => require('./InstalledPluginsPage-alfcy8jO.js'));
-                    return {
-                      Component: ProtectedInstalledPluginsPage
-                    };
-                  }
-                },
-                {
-                  path: "marketplace",
-                  lazy: async () => {
-                    const { ProtectedMarketplacePage } = await Promise.resolve().then(() => require('./MarketplacePage-vQaaicxu.js'));
-                    return {
-                      Component: ProtectedMarketplacePage
-                    };
-                  }
-                },
-                {
-                  path: "settings/*",
-                  lazy: async () => {
-                    const { Layout } = await Promise.resolve().then(() => require('./Layout-RKjEsOtu.js'));
-                    return {
-                      Component: Layout
-                    };
-                  },
-                  children: [
-                    {
-                      path: "application-infos",
-                      lazy: async () => {
-                        const { ApplicationInfoPage } = await Promise.resolve().then(() => require('./ApplicationInfoPage-S_AoXyUe.js'));
-                        return {
-                          Component: ApplicationInfoPage
-                        };
-                      }
-                    },
-                    ...Object.values(this.settings).flatMap(
-                      ({ links }) => links.map(({ to, Component }) => ({
-                        path: `${to}/*`,
-                        element: /* @__PURE__ */ jsxRuntime.jsx(React__namespace.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(rbac.Page.Loading, {}), children: /* @__PURE__ */ jsxRuntime.jsx(Component, {}) })
-                      }))
-                    ),
-                    ...settingsRoutes
-                  ]
-                },
-                ...this.menu.map(({ to, Component }) => ({
-                  path: `${to}/*`,
-                  element: /* @__PURE__ */ jsxRuntime.jsx(React__namespace.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(rbac.Page.Loading, {}), children: /* @__PURE__ */ jsxRuntime.jsx(Component, {}) })
-                })),
-                {
-                  path: "*",
-                  element: /* @__PURE__ */ jsxRuntime.jsx(NotFoundPage, {})
-                }
-              ]
-            }
-          ]
-        }
-      ],
-      {
-        basename: getBasename()
-      }
-    );
+    const router = this.router.createRouter(this, {
+      basename: getBasename()
+    });
     return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.RouterProvider, { router });
   }
 }
@@ -3991,7 +4120,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);
   client.createRoot(mountNode).render(app.render());
@@ -4380,7 +4509,7 @@ const useQueryParams = (initialParams) => {
   return [{ query, rawQuery: search }, setQuery];
 };
 
-const [FiltersProvider, useFilters] = rbac.createContext("Filters");
+const [FiltersProvider, useFilters] = Theme.createContext("Filters");
 const Root$2 = ({
   children,
   disabled = false,
@@ -4704,7 +4833,7 @@ const Filters = {
   Trigger
 };
 
-const [PaginationProvider, usePagination] = rbac.createContext("Pagination");
+const [PaginationProvider, usePagination] = Theme.createContext("Pagination");
 const Root$1 = React__namespace.forwardRef(
   ({ children, defaultPageSize = 10, pageCount = 0, defaultPage = 1, onPageSizeChange, total = 0 }, forwardedRef) => {
     const [{ query }, setQuery] = useQueryParams(
@@ -4719,18 +4848,28 @@ const Root$1 = React__namespace.forwardRef(
         onPageSizeChange(pageSize);
       }
     };
-    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { ref: forwardedRef, paddingTop: 4, alignItems: "flex-end", justifyContent: "space-between", children: /* @__PURE__ */ jsxRuntime.jsx(
-      PaginationProvider,
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.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__ */ jsxRuntime.jsx(
+          PaginationProvider,
+          {
+            currentQuery: query,
+            page: query.page,
+            pageSize: query.pageSize,
+            pageCount: pageCount.toString(),
+            setPageSize,
+            total,
+            children
+          }
+        )
       }
-    ) });
+    );
   }
 );
 const PageSize = ({ options = ["10", "20", "50", "100"] }) => {
@@ -4861,7 +5000,7 @@ const SearchInput = ({
   const [value, setValue] = React__namespace.useState(query?._q || "");
   const [isOpen, setIsOpen] = React__namespace.useState(!!value);
   const { formatMessage } = reactIntl.useIntl();
-  const { trackUsage } = rbac.useTracking();
+  const { trackUsage } = Theme.useTracking();
   const handleToggle = () => setIsOpen((prev) => !prev);
   React__namespace.useLayoutEffect(() => {
     if (isOpen && inputRef.current) {
@@ -4911,7 +5050,7 @@ const SearchInput = ({
   );
 };
 
-const [TableProvider, useTable] = rbac.createContext("Table");
+const [TableProvider, useTable] = Theme.createContext("Table");
 const Root = ({
   children,
   defaultSelectedRows,
@@ -5141,7 +5280,7 @@ const Table = {
 };
 
 function useInjectReducer(namespace, reducer) {
-  const store = rbac.useTypedStore();
+  const store = Theme.useTypedStore();
   React.useEffect(() => {
     store.injectReducer(namespace, reducer);
   }, [store, namespace, reducer]);
@@ -5382,4 +5521,4 @@ exports.useTable = useTable;
 exports.useUpdateRoleMutation = useUpdateRoleMutation;
 exports.useUpdateRolePermissionsMutation = useUpdateRolePermissionsMutation;
 exports.useUpdateUserMutation = useUpdateUserMutation;
-//# sourceMappingURL=index-Ncrnmg5a.js.map
+//# sourceMappingURL=index-PPLoirnr.js.map