@strapi/admin 5.0.0-beta.9 → 5.0.0-rc.1

package/dist/admin/{index-EQL2s09p.mjs → index-f6STHGSC.mjs}

@@ -1,35 +1,34 @@
 import { createRoot } from 'react-dom/client';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import * as React from 'react';
-import { useEffect, Suspense, useCallback, useMemo, useState, forwardRef, memo } from 'react';
-import { Link, Alert, Typography, Main, Flex, Button, useCallbackRef, useComposedRefs, Dialog, DialogBody, DialogFooter, Field, Toggle, Checkbox, DatePicker, DateTimePicker, TextInput, SingleSelect, SingleSelectOption, JSONInput, NumberInput, Textarea, TimePicker, Box, Portal, IconButton, VisuallyHidden, Grid, GridItem, EmptyStateLayout, LinkButton, lightTheme, darkTheme, PopoverPrimitives, Tag, Pagination as Pagination$1, PreviousLink, PageLink, Dots, NextLink, SearchForm, Searchbar, Table as Table$1, Thead, Tr, Th, Tooltip, BaseCheckbox, Tbody, Td, Loader } from '@strapi/design-system';
+import { Link, Alert, Typography, Main, Flex, Button, Box, useCallbackRef, EmptyStateLayout, LinkButton, useComposedRefs, Dialog, Field, Toggle, Checkbox, DatePicker, DateTimePicker, TextInput, SingleSelect, SingleSelectOption, JSONInput, NumberInput, Textarea, TimePicker, Portal, IconButton, VisuallyHidden, Grid, lightTheme, darkTheme, Popover, Tag, Pagination as Pagination$1, PreviousLink, PageLink, Dots, NextLink, SearchForm, Searchbar, Table as Table$1, Thead, Tr, Th, Tooltip, Tbody, Td, Loader } from '@strapi/design-system';
 import invariant from 'invariant';
 import isFunction from 'lodash/isFunction';
 import merge from 'lodash/merge';
 import pick from 'lodash/pick';
+import { NavLink, useLocation, useNavigate, Outlet, useRouteError, Link as Link$1, useBlocker, useMatch, Navigate, createMemoryRouter, createBrowserRouter, RouterProvider } from 'react-router-dom';
+import { x as createContext, S as StrapiAppProvider, A as AuthProvider, L as LanguageProvider, T as Theme, N as NotificationsProvider, y as TrackingProvider, z as ConfigurationProvider, B as LANGUAGE_LOCAL_STORAGE_KEY, P as Page, D as getIn, E as setIn, p as useConfiguration, b as useTypedSelector, e as useTypedDispatch, F as setLocale, u as useAuth, f as useAPIErrorHandler, G as useForgotPasswordMutation, a as useNotification, n as useAppInfo, d as useTracking, H as useGetRegistrationInfoQuery, I as useRegisterAdminMutation, J as useRegisterUserMutation, m as login, K as useResetPasswordMutation, r as reducer$3, M as logout, R as RBAC, O as THEME_LOCAL_STORAGE_KEY, q as getStoredToken, Q as useTypedStore } from './Theme-PrUuuGtN.mjs';
 import { Provider as Provider$1 } from 'react-redux';
-import { NavLink, useLocation, useNavigate, Outlet, useRouteError, useBlocker, useMatch, Navigate, Link as Link$1, createBrowserRouter, RouterProvider } from 'react-router-dom';
-import { t as createContext, S as StrapiAppProvider, A as AuthProvider, L as LanguageProvider, T as Theme, N as NotificationsProvider, v as TrackingProvider, w as ConfigurationProvider, x as LANGUAGE_LOCAL_STORAGE_KEY, P as Page, r as reducer$3, o as useConfiguration, b as useTypedSelector, e as useTypedDispatch, y as setLocale, a as useAuth, f as useAPIErrorHandler, z as useForgotPasswordMutation, u as useNotification, m as useAppInfo, d as useTracking, B as useGetRegistrationInfoQuery, D as useRegisterAdminMutation, E as useRegisterUserMutation, F as useResetPasswordMutation, R as RBAC, G as THEME_LOCAL_STORAGE_KEY, H as useTypedStore } from './rbac-oJEkQdXG.mjs';
+import * as React from 'react';
+import { useEffect, Suspense, useCallback, useMemo, useState, forwardRef, memo } from 'react';
 import { QueryClient, QueryClientProvider } from 'react-query';
-import { ArrowLeft, WarningCircle, Duplicate, Eye, EyeStriked, Cross, ArrowRight, Filter, Plus, Search, CaretDown } from '@strapi/icons';
+import { ArrowLeft, WarningCircle, Duplicate, ArrowRight, Eye, EyeStriked, Cross, Filter, Plus, Search, CaretDown } from '@strapi/icons';
 import { produce } from 'immer';
 import { useIntl } from 'react-intl';
 import get from 'lodash/get';
 import set from 'lodash/set';
 import { styled } from 'styled-components';
-import { configureStore, combineReducers } from '@reduxjs/toolkit';
-import { b as adminApi, i as isBaseQueryError, e as useInitQuery, j as createAbsoluteUrl, k as getFetchClient } from './admin-B6AW0Kov.mjs';
+import { EmptyPictures, EmptyDocuments } from '@strapi/icons/symbols';
 import { u as useEnterprise } from './useEnterprise-jpsYZWzn.mjs';
+import { i as isBaseQueryError, e as useInitQuery, b as adminApi, j as createAbsoluteUrl, k as getFetchClient } from './admin-B6AW0Kov.mjs';
 import camelCase from 'lodash/camelCase';
 import * as yup from 'yup';
 import { ValidationError } from 'yup';
 import { generateNKeysBetween } from 'fractional-indexing';
 import isEqual from 'lodash/isEqual';
-import clone from 'lodash/clone';
-import toPath from 'lodash/toPath';
+import { getLocalTimeZone, parseAbsolute, toCalendarDate } from '@internationalized/date';
 import omit from 'lodash/omit';
 import { Formik, Form as Form$1 } from 'formik';
-import { EmptyPictures, EmptyDocuments } from '@strapi/icons/symbols';
+import { configureStore, isRejected, combineReducers } from '@reduxjs/toolkit';
 import throttle from 'lodash/throttle';
 import { parse, stringify } from 'qs';
 
@@ -61,6 +60,20 @@ const ADMIN_PERMISSIONS_EE = {
       main: [{ action: "admin::provider-login.read", subject: null }],
       read: [{ action: "admin::provider-login.read", subject: null }],
       update: [{ action: "admin::provider-login.update", subject: null }]
+    },
+    releases: {
+      read: [
+        {
+          action: "plugin::content-releases.settings.read",
+          subject: null
+        }
+      ],
+      update: [
+        {
+          action: "plugin::content-releases.settings.update",
+          subject: null
+        }
+      ]
     }
   }
 };
@@ -68,7 +81,7 @@ const getEERoutes$1 = () => window.strapi.isEE ? [
   {
     path: "auth/login/:authResponse",
     lazy: async () => {
-      const { AuthResponse } = await import('./AuthResponse-Y4lblDuD.mjs');
+      const { AuthResponse } = await import('./AuthResponse-J8A48xdo.mjs');
       return {
         Component: AuthResponse
       };
@@ -103,245 +116,521 @@ const constants = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty(
     getEERoutes: getEERoutes$1
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const getEERoutes = () => [
-  ...window.strapi.features.isEnabled(window.strapi.features.AUDIT_LOGS) ? [
-    {
-      path: "audit-logs",
-      lazy: async () => {
-        const { ProtectedListPage } = await import('./ListPage-OE9xQffQ.mjs');
-        return {
-          Component: ProtectedListPage
-        };
+const StrapiLogo = "data:image/svg+xml,%3csvg%20width='800'%20height='800'%20viewBox='0%200%20800%20800'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M39%20282c0-118%200-176.9%2036.6-213.5C112.2%2032%20171.1%2032%20288.9%2032h221.2c117.8%200%20176.7%200%20213.3%2036.6C760%20105.2%20760%20164.1%20760%20281.9v221.2c0%20117.8%200%20176.7-36.6%20213.3C686.8%20753%20627.9%20753%20510.1%20753H288.9c-117.8%200-176.7%200-213.3-36.6C39%20679.8%2039%20620.9%2039%20503.1V281.9Z'%20fill='%234945FF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M536.4%20250.7H293.7v123.8h123.8v123.7h123.8V255.5c0-2.6-2.2-4.8-4.9-4.8Z'%20fill='%23fff'/%3e%3cpath%20fill='%23fff'%20d='M412.7%20374.5h4.8v4.8h-4.8z'/%3e%3cpath%20d='M293.8%20374.5h119c2.6%200%204.8%202.1%204.8%204.8v119h-119a4.8%204.8%200%200%201-4.8-4.9v-119Z'%20fill='%239593FF'/%3e%3cpath%20d='M417.5%20498.2h123.8L421.6%20618a2.4%202.4%200%200%201-4-1.7v-118ZM293.8%20374.5h-118a2.4%202.4%200%200%201-1.7-4.1l119.7-119.7v123.8Z'%20fill='%239593FF'/%3e%3c/svg%3e";
+
+const ADMIN_PERMISSIONS_CE = {
+  contentManager: {
+    main: [],
+    collectionTypesConfigurations: [
+      {
+        action: "plugin::content-manager.collection-types.configure-view",
+        subject: null
       }
-    }
-  ] : [],
-  ...window.strapi.features.isEnabled(window.strapi.features.SSO) ? [
-    {
-      path: "single-sign-on",
-      lazy: async () => {
-        const { ProtectedSSO } = await import('./SingleSignOnPage-wPZ1tqEk.mjs');
-        return {
-          Component: ProtectedSSO
-        };
+    ],
+    componentsConfigurations: [
+      {
+        action: "plugin::content-manager.components.configure-layout",
+        subject: null
       }
-    }
-  ] : []
-];
-
-const [Provider, useHistory] = createContext("History", {
-  history: [],
-  currentLocationIndex: 0,
-  currentLocation: "",
-  canGoBack: false,
-  pushState: () => {
-    throw new Error("You must use the `HistoryProvider` to access the `pushState` function.");
-  },
-  goBack: () => {
-    throw new Error("You must use the `HistoryProvider` to access the `goBack` function.");
-  }
-});
-const HistoryProvider = ({ children }) => {
-  const location = useLocation();
-  const navigate = useNavigate();
-  const [state, dispatch] = React.useReducer(reducer$2, {
-    history: [],
-    currentLocationIndex: 0,
-    currentLocation: "",
-    canGoBack: false
-  });
-  const isGoingBack = React.useRef(false);
-  const pushState = React.useCallback((path) => {
-    dispatch({
-      type: "PUSH_STATE",
-      payload: typeof path === "string" ? { to: path, search: "" } : path
-    });
-  }, []);
-  const goBack = React.useCallback(() => {
-    navigate(-1);
-    dispatch({ type: "GO_BACK" });
-    isGoingBack.current = true;
-  }, [navigate]);
-  const prevIndex = React.useRef(state.currentLocationIndex);
-  React.useEffect(() => {
-    if (state.currentLocationIndex !== prevIndex.current) {
-      dispatch({
-        type: "SET_CAN_GO_BACK",
-        payload: state.currentLocationIndex > 1 && state.history.length > 1
-      });
-      prevIndex.current = state.currentLocationIndex;
-    }
-  }, [prevIndex, state.currentLocationIndex, state.history.length]);
-  React.useLayoutEffect(() => {
-    if (isGoingBack.current) {
-      isGoingBack.current = false;
-    } else {
-      dispatch({
-        type: "PUSH_STATE",
-        payload: { to: location.pathname, search: location.search }
-      });
-    }
-  }, [dispatch, location.pathname, location.search]);
-  return /* @__PURE__ */ jsx(Provider, { pushState, goBack, ...state, children });
-};
-const reducer$2 = (state, action) => produce(state, (draft) => {
-  switch (action.type) {
-    case "PUSH_STATE": {
-      const path = `${action.payload.to}${action.payload.search}`;
-      if (state.currentLocationIndex === state.history.length) {
-        draft.history = [...state.history, path];
-      } else {
-        draft.history = [...state.history.slice(0, state.currentLocationIndex), path];
+    ],
+    singleTypesConfigurations: [
+      {
+        action: "plugin::content-manager.single-types.configure-view",
+        subject: null
       }
-      draft.currentLocation = path;
-      draft.currentLocationIndex += 1;
-      break;
-    }
-    case "GO_BACK": {
-      const newIndex = state.currentLocationIndex - 1;
-      draft.currentLocation = state.history[newIndex - 1];
-      draft.currentLocationIndex = newIndex;
-      break;
-    }
-    case "SET_CAN_GO_BACK": {
-      draft.canGoBack = action.payload;
-      break;
+    ]
+  },
+  marketplace: {
+    main: [{ action: "admin::marketplace.read", subject: null }],
+    read: [{ action: "admin::marketplace.read", subject: null }]
+  },
+  settings: {
+    roles: {
+      main: [
+        { action: "admin::roles.create", subject: null },
+        { action: "admin::roles.update", subject: null },
+        { action: "admin::roles.read", subject: null },
+        { action: "admin::roles.delete", subject: null }
+      ],
+      create: [{ action: "admin::roles.create", subject: null }],
+      delete: [{ action: "admin::roles.delete", subject: null }],
+      read: [{ action: "admin::roles.read", subject: null }],
+      update: [{ action: "admin::roles.update", subject: null }]
+    },
+    users: {
+      main: [
+        { action: "admin::users.create", subject: null },
+        { action: "admin::users.read", subject: null },
+        { action: "admin::users.update", subject: null },
+        { action: "admin::users.delete", subject: null }
+      ],
+      create: [{ action: "admin::users.create", subject: null }],
+      delete: [{ action: "admin::users.delete", subject: null }],
+      read: [{ action: "admin::users.read", subject: null }],
+      update: [{ action: "admin::users.update", subject: null }]
+    },
+    webhooks: {
+      main: [
+        { action: "admin::webhooks.create", subject: null },
+        { action: "admin::webhooks.read", subject: null },
+        { action: "admin::webhooks.update", subject: null },
+        { action: "admin::webhooks.delete", subject: null }
+      ],
+      create: [{ action: "admin::webhooks.create", subject: null }],
+      delete: [{ action: "admin::webhooks.delete", subject: null }],
+      read: [
+        { action: "admin::webhooks.read", subject: null },
+        // NOTE: We need to check with the API
+        { action: "admin::webhooks.update", subject: null },
+        { action: "admin::webhooks.delete", subject: null }
+      ],
+      update: [{ action: "admin::webhooks.update", subject: null }]
+    },
+    "api-tokens": {
+      main: [{ action: "admin::api-tokens.access", subject: null }],
+      create: [{ action: "admin::api-tokens.create", subject: null }],
+      delete: [{ action: "admin::api-tokens.delete", subject: null }],
+      read: [{ action: "admin::api-tokens.read", subject: null }],
+      update: [{ action: "admin::api-tokens.update", subject: null }],
+      regenerate: [{ action: "admin::api-tokens.regenerate", subject: null }]
+    },
+    "transfer-tokens": {
+      main: [{ action: "admin::transfer.tokens.access", subject: null }],
+      create: [{ action: "admin::transfer.tokens.create", subject: null }],
+      delete: [{ action: "admin::transfer.tokens.delete", subject: null }],
+      read: [{ action: "admin::transfer.tokens.read", subject: null }],
+      update: [{ action: "admin::transfer.tokens.update", subject: null }],
+      regenerate: [{ action: "admin::transfer.tokens.regenerate", subject: null }]
+    },
+    "project-settings": {
+      read: [{ action: "admin::project-settings.read", subject: null }],
+      update: [{ action: "admin::project-settings.update", subject: null }]
     }
   }
-});
-const BackButton = React.forwardRef(({ disabled }, ref) => {
-  const { formatMessage } = useIntl();
-  const canGoBack = useHistory("BackButton", (state) => state.canGoBack);
-  const goBack = useHistory("BackButton", (state) => state.goBack);
-  const history = useHistory("BackButton", (state) => state.history);
-  const handleClick = (e) => {
-    e.preventDefault();
-    goBack();
-  };
-  return /* @__PURE__ */ jsx(
-    Link,
+};
+const HOOKS = {
+  /**
+   * Hook that allows to mutate the displayed headers of the list view table
+   * @constant
+   * @type {string}
+   */
+  INJECT_COLUMN_IN_TABLE: "Admin/CM/pages/ListView/inject-column-in-table",
+  /**
+   * Hook that allows to mutate the CM's collection types links pre-set filters
+   * @constant
+   * @type {string}
+   */
+  MUTATE_COLLECTION_TYPES_LINKS: "Admin/CM/pages/App/mutate-collection-types-links",
+  /**
+   * Hook that allows to mutate the CM's edit view layout
+   * @constant
+   * @type {string}
+   */
+  MUTATE_EDIT_VIEW_LAYOUT: "Admin/CM/pages/EditView/mutate-edit-view-layout",
+  /**
+   * Hook that allows to mutate the CM's single types links pre-set filters
+   * @constant
+   * @type {string}
+   */
+  MUTATE_SINGLE_TYPES_LINKS: "Admin/CM/pages/App/mutate-single-types-links"
+};
+const SETTINGS_LINKS_CE = () => ({
+  global: [
     {
-      ref,
-      tag: NavLink,
-      to: history.at(-1) ?? "",
-      onClick: handleClick,
-      disabled: disabled || !canGoBack,
-      "aria-disabled": disabled || !canGoBack,
-      startIcon: /* @__PURE__ */ jsx(ArrowLeft, {}),
-      children: formatMessage({
-        id: "global.back",
-        defaultMessage: "Back"
-      })
-    }
-  );
-});
-
-const GUIDED_TOUR_COMPLETED_STEPS = "GUIDED_TOUR_COMPLETED_STEPS";
-const GUIDED_TOUR_CURRENT_STEP = "GUIDED_TOUR_CURRENT_STEP";
-const GUIDED_TOUR_SKIPPED = "GUIDED_TOUR_SKIPPED";
-const [GuidedTourProviderImpl, useGuidedTour] = createContext("GuidedTour");
-const GuidedTourProvider = ({ children }) => {
-  const [{ currentStep, guidedTourState, isGuidedTourVisible, isSkipped }, dispatch] = React.useReducer(reducer$1, initialState, initialiseState);
-  const setCurrentStep = (step) => {
-    if (step !== null) {
-      const isStepAlreadyDone = get(guidedTourState, step);
-      const [sectionName, stepName] = step.split(".");
-      const sectionArray = Object.entries(guidedTourState[sectionName]);
-      const currentStepIndex = sectionArray.findIndex(([key]) => key === stepName);
-      const previousSteps = sectionArray.slice(0, currentStepIndex);
-      const isStepToShow = previousSteps.every(([, sectionValue]) => sectionValue);
-      if (isStepAlreadyDone || isSkipped || !isStepToShow) {
-        return null;
+      intlLabel: { id: "Settings.application.title", defaultMessage: "Overview" },
+      to: "/settings/application-infos",
+      id: "000-application-infos"
+    },
+    {
+      intlLabel: { id: "Settings.webhooks.title", defaultMessage: "Webhooks" },
+      to: "/settings/webhooks",
+      id: "webhooks"
+    },
+    {
+      intlLabel: { id: "Settings.apiTokens.title", defaultMessage: "API Tokens" },
+      to: "/settings/api-tokens?sort=name:ASC",
+      id: "api-tokens"
+    },
+    {
+      intlLabel: { id: "Settings.transferTokens.title", defaultMessage: "Transfer Tokens" },
+      to: "/settings/transfer-tokens?sort=name:ASC",
+      id: "transfer-tokens"
+    },
+    // If the Enterprise/Cloud feature is not enabled and if the config doesn't disable it, we promote the Enterprise/Cloud feature by displaying them in the settings menu.
+    // Disable this by adding "promoteEE: false" to your `./config/admin.js` file
+    ...!window.strapi.features.isEnabled(window.strapi.features.SSO) && window.strapi?.flags?.promoteEE ? [
+      {
+        intlLabel: { id: "Settings.sso.title", defaultMessage: "Single Sign-On" },
+        to: "/settings/purchase-single-sign-on",
+        id: "sso-purchase-page",
+        licenseOnly: true
       }
-    }
-    window.localStorage.setItem(GUIDED_TOUR_CURRENT_STEP, JSON.stringify(null));
-    return dispatch({
-      type: "SET_CURRENT_STEP",
-      step
-    });
-  };
-  const setGuidedTourVisibility = (value) => {
-    dispatch({
-      type: "SET_GUIDED_TOUR_VISIBILITY",
-      value
-    });
-  };
-  const setStepState = (currentStep2, value) => {
-    addCompletedStep(currentStep2);
-    dispatch({
-      type: "SET_STEP_STATE",
-      currentStep: currentStep2,
-      value
-    });
-  };
-  const startSection = (sectionName) => {
-    const sectionSteps = guidedTourState[sectionName];
-    if (sectionSteps) {
-      const guidedTourArray = Object.entries(guidedTourState);
-      const currentSectionIndex = guidedTourArray.findIndex(([key]) => key === sectionName);
-      const previousSections = guidedTourArray.slice(0, currentSectionIndex);
-      const isSectionToShow = previousSections.every(
-        ([, sectionValue]) => Object.values(sectionValue).every(Boolean)
+    ] : []
+  ],
+  admin: [
+    {
+      intlLabel: { id: "global.roles", defaultMessage: "Roles" },
+      to: "/settings/roles",
+      id: "roles"
+    },
+    {
+      intlLabel: { id: "global.users", defaultMessage: "Users" },
+      // Init the search params directly
+      to: "/settings/users?pageSize=10&page=1&sort=firstname",
+      id: "users"
+    },
+    ...!window.strapi.features.isEnabled(window.strapi.features.AUDIT_LOGS) && window.strapi?.flags?.promoteEE ? [
+      {
+        intlLabel: { id: "global.auditLogs", defaultMessage: "Audit Logs" },
+        to: "/settings/purchase-audit-logs",
+        id: "auditLogs-purchase-page",
+        licenseOnly: true
+      }
+    ] : []
+  ]
+});
+
+const ALLOWED_TYPES = [
+  "biginteger",
+  "boolean",
+  "date",
+  "datetime",
+  "decimal",
+  "email",
+  "enumeration",
+  "float",
+  "integer",
+  "json",
+  "password",
+  "richtext",
+  "string",
+  "text",
+  "time",
+  "uid"
+];
+const ALLOWED_ROOT_LEVEL_OPTIONS = [
+  "min",
+  "minLength",
+  "max",
+  "maxLength",
+  "required",
+  "regex",
+  "enum",
+  "unique",
+  "private",
+  "default"
+];
+class CustomFields {
+  customFields;
+  constructor() {
+    this.customFields = {};
+  }
+  register = (customFields) => {
+    if (Array.isArray(customFields)) {
+      customFields.forEach((customField) => {
+        this.register(customField);
+      });
+    } else {
+      const { name, pluginId, type, intlLabel, intlDescription, components, options } = customFields;
+      invariant(name, "A name must be provided");
+      invariant(type, "A type must be provided");
+      invariant(intlLabel, "An intlLabel must be provided");
+      invariant(intlDescription, "An intlDescription must be provided");
+      invariant(components, "A components object must be provided");
+      invariant(components.Input, "An Input component must be provided");
+      invariant(
+        ALLOWED_TYPES.includes(type),
+        `Custom field type: '${type}' is not a valid Strapi type or it can't be used with a Custom Field`
       );
-      const [firstStep] = Object.keys(sectionSteps);
-      const isFirstStepDone = sectionSteps[firstStep];
-      if (isSectionToShow && !currentStep && !isFirstStepDone) {
-        setCurrentStep(`${sectionName}.${firstStep}`);
+      const isValidObjectKey = /^(?![0-9])[a-zA-Z0-9$_-]+$/g;
+      invariant(
+        isValidObjectKey.test(name),
+        `Custom field name: '${name}' is not a valid object key`
+      );
+      const allFormOptions = [...options?.base || [], ...options?.advanced || []];
+      if (allFormOptions.length) {
+        const optionPathValidations = allFormOptions.reduce(optionsValidationReducer, []);
+        optionPathValidations.forEach(({ isValidOptionPath, errorMessage }) => {
+          invariant(isValidOptionPath, errorMessage);
+        });
       }
+      const uid = pluginId ? `plugin::${pluginId}.${name}` : `global::${name}`;
+      const uidAlreadyUsed = Object.prototype.hasOwnProperty.call(this.customFields, uid);
+      invariant(!uidAlreadyUsed, `Custom field: '${uid}' has already been registered`);
+      this.customFields[uid] = customFields;
     }
   };
-  const setSkipped = (value) => {
-    window.localStorage.setItem(GUIDED_TOUR_SKIPPED, JSON.stringify(value));
-    dispatch({
-      type: "SET_SKIPPED",
-      value
-    });
+  getAll = () => {
+    return this.customFields;
   };
-  return /* @__PURE__ */ jsx(
-    GuidedTourProviderImpl,
-    {
-      guidedTourState,
-      currentStep,
-      setCurrentStep,
-      setGuidedTourVisibility,
-      setSkipped,
-      setStepState,
-      startSection,
-      isGuidedTourVisible,
-      isSkipped,
-      children
-    }
-  );
-};
-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
+  get = (uid) => {
+    return this.customFields[uid];
+  };
+}
+const optionsValidationReducer = (acc, option) => {
+  if ("items" in option) {
+    return option.items.reduce(optionsValidationReducer, acc);
+  }
+  if (!option.name) {
+    acc.push({
+      isValidOptionPath: false,
+      errorMessage: "The 'name' property is required on an options object"
+    });
+  } else {
+    acc.push({
+      isValidOptionPath: option.name.startsWith("options") || ALLOWED_ROOT_LEVEL_OPTIONS.includes(option.name),
+      errorMessage: `'${option.name}' must be prefixed with 'options.'`
+    });
+  }
+  return acc;
 };
-const reducer$1 = (state = initialState, action) => produce(state, (draftState) => {
-  switch (action.type) {
-    case "SET_CURRENT_STEP": {
-      draftState.currentStep = action.step;
-      break;
+
+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 [];
     }
-    case "SET_STEP_STATE": {
+  }
+  injectComponent(containerName, blockName, component) {
+    try {
+      this.injectionZones[containerName][blockName].push(component);
+    } catch (err) {
+      console.error("Cannot inject component", err);
+    }
+  }
+}
+
+const [Provider, useHistory] = createContext("History", {
+  history: [],
+  currentLocationIndex: 0,
+  currentLocation: "",
+  canGoBack: false,
+  pushState: () => {
+    throw new Error("You must use the `HistoryProvider` to access the `pushState` function.");
+  },
+  goBack: () => {
+    throw new Error("You must use the `HistoryProvider` to access the `goBack` function.");
+  }
+});
+const HistoryProvider = ({ children }) => {
+  const location = useLocation();
+  const navigate = useNavigate();
+  const [state, dispatch] = React.useReducer(reducer$2, {
+    history: [],
+    currentLocationIndex: 0,
+    currentLocation: "",
+    canGoBack: false
+  });
+  const isGoingBack = React.useRef(false);
+  const pushState = React.useCallback((path) => {
+    dispatch({
+      type: "PUSH_STATE",
+      payload: typeof path === "string" ? { to: path, search: "" } : path
+    });
+  }, []);
+  const goBack = React.useCallback(() => {
+    navigate(-1);
+    dispatch({ type: "GO_BACK" });
+    isGoingBack.current = true;
+  }, [navigate]);
+  const prevIndex = React.useRef(state.currentLocationIndex);
+  React.useEffect(() => {
+    if (state.currentLocationIndex !== prevIndex.current) {
+      dispatch({
+        type: "SET_CAN_GO_BACK",
+        payload: state.currentLocationIndex > 1 && state.history.length > 1
+      });
+      prevIndex.current = state.currentLocationIndex;
+    }
+  }, [prevIndex, state.currentLocationIndex, state.history.length]);
+  React.useLayoutEffect(() => {
+    if (isGoingBack.current) {
+      isGoingBack.current = false;
+    } else {
+      dispatch({
+        type: "PUSH_STATE",
+        payload: { to: location.pathname, search: location.search }
+      });
+    }
+  }, [dispatch, location.pathname, location.search]);
+  return /* @__PURE__ */ jsx(Provider, { pushState, goBack, ...state, children });
+};
+const reducer$2 = (state, action) => produce(state, (draft) => {
+  switch (action.type) {
+    case "PUSH_STATE": {
+      const path = `${action.payload.to}${action.payload.search}`;
+      if (state.currentLocationIndex === state.history.length) {
+        draft.history = [...state.history, path];
+      } else {
+        draft.history = [...state.history.slice(0, state.currentLocationIndex), path];
+      }
+      draft.currentLocation = path;
+      draft.currentLocationIndex += 1;
+      break;
+    }
+    case "GO_BACK": {
+      const newIndex = state.currentLocationIndex - 1;
+      draft.currentLocation = state.history[newIndex - 1];
+      draft.currentLocationIndex = newIndex;
+      break;
+    }
+    case "SET_CAN_GO_BACK": {
+      draft.canGoBack = action.payload;
+      break;
+    }
+  }
+});
+const BackButton = React.forwardRef(({ disabled }, ref) => {
+  const { formatMessage } = useIntl();
+  const canGoBack = useHistory("BackButton", (state) => state.canGoBack);
+  const goBack = useHistory("BackButton", (state) => state.goBack);
+  const history = useHistory("BackButton", (state) => state.history);
+  const handleClick = (e) => {
+    e.preventDefault();
+    goBack();
+  };
+  return /* @__PURE__ */ jsx(
+    Link,
+    {
+      ref,
+      tag: NavLink,
+      to: history.at(-1) ?? "",
+      onClick: handleClick,
+      disabled: disabled || !canGoBack,
+      "aria-disabled": disabled || !canGoBack,
+      startIcon: /* @__PURE__ */ jsx(ArrowLeft, {}),
+      children: formatMessage({
+        id: "global.back",
+        defaultMessage: "Back"
+      })
+    }
+  );
+});
+
+const GUIDED_TOUR_COMPLETED_STEPS = "GUIDED_TOUR_COMPLETED_STEPS";
+const GUIDED_TOUR_CURRENT_STEP = "GUIDED_TOUR_CURRENT_STEP";
+const GUIDED_TOUR_SKIPPED = "GUIDED_TOUR_SKIPPED";
+const [GuidedTourProviderImpl, useGuidedTour] = createContext("GuidedTour");
+const GuidedTourProvider = ({ children }) => {
+  const [{ currentStep, guidedTourState, isGuidedTourVisible, isSkipped }, dispatch] = React.useReducer(reducer$1, initialState, initialiseState);
+  const setCurrentStep = (step) => {
+    if (step !== null) {
+      const isStepAlreadyDone = get(guidedTourState, step);
+      const [sectionName, stepName] = step.split(".");
+      const sectionArray = Object.entries(guidedTourState[sectionName]);
+      const currentStepIndex = sectionArray.findIndex(([key]) => key === stepName);
+      const previousSteps = sectionArray.slice(0, currentStepIndex);
+      const isStepToShow = previousSteps.every(([, sectionValue]) => sectionValue);
+      if (isStepAlreadyDone || isSkipped || !isStepToShow) {
+        return null;
+      }
+    }
+    window.localStorage.setItem(GUIDED_TOUR_CURRENT_STEP, JSON.stringify(null));
+    return dispatch({
+      type: "SET_CURRENT_STEP",
+      step
+    });
+  };
+  const setGuidedTourVisibility = (value) => {
+    dispatch({
+      type: "SET_GUIDED_TOUR_VISIBILITY",
+      value
+    });
+  };
+  const setStepState = (currentStep2, value) => {
+    addCompletedStep(currentStep2);
+    dispatch({
+      type: "SET_STEP_STATE",
+      currentStep: currentStep2,
+      value
+    });
+  };
+  const startSection = (sectionName) => {
+    const sectionSteps = guidedTourState[sectionName];
+    if (sectionSteps) {
+      const guidedTourArray = Object.entries(guidedTourState);
+      const currentSectionIndex = guidedTourArray.findIndex(([key]) => key === sectionName);
+      const previousSections = guidedTourArray.slice(0, currentSectionIndex);
+      const isSectionToShow = previousSections.every(
+        ([, sectionValue]) => Object.values(sectionValue).every(Boolean)
+      );
+      const [firstStep] = Object.keys(sectionSteps);
+      const isFirstStepDone = sectionSteps[firstStep];
+      if (isSectionToShow && !currentStep && !isFirstStepDone) {
+        setCurrentStep(`${sectionName}.${firstStep}`);
+      }
+    }
+  };
+  const setSkipped = (value) => {
+    window.localStorage.setItem(GUIDED_TOUR_SKIPPED, JSON.stringify(value));
+    dispatch({
+      type: "SET_SKIPPED",
+      value
+    });
+  };
+  return /* @__PURE__ */ jsx(
+    GuidedTourProviderImpl,
+    {
+      guidedTourState,
+      currentStep,
+      setCurrentStep,
+      setGuidedTourVisibility,
+      setSkipped,
+      setStepState,
+      startSection,
+      isGuidedTourVisible,
+      isSkipped,
+      children
+    }
+  );
+};
+const initialState = {
+  currentStep: null,
+  guidedTourState: {
+    contentTypeBuilder: {
+      create: false,
+      success: false
+    },
+    contentManager: {
+      create: false,
+      success: false
+    },
+    apiTokens: {
+      create: false,
+      success: false
+    },
+    transferTokens: {
+      create: false,
+      success: false
+    }
+  },
+  isGuidedTourVisible: false,
+  isSkipped: false
+};
+const reducer$1 = (state = initialState, action) => produce(state, (draftState) => {
+  switch (action.type) {
+    case "SET_CURRENT_STEP": {
+      draftState.currentStep = action.step;
+      break;
+    }
+    case "SET_STEP_STATE": {
       const [section, step] = action.currentStep.split(".");
       draftState.guidedTourState[section][step] = action.value;
       break;
@@ -416,7 +705,7 @@ const Providers = ({ children, strapi, store }) => {
       components: strapi.library.components,
       customFields: strapi.customFields,
       fields: strapi.library.fields,
-      menu: strapi.menu,
+      menu: strapi.router.menu,
       getAdminInjectedComponents: strapi.getAdminInjectedComponents,
       getPlugin: strapi.getPlugin,
       plugins: strapi.plugins,
@@ -424,7 +713,7 @@ const Providers = ({ children, strapi, store }) => {
       runHookParallel: strapi.runHookParallel,
       runHookWaterfall: (name, initialValue) => strapi.runHookWaterfall(name, initialValue, store),
       runHookSeries: strapi.runHookSeries,
-      settings: strapi.settings,
+      settings: strapi.router.settings,
       children: /* @__PURE__ */ jsx(Provider$1, { store, children: /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(AuthProvider, { children: /* @__PURE__ */ jsx(HistoryProvider, { children: /* @__PURE__ */ jsx(LanguageProvider, { messages: strapi.configurations.translations, children: /* @__PURE__ */ jsx(Theme, { themes: strapi.configurations.themes, children: /* @__PURE__ */ jsx(NotificationsProvider, { children: /* @__PURE__ */ jsx(TrackingProvider, { children: /* @__PURE__ */ jsx(GuidedTourProvider, { children: /* @__PURE__ */ jsx(
         ConfigurationProvider,
         {
@@ -449,8 +738,6 @@ const App = ({ strapi, store }) => {
   return /* @__PURE__ */ jsx(Providers, { strapi, store, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Page.Loading, {}), children: /* @__PURE__ */ jsx(Outlet, {}) }) });
 };
 
-const StrapiLogo = "data:image/svg+xml,%3csvg%20width='800'%20height='800'%20viewBox='0%200%20800%20800'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M39%20282c0-118%200-176.9%2036.6-213.5C112.2%2032%20171.1%2032%20288.9%2032h221.2c117.8%200%20176.7%200%20213.3%2036.6C760%20105.2%20760%20164.1%20760%20281.9v221.2c0%20117.8%200%20176.7-36.6%20213.3C686.8%20753%20627.9%20753%20510.1%20753H288.9c-117.8%200-176.7%200-213.3-36.6C39%20679.8%2039%20620.9%2039%20503.1V281.9Z'%20fill='%234945FF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M536.4%20250.7H293.7v123.8h123.8v123.7h123.8V255.5c0-2.6-2.2-4.8-4.9-4.8Z'%20fill='%23fff'/%3e%3cpath%20fill='%23fff'%20d='M412.7%20374.5h4.8v4.8h-4.8z'/%3e%3cpath%20d='M293.8%20374.5h119c2.6%200%204.8%202.1%204.8%204.8v119h-119a4.8%204.8%200%200%201-4.8-4.9v-119Z'%20fill='%239593FF'/%3e%3cpath%20d='M417.5%20498.2h123.8L421.6%20618a2.4%202.4%200%200%201-4-1.7v-118ZM293.8%20374.5h-118a2.4%202.4%200%200%201-1.7-4.1l119.7-119.7v123.8Z'%20fill='%239593FF'/%3e%3c/svg%3e";
-
 const useClipboard = () => {
   const copy = useCallback(async (value) => {
     try {
@@ -552,431 +839,245 @@ const ErrorType = styled(Typography)`
   color: ${({ theme }) => theme.colors.danger600};
 `;
 
-const ADMIN_PERMISSIONS_CE = {
-  contentManager: {
-    main: [],
-    collectionTypesConfigurations: [
-      {
-        action: "plugin::content-manager.collection-types.configure-view",
-        subject: null
-      }
-    ],
-    componentsConfigurations: [
-      {
-        action: "plugin::content-manager.components.configure-layout",
-        subject: null
-      }
-    ],
-    singleTypesConfigurations: [
-      {
-        action: "plugin::content-manager.single-types.configure-view",
-        subject: null
-      }
-    ]
-  },
-  marketplace: {
-    main: [{ action: "admin::marketplace.read", subject: null }],
-    read: [{ action: "admin::marketplace.read", subject: null }]
-  },
-  settings: {
-    roles: {
-      main: [
-        { action: "admin::roles.create", subject: null },
-        { action: "admin::roles.update", subject: null },
-        { action: "admin::roles.read", subject: null },
-        { action: "admin::roles.delete", subject: null }
-      ],
-      create: [{ action: "admin::roles.create", subject: null }],
-      delete: [{ action: "admin::roles.delete", subject: null }],
-      read: [{ action: "admin::roles.read", subject: null }],
-      update: [{ action: "admin::roles.update", subject: null }]
-    },
-    users: {
-      main: [
-        { action: "admin::users.create", subject: null },
-        { action: "admin::users.read", subject: null },
-        { action: "admin::users.update", subject: null },
-        { action: "admin::users.delete", subject: null }
-      ],
-      create: [{ action: "admin::users.create", subject: null }],
-      delete: [{ action: "admin::users.delete", subject: null }],
-      read: [{ action: "admin::users.read", subject: null }],
-      update: [{ action: "admin::users.update", subject: null }]
-    },
-    webhooks: {
-      main: [
-        { action: "admin::webhooks.create", subject: null },
-        { action: "admin::webhooks.read", subject: null },
-        { action: "admin::webhooks.update", subject: null },
-        { action: "admin::webhooks.delete", subject: null }
-      ],
-      create: [{ action: "admin::webhooks.create", subject: null }],
-      delete: [{ action: "admin::webhooks.delete", subject: null }],
-      read: [
-        { action: "admin::webhooks.read", subject: null },
-        // NOTE: We need to check with the API
-        { action: "admin::webhooks.update", subject: null },
-        { action: "admin::webhooks.delete", subject: null }
-      ],
-      update: [{ action: "admin::webhooks.update", subject: null }]
-    },
-    "api-tokens": {
-      main: [{ action: "admin::api-tokens.access", subject: null }],
-      create: [{ action: "admin::api-tokens.create", subject: null }],
-      delete: [{ action: "admin::api-tokens.delete", subject: null }],
-      read: [{ action: "admin::api-tokens.read", subject: null }],
-      update: [{ action: "admin::api-tokens.update", subject: null }],
-      regenerate: [{ action: "admin::api-tokens.regenerate", subject: null }]
-    },
-    "transfer-tokens": {
-      main: [{ action: "admin::transfer.tokens.access", subject: null }],
-      create: [{ action: "admin::transfer.tokens.create", subject: null }],
-      delete: [{ action: "admin::transfer.tokens.delete", subject: null }],
-      read: [{ action: "admin::transfer.tokens.read", subject: null }],
-      update: [{ action: "admin::transfer.tokens.update", subject: null }],
-      regenerate: [{ action: "admin::transfer.tokens.regenerate", subject: null }]
-    },
-    "project-settings": {
-      read: [{ action: "admin::project-settings.read", subject: null }],
-      update: [{ action: "admin::project-settings.update", subject: null }]
-    }
+const ActionLayout = ({ startActions, endActions }) => {
+  if (!startActions && !endActions) {
+    return null;
   }
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      justifyContent: "space-between",
+      alignItems: "flex-start",
+      paddingBottom: 4,
+      paddingLeft: 10,
+      paddingRight: 10,
+      children: [
+        /* @__PURE__ */ jsx(Flex, { gap: 2, wrap: "wrap", children: startActions }),
+        /* @__PURE__ */ jsx(Flex, { gap: 2, shrink: 0, wrap: "wrap", children: endActions })
+      ]
+    }
+  );
 };
-const HOOKS = {
-  /**
-   * Hook that allows to mutate the displayed headers of the list view table
-   * @constant
-   * @type {string}
-   */
-  INJECT_COLUMN_IN_TABLE: "Admin/CM/pages/ListView/inject-column-in-table",
-  /**
-   * Hook that allows to mutate the CM's collection types links pre-set filters
-   * @constant
-   * @type {string}
-   */
-  MUTATE_COLLECTION_TYPES_LINKS: "Admin/CM/pages/App/mutate-collection-types-links",
-  /**
-   * Hook that allows to mutate the CM's edit view layout
-   * @constant
-   * @type {string}
-   */
-  MUTATE_EDIT_VIEW_LAYOUT: "Admin/CM/pages/EditView/mutate-edit-view-layout",
-  /**
-   * Hook that allows to mutate the CM's single types links pre-set filters
-   * @constant
-   * @type {string}
-   */
-  MUTATE_SINGLE_TYPES_LINKS: "Admin/CM/pages/App/mutate-single-types-links"
+
+const ContentLayout = ({ children }) => {
+  return /* @__PURE__ */ jsx(Box, { paddingLeft: 10, paddingRight: 10, children });
 };
-const SETTINGS_LINKS_CE = () => ({
-  global: [
-    {
-      intlLabel: { id: "Settings.application.title", defaultMessage: "Overview" },
-      to: "/settings/application-infos",
-      id: "000-application-infos"
-    },
-    {
-      intlLabel: { id: "Settings.webhooks.title", defaultMessage: "Webhooks" },
-      to: "/settings/webhooks",
-      id: "webhooks"
-    },
-    {
-      intlLabel: { id: "Settings.apiTokens.title", defaultMessage: "API Tokens" },
-      to: "/settings/api-tokens?sort=name:ASC",
-      id: "api-tokens"
-    },
-    {
-      intlLabel: { id: "Settings.transferTokens.title", defaultMessage: "Transfer Tokens" },
-      to: "/settings/transfer-tokens?sort=name:ASC",
-      id: "transfer-tokens"
-    },
-    // If the Enterprise/Cloud feature is not enabled and if the config doesn't disable it, we promote the Enterprise/Cloud feature by displaying them in the settings menu.
-    // Disable this by adding "promoteEE: false" to your `./config/admin.js` file
-    ...!window.strapi.features.isEnabled(window.strapi.features.SSO) && window.strapi?.flags?.promoteEE ? [
-      {
-        intlLabel: { id: "Settings.sso.title", defaultMessage: "Single Sign-On" },
-        to: "/settings/purchase-single-sign-on",
-        id: "sso-purchase-page",
-        lockIcon: 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",
-        lockIcon: true
-      }
-    ] : []
-  ]
-});
 
-const ALLOWED_TYPES = [
-  "biginteger",
-  "boolean",
-  "date",
-  "datetime",
-  "decimal",
-  "email",
-  "enumeration",
-  "float",
-  "integer",
-  "json",
-  "password",
-  "richtext",
-  "string",
-  "text",
-  "time",
-  "uid"
-];
-const ALLOWED_ROOT_LEVEL_OPTIONS = [
-  "min",
-  "minLength",
-  "max",
-  "maxLength",
-  "required",
-  "regex",
-  "enum",
-  "unique",
-  "private",
-  "default"
-];
-class CustomFields {
-  customFields;
-  constructor() {
-    this.customFields = {};
-  }
-  register = (customFields) => {
-    if (Array.isArray(customFields)) {
-      customFields.forEach((customField) => {
-        this.register(customField);
-      });
-    } else {
-      const { name, pluginId, type, intlLabel, intlDescription, components, options } = customFields;
-      invariant(name, "A name must be provided");
-      invariant(type, "A type must be provided");
-      invariant(intlLabel, "An intlLabel must be provided");
-      invariant(intlDescription, "An intlDescription must be provided");
-      invariant(components, "A components object must be provided");
-      invariant(components.Input, "An Input component must be provided");
-      invariant(
-        ALLOWED_TYPES.includes(type),
-        `Custom field type: '${type}' is not a valid Strapi type or it can't be used with a Custom Field`
-      );
-      const isValidObjectKey = /^(?![0-9])[a-zA-Z0-9$_-]+$/g;
-      invariant(
-        isValidObjectKey.test(name),
-        `Custom field name: '${name}' is not a valid object key`
-      );
-      const allFormOptions = [...options?.base || [], ...options?.advanced || []];
-      if (allFormOptions.length) {
-        const optionPathValidations = allFormOptions.reduce(optionsValidationReducer, []);
-        optionPathValidations.forEach(({ isValidOptionPath, errorMessage }) => {
-          invariant(isValidOptionPath, errorMessage);
-        });
-      }
-      const uid = pluginId ? `plugin::${pluginId}.${name}` : `global::${name}`;
-      const uidAlreadyUsed = Object.prototype.hasOwnProperty.call(this.customFields, uid);
-      invariant(!uidAlreadyUsed, `Custom field: '${uid}' has already been registered`);
-      this.customFields[uid] = customFields;
-    }
-  };
-  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;
+const GridColSize = {
+  S: 180,
+  M: 250
+};
+const StyledGrid = styled(Box)`
+  display: grid;
+  grid-template-columns: repeat(
+    auto-fit,
+    minmax(${({ $size }) => `${GridColSize[$size]}px`}, 1fr)
+  );
+  grid-gap: ${({ theme }) => theme.spaces[4]};
+`;
+const GridLayout = ({ size, children }) => {
+  return /* @__PURE__ */ jsx(StyledGrid, { $size: size, children });
 };
 
-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 BaseHeaderLayout = React.forwardRef(
+  ({ navigationAction, primaryAction, secondaryAction, subtitle, title, sticky, width, ...props }, ref) => {
+    const isSubtitleString = typeof subtitle === "string";
+    if (sticky) {
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          paddingLeft: 6,
+          paddingRight: 6,
+          paddingTop: 3,
+          paddingBottom: 3,
+          position: "fixed",
+          top: 0,
+          right: 0,
+          background: "neutral0",
+          shadow: "tableShadow",
+          width: `${width}rem`,
+          zIndex: 1,
+          "data-strapi-header-sticky": true,
+          children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
+            /* @__PURE__ */ jsxs(Flex, { children: [
+              navigationAction && /* @__PURE__ */ jsx(Box, { paddingRight: 3, children: navigationAction }),
+              /* @__PURE__ */ jsxs(Box, { children: [
+                /* @__PURE__ */ jsx(Typography, { variant: "beta", tag: "h1", ...props, children: title }),
+                isSubtitleString ? /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: subtitle }) : subtitle
+              ] }),
+              secondaryAction ? /* @__PURE__ */ jsx(Box, { paddingLeft: 4, children: secondaryAction }) : null
+            ] }),
+            /* @__PURE__ */ jsx(Flex, { children: primaryAction ? /* @__PURE__ */ jsx(Box, { paddingLeft: 2, children: primaryAction }) : void 0 })
+          ] })
+        }
+      );
     }
+    return /* @__PURE__ */ jsxs(
+      Box,
+      {
+        ref,
+        paddingLeft: 10,
+        paddingRight: 10,
+        paddingBottom: 8,
+        paddingTop: navigationAction ? 6 : 8,
+        background: "neutral100",
+        "data-strapi-header": true,
+        children: [
+          navigationAction ? /* @__PURE__ */ jsx(Box, { paddingBottom: 2, children: navigationAction }) : null,
+          /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
+            /* @__PURE__ */ jsxs(Flex, { minWidth: 0, children: [
+              /* @__PURE__ */ jsx(Typography, { tag: "h1", variant: "alpha", ...props, children: title }),
+              secondaryAction ? /* @__PURE__ */ jsx(Box, { paddingLeft: 4, children: secondaryAction }) : null
+            ] }),
+            primaryAction
+          ] }),
+          isSubtitleString ? /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", tag: "p", children: subtitle }) : subtitle
+        ]
+      }
+    );
   }
-  injectComponent(containerName, blockName, component) {
-    try {
-      this.injectionZones[containerName][blockName].push(component);
-    } catch (err) {
-      console.error("Cannot inject component", err);
+);
+const HeaderLayout = (props) => {
+  const baseHeaderLayoutRef = React.useRef(null);
+  const [headerSize, setHeaderSize] = React.useState(null);
+  const [containerRef, isVisible] = useElementOnScreen({
+    root: null,
+    rootMargin: "0px",
+    threshold: 0
+  });
+  useResizeObserver(containerRef, () => {
+    if (containerRef.current) {
+      setHeaderSize(containerRef.current.getBoundingClientRect());
     }
-  }
-}
-
-const staticReducers = {
-  [adminApi.reducerPath]: adminApi.reducer,
-  admin_app: reducer$3
-};
-const injectReducerStoreEnhancer = (appReducers) => (next) => (...args) => {
-  const store = next(...args);
-  const asyncReducers = {};
-  return {
-    ...store,
-    asyncReducers,
-    injectReducer: (key, asyncReducer) => {
-      asyncReducers[key] = asyncReducer;
-      store.replaceReducer(
-        // @ts-expect-error we dynamically add reducers which makes the types uncomfortable.
-        combineReducers({
-          ...appReducers,
-          ...asyncReducers
-        })
-      );
+  });
+  React.useEffect(() => {
+    if (baseHeaderLayoutRef.current) {
+      setHeaderSize(baseHeaderLayoutRef.current.getBoundingClientRect());
     }
+  }, [baseHeaderLayoutRef]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { style: { height: headerSize?.height }, ref: containerRef, children: isVisible && /* @__PURE__ */ jsx(BaseHeaderLayout, { ref: baseHeaderLayoutRef, ...props }) }),
+    !isVisible && /* @__PURE__ */ jsx(BaseHeaderLayout, { ...props, sticky: true, width: headerSize?.width })
+  ] });
+};
+HeaderLayout.displayName = "HeaderLayout";
+const useElementOnScreen = (options) => {
+  const containerRef = React.useRef(null);
+  const [isVisible, setIsVisible] = React.useState(true);
+  const callback = ([entry]) => {
+    setIsVisible(entry.isIntersecting);
   };
+  React.useEffect(() => {
+    const containerEl = containerRef.current;
+    const observer = new IntersectionObserver(callback, options);
+    if (containerEl) {
+      observer.observe(containerRef.current);
+    }
+    return () => {
+      if (containerEl) {
+        observer.disconnect();
+      }
+    };
+  }, [containerRef, options]);
+  return [containerRef, isVisible];
 };
-const configureStoreImpl = (preloadedState = {}, appMiddlewares = [], injectedReducers = {}) => {
-  const coreReducers = { ...staticReducers, ...injectedReducers };
-  const defaultMiddlewareOptions = {};
-  if (process.env.NODE_ENV === "test") {
-    defaultMiddlewareOptions.serializableCheck = false;
-    defaultMiddlewareOptions.immutableCheck = false;
-  }
-  const store = configureStore({
-    preloadedState: {
-      admin_app: preloadedState.admin_app
-    },
-    reducer: coreReducers,
-    devTools: process.env.NODE_ENV !== "production",
-    middleware: (getDefaultMiddleware) => [
-      ...getDefaultMiddleware(defaultMiddlewareOptions),
-      adminApi.middleware,
-      ...appMiddlewares.map((m) => m())
-    ],
-    enhancers: [injectReducerStoreEnhancer(coreReducers)]
-  });
-  return store;
+const useResizeObserver = (sources, onResize) => {
+  const handleResize = useCallbackRef(onResize);
+  React.useLayoutEffect(() => {
+    const resizeObs = new ResizeObserver(handleResize);
+    if (Array.isArray(sources)) {
+      sources.forEach((source) => {
+        if (source.current) {
+          resizeObs.observe(source.current);
+        }
+      });
+    } else if (sources.current) {
+      resizeObs.observe(sources.current);
+    }
+    return () => {
+      resizeObs.disconnect();
+    };
+  }, [sources, handleResize]);
 };
 
-const getBasename = () => (process.env.ADMIN_PATH ?? "").replace(window.location.origin, "");
+const GridContainer = styled(Box)`
+  display: grid;
+  grid-template-columns: ${({ $hasSideNav }) => $hasSideNav ? `auto 1fr` : "1fr"};
+`;
+const OverflowingItem = styled(Box)`
+  overflow-x: hidden;
+`;
+const RootLayout = ({ sideNav, children }) => {
+  return /* @__PURE__ */ jsxs(GridContainer, { $hasSideNav: Boolean(sideNav), children: [
+    sideNav,
+    /* @__PURE__ */ jsx(OverflowingItem, { paddingBottom: 10, children })
+  ] });
+};
+const Layouts = {
+  Root: RootLayout,
+  Header: HeaderLayout,
+  BaseHeader: BaseHeaderLayout,
+  Grid: GridLayout,
+  Action: ActionLayout,
+  Content: ContentLayout
+};
 
-const createHook = () => {
-  const _handlers = [];
-  return {
-    register(fn) {
-      _handlers.push(fn);
-    },
-    delete(handler) {
-      _handlers.splice(_handlers.indexOf(handler), 1);
-    },
-    runWaterfall(args, store) {
-      return _handlers.reduce((acc, fn) => fn(acc, store), args);
-    },
-    async runWaterfallAsync(args, store) {
-      let result = args;
-      for (const fn of _handlers) {
-        result = await fn(result, store);
+const NotFoundPage = () => {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsxs(Page.Main, { labelledBy: "title", children: [
+    /* @__PURE__ */ jsx(
+      Layouts.Header,
+      {
+        id: "title",
+        title: formatMessage({
+          id: "content-manager.pageNotFound",
+          defaultMessage: "Page not found"
+        })
       }
-      return result;
-    },
-    runSeries(...args) {
-      return _handlers.map((fn) => fn(...args));
-    },
-    async runSeriesAsync(...args) {
-      const result = [];
-      for (const fn of _handlers) {
-        result.push(await fn(...args));
+    ),
+    /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsx(
+      EmptyStateLayout,
+      {
+        action: /* @__PURE__ */ jsx(LinkButton, { tag: Link$1, variant: "secondary", endIcon: /* @__PURE__ */ jsx(ArrowRight, {}), to: "/", children: formatMessage({
+          id: "app.components.NotFoundPage.back",
+          defaultMessage: "Back to homepage"
+        }) }),
+        content: formatMessage({
+          id: "app.page.not.found",
+          defaultMessage: "Oops! We can't seem to find the page you're looging for..."
+        }),
+        hasRadius: true,
+        icon: /* @__PURE__ */ jsx(EmptyPictures, { width: "16rem" }),
+        shadow: "tableShadow"
       }
-      return result;
-    },
-    runParallel(...args) {
-      return Promise.all(
-        _handlers.map((fn) => {
-          return fn(...args);
-        })
-      );
-    }
-  };
+    ) })
+  ] });
 };
 
-function getIn(obj, key, def, pathStartIndex = 0) {
-  const path = toPath(key);
-  while (obj && pathStartIndex < path.length) {
-    obj = obj[path[pathStartIndex++]];
-  }
-  if (pathStartIndex !== path.length && !obj) {
-    return def;
-  }
-  return obj === void 0 ? def : obj;
-}
-const isObject = (obj) => obj !== null && typeof obj === "object" && !Array.isArray(obj);
-const isInteger = (obj) => String(Math.floor(Number(obj))) === obj;
-function setIn(obj, path, value) {
-  const res = clone(obj);
-  let resVal = res;
-  let i = 0;
-  const pathArray = toPath(path);
-  for (; i < pathArray.length - 1; i++) {
-    const currentPath = pathArray[i];
-    const currentObj = getIn(obj, pathArray.slice(0, i + 1));
-    if (currentObj && (isObject(currentObj) || Array.isArray(currentObj))) {
-      resVal = resVal[currentPath] = clone(currentObj);
-    } else {
-      const nextPath = pathArray[i + 1];
-      resVal = resVal[currentPath] = isInteger(nextPath) && Number(nextPath) >= 0 ? [] : {};
+const getEERoutes = () => [
+  ...window.strapi.features.isEnabled(window.strapi.features.AUDIT_LOGS) ? [
+    {
+      path: "audit-logs",
+      lazy: async () => {
+        const { ProtectedListPage } = await import('./ListPage-P4Apgmd-.mjs');
+        return {
+          Component: ProtectedListPage
+        };
+      }
     }
-  }
-  if ((i === 0 ? obj : resVal)[pathArray[i]] === value) {
-    return obj;
-  }
-  if (value === void 0) {
-    delete resVal[pathArray[i]];
-  } else {
-    resVal[pathArray[i]] = value;
-  }
-  if (i === 0 && value === void 0) {
-    delete res[pathArray[i]];
-  }
-  return res;
-}
+  ] : [],
+  ...window.strapi.features.isEnabled(window.strapi.features.SSO) ? [
+    {
+      path: "single-sign-on",
+      lazy: async () => {
+        const { ProtectedSSO } = await import('./SingleSignOnPage-9l6JRqDd.mjs');
+        return {
+          Component: ProtectedSSO
+        };
+      }
+    }
+  ] : []
+];
 
 const ERR_MSG = "The Form Component has not been initialised, ensure you are using this hook within a Form component";
 const [FormProvider, useForm] = createContext("Form", {
@@ -1015,11 +1116,11 @@ const [FormProvider, useForm] = createContext("Form", {
   values: {}
 });
 const Form = React.forwardRef(
-  ({ disabled = false, method, onSubmit, ...props }, ref) => {
+  ({ disabled = false, method, onSubmit, initialErrors, ...props }, ref) => {
     const formRef = React.useRef(null);
     const initialValues = React.useRef(props.initialValues ?? {});
     const [state, dispatch] = React.useReducer(reducer, {
-      errors: {},
+      errors: initialErrors ?? {},
       isSubmitting: false,
       values: props.initialValues ?? {}
     });
@@ -1327,7 +1428,7 @@ const reducer = (state, action) => produce(state, (draft) => {
       draft.values = setIn(
         state.values,
         action.payload.field,
-        newValue.length > 0 ? newValue : void 0
+        newValue.length > 0 ? newValue : []
       );
       break;
     }
@@ -1357,11 +1458,18 @@ 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 error = useForm("useField", (state) => {
+    const error2 = getIn(state.errors, path);
+    if (isErrorMessageDescriptor(error2)) {
+      const { values, ...message } = error2;
+      return formatMessage(message, values);
+    }
+    return error2;
+  });
   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(
@@ -1376,7 +1484,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 = () => {
@@ -1388,53 +1496,42 @@ const Blocker = ({ onProceed = () => {
     return !isSubmitting && modified && (currentLocation.pathname !== nextLocation.pathname || currentLocation.search !== nextLocation.search);
   });
   if (blocker.state === "blocked") {
-    const handleCancel = () => {
-      onCancel();
-      blocker.reset();
-    };
-    return /* @__PURE__ */ jsxs(
-      Dialog,
-      {
-        isOpen: true,
-        title: formatMessage({
-          id: "app.components.ConfirmDialog.title",
-          defaultMessage: "Confirmation"
-        }),
-        onClose: handleCancel,
-        children: [
-          /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
-            /* @__PURE__ */ jsx(WarningCircle, { width: "24px", height: "24px", fill: "danger600" }),
-            /* @__PURE__ */ jsx(Typography, { tag: "p", variant: "omega", textAlign: "center", children: formatMessage({
-              id: "global.prompt.unsaved",
-              defaultMessage: "You have unsaved changes, are you sure you want to leave?"
-            }) })
-          ] }) }),
-          /* @__PURE__ */ jsx(
-            DialogFooter,
-            {
-              startAction: /* @__PURE__ */ jsx(Button, { onClick: handleCancel, variant: "tertiary", children: formatMessage({
-                id: "app.components.Button.cancel",
-                defaultMessage: "Cancel"
-              }) }),
-              endAction: /* @__PURE__ */ jsx(
-                Button,
-                {
-                  onClick: () => {
-                    onProceed();
-                    blocker.proceed();
-                  },
-                  variant: "danger",
-                  children: formatMessage({
-                    id: "app.components.Button.confirm",
-                    defaultMessage: "Confirm"
-                  })
-                }
-              )
-            }
-          )
-        ]
+    const handleCancel = (isOpen) => {
+      if (!isOpen) {
+        onCancel();
+        blocker.reset();
       }
-    );
+    };
+    return /* @__PURE__ */ jsx(Dialog.Root, { open: true, onOpenChange: handleCancel, children: /* @__PURE__ */ jsxs(Dialog.Content, { children: [
+      /* @__PURE__ */ jsx(Dialog.Header, { children: formatMessage({
+        id: "app.components.ConfirmDialog.title",
+        defaultMessage: "Confirmation"
+      }) }),
+      /* @__PURE__ */ jsx(Dialog.Body, { icon: /* @__PURE__ */ jsx(WarningCircle, { width: "24px", height: "24px", fill: "danger600" }), children: formatMessage({
+        id: "global.prompt.unsaved",
+        defaultMessage: "You have unsaved changes, are you sure you want to leave?"
+      }) }),
+      /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
+        /* @__PURE__ */ jsx(Dialog.Cancel, { children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", children: formatMessage({
+          id: "app.components.Button.cancel",
+          defaultMessage: "Cancel"
+        }) }) }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: () => {
+              onProceed();
+              blocker.proceed();
+            },
+            variant: "danger",
+            children: formatMessage({
+              id: "app.components.Button.confirm",
+              defaultMessage: "Confirm"
+            })
+          }
+        )
+      ] })
+    ] }) });
   }
   return null;
 };
@@ -1487,7 +1584,7 @@ const BooleanInput = forwardRef(
 const MemoizedBooleanInput = memo(BooleanInput);
 
 const CheckboxInput = forwardRef(
-  ({ name, required, label, hint, ...props }, ref) => {
+  ({ name, required, label, hint, type: _type, ...props }, ref) => {
     const field = useField(name);
     const fieldRef = useFocusInputField(name);
     const composedRefs = useComposedRefs(ref, fieldRef);
@@ -1495,9 +1592,9 @@ const CheckboxInput = forwardRef(
       /* @__PURE__ */ jsx(
         Checkbox,
         {
-          onValueChange: (checked) => field.onChange(name, checked),
+          onCheckedChange: (checked) => field.onChange(name, !!checked),
           ref: composedRefs,
-          value: field.value,
+          checked: field.value,
           ...props,
           children: label || props["aria-label"]
         }
@@ -1524,10 +1621,10 @@ const DateInput = forwardRef(
           ref: composedRefs,
           clearLabel: formatMessage({ id: "clearLabel", defaultMessage: "Clear" }),
           onChange: (date) => {
-            field.onChange(name, date);
+            field.onChange(name, date ? convertLocalDateToUTCDate(date) : null);
           },
-          onClear: () => field.onChange(name, void 0),
-          value,
+          onClear: () => field.onChange(name, null),
+          value: value ? convertLocalDateToUTCDate(value) : value,
           ...props
         }
       ),
@@ -1536,6 +1633,12 @@ const DateInput = forwardRef(
     ] });
   }
 );
+const convertLocalDateToUTCDate = (date) => {
+  const utcDateString = date.toISOString();
+  const timeZone = getLocalTimeZone();
+  const zonedDateTime = parseAbsolute(utcDateString, timeZone);
+  return toCalendarDate(zonedDateTime).toDate("UTC");
+};
 const MemoizedDateInput = memo(DateInput);
 
 const DateTimeInput = forwardRef(
@@ -1553,9 +1656,9 @@ const DateTimeInput = forwardRef(
           ref: composedRefs,
           clearLabel: formatMessage({ id: "clearLabel", defaultMessage: "Clear" }),
           onChange: (date) => {
-            field.onChange(name, date);
+            field.onChange(name, date ? date : null);
           },
-          onClear: () => field.onChange(name, void 0),
+          onClear: () => field.onChange(name, null),
           value,
           ...props
         }
@@ -1785,7 +1888,7 @@ const TimeInput = forwardRef(
           ref: composedRefs,
           clearLabel: formatMessage({ id: "clearLabel", defaultMessage: "Clear" }),
           onChange: (time) => {
-            field.onChange(name, time);
+            field.onChange(name, `${time}:00.000`);
           },
           onClear: () => field.onChange(name, void 0),
           value: field.value ?? "",
@@ -1805,6 +1908,7 @@ const InputRenderer = memo(
       case "biginteger":
       case "timestamp":
       case "string":
+      case "uid":
         return /* @__PURE__ */ jsx(MemoizedStringInput, { ref: forwardRef2, ...props });
       case "boolean":
         return /* @__PURE__ */ jsx(MemoizedBooleanInput, { ref: forwardRef2, ...props });
@@ -2229,12 +2333,12 @@ const FieldWrapper = styled(Field.Root)`
 const delays = {
   postResponse: 90 * 24 * 60 * 60 * 1e3,
   // 90 days in ms
-  postFirstDismissal: 7 * 24 * 60 * 60 * 1e3,
-  // 7 days in ms
+  postFirstDismissal: 14 * 24 * 60 * 60 * 1e3,
+  // 14 days in ms
   postSubsequentDismissal: 90 * 24 * 60 * 60 * 1e3,
   // 90 days in ms
-  display: 5 * 60 * 1e3
-  // 5 minutes in ms
+  display: 30 * 60 * 1e3
+  // 30 minutes in ms
 };
 const ratingArray = [...Array(11).keys()];
 const checkIfShouldShowSurvey = (settings) => {
@@ -2371,7 +2475,7 @@ const NpsSurvey = () => {
           bottom: 0,
           left: "50%",
           transform: "translateX(-50%)",
-          zIndex: "popover",
+          zIndex: "200",
           width: "50%",
           children: isFeedbackResponse ? /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", children: formatMessage({
             id: "app.components.NpsSurvey.feedback-response",
@@ -2588,11 +2692,11 @@ const Register = ({ hasAdmin }) => {
   }, [error, formatAPIError, navigate, toggleNotification]);
   const [registerAdmin] = useRegisterAdminMutation();
   const [registerUser] = useRegisterUserMutation();
-  const { setToken } = useAuth("Register", (auth) => auth);
+  const dispatch = useTypedDispatch();
   const handleRegisterAdmin = async ({ news, ...body }, setFormErrors) => {
     const res = await registerAdmin(body);
     if ("data" in res) {
-      setToken(res.data.token);
+      dispatch(login({ token: res.data.token }));
       const { roles } = res.data.user;
       if (roles) {
         const isUserSuperAdmin = roles.find(({ code }) => code === "strapi-super-admin");
@@ -2625,7 +2729,7 @@ const Register = ({ hasAdmin }) => {
   const handleRegisterUser = async ({ news, ...body }, setFormErrors) => {
     const res = await registerUser(body);
     if ("data" in res) {
-      setToken(res.data.token);
+      dispatch(login({ token: res.data.token }));
       if (news) {
         setNpsSurveySettings((s) => ({ ...s, enabled: true }));
         navigate({
@@ -2719,7 +2823,7 @@ const Register = ({ hasAdmin }) => {
           }
         },
         children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 6, marginTop: 7, children: [
-          /* @__PURE__ */ jsx(Grid, { gap: 4, children: [
+          /* @__PURE__ */ jsx(Grid.Root, { gap: 4, children: [
             {
               label: formatMessage({
                 id: "Auth.form.firstname.label",
@@ -2795,7 +2899,7 @@ const Register = ({ hasAdmin }) => {
               size: 12,
               type: "checkbox"
             }
-          ].map(({ size, ...field }) => /* @__PURE__ */ jsx(GridItem, { col: size, children: /* @__PURE__ */ jsx(MemoizedInputRenderer, { ...field }) }, field.name)) }),
+          ].map(({ size, ...field }) => /* @__PURE__ */ jsx(Grid.Item, { col: size, children: /* @__PURE__ */ jsx(MemoizedInputRenderer, { ...field }) }, field.name)) }),
           /* @__PURE__ */ jsx(Button, { fullWidth: true, size: "L", type: "submit", children: formatMessage({
             id: "Auth.form.button.register",
             defaultMessage: "Let's start"
@@ -2863,16 +2967,16 @@ const RESET_PASSWORD_SCHEMA = yup.object().shape({
 });
 const ResetPassword = () => {
   const { formatMessage } = useIntl();
+  const dispatch = useTypedDispatch();
   const navigate = useNavigate();
   const { search: searchString } = useLocation();
   const query = React.useMemo(() => new URLSearchParams(searchString), [searchString]);
   const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
-  const { setToken } = useAuth("ResetPassword", (auth) => auth);
   const [resetPassword, { error }] = useResetPasswordMutation();
   const handleSubmit = async (body) => {
     const res = await resetPassword(body);
     if ("data" in res) {
-      setToken(res.data.token);
+      dispatch(login({ token: res.data.token }));
       navigate("/");
     }
   };
@@ -2962,11 +3066,11 @@ const AuthPage = () => {
   const { hasAdmin } = data ?? {};
   const Login$1 = useEnterprise(
     Login,
-    async () => (await import('./Login-w4BUlNaE.mjs')).LoginEE
+    async () => (await import('./Login-qOZJMFOX.mjs')).LoginEE
   );
   const forms = useEnterprise(
     FORMS,
-    async () => (await import('./constants-Z-zrJ7Zs.mjs')).FORMS,
+    async () => (await import('./constants-nzCvle10.mjs')).FORMS,
     {
       combine(ceForms, eeForms) {
         return {
@@ -3003,228 +3107,13 @@ const AuthPage = () => {
   } else if (authType === "login" && !Login$1) {
     return null;
   }
-  return /* @__PURE__ */ jsx(Component, { hasAdmin });
-};
-
-const ActionLayout = ({ startActions, endActions }) => {
-  if (!startActions && !endActions) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(
-    Flex,
-    {
-      justifyContent: "space-between",
-      alignItems: "flex-start",
-      paddingBottom: 4,
-      paddingLeft: 10,
-      paddingRight: 10,
-      children: [
-        /* @__PURE__ */ jsx(Flex, { gap: 2, wrap: "wrap", children: startActions }),
-        /* @__PURE__ */ jsx(Flex, { gap: 2, shrink: 0, wrap: "wrap", children: endActions })
-      ]
-    }
-  );
-};
-
-const ContentLayout = ({ children }) => {
-  return /* @__PURE__ */ jsx(Box, { paddingLeft: 10, paddingRight: 10, children });
-};
-
-const GridColSize = {
-  S: 180,
-  M: 250
-};
-const StyledGrid = styled(Box)`
-  display: grid;
-  grid-template-columns: repeat(
-    auto-fit,
-    minmax(${({ $size }) => `${GridColSize[$size]}px`}, 1fr)
-  );
-  grid-gap: ${({ theme }) => theme.spaces[4]};
-`;
-const GridLayout = ({ size, children }) => {
-  return /* @__PURE__ */ jsx(StyledGrid, { $size: size, children });
-};
-
-const BaseHeaderLayout = React.forwardRef(
-  ({ navigationAction, primaryAction, secondaryAction, subtitle, title, sticky, width, ...props }, ref) => {
-    const isSubtitleString = typeof subtitle === "string";
-    if (sticky) {
-      return /* @__PURE__ */ jsx(
-        Box,
-        {
-          paddingLeft: 6,
-          paddingRight: 6,
-          paddingTop: 3,
-          paddingBottom: 3,
-          position: "fixed",
-          top: 0,
-          right: 0,
-          background: "neutral0",
-          shadow: "tableShadow",
-          width: `${width}rem`,
-          zIndex: 1,
-          "data-strapi-header-sticky": true,
-          children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
-            /* @__PURE__ */ jsxs(Flex, { children: [
-              navigationAction && /* @__PURE__ */ jsx(Box, { paddingRight: 3, children: navigationAction }),
-              /* @__PURE__ */ jsxs(Box, { children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "beta", tag: "h1", ...props, children: title }),
-                isSubtitleString ? /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: subtitle }) : subtitle
-              ] }),
-              secondaryAction ? /* @__PURE__ */ jsx(Box, { paddingLeft: 4, children: secondaryAction }) : null
-            ] }),
-            /* @__PURE__ */ jsx(Flex, { children: primaryAction ? /* @__PURE__ */ jsx(Box, { paddingLeft: 2, children: primaryAction }) : void 0 })
-          ] })
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxs(
-      Box,
-      {
-        ref,
-        paddingLeft: 10,
-        paddingRight: 10,
-        paddingBottom: 8,
-        paddingTop: navigationAction ? 6 : 8,
-        background: "neutral100",
-        "data-strapi-header": true,
-        children: [
-          navigationAction ? /* @__PURE__ */ jsx(Box, { paddingBottom: 2, children: navigationAction }) : null,
-          /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
-            /* @__PURE__ */ jsxs(Flex, { minWidth: 0, children: [
-              /* @__PURE__ */ jsx(Typography, { tag: "h1", variant: "alpha", ...props, children: title }),
-              secondaryAction ? /* @__PURE__ */ jsx(Box, { paddingLeft: 4, children: secondaryAction }) : null
-            ] }),
-            primaryAction
-          ] }),
-          isSubtitleString ? /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", tag: "p", children: subtitle }) : subtitle
-        ]
-      }
-    );
-  }
-);
-const HeaderLayout = (props) => {
-  const baseHeaderLayoutRef = React.useRef(null);
-  const [headerSize, setHeaderSize] = React.useState(null);
-  const [containerRef, isVisible] = useElementOnScreen({
-    root: null,
-    rootMargin: "0px",
-    threshold: 0
-  });
-  useResizeObserver(containerRef, () => {
-    if (containerRef.current) {
-      setHeaderSize(containerRef.current.getBoundingClientRect());
-    }
-  });
-  React.useEffect(() => {
-    if (baseHeaderLayoutRef.current) {
-      setHeaderSize(baseHeaderLayoutRef.current.getBoundingClientRect());
-    }
-  }, [baseHeaderLayoutRef]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { style: { height: headerSize?.height }, ref: containerRef, children: isVisible && /* @__PURE__ */ jsx(BaseHeaderLayout, { ref: baseHeaderLayoutRef, ...props }) }),
-    !isVisible && /* @__PURE__ */ jsx(BaseHeaderLayout, { ...props, sticky: true, width: headerSize?.width })
-  ] });
-};
-HeaderLayout.displayName = "HeaderLayout";
-const useElementOnScreen = (options) => {
-  const containerRef = React.useRef(null);
-  const [isVisible, setIsVisible] = React.useState(true);
-  const callback = ([entry]) => {
-    setIsVisible(entry.isIntersecting);
-  };
-  React.useEffect(() => {
-    const containerEl = containerRef.current;
-    const observer = new IntersectionObserver(callback, options);
-    if (containerEl) {
-      observer.observe(containerRef.current);
-    }
-    return () => {
-      if (containerEl) {
-        observer.disconnect();
-      }
-    };
-  }, [containerRef, options]);
-  return [containerRef, isVisible];
-};
-const useResizeObserver = (sources, onResize) => {
-  const handleResize = useCallbackRef(onResize);
-  React.useLayoutEffect(() => {
-    const resizeObs = new ResizeObserver(handleResize);
-    if (Array.isArray(sources)) {
-      sources.forEach((source) => {
-        if (source.current) {
-          resizeObs.observe(source.current);
-        }
-      });
-    } else if (sources.current) {
-      resizeObs.observe(sources.current);
-    }
-    return () => {
-      resizeObs.disconnect();
-    };
-  }, [sources, handleResize]);
-};
-
-const GridContainer = styled(Box)`
-  display: grid;
-  grid-template-columns: ${({ $hasSideNav }) => $hasSideNav ? `auto 1fr` : "1fr"};
-`;
-const OverflowingItem = styled(Box)`
-  overflow-x: hidden;
-`;
-const RootLayout = ({ sideNav, children }) => {
-  return /* @__PURE__ */ jsxs(GridContainer, { $hasSideNav: Boolean(sideNav), children: [
-    sideNav,
-    /* @__PURE__ */ jsx(OverflowingItem, { paddingBottom: 10, children })
-  ] });
-};
-const Layouts = {
-  Root: RootLayout,
-  Header: HeaderLayout,
-  BaseHeader: BaseHeaderLayout,
-  Grid: GridLayout,
-  Action: ActionLayout,
-  Content: ContentLayout
-};
-
-const NotFoundPage = () => {
-  const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsxs(Page.Main, { labelledBy: "title", children: [
-    /* @__PURE__ */ jsx(
-      Layouts.Header,
-      {
-        id: "title",
-        title: formatMessage({
-          id: "content-manager.pageNotFound",
-          defaultMessage: "Page not found"
-        })
-      }
-    ),
-    /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsx(
-      EmptyStateLayout,
-      {
-        action: /* @__PURE__ */ jsx(LinkButton, { tag: Link$1, variant: "secondary", endIcon: /* @__PURE__ */ jsx(ArrowRight, {}), to: "/", children: formatMessage({
-          id: "app.components.NotFoundPage.back",
-          defaultMessage: "Back to homepage"
-        }) }),
-        content: formatMessage({
-          id: "app.page.not.found",
-          defaultMessage: "Oops! We can't seem to find the page you're looging for..."
-        }),
-        hasRadius: true,
-        icon: /* @__PURE__ */ jsx(EmptyPictures, { width: "16rem" }),
-        shadow: "tableShadow"
-      }
-    ) })
-  ] });
+  return /* @__PURE__ */ jsx(Component, { hasAdmin });
 };
 
 const ROUTES_CE = [
   {
     lazy: async () => {
-      const { ProtectedListPage } = await import('./ListPage-VGqEsiEA.mjs');
+      const { ProtectedListPage } = await import('./ListPage-_sJsfVLq.mjs');
       return {
         Component: ProtectedListPage
       };
@@ -3233,7 +3122,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await import('./CreatePage-puzZjQXr.mjs');
+      const { ProtectedCreatePage } = await import('./CreatePage-UzCNaW8h.mjs');
       return {
         Component: ProtectedCreatePage
       };
@@ -3242,7 +3131,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await import('./CreatePage-puzZjQXr.mjs');
+      const { ProtectedCreatePage } = await import('./CreatePage-UzCNaW8h.mjs');
       return {
         Component: ProtectedCreatePage
       };
@@ -3251,7 +3140,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await import('./EditPage-8_dXc9y1.mjs');
+      const { ProtectedEditPage } = await import('./EditPage-riE7hBMx.mjs');
       return {
         Component: ProtectedEditPage
       };
@@ -3260,7 +3149,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListPage } = await import('./ListPage-4kGSO2Ri.mjs');
+      const { ProtectedListPage } = await import('./ListPage-Ka430VWJ.mjs');
       return {
         Component: ProtectedListPage
       };
@@ -3269,7 +3158,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await import('./EditPage-W_qlhF-2.mjs');
+      const { ProtectedEditPage } = await import('./EditPage-QHC3cITE.mjs');
       return {
         Component: ProtectedEditPage
       };
@@ -3278,7 +3167,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await import('./CreatePage-GD7KENsP.mjs');
+      const { ProtectedCreatePage } = await import('./CreatePage-embavU6j.mjs');
       return {
         Component: ProtectedCreatePage
       };
@@ -3287,7 +3176,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await import('./EditPage-8fk5JEO7.mjs').then(n => n.b);
+      const { ProtectedEditPage } = await import('./EditPage-xDZwHLDD.mjs').then(n => n.b);
       return {
         Component: ProtectedEditPage
       };
@@ -3296,7 +3185,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListPage } = await import('./ListPage-EPIYY3Uf.mjs');
+      const { ProtectedListPage } = await import('./ListPage-PfBDJtky.mjs');
       return {
         Component: ProtectedListPage
       };
@@ -3305,7 +3194,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListView } = await import('./ListView-gKrpPLEM.mjs');
+      const { ProtectedListView } = await import('./ListView-udsJ7zMT.mjs');
       return {
         Component: ProtectedListView
       };
@@ -3314,7 +3203,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreateView } = await import('./CreateView-EjqRVjU_.mjs');
+      const { ProtectedCreateView } = await import('./CreateView-SQFk7zP8.mjs');
       return {
         Component: ProtectedCreateView
       };
@@ -3323,7 +3212,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditView } = await import('./EditViewPage-f56oKqQ-.mjs');
+      const { ProtectedEditView } = await import('./EditViewPage-M5Bto2f0.mjs');
       return {
         Component: ProtectedEditView
       };
@@ -3332,7 +3221,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreateView } = await import('./CreateView-jM_w7R83.mjs');
+      const { ProtectedCreateView } = await import('./CreateView-phBO6q6q.mjs');
       return {
         Component: ProtectedCreateView
       };
@@ -3341,7 +3230,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListView } = await import('./ListView-Zvs5X2St.mjs');
+      const { ProtectedListView } = await import('./ListView-UKJyJnd2.mjs');
       return {
         Component: ProtectedListView
       };
@@ -3350,32 +3239,455 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditView } = await import('./EditView-Cac025JW.mjs');
+      const { ProtectedEditView } = await import('./EditView-3TBDETCw.mjs');
       return {
         Component: ProtectedEditView
       };
     },
-    path: "transfer-tokens/:id"
-  },
-  {
-    lazy: async () => {
-      const { PurchaseAuditLogs } = await import('./PurchaseAuditLogs-iOYsTJA-.mjs');
-      return {
-        Component: PurchaseAuditLogs
-      };
+    path: "transfer-tokens/:id"
+  },
+  {
+    lazy: async () => {
+      const { PurchaseAuditLogs } = await import('./PurchaseAuditLogs-K5ZTiR8K.mjs');
+      return {
+        Component: PurchaseAuditLogs
+      };
+    },
+    path: "purchase-audit-logs"
+  },
+  {
+    lazy: async () => {
+      const { PurchaseSingleSignOn } = await import('./PurchaseSingleSignOn-c143s7mz.mjs');
+      return {
+        Component: PurchaseSingleSignOn
+      };
+    },
+    path: "purchase-single-sign-on"
+  }
+];
+
+const getImmutableRoutes = () => [
+  {
+    path: "usecase",
+    lazy: async () => {
+      const { PrivateUseCasePage } = await import('./UseCasePage-fXNd00ES.mjs');
+      return {
+        Component: PrivateUseCasePage
+      };
+    }
+  },
+  // this needs to go before auth/:authType because otherwise it won't match the route
+  ...getEERoutes$1(),
+  {
+    path: "auth/:authType",
+    element: /* @__PURE__ */ jsx(AuthPage, {})
+  }
+];
+const getInitialRoutes = () => [
+  {
+    index: true,
+    lazy: async () => {
+      const { HomePage } = await import('./HomePage-pBVsiRLB.mjs');
+      return {
+        Component: HomePage
+      };
+    }
+  },
+  {
+    path: "me",
+    lazy: async () => {
+      const { ProfilePage } = await import('./ProfilePage-4dKn6UUc.mjs');
+      return {
+        Component: ProfilePage
+      };
+    }
+  },
+  {
+    path: "list-plugins",
+    lazy: async () => {
+      const { ProtectedInstalledPluginsPage } = await import('./InstalledPluginsPage-wwA3VULI.mjs');
+      return {
+        Component: ProtectedInstalledPluginsPage
+      };
+    }
+  },
+  {
+    path: "marketplace",
+    lazy: async () => {
+      const { ProtectedMarketplacePage } = await import('./MarketplacePage-KyupKstI.mjs');
+      return {
+        Component: ProtectedMarketplacePage
+      };
+    }
+  },
+  {
+    path: "settings/*",
+    lazy: async () => {
+      const { Layout } = await import('./Layout-Dg3BpNCD.mjs');
+      return {
+        Component: Layout
+      };
+    },
+    children: [
+      {
+        path: "application-infos",
+        lazy: async () => {
+          const { ApplicationInfoPage } = await import('./ApplicationInfoPage-FvuI2dqs.mjs');
+          return {
+            Component: ApplicationInfoPage
+          };
+        }
+      },
+      // ...Object.values(this.settings).flatMap(({ links }) =>
+      //   links.map(({ to, Component }) => ({
+      //     path: `${to}/*`,
+      //     element: (
+      //       <React.Suspense fallback={<Page.Loading />}>
+      //         <Component />
+      //       </React.Suspense>
+      //     ),
+      //   }))
+      // ),
+      ...[...getEERoutes(), ...ROUTES_CE].filter(
+        (route, index, refArray) => refArray.findIndex((obj) => obj.path === route.path) === index
+      )
+    ]
+  }
+];
+
+class Router {
+  _routes = [];
+  router = null;
+  _menu = [];
+  _settings = {
+    global: {
+      id: "global",
+      intlLabel: {
+        id: "Settings.global",
+        defaultMessage: "Global Settings"
+      },
+      links: []
+    }
+  };
+  constructor(initialRoutes) {
+    this._routes = initialRoutes;
+  }
+  get routes() {
+    return this._routes;
+  }
+  get menu() {
+    return this._menu;
+  }
+  get settings() {
+    return this._settings;
+  }
+  /**
+   * @internal This method is used internally by Strapi to create the router.
+   * It should not be used by plugins, doing so will likely break the application.
+   */
+  createRouter(strapi, { memory, ...opts } = {}) {
+    const routes = [
+      {
+        path: "/*",
+        errorElement: /* @__PURE__ */ jsx(Provider$1, { store: strapi.store, children: /* @__PURE__ */ jsx(LanguageProvider, { messages: strapi.configurations.translations, children: /* @__PURE__ */ jsx(Theme, { themes: strapi.configurations.themes, children: /* @__PURE__ */ jsx(ErrorElement, {}) }) }) }),
+        element: /* @__PURE__ */ jsx(App, { strapi, store: strapi.store }),
+        children: [
+          ...getImmutableRoutes(),
+          {
+            path: "/*",
+            lazy: async () => {
+              const { PrivateAdminLayout } = await import('./AuthenticatedLayout-1zXrNSte.mjs');
+              return {
+                Component: PrivateAdminLayout
+              };
+            },
+            children: [
+              ...this.routes,
+              {
+                path: "*",
+                element: /* @__PURE__ */ jsx(NotFoundPage, {})
+              }
+            ]
+          }
+        ]
+      }
+    ];
+    if (memory) {
+      this.router = createMemoryRouter(routes, opts);
+    } else {
+      this.router = createBrowserRouter(routes, opts);
+    }
+    return this.router;
+  }
+  addMenuLink = (link) => {
+    invariant(link.to, `[${link.intlLabel.defaultMessage}]: link.to should be defined`);
+    invariant(
+      typeof link.to === "string",
+      `[${link.intlLabel.defaultMessage}]: Expected link.to to be a string instead received ${typeof link.to}`
+    );
+    invariant(
+      link.intlLabel?.id && link.intlLabel?.defaultMessage,
+      `[${link.intlLabel.defaultMessage}]: link.intlLabel.id & link.intlLabel.defaultMessage should be defined`
+    );
+    invariant(
+      !link.Component || link.Component && typeof link.Component === "function",
+      `[${link.intlLabel.defaultMessage}]: link.Component must be a function returning a Promise that returns a default component. Please use: \`Component: () => import(path)\` instead.`
+    );
+    if (!link.Component || link.Component && typeof link.Component === "function" && // @ts-expect-error – shh
+    link.Component[Symbol.toStringTag] === "AsyncFunction") {
+      console.warn(
+        `
+      [${link.intlLabel.defaultMessage}]: [deprecated] addMenuLink() was called with an async Component from the plugin "${link.intlLabel.defaultMessage}". This will be removed in the future. Please use: \`Component: () => import(path)\` ensuring you return a default export instead.
+      `.trim()
+      );
+    }
+    if (link.to.startsWith("/")) {
+      console.warn(
+        `[${link.intlLabel.defaultMessage}]: the \`to\` property of your menu link is an absolute path, it should be relative to the root of the application. This has been corrected for you but will be removed in a future version of Strapi.`
+      );
+      link.to = link.to.slice(1);
+    }
+    const { Component, ...restLink } = link;
+    if (Component) {
+      this._routes.push({
+        path: `${link.to}/*`,
+        lazy: async () => {
+          const mod = await Component();
+          if ("default" in mod) {
+            return { Component: mod.default };
+          } else {
+            return { Component: mod };
+          }
+        }
+      });
+    }
+    this.menu.push(restLink);
+  };
+  addSettingsLink(section, link) {
+    if (typeof section === "object" && "links" in section) {
+      invariant(section.id, "section.id should be defined");
+      invariant(
+        section.intlLabel?.id && section.intlLabel?.defaultMessage,
+        "section.intlLabel should be defined"
+      );
+      invariant(this.settings[section.id] === void 0, "A similar section already exists");
+      invariant(Array.isArray(section.links), "TypeError expected links to be an array");
+      this.settings[section.id] = { ...section, links: [] };
+      section.links.forEach((link2) => {
+        this.createSettingsLink(section.id, link2);
+      });
+    } else if (typeof section === "object" && link) {
+      invariant(section.id, "section.id should be defined");
+      invariant(
+        section.intlLabel?.id && section.intlLabel?.defaultMessage,
+        "section.intlLabel should be defined"
+      );
+      invariant(this.settings[section.id] === void 0, "A similar section already exists");
+      this.settings[section.id] = { ...section, links: [] };
+      if (Array.isArray(link)) {
+        link.forEach((l) => this.createSettingsLink(section.id, l));
+      } else {
+        this.createSettingsLink(section.id, link);
+      }
+    } else if (typeof section === "string" && link) {
+      if (Array.isArray(link)) {
+        link.forEach((l) => this.createSettingsLink(section, l));
+      } else {
+        this.createSettingsLink(section, link);
+      }
+    } else {
+      throw new Error(
+        "Invalid arguments provided to addSettingsLink, at minimum a sectionId and link are required."
+      );
+    }
+  }
+  createSettingsLink = (sectionId, link) => {
+    invariant(this._settings[sectionId], "The section does not exist");
+    invariant(link.id, `[${link.intlLabel.defaultMessage}]: link.id should be defined`);
+    invariant(
+      link.intlLabel?.id && link.intlLabel?.defaultMessage,
+      `[${link.intlLabel.defaultMessage}]: link.intlLabel.id & link.intlLabel.defaultMessage`
+    );
+    invariant(link.to, `[${link.intlLabel.defaultMessage}]: link.to should be defined`);
+    invariant(
+      !link.Component || link.Component && typeof link.Component === "function",
+      `[${link.intlLabel.defaultMessage}]: link.Component must be a function returning a Promise. Please use: \`Component: () => import(path)\` instead.`
+    );
+    if (!link.Component || link.Component && typeof link.Component === "function" && // @ts-expect-error – shh
+    link.Component[Symbol.toStringTag] === "AsyncFunction") {
+      console.warn(
+        `
+      [${link.intlLabel.defaultMessage}]: [deprecated] addSettingsLink() was called with an async Component from the plugin "${link.intlLabel.defaultMessage}". This will be removed in the future. Please use: \`Component: () => import(path)\` ensuring you return a default export instead.
+      `.trim()
+      );
+    }
+    if (link.to.startsWith("/")) {
+      console.warn(
+        `[${link.intlLabel.defaultMessage}]: the \`to\` property of your settings link is an absolute path. It should be relative to \`/settings\`. This has been corrected for you but will be removed in a future version of Strapi.`
+      );
+      link.to = link.to.slice(1);
+    }
+    if (link.to.split("/")[0] === "settings") {
+      console.warn(
+        `[${link.intlLabel.defaultMessage}]: the \`to\` property of your settings link has \`settings\` as the first part of it's path. It should be relative to \`settings\` and therefore, not include it. This has been corrected for you but will be removed in a future version of Strapi.`
+      );
+      link.to = link.to.split("/").slice(1).join("/");
+    }
+    const { Component, ...restLink } = link;
+    const settingsIndex = this._routes.findIndex((route) => route.path === "settings/*");
+    if (!settingsIndex) {
+      console.warn(
+        "A third party plugin has removed the settings section, the settings link cannot be added."
+      );
+      return;
+    } else if (!this._routes[settingsIndex].children) {
+      this._routes[settingsIndex].children = [];
+    }
+    if (Component) {
+      this._routes[settingsIndex].children.push({
+        path: `${link.to}/*`,
+        lazy: async () => {
+          const mod = await Component();
+          if ("default" in mod) {
+            return { Component: mod.default };
+          } else {
+            return { Component: mod };
+          }
+        }
+      });
+    }
+    this._settings[sectionId].links.push(restLink);
+  };
+  /**
+   * @alpha
+   * @description Adds a route or an array of routes to the router.
+   * Otherwise, pass a function that receives the current routes and
+   * returns the new routes in a reducer like fashion.
+   */
+  addRoute(route) {
+    if (Array.isArray(route)) {
+      this._routes = [...this._routes, ...route];
+    } else if (typeof route === "object" && route !== null) {
+      this._routes.push(route);
+    } else if (typeof route === "function") {
+      this._routes = route(this._routes);
+    } else {
+      throw new Error(
+        `Expected the \`route\` passed to \`addRoute\` to be an array or a function, but received ${getPrintableType(
+          route
+        )}`
+      );
+    }
+  }
+}
+const getPrintableType = (value) => {
+  const nativeType = typeof value;
+  if (nativeType === "object") {
+    if (value === null)
+      return "null";
+    if (Array.isArray(value))
+      return "array";
+    if (value instanceof Object && value.constructor.name !== "Object") {
+      return value.constructor.name;
+    }
+  }
+  return nativeType;
+};
+
+const staticReducers = {
+  [adminApi.reducerPath]: adminApi.reducer,
+  admin_app: reducer$3
+};
+const injectReducerStoreEnhancer = (appReducers) => (next) => (...args) => {
+  const store = next(...args);
+  const asyncReducers = {};
+  return {
+    ...store,
+    asyncReducers,
+    injectReducer: (key, asyncReducer) => {
+      asyncReducers[key] = asyncReducer;
+      store.replaceReducer(
+        // @ts-expect-error we dynamically add reducers which makes the types uncomfortable.
+        combineReducers({
+          ...appReducers,
+          ...asyncReducers
+        })
+      );
+    }
+  };
+};
+const configureStoreImpl = (preloadedState = {}, appMiddlewares = [], injectedReducers = {}) => {
+  const coreReducers = { ...staticReducers, ...injectedReducers };
+  const defaultMiddlewareOptions = {};
+  if (process.env.NODE_ENV === "test") {
+    defaultMiddlewareOptions.serializableCheck = false;
+    defaultMiddlewareOptions.immutableCheck = false;
+  }
+  const store = configureStore({
+    preloadedState: {
+      admin_app: preloadedState.admin_app
+    },
+    reducer: coreReducers,
+    devTools: process.env.NODE_ENV !== "production",
+    middleware: (getDefaultMiddleware) => [
+      ...getDefaultMiddleware(defaultMiddlewareOptions),
+      rtkQueryUnauthorizedMiddleware,
+      adminApi.middleware,
+      ...appMiddlewares.map((m) => m())
+    ],
+    enhancers: [injectReducerStoreEnhancer(coreReducers)]
+  });
+  return store;
+};
+const rtkQueryUnauthorizedMiddleware = ({ dispatch }) => (next) => (action) => {
+  if (isRejected(action) && action.payload?.status === 401) {
+    dispatch(logout());
+    window.location.href = "/admin/auth/login";
+    return;
+  }
+  return next(action);
+};
+
+const getBasename = () => (process.env.ADMIN_PATH ?? "").replace(window.location.origin, "");
+
+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);
+      }
+      return result;
+    },
+    runSeries(...args) {
+      return _handlers.map((fn) => fn(...args));
     },
-    path: "purchase-audit-logs"
-  },
-  {
-    lazy: async () => {
-      const { PurchaseSingleSignOn } = await import('./PurchaseSingleSignOn-X629iA7K.mjs');
-      return {
-        Component: PurchaseSingleSignOn
-      };
+    async runSeriesAsync(...args) {
+      const result = [];
+      for (const fn of _handlers) {
+        result.push(await fn(...args));
+      }
+      return result;
     },
-    path: "purchase-single-sign-on"
-  }
-];
+    runParallel(...args) {
+      return Promise.all(
+        _handlers.map((fn) => {
+          return fn(...args);
+        })
+      );
+    }
+  };
+};
 
 const languageNativeNames = {
   ar: "العربية",
@@ -3428,20 +3740,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: "" },
@@ -3456,12 +3754,14 @@ class StrapiApp {
    * APIs
    */
   rbac = new RBAC();
+  router;
   library = {
     components: {},
     fields: {}
   };
   middlewares = [];
   reducers = {};
+  store = null;
   customFields = new CustomFields();
   constructor({ config, appPlugins } = {}) {
     this.appPlugins = appPlugins || {};
@@ -3470,6 +3770,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)) {
@@ -3497,46 +3798,6 @@ class StrapiApp {
       this.library.fields[fields.type] = fields.Component;
     }
   };
-  addMenuLink = (link) => {
-    invariant(link.to, `[${link.intlLabel.defaultMessage}]: link.to should be defined`);
-    invariant(
-      typeof link.to === "string",
-      `[${link.intlLabel.defaultMessage}]: Expected link.to to be a string instead received ${typeof link.to}`
-    );
-    invariant(
-      link.intlLabel?.id && link.intlLabel?.defaultMessage,
-      `[${link.intlLabel.defaultMessage}]: link.intlLabel.id & link.intlLabel.defaultMessage should be defined`
-    );
-    invariant(
-      link.Component && typeof link.Component === "function",
-      `[${link.intlLabel.defaultMessage}]: link.Component must be a function returning a Promise that returns a default component. Please use: \`Component: () => import(path)\` instead.`
-    );
-    if (link.Component && typeof link.Component === "function" && // @ts-expect-error – shh
-    link.Component[Symbol.toStringTag] === "AsyncFunction") {
-      console.warn(
-        `
-      [${link.intlLabel.defaultMessage}]: [deprecated] addMenuLink() was called with an async Component from the plugin "${link.intlLabel.defaultMessage}". This will be removed in the future. Please use: \`Component: () => import(path)\` ensuring you return a default export instead.
-      `.trim()
-      );
-    }
-    if (link.to.startsWith("/")) {
-      console.warn(
-        `[${link.intlLabel.defaultMessage}]: the \`to\` property of your menu link is an absolute path, it should be relative to the root of the application. This has been corrected for you but will be removed in a future version of Strapi.`
-      );
-      link.to = link.to.slice(1);
-    }
-    this.menu.push({
-      ...link,
-      Component: React.lazy(async () => {
-        const mod = await link.Component();
-        if ("default" in mod) {
-          return mod;
-        } else {
-          return { default: mod };
-        }
-      })
-    });
-  };
   addMiddlewares = (middlewares) => {
     middlewares.forEach((middleware) => {
       this.middlewares.push(middleware);
@@ -3554,56 +3815,22 @@ class StrapiApp {
       this.reducers[name] = reducer;
     });
   };
-  addSettingsLink = (sectionId, link) => {
-    invariant(this.settings[sectionId], "The section does not exist");
-    invariant(link.id, `[${link.intlLabel.defaultMessage}]: link.id should be defined`);
-    invariant(
-      link.intlLabel?.id && link.intlLabel?.defaultMessage,
-      `[${link.intlLabel.defaultMessage}]: link.intlLabel.id & link.intlLabel.defaultMessage`
-    );
-    invariant(link.to, `[${link.intlLabel.defaultMessage}]: link.to should be defined`);
-    invariant(
-      link.Component && typeof link.Component === "function",
-      `[${link.intlLabel.defaultMessage}]: link.Component must be a function returning a Promise. Please use: \`Component: () => import(path)\` instead.`
-    );
-    if (link.Component && typeof link.Component === "function" && // @ts-expect-error – shh
-    link.Component[Symbol.toStringTag] === "AsyncFunction") {
-      console.warn(
-        `
-      [${link.intlLabel.defaultMessage}]: [deprecated] addSettingsLink() was called with an async Component from the plugin "${link.intlLabel.defaultMessage}". This will be removed in the future. Please use: \`Component: () => import(path)\` ensuring you return a default export instead.
-      `.trim()
-      );
-    }
-    if (link.to.startsWith("/")) {
-      console.warn(
-        `[${link.intlLabel.defaultMessage}]: the \`to\` property of your settings link is an absolute path. It should be relative to \`/settings\`. This has been corrected for you but will be removed in a future version of Strapi.`
-      );
-      link.to = link.to.slice(1);
-    }
-    if (link.to.split("/")[0] === "settings") {
-      console.warn(
-        `[${link.intlLabel.defaultMessage}]: the \`to\` property of your settings link has \`settings\` as the first part of it's path. It should be relative to \`settings\` and therefore, not include it. This has been corrected for you but will be removed in a future version of Strapi.`
-      );
-      link.to = link.to.split("/").slice(1).join("/");
-    }
-    this.settings[sectionId].links.push({
-      ...link,
-      Component: React.lazy(async () => {
-        const mod = await link.Component();
-        if ("default" in mod) {
-          return mod;
-        } else {
-          return { default: mod };
-        }
-      })
-    });
-  };
+  addMenuLink = (link) => this.router.addMenuLink(link);
+  /**
+   * @deprecated use `addSettingsLink` instead, it internally supports
+   * adding multiple links at once.
+   */
   addSettingsLinks = (sectionId, links) => {
-    invariant(this.settings[sectionId], "The section does not exist");
     invariant(Array.isArray(links), "TypeError expected links to be an array");
-    links.forEach((link) => {
-      this.addSettingsLink(sectionId, link);
-    });
+    this.router.addSettingsLink(sectionId, links);
+  };
+  /**
+   * @deprecated use `addSettingsLink` instead, you can pass a section object to
+   * create the section and links at the same time.
+   */
+  createSettingSection = (section, links) => this.router.addSettingsLink(section, links);
+  addSettingsLink = (sectionId, link) => {
+    this.router.addSettingsLink(sectionId, link);
   };
   async bootstrap(customBootstrap) {
     Object.keys(this.appPlugins).forEach((plugin) => {
@@ -3670,19 +3897,6 @@ class StrapiApp {
   createHook = (name) => {
     this.hooksDict[name] = createHook();
   };
-  createSettingSection = (section, links) => {
-    invariant(section.id, "section.id should be defined");
-    invariant(
-      section.intlLabel?.id && section.intlLabel?.defaultMessage,
-      "section.intlLabel should be defined"
-    );
-    invariant(Array.isArray(links), "TypeError expected links to be an array");
-    invariant(this.settings[section.id] === void 0, "A similar section already exists");
-    this.settings[section.id] = { ...section, links: [] };
-    links.forEach((link) => {
-      this.addSettingsLink(section.id, link);
-    });
-  };
   getAdminInjectedComponents = (moduleName, containerName, blockName) => {
     try {
       return this.admin.injectionZones[moduleName][containerName][blockName] || [];
@@ -3692,16 +3906,19 @@ class StrapiApp {
     }
   };
   getPlugin = (pluginId) => this.plugins[pluginId];
-  async register() {
+  async register(customRegister) {
     Object.keys(this.appPlugins).forEach((plugin) => {
       this.appPlugins[plugin].register(this);
     });
+    if (isFunction(customRegister)) {
+      customRegister(this);
+    }
   }
   async loadAdminTrads() {
     const adminLocales = await Promise.all(
       this.configurations.locales.map(async (locale) => {
         try {
-          const { default: data } = await __variableDynamicImportRuntimeHelper((/* #__PURE__ */ Object.assign({"./translations/ar.json": () => import('./ar-gTQs8p7A.mjs'),"./translations/ca.json": () => import('./ca-A-U5stlG.mjs'),"./translations/cs.json": () => import('./cs-iYqoHUVt.mjs'),"./translations/de.json": () => import('./de-uZBjRd6a.mjs'),"./translations/dk.json": () => import('./dk-nXAO32DE.mjs'),"./translations/en.json": () => import('./en-K35WIWVM.mjs'),"./translations/es.json": () => import('./es-i0dEHPPQ.mjs'),"./translations/eu.json": () => import('./eu-wFmYHERY.mjs'),"./translations/fr.json": () => import('./fr-OI7VyC_k.mjs'),"./translations/gu.json": () => import('./gu-zSaMc-a6.mjs'),"./translations/he.json": () => import('./he-YzAGShlQ.mjs'),"./translations/hi.json": () => import('./hi-ZQ4t6UdY.mjs'),"./translations/hu.json": () => import('./hu-O1FJoY8c.mjs'),"./translations/id.json": () => import('./id-Lb_0kPQU.mjs'),"./translations/it.json": () => import('./it-136monzD.mjs'),"./translations/ja.json": () => import('./ja-0-FUC0T4.mjs'),"./translations/ko.json": () => import('./ko-H3Y8GpnD.mjs'),"./translations/ml.json": () => import('./ml-NPdcpJoN.mjs'),"./translations/ms.json": () => import('./ms-v9c434YI.mjs'),"./translations/nl.json": () => import('./nl-qHmOt3d1.mjs'),"./translations/no.json": () => import('./no-XGZQN-Ji.mjs'),"./translations/pl.json": () => import('./pl-Id5YX-Pw.mjs'),"./translations/pt-BR.json": () => import('./pt-BR-0o0Gf-P8.mjs'),"./translations/pt.json": () => import('./pt-f52AXrxz.mjs'),"./translations/ru.json": () => import('./ru-FpmG9SEf.mjs'),"./translations/sa.json": () => import('./sa-KUwV8aRB.mjs'),"./translations/sk.json": () => import('./sk-g_1C955P.mjs'),"./translations/sv.json": () => import('./sv-lzyY1dsz.mjs'),"./translations/th.json": () => import('./th-7LJ9Y8EL.mjs'),"./translations/tr.json": () => import('./tr-09v-DLMg.mjs'),"./translations/uk.json": () => import('./uk-38IblmOr.mjs'),"./translations/vi.json": () => import('./vi-ryNZtXtk.mjs'),"./translations/zh-Hans.json": () => import('./zh-Hans-HlxDUeVA.mjs'),"./translations/zh.json": () => import('./zh-WEteLuNm.mjs')})), `./translations/${locale}.json`);
+          const { default: data } = await __variableDynamicImportRuntimeHelper((/* #__PURE__ */ Object.assign({"./translations/ar.json": () => import('./ar-gTQs8p7A.mjs'),"./translations/ca.json": () => import('./ca-A-U5stlG.mjs'),"./translations/cs.json": () => import('./cs-iYqoHUVt.mjs'),"./translations/de.json": () => import('./de-uZBjRd6a.mjs'),"./translations/dk.json": () => import('./dk-nXAO32DE.mjs'),"./translations/en.json": () => import('./en-0Ld-ipyI.mjs'),"./translations/es.json": () => import('./es-i0dEHPPQ.mjs'),"./translations/eu.json": () => import('./eu-wFmYHERY.mjs'),"./translations/fr.json": () => import('./fr-OI7VyC_k.mjs'),"./translations/gu.json": () => import('./gu-zSaMc-a6.mjs'),"./translations/he.json": () => import('./he-YzAGShlQ.mjs'),"./translations/hi.json": () => import('./hi-ZQ4t6UdY.mjs'),"./translations/hu.json": () => import('./hu-O1FJoY8c.mjs'),"./translations/id.json": () => import('./id-Lb_0kPQU.mjs'),"./translations/it.json": () => import('./it-136monzD.mjs'),"./translations/ja.json": () => import('./ja-0-FUC0T4.mjs'),"./translations/ko.json": () => import('./ko-H3Y8GpnD.mjs'),"./translations/ml.json": () => import('./ml-NPdcpJoN.mjs'),"./translations/ms.json": () => import('./ms-v9c434YI.mjs'),"./translations/nl.json": () => import('./nl-qHmOt3d1.mjs'),"./translations/no.json": () => import('./no-XGZQN-Ji.mjs'),"./translations/pl.json": () => import('./pl-Id5YX-Pw.mjs'),"./translations/pt-BR.json": () => import('./pt-BR-0o0Gf-P8.mjs'),"./translations/pt.json": () => import('./pt-f52AXrxz.mjs'),"./translations/ru.json": () => import('./ru-FpmG9SEf.mjs'),"./translations/sa.json": () => import('./sa-KUwV8aRB.mjs'),"./translations/sk.json": () => import('./sk-g_1C955P.mjs'),"./translations/sv.json": () => import('./sv-lzyY1dsz.mjs'),"./translations/th.json": () => import('./th-7LJ9Y8EL.mjs'),"./translations/tr.json": () => import('./tr-09v-DLMg.mjs'),"./translations/uk.json": () => import('./uk-38IblmOr.mjs'),"./translations/vi.json": () => import('./vi-ryNZtXtk.mjs'),"./translations/zh-Hans.json": () => import('./zh-Hans-HlxDUeVA.mjs'),"./translations/zh.json": () => import('./zh-WEteLuNm.mjs')})), `./translations/${locale}.json`);
           return { data, locale };
         } catch {
           return { data: null, locale };
@@ -3775,7 +3992,7 @@ class StrapiApp {
   render() {
     const localeNames = pick(languageNativeNames, this.configurations.locales || []);
     const locale = localStorage.getItem(LANGUAGE_LOCAL_STORAGE_KEY) || "en";
-    const store = configureStoreImpl(
+    this.store = configureStoreImpl(
       {
         admin_app: {
           permissions: merge({}, ADMIN_PERMISSIONS_CE, ADMIN_PERMISSIONS_EE),
@@ -3786,126 +4003,16 @@ class StrapiApp {
           language: {
             locale: localeNames[locale] ? locale : "en",
             localeNames
-          }
+          },
+          token: getStoredToken()
         }
       },
       this.middlewares,
       this.reducers
     );
-    const settingsRoutes = [...getEERoutes(), ...ROUTES_CE].filter(
-      (route, index, refArray) => refArray.findIndex((obj) => obj.path === route.path) === index
-    );
-    const router = createBrowserRouter(
-      [
-        {
-          path: "/*",
-          errorElement: /* @__PURE__ */ jsx(Provider$1, { store, children: /* @__PURE__ */ jsx(LanguageProvider, { messages: this.configurations.translations, children: /* @__PURE__ */ jsx(Theme, { themes: this.configurations.themes, children: /* @__PURE__ */ jsx(ErrorElement, {}) }) }) }),
-          element: /* @__PURE__ */ jsx(App, { strapi: this, store }),
-          children: [
-            {
-              path: "usecase",
-              lazy: async () => {
-                const { PrivateUseCasePage } = await import('./UseCasePage-P4AFdcDQ.mjs');
-                return {
-                  Component: PrivateUseCasePage
-                };
-              }
-            },
-            // this needs to go before auth/:authType because otherwise it won't match the route
-            ...getEERoutes$1(),
-            {
-              path: "auth/:authType",
-              element: /* @__PURE__ */ jsx(AuthPage, {})
-            },
-            {
-              path: "/*",
-              lazy: async () => {
-                const { PrivateAdminLayout } = await import('./AuthenticatedLayout-gOaUXjO8.mjs');
-                return {
-                  Component: PrivateAdminLayout
-                };
-              },
-              children: [
-                {
-                  index: true,
-                  lazy: async () => {
-                    const { HomePage } = await import('./HomePage-d4h0KEnw.mjs');
-                    return {
-                      Component: HomePage
-                    };
-                  }
-                },
-                {
-                  path: "me",
-                  lazy: async () => {
-                    const { ProfilePage } = await import('./ProfilePage-zk-Py9wt.mjs');
-                    return {
-                      Component: ProfilePage
-                    };
-                  }
-                },
-                {
-                  path: "list-plugins",
-                  lazy: async () => {
-                    const { ProtectedInstalledPluginsPage } = await import('./InstalledPluginsPage-nCdAsAAu.mjs');
-                    return {
-                      Component: ProtectedInstalledPluginsPage
-                    };
-                  }
-                },
-                {
-                  path: "marketplace",
-                  lazy: async () => {
-                    const { ProtectedMarketplacePage } = await import('./MarketplacePage-oGhZBKgX.mjs');
-                    return {
-                      Component: ProtectedMarketplacePage
-                    };
-                  }
-                },
-                {
-                  path: "settings/*",
-                  lazy: async () => {
-                    const { Layout } = await import('./Layout-Ax9QtxH1.mjs');
-                    return {
-                      Component: Layout
-                    };
-                  },
-                  children: [
-                    {
-                      path: "application-infos",
-                      lazy: async () => {
-                        const { ApplicationInfoPage } = await import('./ApplicationInfoPage-6PD2owY8.mjs');
-                        return {
-                          Component: ApplicationInfoPage
-                        };
-                      }
-                    },
-                    ...Object.values(this.settings).flatMap(
-                      ({ links }) => links.map(({ to, Component }) => ({
-                        path: `${to}/*`,
-                        element: /* @__PURE__ */ jsx(React.Suspense, { fallback: /* @__PURE__ */ jsx(Page.Loading, {}), children: /* @__PURE__ */ jsx(Component, {}) })
-                      }))
-                    ),
-                    ...settingsRoutes
-                  ]
-                },
-                ...this.menu.map(({ to, Component }) => ({
-                  path: `${to}/*`,
-                  element: /* @__PURE__ */ jsx(React.Suspense, { fallback: /* @__PURE__ */ jsx(Page.Loading, {}), children: /* @__PURE__ */ jsx(Component, {}) })
-                })),
-                {
-                  path: "*",
-                  element: /* @__PURE__ */ jsx(NotFoundPage, {})
-                }
-              ]
-            }
-          ]
-        }
-      ],
-      {
-        basename: getBasename()
-      }
-    );
+    const router = this.router.createRouter(this, {
+      basename: getBasename()
+    });
     return /* @__PURE__ */ jsx(RouterProvider, { router });
   }
 }
@@ -3967,7 +4074,7 @@ const renderAdmin = async (mountNode, { plugins, customisations, features }) =>
     config: customisations?.config,
     appPlugins: plugins
   });
-  await app.register();
+  await app.register(customisations?.register);
   await app.bootstrap(customisations?.bootstrap);
   await app.loadTrads(customisations?.config?.translations);
   createRoot(mountNode).render(app.render());
@@ -3978,13 +4085,12 @@ const renderAdmin = async (mountNode, { plugins, customisations, features }) =>
 
 const ConfirmDialog = ({
   children,
-  icon = /* @__PURE__ */ jsx(WarningCircle, {}),
-  onClose,
+  icon = /* @__PURE__ */ jsx(StyledWarning, {}),
   onConfirm,
-  variant = "danger",
+  variant = "danger-light",
   startAction,
   endAction,
-  ...props
+  title
 }) => {
   const { formatMessage } = useIntl();
   const [isConfirming, setIsConfirming] = React.useState(false);
@@ -3992,49 +4098,53 @@ const ConfirmDialog = ({
     id: "app.confirm.body",
     defaultMessage: "Are you sure?"
   });
-  const handleConfirm = async () => {
+  const handleConfirm = async (e) => {
     if (!onConfirm) {
       return;
     }
     try {
       setIsConfirming(true);
-      await onConfirm();
-      onClose();
+      await onConfirm(e);
     } finally {
       setIsConfirming(false);
     }
   };
-  return /* @__PURE__ */ jsxs(
-    Dialog,
-    {
-      title: formatMessage({
-        id: "app.components.ConfirmDialog.title",
-        defaultMessage: "Confirmation"
-      }),
-      onClose,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(DialogBody, { icon, children: typeof content === "string" ? /* @__PURE__ */ jsx(DefaultBodyWrapper, { children: content }) : content }),
-        /* @__PURE__ */ jsx(
-          DialogFooter,
-          {
-            startAction: startAction || /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "tertiary", children: formatMessage({
-              id: "app.components.Button.cancel",
-              defaultMessage: "Cancel"
-            }) }),
-            endAction: endAction || /* @__PURE__ */ jsx(Button, { onClick: handleConfirm, variant, loading: isConfirming, children: formatMessage({
-              id: "app.components.Button.confirm",
-              defaultMessage: "Confirm"
-            }) })
-          }
-        )
-      ]
-    }
-  );
-};
-const DefaultBodyWrapper = ({ children }) => {
-  return /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children }) }) });
+  return /* @__PURE__ */ jsxs(Dialog.Content, { children: [
+    /* @__PURE__ */ jsx(Dialog.Header, { children: title || formatMessage({
+      id: "app.components.ConfirmDialog.title",
+      defaultMessage: "Confirmation"
+    }) }),
+    /* @__PURE__ */ jsx(Dialog.Body, { icon, children: content }),
+    /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
+      startAction || /* @__PURE__ */ jsx(Dialog.Cancel, { children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          fullWidth: true,
+          variant: "tertiary",
+          onClick: (e) => {
+            e.stopPropagation();
+          },
+          children: formatMessage({
+            id: "app.components.Button.cancel",
+            defaultMessage: "Cancel"
+          })
+        }
+      ) }),
+      endAction || /* @__PURE__ */ jsx(Dialog.Action, { children: /* @__PURE__ */ jsx(Button, { fullWidth: true, onClick: handleConfirm, variant, loading: isConfirming, children: formatMessage({
+        id: "app.components.Button.confirm",
+        defaultMessage: "Confirm"
+      }) }) })
+    ] })
+  ] });
 };
+const StyledWarning = styled(WarningCircle)`
+  width: 24px;
+  height: 24px;
+
+  path {
+    fill: ${({ theme }) => theme.colors.danger600};
+  }
+`;
 
 const useIsMounted = () => {
   const isMounted = React.useRef(false);
@@ -4299,6 +4409,7 @@ const STRING_PARSE_FILTERS = [
     value: "$endsWithi"
   }
 ];
+const FILTERS_WITH_NO_VALUE = ["$null", "$notNull"];
 
 function useControllableState({
   prop,
@@ -4376,90 +4487,78 @@ const Root$2 = ({
   children,
   disabled = false,
   onChange,
+  options = [],
   onOpenChange,
   open: openProp,
   defaultOpen,
-  options = []
+  ...restProps
 }) => {
-  const [triggerNode, setTriggerNode] = React.useState(null);
-  const [open = false, setOpen] = useControllableState({
-    prop: openProp,
-    defaultProp: defaultOpen,
-    onChange: onOpenChange
-  });
   const handleChange = (data) => {
     if (onChange) {
       onChange(data);
     }
   };
-  return /* @__PURE__ */ jsx(
+  const [open = false, setOpen] = useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  return /* @__PURE__ */ jsx(Popover.Root, { open, onOpenChange: setOpen, ...restProps, children: /* @__PURE__ */ jsx(
     FiltersProvider,
     {
+      setOpen,
       disabled,
       onChange: handleChange,
-      open,
       options,
-      setOpen,
-      setTriggerNode,
-      triggerNode,
       children
     }
-  );
+  ) });
 };
 const Trigger = React.forwardRef(
   ({ label }, forwardedRef) => {
     const { formatMessage } = useIntl();
-    const { setTriggerNode, setOpen } = useFilters("Trigger", ({ setTriggerNode: setTriggerNode2, setOpen: setOpen2 }) => ({
-      setTriggerNode: setTriggerNode2,
-      setOpen: setOpen2
-    }));
     const disabled = useFilters("Trigger", ({ disabled: disabled2 }) => disabled2);
-    const open = useFilters("Trigger", ({ open: open2 }) => open2);
-    const composedRefs = useComposedRefs(forwardedRef, setTriggerNode);
-    const handleClick = () => setOpen(!open);
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(Popover.Trigger, { children: /* @__PURE__ */ jsx(
       Button,
       {
         variant: "tertiary",
-        ref: composedRefs,
+        ref: forwardedRef,
         startIcon: /* @__PURE__ */ jsx(Filter, {}),
-        onClick: handleClick,
         size: "S",
         disabled,
         children: label || formatMessage({ id: "app.utils.filters", defaultMessage: "Filters" })
       }
-    );
+    ) });
   }
 );
 const PopoverImpl = () => {
   const [{ query }, setQuery] = useQueryParams();
   const { formatMessage } = useIntl();
-  const open = useFilters("Popover", ({ open: open2 }) => open2);
   const options = useFilters("Popover", ({ options: options2 }) => options2);
-  const triggerNode = useFilters("Popover", ({ triggerNode: triggerNode2 }) => triggerNode2);
-  const setOpen = useFilters("Popover", ({ setOpen: setOpen2 }) => setOpen2);
   const onChange = useFilters("Popover", ({ onChange: onChange2 }) => onChange2);
-  if (!open || options.length === 0 || !triggerNode) {
+  const setOpen = useFilters("Popover", ({ setOpen: setOpen2 }) => setOpen2);
+  if (options.length === 0) {
     return null;
   }
   const handleSubmit = (data) => {
-    if (!data.value) {
+    const value = FILTERS_WITH_NO_VALUE.includes(data.filter) ? "true" : data.value;
+    if (!value) {
       return;
     }
     if (onChange) {
       onChange(data);
     }
-    const filterType = options.find((filter) => filter.name === data.name).type;
+    const fieldOptions = options.find((filter) => filter.name === data.name);
     const operatorValuePairing = {
-      [data.filter]: data.value
+      [data.filter]: value
     };
     const newFilterQuery = {
       ...query.filters,
       $and: [
         ...query.filters?.$and ?? [],
         {
-          [data.name]: filterType === "relation" ? {
-            id: operatorValuePairing
+          [data.name]: fieldOptions.type === "relation" ? {
+            [fieldOptions.mainField?.name ?? "id"]: operatorValuePairing
           } : operatorValuePairing
         }
       ]
@@ -4467,89 +4566,79 @@ const PopoverImpl = () => {
     setQuery({ filters: newFilterQuery, page: 1 });
     setOpen(false);
   };
-  return /* @__PURE__ */ jsx(
-    PopoverPrimitives.Content,
+  return /* @__PURE__ */ jsx(Popover.Content, { children: /* @__PURE__ */ jsx(Box, { padding: 3, children: /* @__PURE__ */ jsx(
+    Form,
     {
-      source: { current: triggerNode },
-      onDismiss: () => setOpen(false),
-      padding: 3,
-      spacing: 4,
-      maxHeight: "unset",
-      children: /* @__PURE__ */ jsx(
-        Form,
-        {
-          method: "POST",
-          initialValues: {
-            name: options[0]?.name,
-            filter: BASE_FILTERS[0].value
-          },
-          onSubmit: handleSubmit,
-          children: ({ values: formValues, modified, isSubmitting }) => {
-            const filter = options.find((filter2) => filter2.name === formValues.name);
-            const Input = filter?.input || MemoizedInputRenderer;
-            return /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 2, style: { minWidth: 184 }, children: [
-              [
-                {
-                  ["aria-label"]: formatMessage({
-                    id: "app.utils.select-field",
-                    defaultMessage: "Select field"
-                  }),
-                  name: "name",
-                  options: options.map((filter2) => ({
-                    label: filter2.label,
-                    value: filter2.name
-                  })),
-                  placholder: formatMessage({
-                    id: "app.utils.select-field",
-                    defaultMessage: "Select field"
-                  }),
-                  type: "enumeration"
-                },
-                {
-                  ["aria-label"]: formatMessage({
-                    id: "app.utils.select-filter",
-                    defaultMessage: "Select filter"
-                  }),
-                  name: "filter",
-                  options: filter?.operators || getFilterList(filter).map((opt) => ({
-                    label: formatMessage(opt.label),
-                    value: opt.value
-                  })),
-                  placeholder: formatMessage({
-                    id: "app.utils.select-filter",
-                    defaultMessage: "Select filter"
-                  }),
-                  type: "enumeration"
-                }
-              ].map((field) => /* @__PURE__ */ jsx(MemoizedInputRenderer, { ...field }, field.name)),
-              filter && formValues.filter && formValues.filter !== "$null" && formValues.filter !== "$notNull" ? /* @__PURE__ */ jsx(
-                Input,
-                {
-                  ...filter,
-                  label: null,
-                  "aria-label": filter.label,
-                  name: "value",
-                  type: filter.mainField?.type ?? filter.type
-                }
-              ) : null,
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  disabled: !modified || isSubmitting,
-                  size: "L",
-                  variant: "secondary",
-                  startIcon: /* @__PURE__ */ jsx(Plus, {}),
-                  type: "submit",
-                  fullWidth: true,
-                  children: formatMessage({ id: "app.utils.add-filter", defaultMessage: "Add filter" })
-                }
-              )
-            ] });
-          }
-        }
-      )
+      method: "POST",
+      initialValues: {
+        name: options[0]?.name,
+        filter: BASE_FILTERS[0].value
+      },
+      onSubmit: handleSubmit,
+      children: ({ values: formValues, modified, isSubmitting }) => {
+        const filter = options.find((filter2) => filter2.name === formValues.name);
+        const Input = filter?.input || MemoizedInputRenderer;
+        return /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 2, style: { minWidth: 184 }, children: [
+          [
+            {
+              ["aria-label"]: formatMessage({
+                id: "app.utils.select-field",
+                defaultMessage: "Select field"
+              }),
+              name: "name",
+              options: options.map((filter2) => ({
+                label: filter2.label,
+                value: filter2.name
+              })),
+              placholder: formatMessage({
+                id: "app.utils.select-field",
+                defaultMessage: "Select field"
+              }),
+              type: "enumeration"
+            },
+            {
+              ["aria-label"]: formatMessage({
+                id: "app.utils.select-filter",
+                defaultMessage: "Select filter"
+              }),
+              name: "filter",
+              options: filter?.operators || getFilterList(filter).map((opt) => ({
+                label: formatMessage(opt.label),
+                value: opt.value
+              })),
+              placeholder: formatMessage({
+                id: "app.utils.select-filter",
+                defaultMessage: "Select filter"
+              }),
+              type: "enumeration"
+            }
+          ].map((field) => /* @__PURE__ */ jsx(MemoizedInputRenderer, { ...field }, field.name)),
+          filter && formValues.filter && formValues.filter !== "$null" && formValues.filter !== "$notNull" ? /* @__PURE__ */ jsx(
+            Input,
+            {
+              ...filter,
+              label: null,
+              "aria-label": filter.label,
+              name: "value",
+              type: filter.mainField?.type ?? filter.type
+            }
+          ) : null,
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              disabled: !modified || isSubmitting,
+              size: "L",
+              variant: "secondary",
+              startIcon: /* @__PURE__ */ jsx(Plus, {}),
+              type: "submit",
+              fullWidth: true,
+              children: formatMessage({ id: "app.utils.add-filter", defaultMessage: "Add filter" })
+            }
+          )
+        ] });
+      }
     }
-  );
+  ) }) });
 };
 const getFilterList = (filter) => {
   if (!filter) {
@@ -4559,7 +4648,6 @@ const getFilterList = (filter) => {
   switch (type) {
     case "email":
     case "text":
-    case "enumeration":
     case "string": {
       return [
         ...BASE_FILTERS,
@@ -4581,6 +4669,9 @@ const getFilterList = (filter) => {
     case "datetime": {
       return [...BASE_FILTERS, ...NUMERIC_FILTERS];
     }
+    case "enumeration": {
+      return BASE_FILTERS;
+    }
     default:
       return [...BASE_FILTERS, ...IS_SENSITIVE_FILTERS];
   }
@@ -4733,18 +4824,28 @@ const Root$1 = React.forwardRef(
         onPageSizeChange(pageSize);
       }
     };
-    return /* @__PURE__ */ jsx(Flex, { ref: forwardedRef, paddingTop: 4, alignItems: "flex-end", justifyContent: "space-between", children: /* @__PURE__ */ jsx(
-      PaginationProvider,
+    return /* @__PURE__ */ jsx(
+      Flex,
       {
-        currentQuery: query,
-        page: query.page,
-        pageSize: query.pageSize,
-        pageCount: pageCount.toString(),
-        setPageSize,
-        total,
-        children
+        ref: forwardedRef,
+        paddingTop: 4,
+        paddingBottom: 4,
+        alignItems: "flex-end",
+        justifyContent: "space-between",
+        children: /* @__PURE__ */ jsx(
+          PaginationProvider,
+          {
+            currentQuery: query,
+            page: query.page,
+            pageSize: query.pageSize,
+            pageCount: pageCount.toString(),
+            setPageSize,
+            total,
+            children
+          }
+        )
       }
-    ) });
+    );
   }
 );
 const PageSize = ({ options = ["10", "20", "50", "100"] }) => {
@@ -4920,7 +5021,7 @@ const SearchInput = ({
       disabled,
       label: formatMessage({ id: "global.search", defaultMessage: "Search" }),
       onClick: handleToggle,
-      children: /* @__PURE__ */ jsx(Search, { fill: "neutral800" })
+      children: /* @__PURE__ */ jsx(Search, {})
     }
   );
 };
@@ -5059,16 +5160,15 @@ const HeaderCheckboxCell = () => {
     }
   };
   return /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(
-    BaseCheckbox,
+    Checkbox,
     {
       "aria-label": formatMessage({
         id: "global.select-all-entries",
         defaultMessage: "Select all entries"
       }),
       disabled: rows.length === 0,
-      checked: areAllEntriesSelected,
-      indeterminate: isIndeterminate,
-      onChange: handleSelectAll
+      checked: isIndeterminate ? "indeterminate" : areAllEntriesSelected,
+      onCheckedChange: handleSelectAll
     }
   ) });
 };
@@ -5112,7 +5212,9 @@ const Body = ({ children }) => {
 const Row = (props) => {
   return /* @__PURE__ */ jsx(Tr, { ...props });
 };
-const Cell = Td;
+const Cell = (props) => {
+  return /* @__PURE__ */ jsx(Td, { ...props });
+};
 const CheckboxCell = ({ id, ...props }) => {
   const rows = useTable("CheckboxCell", (state) => state.rows);
   const selectedRows = useTable("CheckboxCell", (state) => state.selectedRows);
@@ -5123,7 +5225,7 @@ const CheckboxCell = ({ id, ...props }) => {
   };
   const isChecked = selectedRows.findIndex((row) => row.id === id) > -1;
   return /* @__PURE__ */ jsx(Cell, { ...props, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
-    BaseCheckbox,
+    Checkbox,
     {
       "aria-label": formatMessage(
         {
@@ -5134,7 +5236,7 @@ const CheckboxCell = ({ id, ...props }) => {
       ),
       disabled: rows.length === 0,
       checked: isChecked,
-      onChange: handleSelectRow
+      onCheckedChange: handleSelectRow
     }
   ) });
 };
@@ -5350,5 +5452,5 @@ const {
 } = usersService;
 const useAdminUsers = useGetUsersQuery;
 
-export { isObject as A, BackButton as B, ConfirmDialog as C, useInjectReducer as D, useFocusInputField as E, Form as F, renderAdmin as G, DescriptionComponentRenderer as H, Blocker as I, getYupValidationErrors as J, useTable as K, LayoutContent as L, MemoizedInputRenderer as M, NpsSurvey as N, constants as O, Pagination as P, SearchInput as S, Table as T, UnauthenticatedLayout as U, Logo as a, Layouts as b, useGetRolesQuery as c, Login as d, errorsTrads as e, useGetRolePermissionLayoutQuery as f, useGetRolePermissionsQuery as g, useCreateRoleMutation as h, useUpdateRolePermissionsMutation as i, useUpdateUserMutation as j, useAdminUsers as k, useGuidedTour as l, getBasename as m, Column as n, useQueryParams as o, useFetchClient as p, useUpdateRoleMutation as q, SETTINGS_LINKS_CE as r, useCreateUserMutation as s, useDeleteManyUsersMutation as t, useField as u, Filters as v, useClipboard as w, useForm as x, MemoizedStringInput as y, StrapiLogo as z };
-//# sourceMappingURL=index-EQL2s09p.mjs.map
+export { useInjectReducer as A, BackButton as B, ConfirmDialog as C, useFocusInputField as D, renderAdmin as E, Form as F, DescriptionComponentRenderer as G, Blocker as H, getYupValidationErrors as I, useTable as J, constants as K, LayoutContent as L, MemoizedInputRenderer as M, NpsSurvey as N, Pagination as P, SearchInput as S, Table as T, UnauthenticatedLayout as U, Logo as a, Layouts as b, useGetRolesQuery as c, Login as d, errorsTrads as e, useGetRolePermissionLayoutQuery as f, useGetRolePermissionsQuery as g, useCreateRoleMutation as h, useUpdateRolePermissionsMutation as i, useUpdateUserMutation as j, useAdminUsers as k, useGuidedTour as l, getBasename as m, Column as n, useQueryParams as o, useFetchClient as p, useUpdateRoleMutation as q, SETTINGS_LINKS_CE as r, useCreateUserMutation as s, useDeleteManyUsersMutation as t, useField as u, Filters as v, useClipboard as w, useForm as x, MemoizedStringInput as y, StrapiLogo as z };
+//# sourceMappingURL=index-f6STHGSC.mjs.map