@strapi/admin 5.0.0-beta.2 → 5.0.0-beta.4

package/dist/admin/{index-tmvI3DXu.js → index-e8PHZx2A.js}

@@ -10,7 +10,7 @@ const merge = require('lodash/merge');
 const pick = require('lodash/pick');
 const reactRedux = require('react-redux');
 const reactRouterDom = require('react-router-dom');
-const Theme = require('./Theme-j7r62OPn.js');
+const rbac = require('./rbac-WZsv1761.js');
 const reactQuery = require('react-query');
 const v2 = require('@strapi/design-system/v2');
 const icons = require('@strapi/icons');
@@ -20,7 +20,7 @@ const get = require('lodash/get');
 const set = require('lodash/set');
 const styled = require('styled-components');
 const toolkit = require('@reduxjs/toolkit');
-const admin = require('./admin-vcfA8Zox.js');
+const admin = require('./admin-vlKSOeHB.js');
 const useEnterprise = require('./useEnterprise-DUs6BYlP.js');
 const camelCase = require('lodash/camelCase');
 const yup = require('yup');
@@ -104,7 +104,7 @@ const getEERoutes$1 = () => window.strapi.isEE ? [
   {
     path: "auth/login/:authResponse",
     lazy: async () => {
-      const { AuthResponse } = await Promise.resolve().then(() => require('./AuthResponse-j4iu1hDd.js'));
+      const { AuthResponse } = await Promise.resolve().then(() => require('./AuthResponse-kdo9DYPT.js'));
       return {
         Component: AuthResponse
       };
@@ -144,7 +144,7 @@ const getEERoutes = () => [
     {
       path: "audit-logs",
       lazy: async () => {
-        const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-BjjqJKzh.js'));
+        const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-brwMJDfa.js'));
         return {
           Component: ProtectedListPage
         };
@@ -155,7 +155,7 @@ const getEERoutes = () => [
     {
       path: "single-sign-on",
       lazy: async () => {
-        const { ProtectedSSO } = await Promise.resolve().then(() => require('./SingleSignOnPage-EIJNDHZ1.js'));
+        const { ProtectedSSO } = await Promise.resolve().then(() => require('./SingleSignOnPage-dKN-oVc8.js'));
         return {
           Component: ProtectedSSO
         };
@@ -164,7 +164,7 @@ const getEERoutes = () => [
   ] : []
 ];
 
-const [Provider, useHistory] = Theme.createContext("History", {
+const [Provider, useHistory] = rbac.createContext("History", {
   history: [],
   currentLocationIndex: 0,
   currentLocation: "",
@@ -274,7 +274,7 @@ const BackButton = React__namespace.forwardRef(({ disabled }, ref) => {
 const GUIDED_TOUR_COMPLETED_STEPS = "GUIDED_TOUR_COMPLETED_STEPS";
 const GUIDED_TOUR_CURRENT_STEP = "GUIDED_TOUR_CURRENT_STEP";
 const GUIDED_TOUR_SKIPPED = "GUIDED_TOUR_SKIPPED";
-const [GuidedTourProviderImpl, useGuidedTour] = Theme.createContext("GuidedTour");
+const [GuidedTourProviderImpl, useGuidedTour] = rbac.createContext("GuidedTour");
 const GuidedTourProvider = ({ children }) => {
   const [{ currentStep, guidedTourState, isGuidedTourVisible, isSkipped }, dispatch] = React__namespace.useReducer(reducer$1, initialState, initialiseState);
   const setCurrentStep = (step) => {
@@ -446,8 +446,8 @@ const queryClient = new reactQuery.QueryClient({
   }
 });
 const Providers = ({ children, strapi, store }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(reactRedux.Provider, { store, children: /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntime.jsx(Theme.AuthProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(HistoryProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(Theme.LanguageProvider, { messages: strapi.configurations.translations, children: /* @__PURE__ */ jsxRuntime.jsx(Theme.Theme, { themes: strapi.configurations.themes, children: /* @__PURE__ */ jsxRuntime.jsx(Theme.NotificationsProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    Theme.StrapiAppProvider,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    rbac.StrapiAppProvider,
     {
       components: strapi.library.components,
       customFields: strapi.customFields,
@@ -456,14 +456,13 @@ const Providers = ({ children, strapi, store }) => {
       getAdminInjectedComponents: strapi.getAdminInjectedComponents,
       getPlugin: strapi.getPlugin,
       plugins: strapi.plugins,
+      rbac: strapi.rbac,
       runHookParallel: strapi.runHookParallel,
-      runHookWaterfall: (name, initialValue) => {
-        return strapi.runHookWaterfall(name, initialValue, store);
-      },
+      runHookWaterfall: (name, initialValue) => strapi.runHookWaterfall(name, initialValue, store),
       runHookSeries: strapi.runHookSeries,
       settings: strapi.settings,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Theme.TrackingProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(GuidedTourProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
-        Theme.ConfigurationProvider,
+      children: /* @__PURE__ */ jsxRuntime.jsx(reactRedux.Provider, { store, children: /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntime.jsx(rbac.AuthProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(HistoryProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(rbac.LanguageProvider, { messages: strapi.configurations.translations, children: /* @__PURE__ */ jsxRuntime.jsx(rbac.Theme, { themes: strapi.configurations.themes, children: /* @__PURE__ */ jsxRuntime.jsx(rbac.NotificationsProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(rbac.TrackingProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(GuidedTourProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        rbac.ConfigurationProvider,
         {
           defaultAuthLogo: strapi.configurations.authLogo,
           defaultMenuLogo: strapi.configurations.menuLogo,
@@ -471,19 +470,19 @@ const Providers = ({ children, strapi, store }) => {
           showReleaseNotification: strapi.configurations.notifications.releases,
           children
         }
-      ) }) })
+      ) }) }) }) }) }) }) }) }) })
     }
-  ) }) }) }) }) }) }) });
+  );
 };
 
 const App = ({ strapi, store }) => {
   React.useEffect(() => {
-    const language = localStorage.getItem(Theme.LANGUAGE_LOCAL_STORAGE_KEY) || "en";
+    const language = localStorage.getItem(rbac.LANGUAGE_LOCAL_STORAGE_KEY) || "en";
     if (language) {
       document.documentElement.lang = language;
     }
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(Providers, { strapi, store, children: /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(Theme.Page.Loading, {}), children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Outlet, {}) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Providers, { strapi, store, children: /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(rbac.Page.Loading, {}), children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Outlet, {}) }) });
 };
 
 const StrapiLogo = "data:image/svg+xml,%3csvg%20width='800'%20height='800'%20viewBox='0%200%20800%20800'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M39%20282c0-118%200-176.9%2036.6-213.5C112.2%2032%20171.1%2032%20288.9%2032h221.2c117.8%200%20176.7%200%20213.3%2036.6C760%20105.2%20760%20164.1%20760%20281.9v221.2c0%20117.8%200%20176.7-36.6%20213.3C686.8%20753%20627.9%20753%20510.1%20753H288.9c-117.8%200-176.7%200-213.3-36.6C39%20679.8%2039%20620.9%2039%20503.1V281.9Z'%20fill='%234945FF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M536.4%20250.7H293.7v123.8h123.8v123.7h123.8V255.5c0-2.6-2.2-4.8-4.9-4.8Z'%20fill='%23fff'/%3e%3cpath%20fill='%23fff'%20d='M412.7%20374.5h4.8v4.8h-4.8z'/%3e%3cpath%20d='M293.8%20374.5h119c2.6%200%204.8%202.1%204.8%204.8v119h-119a4.8%204.8%200%200%201-4.8-4.9v-119Z'%20fill='%239593FF'/%3e%3cpath%20d='M417.5%20498.2h123.8L421.6%20618a2.4%202.4%200%200%201-4-1.7v-118ZM293.8%20374.5h-118a2.4%202.4%200%200%201-1.7-4.1l119.7-119.7v123.8Z'%20fill='%239593FF'/%3e%3c/svg%3e";
@@ -736,17 +735,6 @@ const SETTINGS_LINKS_CE = () => ({
         id: "sso-purchase-page",
         lockIcon: true
       }
-    ] : [],
-    ...!window.strapi.features.isEnabled(window.strapi.features.REVIEW_WORKFLOWS) && window.strapi?.flags?.promoteEE ? [
-      {
-        intlLabel: {
-          id: "Settings.review-workflows.page.title",
-          defaultMessage: "Review Workflows"
-        },
-        to: "/settings/purchase-review-workflows",
-        id: "review-workflows-purchase-page",
-        lockIcon: true
-      }
     ] : []
   ],
   admin: [
@@ -901,7 +889,7 @@ class Plugin {
 
 const staticReducers = {
   [admin.adminApi.reducerPath]: admin.adminApi.reducer,
-  admin_app: Theme.reducer
+  admin_app: rbac.reducer
 };
 const injectReducerStoreEnhancer = (appReducers) => (next) => (...args) => {
   const store = next(...args);
@@ -1027,7 +1015,7 @@ function setIn(obj, path, value) {
 }
 
 const ERR_MSG = "The Form Component has not been initialised, ensure you are using this hook within a Form component";
-const [FormProvider, useForm] = Theme.createContext("Form", {
+const [FormProvider, useForm] = rbac.createContext("Form", {
   disabled: false,
   errors: {},
   initialValues: {},
@@ -1138,7 +1126,7 @@ const Form = React__namespace.forwardRef(
           } else {
             if (process.env.NODE_ENV !== "production") {
               console.warn(
-                `Warning: An unhandled error was caught during validation in <Formik validationSchema />`,
+                `Warning: An unhandled error was caught during validation in <Form validationSchema />`,
                 err
               );
             }
@@ -1297,6 +1285,7 @@ const Form = React__namespace.forwardRef(
           disabled,
           onChange: handleChange,
           ...state,
+          setErrors,
           resetForm
         }) : props.children
       }
@@ -1421,14 +1410,20 @@ const useField = (path) => {
 const isErrorMessageDescriptor = (object) => {
   return typeof object === "object" && object !== null && "id" in object && "defaultMessage" in object;
 };
-const Blocker = () => {
+const Blocker = ({ onProceed = () => {
+}, onCancel = () => {
+} }) => {
   const { formatMessage } = reactIntl.useIntl();
   const modified = useForm("Blocker", (state) => state.modified);
   const isSubmitting = useForm("Blocker", (state) => state.isSubmitting);
-  const blocker = reactRouterDom.useBlocker(
-    ({ currentLocation, nextLocation }) => !isSubmitting && modified && currentLocation.pathname !== nextLocation.pathname
-  );
+  const blocker = reactRouterDom.useBlocker(({ currentLocation, nextLocation }) => {
+    return !isSubmitting && modified && (currentLocation.pathname !== nextLocation.pathname || currentLocation.search !== nextLocation.search);
+  });
   if (blocker.state === "blocked") {
+    const handleCancel = () => {
+      onCancel();
+      blocker.reset();
+    };
     return /* @__PURE__ */ jsxRuntime.jsxs(
       designSystem.Dialog,
       {
@@ -1437,7 +1432,7 @@ const Blocker = () => {
           id: "app.components.ConfirmDialog.title",
           defaultMessage: "Confirmation"
         }),
-        onClose: () => blocker.reset(),
+        onClose: handleCancel,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.DialogBody, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, children: [
             /* @__PURE__ */ jsxRuntime.jsx(designSystem.Icon, { as: icons.ExclamationMarkCircle, width: "24px", height: "24px", color: "danger600" }),
@@ -1449,14 +1444,24 @@ const Blocker = () => {
           /* @__PURE__ */ jsxRuntime.jsx(
             designSystem.DialogFooter,
             {
-              startAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: () => blocker.reset(), variant: "tertiary", children: formatMessage({
+              startAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleCancel, variant: "tertiary", children: formatMessage({
                 id: "app.components.Button.cancel",
                 defaultMessage: "Cancel"
               }) }),
-              endAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: () => blocker.proceed(), variant: "danger", children: formatMessage({
-                id: "app.components.Button.confirm",
-                defaultMessage: "Confirm"
-              }) })
+              endAction: /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Button,
+                {
+                  onClick: () => {
+                    onProceed();
+                    blocker.proceed();
+                  },
+                  variant: "danger",
+                  children: formatMessage({
+                    id: "app.components.Button.confirm",
+                    defaultMessage: "Confirm"
+                  })
+                }
+              )
             }
           )
         ]
@@ -1858,7 +1863,7 @@ const Img = styled__default.default.img`
 const Logo = () => {
   const {
     logos: { auth }
-  } = Theme.useConfiguration("UnauthenticatedLogo");
+  } = rbac.useConfiguration("UnauthenticatedLogo");
   return /* @__PURE__ */ jsxRuntime.jsx(Img, { src: auth?.custom?.url || auth.default, "aria-hidden": true, alt: "" });
 };
 
@@ -1870,8 +1875,8 @@ const Column = styled__default.default(designSystem.Flex)`
   flex-direction: column;
 `;
 const LocaleToggle = () => {
-  const localeNames = Theme.useTypedSelector((state) => state.admin_app.language.localeNames);
-  const dispatch = Theme.useTypedDispatch();
+  const localeNames = rbac.useTypedSelector((state) => state.admin_app.language.localeNames);
+  const dispatch = rbac.useTypedDispatch();
   const { formatMessage, locale } = reactIntl.useIntl();
   return /* @__PURE__ */ jsxRuntime.jsx(
     designSystem.SingleSelect,
@@ -1882,7 +1887,7 @@ const LocaleToggle = () => {
       }),
       value: locale,
       onChange: (language) => {
-        dispatch(Theme.setLocale(language));
+        dispatch(rbac.setLocale(language));
       },
       children: Object.entries(localeNames).map(([language, name]) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: language, children: name }, language))
     }
@@ -1973,7 +1978,7 @@ const Login = ({ children }) => {
   const { search: searchString } = reactRouterDom.useLocation();
   const query = React__namespace.useMemo(() => new URLSearchParams(searchString), [searchString]);
   const navigate = reactRouterDom.useNavigate();
-  const login = Theme.useAuth("Login", (state) => state.login);
+  const login = rbac.useAuth("Login", (state) => state.login);
   const handleLogin = async (body) => {
     setApiError(void 0);
     const res = await login(body);
@@ -2063,8 +2068,8 @@ const Login = ({ children }) => {
 const ForgotPassword = () => {
   const navigate = reactRouterDom.useNavigate();
   const { formatMessage } = reactIntl.useIntl();
-  const { _unstableFormatAPIError: formatAPIError } = Theme.useAPIErrorHandler();
-  const [forgotPassword, { error }] = Theme.useForgotPasswordMutation();
+  const { _unstableFormatAPIError: formatAPIError } = rbac.useAPIErrorHandler();
+  const [forgotPassword, { error }] = rbac.useForgotPasswordMutation();
   return /* @__PURE__ */ jsxRuntime.jsx(UnauthenticatedLayout, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(LayoutContent, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(Column, { children: [
@@ -2265,9 +2270,9 @@ const NpsSurvey = () => {
   const { formatMessage } = reactIntl.useIntl();
   const { npsSurveySettings, setNpsSurveySettings } = useNpsSurveySettings();
   const [isFeedbackResponse, setIsFeedbackResponse] = React__namespace.useState(false);
-  const { toggleNotification } = Theme.useNotification();
-  const currentEnvironment = Theme.useAppInfo("NpsSurvey", (state) => state.currentEnvironment);
-  const strapiVersion = Theme.useAppInfo("NpsSurvey", (state) => state.strapiVersion);
+  const { toggleNotification } = rbac.useNotification();
+  const currentEnvironment = rbac.useAppInfo("NpsSurvey", (state) => state.currentEnvironment);
+  const strapiVersion = rbac.useAppInfo("NpsSurvey", (state) => state.strapiVersion);
   const [surveyIsShown, setSurveyIsShown] = React__namespace.useState(
     checkIfShouldShowSurvey(npsSurveySettings)
   );
@@ -2280,7 +2285,7 @@ const NpsSurvey = () => {
       clearTimeout(displayTime);
     };
   }, []);
-  const user = Theme.useAuth("NpsSurvey", (state) => state.user);
+  const user = rbac.useAuth("NpsSurvey", (state) => state.user);
   if (!displaySurvey) {
     return null;
   }
@@ -2550,11 +2555,11 @@ const REGISTER_ADMIN_SCHEMA = yup__namespace.object().shape({
   })
 });
 const Register = ({ hasAdmin }) => {
-  const { toggleNotification } = Theme.useNotification();
+  const { toggleNotification } = rbac.useNotification();
   const navigate = reactRouterDom.useNavigate();
   const [submitCount, setSubmitCount] = React__namespace.useState(0);
   const [apiError, setApiError] = React__namespace.useState();
-  const { trackUsage } = Theme.useTracking();
+  const { trackUsage } = rbac.useTracking();
   const { formatMessage } = reactIntl.useIntl();
   const setSkipped = useGuidedTour("Register", (state) => state.setSkipped);
   const { search: searchString } = reactRouterDom.useLocation();
@@ -2563,10 +2568,10 @@ const Register = ({ hasAdmin }) => {
   const {
     _unstableFormatAPIError: formatAPIError,
     _unstableFormatValidationErrors: formatValidationErrors
-  } = Theme.useAPIErrorHandler();
+  } = rbac.useAPIErrorHandler();
   const { setNpsSurveySettings } = useNpsSurveySettings();
   const registrationToken = query.get("registrationToken");
-  const { data: userInfo, error } = Theme.useGetRegistrationInfoQuery(registrationToken, {
+  const { data: userInfo, error } = rbac.useGetRegistrationInfoQuery(registrationToken, {
     skip: !registrationToken
   });
   React__namespace.useEffect(() => {
@@ -2579,9 +2584,9 @@ const Register = ({ hasAdmin }) => {
       navigate(`/auth/oops?info=${encodeURIComponent(message)}`);
     }
   }, [error, formatAPIError, navigate, toggleNotification]);
-  const [registerAdmin] = Theme.useRegisterAdminMutation();
-  const [registerUser] = Theme.useRegisterUserMutation();
-  const setToken = Theme.useAuth("Register", (state) => state.setToken);
+  const [registerAdmin] = rbac.useRegisterAdminMutation();
+  const [registerUser] = rbac.useRegisterUserMutation();
+  const setToken = rbac.useAuth("Register", (state) => state.setToken);
   const handleRegisterAdmin = async ({ news, ...body }, setFormErrors) => {
     const res = await registerAdmin(body);
     if ("data" in res) {
@@ -2859,9 +2864,9 @@ const ResetPassword = () => {
   const navigate = reactRouterDom.useNavigate();
   const { search: searchString } = reactRouterDom.useLocation();
   const query = React__namespace.useMemo(() => new URLSearchParams(searchString), [searchString]);
-  const { _unstableFormatAPIError: formatAPIError } = Theme.useAPIErrorHandler();
-  const setToken = Theme.useAuth("ResetPassword", (state) => state.setToken);
-  const [resetPassword, { error }] = Theme.useResetPasswordMutation();
+  const { _unstableFormatAPIError: formatAPIError } = rbac.useAPIErrorHandler();
+  const setToken = rbac.useAuth("ResetPassword", (state) => state.setToken);
+  const [resetPassword, { error }] = rbac.useResetPasswordMutation();
   const handleSubmit = async (body) => {
     const res = await resetPassword(body);
     if ("data" in res) {
@@ -2955,11 +2960,11 @@ const AuthPage = () => {
   const { hasAdmin } = data ?? {};
   const Login$1 = useEnterprise.useEnterprise(
     Login,
-    async () => (await Promise.resolve().then(() => require('./Login-1AOrPSGD.js'))).LoginEE
+    async () => (await Promise.resolve().then(() => require('./Login-lAG7DHV7.js'))).LoginEE
   );
   const forms = useEnterprise.useEnterprise(
     FORMS,
-    async () => (await Promise.resolve().then(() => require('./constants-oTDk_K7z.js'))).FORMS,
+    async () => (await Promise.resolve().then(() => require('./constants-wYcX8us0.js'))).FORMS,
     {
       combine(ceForms, eeForms) {
         return {
@@ -2970,7 +2975,7 @@ const AuthPage = () => {
       defaultValue: FORMS
     }
   );
-  const token = Theme.useAuth("AuthPage", (state) => state.token);
+  const token = rbac.useAuth("AuthPage", (state) => state.token);
   if (!authType || !forms) {
     return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/" });
   }
@@ -3001,7 +3006,7 @@ const AuthPage = () => {
 
 const NotFoundPage = () => {
   const { formatMessage } = reactIntl.useIntl();
-  return /* @__PURE__ */ jsxRuntime.jsxs(Theme.Page.Main, { labelledBy: "title", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(rbac.Page.Main, { labelledBy: "title", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       designSystem.HeaderLayout,
       {
@@ -3015,10 +3020,13 @@ const NotFoundPage = () => {
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.ContentLayout, { children: /* @__PURE__ */ jsxRuntime.jsx(
       designSystem.EmptyStateLayout,
       {
-        action: /* @__PURE__ */ jsxRuntime.jsx(designSystem.LinkButton, { variant: "secondary", endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowRight, {}), to: "/", children: formatMessage({
-          id: "app.components.NotFoundPage.back",
-          defaultMessage: "Back to homepage"
-        }) }),
+        action: (
+          // @ts-expect-error We need to accept the props of the component passed in the `as` prop
+          /* @__PURE__ */ jsxRuntime.jsx(v2.LinkButton, { forwardedAs: reactRouterDom.Link, variant: "secondary", endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowRight, {}), to: "/", children: formatMessage({
+            id: "app.components.NotFoundPage.back",
+            defaultMessage: "Back to homepage"
+          }) })
+        ),
         content: formatMessage({
           id: "app.page.not.found",
           defaultMessage: "Oops! We can't seem to find the page you're looging for..."
@@ -3034,7 +3042,7 @@ const NotFoundPage = () => {
 const ROUTES_CE = [
   {
     lazy: async () => {
-      const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-qABnTZzR.js'));
+      const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-A2MPjJxi.js'));
       return {
         Component: ProtectedListPage
       };
@@ -3043,7 +3051,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await Promise.resolve().then(() => require('./CreatePage-V4cSRx8F.js'));
+      const { ProtectedCreatePage } = await Promise.resolve().then(() => require('./CreatePage-EngKiM_9.js'));
       return {
         Component: ProtectedCreatePage
       };
@@ -3052,7 +3060,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await Promise.resolve().then(() => require('./CreatePage-V4cSRx8F.js'));
+      const { ProtectedCreatePage } = await Promise.resolve().then(() => require('./CreatePage-EngKiM_9.js'));
       return {
         Component: ProtectedCreatePage
       };
@@ -3061,7 +3069,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await Promise.resolve().then(() => require('./EditPage-7LbHuqPq.js'));
+      const { ProtectedEditPage } = await Promise.resolve().then(() => require('./EditPage-pk60xOuF.js'));
       return {
         Component: ProtectedEditPage
       };
@@ -3070,7 +3078,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-ddKZOtpb.js'));
+      const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-vVa7B6wq.js'));
       return {
         Component: ProtectedListPage
       };
@@ -3079,7 +3087,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await Promise.resolve().then(() => require('./EditPage-YUSwYkTW.js'));
+      const { ProtectedEditPage } = await Promise.resolve().then(() => require('./EditPage-3zbE4Ls0.js'));
       return {
         Component: ProtectedEditPage
       };
@@ -3088,7 +3096,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await Promise.resolve().then(() => require('./CreatePage-ZcVRwog2.js'));
+      const { ProtectedCreatePage } = await Promise.resolve().then(() => require('./CreatePage-h5o6e7Ls.js'));
       return {
         Component: ProtectedCreatePage
       };
@@ -3097,7 +3105,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await Promise.resolve().then(() => require('./EditPage-L3K_x3mo.js')).then(n => n.EditPage$1);
+      const { ProtectedEditPage } = await Promise.resolve().then(() => require('./EditPage-H9aQSaaH.js')).then(n => n.EditPage$1);
       return {
         Component: ProtectedEditPage
       };
@@ -3106,7 +3114,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-bixYhMBi.js'));
+      const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-6HUcvFyL.js'));
       return {
         Component: ProtectedListPage
       };
@@ -3115,7 +3123,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListView } = await Promise.resolve().then(() => require('./ListView-ZC27Df9H.js'));
+      const { ProtectedListView } = await Promise.resolve().then(() => require('./ListView-upndjhrB.js'));
       return {
         Component: ProtectedListView
       };
@@ -3124,7 +3132,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreateView } = await Promise.resolve().then(() => require('./CreateView-tQxib6Yo.js'));
+      const { ProtectedCreateView } = await Promise.resolve().then(() => require('./CreateView-chaJt-l6.js'));
       return {
         Component: ProtectedCreateView
       };
@@ -3133,7 +3141,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditView } = await Promise.resolve().then(() => require('./EditViewPage-_RgRquw7.js'));
+      const { ProtectedEditView } = await Promise.resolve().then(() => require('./EditViewPage-OMo0nfgm.js'));
       return {
         Component: ProtectedEditView
       };
@@ -3142,7 +3150,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreateView } = await Promise.resolve().then(() => require('./CreateView-5zt3cfsd.js'));
+      const { ProtectedCreateView } = await Promise.resolve().then(() => require('./CreateView-8qevpt9o.js'));
       return {
         Component: ProtectedCreateView
       };
@@ -3151,7 +3159,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListView } = await Promise.resolve().then(() => require('./ListView-9E8SVTSf.js'));
+      const { ProtectedListView } = await Promise.resolve().then(() => require('./ListView-VjkXS0Tf.js'));
       return {
         Component: ProtectedListView
       };
@@ -3160,7 +3168,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditView } = await Promise.resolve().then(() => require('./EditView-HPIQBaUm.js'));
+      const { ProtectedEditView } = await Promise.resolve().then(() => require('./EditView-BiqoDvKZ.js'));
       return {
         Component: ProtectedEditView
       };
@@ -3265,6 +3273,7 @@ class StrapiApp {
   /**
    * APIs
    */
+  rbac = new rbac.RBAC();
   library = {
     components: {},
     fields: {}
@@ -3326,10 +3335,11 @@ class StrapiApp {
     );
     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.
-      `);
+      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(
@@ -3354,6 +3364,13 @@ class StrapiApp {
       this.middlewares.push(middleware);
     });
   };
+  addRBACMiddleware = (m) => {
+    if (Array.isArray(m)) {
+      this.rbac.use(m);
+    } else {
+      this.rbac.use(m);
+    }
+  };
   addReducers = (reducers) => {
     Object.entries(reducers).forEach(([name, reducer]) => {
       this.reducers[name] = reducer;
@@ -3373,10 +3390,11 @@ class StrapiApp {
     );
     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.
-      `);
+      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(
@@ -3455,7 +3473,7 @@ class StrapiApp {
       const lightTheme2 = customConfig.theme.light;
       if (!darkTheme2 && !lightTheme2) {
         console.warn(
-          `[deprecated] In future versions, Strapi will stop supporting this theme customization syntax. The theme configuration accepts a light and a dark key to customize each theme separately. See https://docs.strapi.io/developer-docs/latest/development/admin-customization.html#theme-extension.`
+          `[deprecated] In future versions, Strapi will stop supporting this theme customization syntax. The theme configuration accepts a light and a dark key to customize each theme separately. See https://docs.strapi.io/developer-docs/latest/development/admin-customization.html#theme-extension.`.trim()
         );
         merge__default.default(this.configurations.themes.light, customConfig.theme);
       }
@@ -3578,14 +3596,14 @@ class StrapiApp {
   runHookParallel = (name) => this.hooksDict[name].runParallel();
   render() {
     const localeNames = pick__default.default(languageNativeNames, this.configurations.locales || []);
-    const locale = localStorage.getItem(Theme.LANGUAGE_LOCAL_STORAGE_KEY) || "en";
+    const locale = localStorage.getItem(rbac.LANGUAGE_LOCAL_STORAGE_KEY) || "en";
     const store = configureStoreImpl(
       {
         admin_app: {
           permissions: merge__default.default({}, ADMIN_PERMISSIONS_CE, ADMIN_PERMISSIONS_EE),
           theme: {
             availableThemes: [],
-            currentTheme: localStorage.getItem(Theme.THEME_LOCAL_STORAGE_KEY) || "system"
+            currentTheme: localStorage.getItem(rbac.THEME_LOCAL_STORAGE_KEY) || "system"
           },
           language: {
             locale: localeNames[locale] ? locale : "en",
@@ -3603,18 +3621,20 @@ class StrapiApp {
       [
         {
           path: "/*",
-          errorElement: /* @__PURE__ */ jsxRuntime.jsx(reactRedux.Provider, { store, children: /* @__PURE__ */ jsxRuntime.jsx(Theme.LanguageProvider, { messages: this.configurations.translations, children: /* @__PURE__ */ jsxRuntime.jsx(Theme.Theme, { themes: this.configurations.themes, children: /* @__PURE__ */ jsxRuntime.jsx(ErrorElement, {}) }) }) }),
+          errorElement: /* @__PURE__ */ jsxRuntime.jsx(reactRedux.Provider, { store, children: /* @__PURE__ */ jsxRuntime.jsx(rbac.LanguageProvider, { messages: this.configurations.translations, children: /* @__PURE__ */ jsxRuntime.jsx(rbac.Theme, { themes: this.configurations.themes, children: /* @__PURE__ */ jsxRuntime.jsx(ErrorElement, {}) }) }) }),
           element: /* @__PURE__ */ jsxRuntime.jsx(App, { strapi: this, store }),
           children: [
             {
               path: "usecase",
               lazy: async () => {
-                const { PrivateUseCasePage } = await Promise.resolve().then(() => require('./UseCasePage-PzT7YQgK.js'));
+                const { PrivateUseCasePage } = await Promise.resolve().then(() => require('./UseCasePage-NYPLK0s5.js'));
                 return {
                   Component: PrivateUseCasePage
                 };
               }
             },
+            // this needs to go before auth/:authType because otherwise it won't match the route
+            ...getEERoutes$1(),
             {
               path: "auth/:authType",
               element: /* @__PURE__ */ jsxRuntime.jsx(AuthPage, {})
@@ -3622,7 +3642,7 @@ class StrapiApp {
             {
               path: "/*",
               lazy: async () => {
-                const { PrivateAdminLayout } = await Promise.resolve().then(() => require('./AuthenticatedLayout-GD2XM4Xh.js'));
+                const { PrivateAdminLayout } = await Promise.resolve().then(() => require('./AuthenticatedLayout-Aibt647F.js'));
                 return {
                   Component: PrivateAdminLayout
                 };
@@ -3631,7 +3651,7 @@ class StrapiApp {
                 {
                   index: true,
                   lazy: async () => {
-                    const { HomePage } = await Promise.resolve().then(() => require('./HomePage-XsltwUHu.js'));
+                    const { HomePage } = await Promise.resolve().then(() => require('./HomePage-Xf5Ghz92.js'));
                     return {
                       Component: HomePage
                     };
@@ -3640,7 +3660,7 @@ class StrapiApp {
                 {
                   path: "me",
                   lazy: async () => {
-                    const { ProfilePage } = await Promise.resolve().then(() => require('./ProfilePage-yLYrmYfh.js'));
+                    const { ProfilePage } = await Promise.resolve().then(() => require('./ProfilePage-ivIjdblf.js'));
                     return {
                       Component: ProfilePage
                     };
@@ -3649,7 +3669,7 @@ class StrapiApp {
                 {
                   path: "list-plugins",
                   lazy: async () => {
-                    const { ProtectedInstalledPluginsPage } = await Promise.resolve().then(() => require('./InstalledPluginsPage-GYKMwvHv.js'));
+                    const { ProtectedInstalledPluginsPage } = await Promise.resolve().then(() => require('./InstalledPluginsPage-ZIPyDrzh.js'));
                     return {
                       Component: ProtectedInstalledPluginsPage
                     };
@@ -3658,7 +3678,7 @@ class StrapiApp {
                 {
                   path: "marketplace",
                   lazy: async () => {
-                    const { ProtectedMarketplacePage } = await Promise.resolve().then(() => require('./MarketplacePage-Ogkt8lJq.js'));
+                    const { ProtectedMarketplacePage } = await Promise.resolve().then(() => require('./MarketplacePage-hNQbTtRI.js'));
                     return {
                       Component: ProtectedMarketplacePage
                     };
@@ -3667,7 +3687,7 @@ class StrapiApp {
                 {
                   path: "settings/*",
                   lazy: async () => {
-                    const { Layout } = await Promise.resolve().then(() => require('./Layout-Ojd0IVLT.js'));
+                    const { Layout } = await Promise.resolve().then(() => require('./Layout-BuMuReXo.js'));
                     return {
                       Component: Layout
                     };
@@ -3676,7 +3696,7 @@ class StrapiApp {
                     {
                       path: "application-infos",
                       lazy: async () => {
-                        const { ApplicationInfoPage } = await Promise.resolve().then(() => require('./ApplicationInfoPage-Ip1_DTk9.js'));
+                        const { ApplicationInfoPage } = await Promise.resolve().then(() => require('./ApplicationInfoPage-leY1AEgo.js'));
                         return {
                           Component: ApplicationInfoPage
                         };
@@ -3685,7 +3705,7 @@ class StrapiApp {
                     ...Object.values(this.settings).flatMap(
                       ({ links }) => links.map(({ to, Component }) => ({
                         path: `${to}/*`,
-                        element: /* @__PURE__ */ jsxRuntime.jsx(React__namespace.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(Theme.Page.Loading, {}), children: /* @__PURE__ */ jsxRuntime.jsx(Component, {}) })
+                        element: /* @__PURE__ */ jsxRuntime.jsx(React__namespace.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(rbac.Page.Loading, {}), children: /* @__PURE__ */ jsxRuntime.jsx(Component, {}) })
                       }))
                     ),
                     ...settingsRoutes
@@ -3693,9 +3713,8 @@ class StrapiApp {
                 },
                 ...this.menu.map(({ to, Component }) => ({
                   path: `${to}/*`,
-                  element: /* @__PURE__ */ jsxRuntime.jsx(React__namespace.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(Theme.Page.Loading, {}), children: /* @__PURE__ */ jsxRuntime.jsx(Component, {}) })
+                  element: /* @__PURE__ */ jsxRuntime.jsx(React__namespace.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(rbac.Page.Loading, {}), children: /* @__PURE__ */ jsxRuntime.jsx(Component, {}) })
                 })),
-                ...getEERoutes$1(),
                 {
                   path: "*",
                   element: /* @__PURE__ */ jsxRuntime.jsx(NotFoundPage, {})
@@ -3724,7 +3743,7 @@ const renderAdmin = async (mountNode, { plugins, customisations, features }) =>
      *
      * To ensure that the backendURL is always set, we use the window.location.origin as a fallback.
      */
-    backendURL: process.env.STRAPI_ADMIN_BACKEND_URL || window.location.origin,
+    backendURL: admin.createAbsoluteUrl(process.env.STRAPI_ADMIN_BACKEND_URL),
     isEE: false,
     telemetryDisabled: process.env.STRAPI_TELEMETRY_DISABLED === "true",
     future: {
@@ -4174,7 +4193,7 @@ const useQueryParams = (initialParams) => {
   return [{ query, rawQuery: search }, setQuery];
 };
 
-const [FiltersProvider, useFilters] = Theme.createContext("Filters");
+const [FiltersProvider, useFilters] = rbac.createContext("Filters");
 const Root$2 = ({
   children,
   disabled = false,
@@ -4521,7 +4540,7 @@ const Filters = {
   Trigger
 };
 
-const [PaginationProvider, usePagination] = Theme.createContext("Pagination");
+const [PaginationProvider, usePagination] = rbac.createContext("Pagination");
 const Root$1 = React__namespace.forwardRef(
   ({ children, defaultPageSize = 10, pageCount = 0, defaultPage = 1, onPageSizeChange, total = 0 }, forwardedRef) => {
     const [{ query }, setQuery] = useQueryParams(
@@ -4693,7 +4712,7 @@ const SearchInput = ({
   const [value, setValue] = React__namespace.useState(query?._q || "");
   const [isOpen, setIsOpen] = React__namespace.useState(!!value);
   const { formatMessage } = reactIntl.useIntl();
-  const { trackUsage } = Theme.useTracking();
+  const { trackUsage } = rbac.useTracking();
   const handleToggle = () => setIsOpen((prev) => !prev);
   React__namespace.useLayoutEffect(() => {
     if (isOpen && inputRef.current) {
@@ -4744,7 +4763,7 @@ const SearchInput = ({
   );
 };
 
-const [TableProvider, useTable] = Theme.createContext("Table");
+const [TableProvider, useTable] = rbac.createContext("Table");
 const Root = ({
   children,
   defaultSelectedRows,
@@ -4978,7 +4997,7 @@ const Table = {
 };
 
 function useInjectReducer(namespace, reducer) {
-  const store = Theme.useTypedStore();
+  const store = rbac.useTypedStore();
   React.useEffect(() => {
     store.injectReducer(namespace, reducer);
   }, [store, namespace, reducer]);
@@ -5215,4 +5234,4 @@ exports.useTable = useTable;
 exports.useUpdateRoleMutation = useUpdateRoleMutation;
 exports.useUpdateRolePermissionsMutation = useUpdateRolePermissionsMutation;
 exports.useUpdateUserMutation = useUpdateUserMutation;
-//# sourceMappingURL=index-tmvI3DXu.js.map
+//# sourceMappingURL=index-e8PHZx2A.js.map