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

package/dist/admin/{index-Ncrnmg5a.js → index-HH_X-3kJ.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,376 +139,650 @@ 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 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 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;
+    }
+  }
+});
+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 (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])
+  );
+};
+
+const queryClient = new reactQuery.QueryClient({
+  defaultOptions: {
+    queries: {
+      refetchOnWindowFocus: false
+    }
+  }
+});
+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 {
+      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();
@@ -587,390 +862,245 @@ const ErrorType = styledComponents.styled(designSystem.Typography)`
   color: ${({ theme }) => theme.colors.danger600};
 `;
 
-const ADMIN_PERMISSIONS_CE = {
-  contentManager: {
-    main: [],
-    collectionTypesConfigurations: [
-      {
-        action: "plugin::content-manager.collection-types.configure-view",
-        subject: null
-      }
-    ],
-    componentsConfigurations: [
-      {
-        action: "plugin::content-manager.components.configure-layout",
-        subject: null
-      }
-    ],
-    singleTypesConfigurations: [
-      {
-        action: "plugin::content-manager.single-types.configure-view",
-        subject: null
-      }
-    ]
-  },
-  marketplace: {
-    main: [{ action: "admin::marketplace.read", subject: null }],
-    read: [{ action: "admin::marketplace.read", subject: null }]
-  },
-  settings: {
-    roles: {
-      main: [
-        { action: "admin::roles.create", subject: null },
-        { action: "admin::roles.update", subject: null },
-        { action: "admin::roles.read", subject: null },
-        { action: "admin::roles.delete", subject: null }
-      ],
-      create: [{ action: "admin::roles.create", subject: null }],
-      delete: [{ action: "admin::roles.delete", subject: null }],
-      read: [{ action: "admin::roles.read", subject: null }],
-      update: [{ action: "admin::roles.update", subject: null }]
-    },
-    users: {
-      main: [
-        { action: "admin::users.create", subject: null },
-        { action: "admin::users.read", subject: null },
-        { action: "admin::users.update", subject: null },
-        { action: "admin::users.delete", subject: null }
-      ],
-      create: [{ action: "admin::users.create", subject: null }],
-      delete: [{ action: "admin::users.delete", subject: null }],
-      read: [{ action: "admin::users.read", subject: null }],
-      update: [{ action: "admin::users.update", subject: null }]
-    },
-    webhooks: {
-      main: [
-        { action: "admin::webhooks.create", subject: null },
-        { action: "admin::webhooks.read", subject: null },
-        { action: "admin::webhooks.update", subject: null },
-        { action: "admin::webhooks.delete", subject: null }
-      ],
-      create: [{ action: "admin::webhooks.create", subject: null }],
-      delete: [{ action: "admin::webhooks.delete", subject: null }],
-      read: [
-        { action: "admin::webhooks.read", subject: null },
-        // NOTE: We need to check with the API
-        { action: "admin::webhooks.update", subject: null },
-        { action: "admin::webhooks.delete", subject: null }
-      ],
-      update: [{ action: "admin::webhooks.update", subject: null }]
-    },
-    "api-tokens": {
-      main: [{ action: "admin::api-tokens.access", subject: null }],
-      create: [{ action: "admin::api-tokens.create", subject: null }],
-      delete: [{ action: "admin::api-tokens.delete", subject: null }],
-      read: [{ action: "admin::api-tokens.read", subject: null }],
-      update: [{ action: "admin::api-tokens.update", subject: null }],
-      regenerate: [{ action: "admin::api-tokens.regenerate", subject: null }]
-    },
-    "transfer-tokens": {
-      main: [{ action: "admin::transfer.tokens.access", subject: null }],
-      create: [{ action: "admin::transfer.tokens.create", subject: null }],
-      delete: [{ action: "admin::transfer.tokens.delete", subject: null }],
-      read: [{ action: "admin::transfer.tokens.read", subject: null }],
-      update: [{ action: "admin::transfer.tokens.update", subject: null }],
-      regenerate: [{ action: "admin::transfer.tokens.regenerate", subject: null }]
-    },
-    "project-settings": {
-      read: [{ action: "admin::project-settings.read", subject: null }],
-      update: [{ action: "admin::project-settings.update", subject: null }]
-    }
+const ActionLayout = ({ startActions, endActions }) => {
+  if (!startActions && !endActions) {
+    return null;
   }
+  return /* @__PURE__ */ 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 HOOKS = {
-  /**
-   * Hook that allows to mutate the displayed headers of the list view table
-   * @constant
-   * @type {string}
-   */
-  INJECT_COLUMN_IN_TABLE: "Admin/CM/pages/ListView/inject-column-in-table",
-  /**
-   * Hook that allows to mutate the CM's collection types links pre-set filters
-   * @constant
-   * @type {string}
-   */
-  MUTATE_COLLECTION_TYPES_LINKS: "Admin/CM/pages/App/mutate-collection-types-links",
-  /**
-   * Hook that allows to mutate the CM's edit view layout
-   * @constant
-   * @type {string}
-   */
-  MUTATE_EDIT_VIEW_LAYOUT: "Admin/CM/pages/EditView/mutate-edit-view-layout",
-  /**
-   * Hook that allows to mutate the CM's single types links pre-set filters
-   * @constant
-   * @type {string}
-   */
-  MUTATE_SINGLE_TYPES_LINKS: "Admin/CM/pages/App/mutate-single-types-links"
+
+const ContentLayout = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 10, paddingRight: 10, children });
 };
-const SETTINGS_LINKS_CE = () => ({
-  global: [
-    {
-      intlLabel: { id: "Settings.application.title", defaultMessage: "Overview" },
-      to: "/settings/application-infos",
-      id: "000-application-infos"
-    },
-    {
-      intlLabel: { id: "Settings.webhooks.title", defaultMessage: "Webhooks" },
-      to: "/settings/webhooks",
-      id: "webhooks"
-    },
-    {
-      intlLabel: { id: "Settings.apiTokens.title", defaultMessage: "API Tokens" },
-      to: "/settings/api-tokens?sort=name:ASC",
-      id: "api-tokens"
-    },
-    {
-      intlLabel: { id: "Settings.transferTokens.title", defaultMessage: "Transfer Tokens" },
-      to: "/settings/transfer-tokens?sort=name:ASC",
-      id: "transfer-tokens"
-    },
-    // If the Enterprise/Cloud feature is not enabled and if the config doesn't disable it, we promote the Enterprise/Cloud feature by displaying them in the settings menu.
-    // Disable this by adding "promoteEE: false" to your `./config/admin.js` file
-    ...!window.strapi.features.isEnabled(window.strapi.features.SSO) && window.strapi?.flags?.promoteEE ? [
-      {
-        intlLabel: { id: "Settings.sso.title", defaultMessage: "Single Sign-On" },
-        to: "/settings/purchase-single-sign-on",
-        id: "sso-purchase-page",
-        licenseOnly: true
-      }
-    ] : []
-  ],
-  admin: [
-    {
-      intlLabel: { id: "global.roles", defaultMessage: "Roles" },
-      to: "/settings/roles",
-      id: "roles"
-    },
-    {
-      intlLabel: { id: "global.users", defaultMessage: "Users" },
-      // Init the search params directly
-      to: "/settings/users?pageSize=10&page=1&sort=firstname",
-      id: "users"
-    },
-    ...!window.strapi.features.isEnabled(window.strapi.features.AUDIT_LOGS) && window.strapi?.flags?.promoteEE ? [
-      {
-        intlLabel: { id: "global.auditLogs", defaultMessage: "Audit Logs" },
-        to: "/settings/purchase-audit-logs",
-        id: "auditLogs-purchase-page",
-        licenseOnly: true
-      }
-    ] : []
-  ]
-});
 
-const ALLOWED_TYPES = [
-  "biginteger",
-  "boolean",
-  "date",
-  "datetime",
-  "decimal",
-  "email",
-  "enumeration",
-  "float",
-  "integer",
-  "json",
-  "password",
-  "richtext",
-  "string",
-  "text",
-  "time",
-  "uid"
-];
-const ALLOWED_ROOT_LEVEL_OPTIONS = [
-  "min",
-  "minLength",
-  "max",
-  "maxLength",
-  "required",
-  "regex",
-  "enum",
-  "unique",
-  "private",
-  "default"
-];
-class CustomFields {
-  customFields;
-  constructor() {
-    this.customFields = {};
-  }
-  register = (customFields) => {
-    if (Array.isArray(customFields)) {
-      customFields.forEach((customField) => {
-        this.register(customField);
-      });
-    } else {
-      const { name, pluginId, type, intlLabel, intlDescription, components, options } = customFields;
-      invariant__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 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 allFormOptions = [...options?.base || [], ...options?.advanced || []];
-      if (allFormOptions.length) {
-        const optionPathValidations = allFormOptions.reduce(optionsValidationReducer, []);
-        optionPathValidations.forEach(({ isValidOptionPath, errorMessage }) => {
-          invariant__default.default(isValidOptionPath, errorMessage);
-        });
+    }
+    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 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;
-    }
-  };
-  getAll = () => {
-    return this.customFields;
-  };
-  get = (uid) => {
-    return this.customFields[uid];
-  };
-}
-const optionsValidationReducer = (acc, option) => {
-  if ("items" in option) {
-    return option.items.reduce(optionsValidationReducer, acc);
-  }
-  if (!option.name) {
-    acc.push({
-      isValidOptionPath: false,
-      errorMessage: "The 'name' property is required on an options object"
-    });
-  } else {
-    acc.push({
-      isValidOptionPath: option.name.startsWith("options") || ALLOWED_ROOT_LEVEL_OPTIONS.includes(option.name),
-      errorMessage: `'${option.name}' must be prefixed with 'options.'`
-    });
-  }
-  return acc;
-};
-
-class Plugin {
-  apis;
-  initializer;
-  injectionZones;
-  isReady;
-  name;
-  pluginId;
-  constructor(pluginConf) {
-    this.apis = pluginConf.apis || {};
-    this.initializer = pluginConf.initializer || null;
-    this.injectionZones = pluginConf.injectionZones || {};
-    this.isReady = pluginConf.isReady !== void 0 ? pluginConf.isReady : true;
-    this.name = pluginConf.name;
-    this.pluginId = pluginConf.id;
+    );
   }
-  getInjectedComponents(containerName, blockName) {
-    try {
-      return this.injectionZones[containerName][blockName] || [];
-    } catch (err) {
-      console.error("Cannot get injected component", err);
-      return [];
+);
+const HeaderLayout = (props) => {
+  const baseHeaderLayoutRef = React__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());
     }
-  }
-  injectComponent(containerName, blockName, component) {
-    try {
-      this.injectionZones[containerName][blockName].push(component);
-    } catch (err) {
-      console.error("Cannot inject component", err);
+  });
+  React__namespace.useEffect(() => {
+    if (baseHeaderLayoutRef.current) {
+      setHeaderSize(baseHeaderLayoutRef.current.getBoundingClientRect());
     }
-  }
-}
-
-const staticReducers = {
-  [admin.adminApi.reducerPath]: admin.adminApi.reducer,
-  admin_app: rbac.reducer
+  }, [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 })
+  ] });
 };
-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
-        })
-      );
-    }
+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 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 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-0d14kKi_.js'));
+        return {
+          Component: ProtectedListPage
+        };
+      }
+    }
+  ] : [],
+  ...window.strapi.features.isEnabled(window.strapi.features.SSO) ? [
+    {
+      path: "single-sign-on",
+      lazy: async () => {
+        const { ProtectedSSO } = await Promise.resolve().then(() => require('./SingleSignOnPage-QIOJcuMR.js'));
+        return {
+          Component: ProtectedSSO
+        };
       }
-      return result;
-    },
-    runParallel(...args) {
-      return Promise.all(
-        _handlers.map((fn) => {
-          return fn(...args);
-        })
-      );
     }
-  };
-};
+  ] : []
+];
 
 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: {},
@@ -1050,11 +1180,11 @@ const [FormProvider, useForm] = rbac.createContext("Form", {
   values: {}
 });
 const Form = React__namespace.forwardRef(
-  ({ disabled = false, method, onSubmit, ...props }, ref) => {
+  ({ disabled = false, method, onSubmit, initialErrors, ...props }, ref) => {
     const formRef = React__namespace.useRef(null);
     const initialValues = React__namespace.useRef(props.initialValues ?? {});
     const [state, dispatch] = React__namespace.useReducer(reducer, {
-      errors: {},
+      errors: initialErrors ?? {},
       isSubmitting: false,
       values: props.initialValues ?? {}
     });
@@ -1392,11 +1522,40 @@ const useField = (path) => {
     (state) => getIn(state.values, path)
   );
   const handleChange = useForm("useField", (state) => state.onChange);
-  const error = useForm("useField", (state) => getIn(state.errors, path));
+  const formatNestedErrorMessages = (stateErrors) => {
+    const nestedErrors = {};
+    Object.entries(stateErrors).forEach(([key, value2]) => {
+      let current = nestedErrors;
+      const pathParts = key.split(".");
+      pathParts.forEach((part, index) => {
+        const isLastPart = index === pathParts.length - 1;
+        if (isLastPart) {
+          if (typeof value2 === "string") {
+            current[part] = value2;
+          } else if (isErrorMessageDescriptor(value2)) {
+            current[part] = formatMessage(value2);
+          } else {
+            setIn(current, part, value2);
+          }
+        } else {
+          if (!current[part]) {
+            const isArray = !isNaN(Number(pathParts[index + 1]));
+            current[part] = isArray ? [] : {};
+          }
+          current = current[part];
+        }
+      });
+    });
+    return nestedErrors;
+  };
+  const error = useForm(
+    "useField",
+    (state) => getIn(formatNestedErrorMessages(state.errors), path)
+  );
   return {
     initialValue,
     /**
-     * Errors can be a string, or a MesaageDescriptor, so we need to handle both cases.
+     * Errors can be a string, or a MessageDescriptor, so we need to handle both cases.
      * If it's anything else, we don't return it.
      */
     error: isErrorMessageDescriptor(error) ? formatMessage(
@@ -1411,7 +1570,7 @@ const useField = (path) => {
   };
 };
 const isErrorMessageDescriptor = (object) => {
-  return typeof object === "object" && object !== null && "id" in object && "defaultMessage" in object;
+  return typeof object === "object" && object !== null && !Array.isArray(object) && "id" in object && "defaultMessage" in object;
 };
 const Blocker = ({ onProceed = () => {
 }, onCancel = () => {
@@ -1551,7 +1710,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 +1719,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 +1974,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 +2055,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 +2067,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 +2079,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 +2170,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 +2260,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 +2461,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 +2476,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 +2746,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 +2759,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 +2775,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 +3055,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 +3151,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-7l3x6yOV.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-9azy3JJD.js'))).FORMS,
     {
       combine(ceForms, eeForms) {
         return {
@@ -2998,257 +3163,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-UY_3K2Wy.js'));
       return {
         Component: ProtectedListPage
       };
@@ -3257,7 +3207,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await Promise.resolve().then(() => require('./CreatePage-uWZ7dxp6.js'));
+      const { ProtectedCreatePage } = await Promise.resolve().then(() => require('./CreatePage-QPlhxPWu.js'));
       return {
         Component: ProtectedCreatePage
       };
@@ -3266,7 +3216,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await Promise.resolve().then(() => require('./CreatePage-uWZ7dxp6.js'));
+      const { ProtectedCreatePage } = await Promise.resolve().then(() => require('./CreatePage-QPlhxPWu.js'));
       return {
         Component: ProtectedCreatePage
       };
@@ -3275,7 +3225,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await Promise.resolve().then(() => require('./EditPage-24cGvUbV.js'));
+      const { ProtectedEditPage } = await Promise.resolve().then(() => require('./EditPage-H0_OHPE-.js'));
       return {
         Component: ProtectedEditPage
       };
@@ -3284,7 +3234,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-CRyM6NXF.js'));
+      const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-gxijeg53.js'));
       return {
         Component: ProtectedListPage
       };
@@ -3293,7 +3243,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await Promise.resolve().then(() => require('./EditPage-Wpz4YmVY.js'));
+      const { ProtectedEditPage } = await Promise.resolve().then(() => require('./EditPage-CJfjdfkV.js'));
       return {
         Component: ProtectedEditPage
       };
@@ -3302,7 +3252,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await Promise.resolve().then(() => require('./CreatePage-s23BIVXe.js'));
+      const { ProtectedCreatePage } = await Promise.resolve().then(() => require('./CreatePage-c1UAG1Pz.js'));
       return {
         Component: ProtectedCreatePage
       };
@@ -3311,7 +3261,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-xdwfsmQu.js')).then(n => n.EditPage$1);
       return {
         Component: ProtectedEditPage
       };
@@ -3320,7 +3270,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-TkJa9Qcz.js'));
+      const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-3yawwYZy.js'));
       return {
         Component: ProtectedListPage
       };
@@ -3329,7 +3279,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListView } = await Promise.resolve().then(() => require('./ListView-qAX3ZO28.js'));
+      const { ProtectedListView } = await Promise.resolve().then(() => require('./ListView-GCE-p1AU.js'));
       return {
         Component: ProtectedListView
       };
@@ -3338,68 +3288,482 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreateView } = await Promise.resolve().then(() => require('./CreateView-DNHRcJsj.js'));
+      const { ProtectedCreateView } = await Promise.resolve().then(() => require('./CreateView-df0oOgwH.js'));
+      return {
+        Component: ProtectedCreateView
+      };
+    },
+    path: "api-tokens/create"
+  },
+  {
+    lazy: async () => {
+      const { ProtectedEditView } = await Promise.resolve().then(() => require('./EditViewPage-I1YFzBeC.js'));
+      return {
+        Component: ProtectedEditView
+      };
+    },
+    path: "api-tokens/:id"
+  },
+  {
+    lazy: async () => {
+      const { ProtectedCreateView } = await Promise.resolve().then(() => require('./CreateView-tz9mjAr8.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-OorXxSB4.js'));
+      return {
+        Component: ProtectedListView
+      };
+    },
+    path: "transfer-tokens"
+  },
+  {
+    lazy: async () => {
+      const { ProtectedEditView } = await Promise.resolve().then(() => require('./EditView-j6KW3gjS.js'));
+      return {
+        Component: ProtectedEditView
+      };
+    },
+    path: "transfer-tokens/:id"
+  },
+  {
+    lazy: async () => {
+      const { PurchaseAuditLogs } = await Promise.resolve().then(() => require('./PurchaseAuditLogs-jB1NOXg4.js'));
+      return {
+        Component: PurchaseAuditLogs
+      };
+    },
+    path: "purchase-audit-logs"
+  },
+  {
+    lazy: async () => {
+      const { PurchaseSingleSignOn } = await Promise.resolve().then(() => require('./PurchaseSingleSignOn-u10-YAGx.js'));
+      return {
+        Component: PurchaseSingleSignOn
+      };
+    },
+    path: "purchase-single-sign-on"
+  }
+];
+
+const getImmutableRoutes = () => [
+  {
+    path: "usecase",
+    lazy: async () => {
+      const { PrivateUseCasePage } = await Promise.resolve().then(() => require('./UseCasePage-JvS8byfE.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-58hB6NEL.js'));
+      return {
+        Component: HomePage
+      };
+    }
+  },
+  {
+    path: "me",
+    lazy: async () => {
+      const { ProfilePage } = await Promise.resolve().then(() => require('./ProfilePage-NTjed70Z.js'));
+      return {
+        Component: ProfilePage
+      };
+    }
+  },
+  {
+    path: "list-plugins",
+    lazy: async () => {
+      const { ProtectedInstalledPluginsPage } = await Promise.resolve().then(() => require('./InstalledPluginsPage-ToVkNeOW.js'));
+      return {
+        Component: ProtectedInstalledPluginsPage
+      };
+    }
+  },
+  {
+    path: "marketplace",
+    lazy: async () => {
+      const { ProtectedMarketplacePage } = await Promise.resolve().then(() => require('./MarketplacePage-fqRuZ5tH.js'));
+      return {
+        Component: ProtectedMarketplacePage
+      };
+    }
+  },
+  {
+    path: "settings/*",
+    lazy: async () => {
+      const { Layout } = await Promise.resolve().then(() => require('./Layout-rLCApf8n.js'));
+      return {
+        Component: Layout
+      };
+    },
+    children: [
+      {
+        path: "application-infos",
+        lazy: async () => {
+          const { ApplicationInfoPage } = await Promise.resolve().then(() => require('./ApplicationInfoPage-KQETt-ON.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-Vvio5wiC.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 +3816,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 +3829,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 +3846,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 +3874,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 +3891,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 +3973,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 +3982,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 +4067,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 +4085,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 +4149,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 +4538,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 +4862,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 +4877,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 +5029,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 +5079,7 @@ const SearchInput = ({
   );
 };
 
-const [TableProvider, useTable] = rbac.createContext("Table");
+const [TableProvider, useTable] = Theme.createContext("Table");
 const Root = ({
   children,
   defaultSelectedRows,
@@ -5141,7 +5309,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 +5550,4 @@ exports.useTable = useTable;
 exports.useUpdateRoleMutation = useUpdateRoleMutation;
 exports.useUpdateRolePermissionsMutation = useUpdateRolePermissionsMutation;
 exports.useUpdateUserMutation = useUpdateUserMutation;
-//# sourceMappingURL=index-Ncrnmg5a.js.map
+//# sourceMappingURL=index-HH_X-3kJ.js.map