@strapi/admin 5.0.0-rc.9 → 5.0.1

package/dist/admin/{index-Fu3hPmaj.mjs → index-QPUYgtlo.mjs}

@@ -6,7 +6,7 @@ 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 { z as createContext, S as StrapiAppProvider, A as AuthProvider, L as LanguageProvider, T as Theme, N as NotificationsProvider, B as TrackingProvider, G as GuidedTourProvider, D as ConfigurationProvider, E as LANGUAGE_LOCAL_STORAGE_KEY, P as Page, F as getIn, H as setIn, r as useConfiguration, b as useTypedSelector, d as useTypedDispatch, I as setLocale, u as useAuth, e as useAPIErrorHandler, J as useForgotPasswordMutation, a as useNotification, p as useAppInfo, c as useTracking, m as useGuidedTour, K as useGetRegistrationInfoQuery, M as useRegisterAdminMutation, O as useRegisterUserMutation, n as login, Q as useResetPasswordMutation, v as reducer$2, U as logout, R as RBAC, V as THEME_LOCAL_STORAGE_KEY, t as getStoredToken, o as useQueryParams, W as useTypedStore } from './Theme-frC82ceE.mjs';
 import { Provider as Provider$1 } from 'react-redux';
 import * as React from 'react';
 import { useEffect, Suspense, useCallback, useMemo, useState, forwardRef, memo } from 'react';
@@ -14,12 +14,10 @@ import { QueryClient, QueryClientProvider } from 'react-query';
 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 { 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 { i as isBaseQueryError, e as useInitQuery, a as adminApi, j as createAbsoluteUrl, k as getFetchClient } from './admin-GZ-AP2T0.mjs';
 import camelCase from 'lodash/camelCase';
 import * as yup from 'yup';
 import { ValidationError } from 'yup';
@@ -30,7 +28,7 @@ import omit from 'lodash/omit';
 import { Formik, Form as Form$1 } from 'formik';
 import { configureStore, isRejected, combineReducers } from '@reduxjs/toolkit';
 import throttle from 'lodash/throttle';
-import { parse, stringify } from 'qs';
+import { stringify } from 'qs';
 
 const __variableDynamicImportRuntimeHelper = (glob, path) => {
     const v = glob[path];
@@ -81,7 +79,7 @@ const getEERoutes$1 = () => window.strapi.isEE ? [
   {
     path: "auth/login/:authResponse",
     lazy: async () => {
-      const { AuthResponse } = await import('./AuthResponse-J8A48xdo.mjs');
+      const { AuthResponse } = await import('./AuthResponse-HYXVuTDF.mjs');
       return {
         Component: AuthResponse
       };
@@ -205,6 +203,10 @@ const ADMIN_PERMISSIONS_CE = {
     "project-settings": {
       read: [{ action: "admin::project-settings.read", subject: null }],
       update: [{ action: "admin::project-settings.update", subject: null }]
+    },
+    plugins: {
+      main: [{ action: "admin::marketplace.read", subject: null }],
+      read: [{ action: "admin::marketplace.read", subject: null }]
     }
   }
 };
@@ -256,6 +258,14 @@ const SETTINGS_LINKS_CE = () => ({
       to: "/settings/transfer-tokens?sort=name:ASC",
       id: "transfer-tokens"
     },
+    {
+      intlLabel: {
+        id: "global.plugins",
+        defaultMessage: "Plugins"
+      },
+      to: "/settings/list-plugins",
+      id: "plugins"
+    },
     // 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 ? [
@@ -432,7 +442,7 @@ const [Provider, useHistory] = createContext("History", {
 const HistoryProvider = ({ children }) => {
   const location = useLocation();
   const navigate = useNavigate();
-  const [state, dispatch] = React.useReducer(reducer$2, {
+  const [state, dispatch] = React.useReducer(reducer$1, {
     history: [],
     currentLocationIndex: 0,
     currentLocation: "",
@@ -472,7 +482,7 @@ const HistoryProvider = ({ children }) => {
   }, [dispatch, location.pathname, location.search]);
   return /* @__PURE__ */ jsx(Provider, { pushState, goBack, ...state, children });
 };
-const reducer$2 = (state, action) => produce(state, (draft) => {
+const reducer$1 = (state, action) => produce(state, (draft) => {
   switch (action.type) {
     case "PUSH_STATE": {
       const path = `${action.payload.to}${action.payload.search}`;
@@ -524,173 +534,6 @@ const BackButton = React.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] = 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;
-    }
-    case "SET_SKIPPED": {
-      draftState.isSkipped = action.value;
-      break;
-    }
-    case "SET_GUIDED_TOUR_VISIBILITY": {
-      draftState.isGuidedTourVisible = action.value;
-      break;
-    }
-    default: {
-      return draftState;
-    }
-  }
-});
-const initialiseState = (initialState2) => {
-  const copyInitialState = { ...initialState2 };
-  const guidedTourLocaleStorage = JSON.parse(
-    window.localStorage.getItem(GUIDED_TOUR_COMPLETED_STEPS) ?? "[]"
-  );
-  const currentStepLocaleStorage = JSON.parse(
-    window.localStorage.getItem(GUIDED_TOUR_CURRENT_STEP) ?? "null"
-  );
-  const skippedLocaleStorage = JSON.parse(
-    window.localStorage.getItem(GUIDED_TOUR_SKIPPED) ?? "false"
-  );
-  if (Array.isArray(guidedTourLocaleStorage)) {
-    guidedTourLocaleStorage.forEach((step) => {
-      const [sectionName, stepName] = step.split(".");
-      set(copyInitialState, ["guidedTourState", sectionName, stepName], true);
-    });
-  }
-  if (currentStepLocaleStorage) {
-    const [sectionName, stepName] = currentStepLocaleStorage.split(".");
-    set(copyInitialState, ["guidedTourState", sectionName, stepName], true);
-    addCompletedStep(currentStepLocaleStorage);
-    window.localStorage.setItem(GUIDED_TOUR_CURRENT_STEP, JSON.stringify(null));
-  }
-  if (skippedLocaleStorage !== null) {
-    set(copyInitialState, "isSkipped", skippedLocaleStorage);
-  }
-  return copyInitialState;
-};
-const addCompletedStep = (completedStep) => {
-  const currentSteps = JSON.parse(window.localStorage.getItem(GUIDED_TOUR_COMPLETED_STEPS) ?? "[]");
-  if (!Array.isArray(currentSteps)) {
-    return;
-  }
-  const isAlreadyStored = currentSteps.includes(completedStep);
-  if (isAlreadyStored) {
-    return;
-  }
-  window.localStorage.setItem(
-    GUIDED_TOUR_COMPLETED_STEPS,
-    JSON.stringify([...currentSteps, completedStep])
-  );
-};
-
 const queryClient = new QueryClient({
   defaultOptions: {
     queries: {
@@ -895,7 +738,7 @@ const BaseHeaderLayout = React.forwardRef(
           right: 0,
           background: "neutral0",
           shadow: "tableShadow",
-          width: `${width}rem`,
+          width: `${width}px`,
           zIndex: 1,
           "data-strapi-header-sticky": true,
           children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
@@ -1059,7 +902,7 @@ const getEERoutes = () => [
     {
       path: "audit-logs",
       lazy: async () => {
-        const { ProtectedListPage } = await import('./ListPage-NtjeF8R2.mjs');
+        const { ProtectedListPage } = await import('./ListPage-fE9R8ZE1.mjs');
         return {
           Component: ProtectedListPage
         };
@@ -1070,7 +913,7 @@ const getEERoutes = () => [
     {
       path: "single-sign-on",
       lazy: async () => {
-        const { ProtectedSSO } = await import('./SingleSignOnPage-AZVczKwR.mjs');
+        const { ProtectedSSO } = await import('./SingleSignOnPage-idMTZOuN.mjs');
         return {
           Component: ProtectedSSO
         };
@@ -1163,13 +1006,20 @@ const Form = React.forwardRef(
       return () => clearTimeout(ref2);
     }, [state.errors]);
     const validate = React.useCallback(
-      async (shouldSetErrors = true) => {
+      async (shouldSetErrors = true, options = {}) => {
         setErrors({});
-        if (!props.validationSchema) {
+        if (!props.validationSchema && !props.validate) {
           return { data: state.values };
         }
         try {
-          const data = await props.validationSchema.validate(state.values, { abortEarly: false });
+          let data;
+          if (props.validationSchema) {
+            data = await props.validationSchema.validate(state.values, { abortEarly: false });
+          } else if (props.validate) {
+            data = await props.validate(state.values, options);
+          } else {
+            throw new Error("No validation schema or validate function provided");
+          }
           return { data };
         } catch (err) {
           if (isErrorYupValidationError(err)) {
@@ -1255,7 +1105,11 @@ const Form = React.forwardRef(
       } else if (options && multiple) {
         val = Array.from(options).filter((el) => el.selected).map((el) => el.value);
       } else {
-        val = value;
+        if (value === "") {
+          val = null;
+        } else {
+          val = value;
+        }
       }
       if (field) {
         dispatch({
@@ -1324,7 +1178,7 @@ const Form = React.forwardRef(
       {
         disabled,
         onChange: handleChange,
-        initialValues,
+        initialValues: initialValues.current,
         modified,
         addFieldRow,
         moveFieldRow,
@@ -1458,6 +1312,7 @@ const useField = (path) => {
     (state) => getIn(state.values, path)
   );
   const handleChange = useForm("useField", (state) => state.onChange);
+  const rawError = useForm("useField", (state) => getIn(state.errors, path));
   const error = useForm("useField", (state) => {
     const error2 = getIn(state.errors, path);
     if (isErrorMessageDescriptor(error2)) {
@@ -1472,6 +1327,7 @@ const useField = (path) => {
      * 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.
      */
+    rawError,
     error: isErrorMessageDescriptor(error) ? formatMessage(
       {
         id: error.id,
@@ -1621,7 +1477,7 @@ const DateInput = forwardRef(
           ref: composedRefs,
           clearLabel: formatMessage({ id: "clearLabel", defaultMessage: "Clear" }),
           onChange: (date) => {
-            field.onChange(name, date ? convertLocalDateToUTCDate(date) : null);
+            field.onChange(name, date ? convertLocalDateToUTCDate(date).toISOString() : null);
           },
           onClear: () => field.onChange(name, null),
           value: value ? convertLocalDateToUTCDate(value) : value,
@@ -1656,7 +1512,7 @@ const DateTimeInput = forwardRef(
           ref: composedRefs,
           clearLabel: formatMessage({ id: "clearLabel", defaultMessage: "Clear" }),
           onChange: (date) => {
-            field.onChange(name, date ? date : null);
+            field.onChange(name, date ? date.toISOString() : null);
           },
           onClear: () => field.onChange(name, null),
           value,
@@ -1683,7 +1539,6 @@ const EmailInput = forwardRef(
           ref: composedRefs,
           autoComplete: "email",
           onChange: field.onChange,
-          defaultValue: field.initialValue,
           value: field.value,
           ...props,
           type: "email"
@@ -1763,7 +1618,6 @@ const NumberInputImpl = forwardRef(
         NumberInput,
         {
           ref: composedRefs,
-          defaultValue: field.initialValue,
           onValueChange: (value) => {
             field.onChange(name, value);
           },
@@ -1794,26 +1648,19 @@ const PasswordInput = forwardRef(
           ref: composedRefs,
           autoComplete: "password",
           endAction: /* @__PURE__ */ jsx(
-            "button",
+            Field.Action,
             {
-              "aria-label": formatMessage({
+              label: formatMessage({
                 id: "Auth.form.password.show-password",
                 defaultMessage: "Show password"
               }),
               onClick: () => {
                 setShowPassword((prev) => !prev);
               },
-              style: {
-                border: "none",
-                padding: 0,
-                background: "transparent"
-              },
-              type: "button",
               children: showPassword ? /* @__PURE__ */ jsx(Eye, { fill: "neutral500" }) : /* @__PURE__ */ jsx(EyeStriked, { fill: "neutral500" })
             }
           ),
           onChange: field.onChange,
-          defaultValue: field.initialValue,
           value: field.value,
           ...props,
           type: showPassword ? "text" : "password"
@@ -1837,7 +1684,6 @@ const StringInput = forwardRef(
         TextInput,
         {
           ref: composedRefs,
-          defaultValue: field.initialValue,
           onChange: field.onChange,
           value: field.value ?? "",
           ...props
@@ -1861,7 +1707,6 @@ const TextareaInput = forwardRef(
         Textarea,
         {
           ref: composedRefs,
-          defaultValue: field.initialValue,
           onChange: field.onChange,
           value: field.value ?? "",
           ...props
@@ -2072,11 +1917,11 @@ const errorsTrads = {
 };
 
 const LOGIN_SCHEMA = yup.object().shape({
-  email: yup.string().email({
+  email: yup.string().nullable().email({
     id: errorsTrads.email.id,
     defaultMessage: "Not a valid email"
   }).required(errorsTrads.required),
-  password: yup.string().required(errorsTrads.required),
+  password: yup.string().required(errorsTrads.required).nullable(),
   rememberMe: yup.bool().nullable()
 });
 const Login = ({ children }) => {
@@ -2207,7 +2052,7 @@ const ForgotPassword = () => {
             email: yup.string().email(errorsTrads.email).required({
               id: errorsTrads.required.id,
               defaultMessage: "This field is required."
-            })
+            }).nullable()
           }),
           children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
             [
@@ -2576,7 +2421,7 @@ function useNpsSurveySettings() {
 }
 
 const REGISTER_USER_SCHEMA = yup.object().shape({
-  firstname: yup.string().trim().required(errorsTrads.required),
+  firstname: yup.string().trim().required(errorsTrads.required).nullable(),
   lastname: yup.string().nullable(),
   password: yup.string().min(8, {
     id: errorsTrads.minLength.id,
@@ -2600,14 +2445,14 @@ const REGISTER_USER_SCHEMA = yup.object().shape({
   }).required({
     id: errorsTrads.required.id,
     defaultMessage: "Password is required"
-  }),
+  }).nullable(),
   confirmPassword: yup.string().required({
     id: errorsTrads.required.id,
     defaultMessage: "Confirm password is required"
   }).oneOf([yup.ref("password"), null], {
     id: "components.Input.error.password.noMatch",
     defaultMessage: "Passwords must match"
-  }),
+  }).nullable(),
   registrationToken: yup.string().required({
     id: errorsTrads.required.id,
     defaultMessage: "Registration token is required"
@@ -2617,7 +2462,7 @@ const REGISTER_ADMIN_SCHEMA = yup.object().shape({
   firstname: yup.string().trim().required({
     id: errorsTrads.required.id,
     defaultMessage: "Firstname is required"
-  }),
+  }).nullable(),
   lastname: yup.string().nullable(),
   password: yup.string().min(8, {
     id: errorsTrads.minLength.id,
@@ -2641,11 +2486,11 @@ const REGISTER_ADMIN_SCHEMA = yup.object().shape({
   }).required({
     id: errorsTrads.required.id,
     defaultMessage: "Password is required"
-  }),
+  }).nullable(),
   confirmPassword: yup.string().required({
     id: errorsTrads.required,
     defaultMessage: "Confirm password is required"
-  }).oneOf([yup.ref("password"), null], {
+  }).nullable().oneOf([yup.ref("password"), null], {
     id: "components.Input.error.password.noMatch",
     defaultMessage: "Passwords must match"
   }),
@@ -2658,7 +2503,7 @@ const REGISTER_ADMIN_SCHEMA = yup.object().shape({
   }).required({
     id: errorsTrads.required.id,
     defaultMessage: "Email is required"
-  })
+  }).nullable()
 });
 const Register = ({ hasAdmin }) => {
   const { toggleNotification } = useNotification();
@@ -2956,14 +2801,14 @@ const RESET_PASSWORD_SCHEMA = yup.object().shape({
   }).required({
     id: errorsTrads.required.id,
     defaultMessage: "Password is required"
-  }),
+  }).nullable(),
   confirmPassword: yup.string().required({
     id: errorsTrads.required.id,
     defaultMessage: "Confirm password is required"
   }).oneOf([yup.ref("password"), null], {
     id: "components.Input.error.password.noMatch",
     defaultMessage: "Passwords must match"
-  })
+  }).nullable()
 });
 const ResetPassword = () => {
   const { formatMessage } = useIntl();
@@ -3066,11 +2911,11 @@ const AuthPage = () => {
   const { hasAdmin } = data ?? {};
   const Login$1 = useEnterprise(
     Login,
-    async () => (await import('./Login-GLcLgHUd.mjs')).LoginEE
+    async () => (await import('./Login-STwy4gIQ.mjs')).LoginEE
   );
   const forms = useEnterprise(
     FORMS,
-    async () => (await import('./constants-AYR471DB.mjs')).FORMS,
+    async () => (await import('./constants-T5y8alpG.mjs')).FORMS,
     {
       combine(ceForms, eeForms) {
         return {
@@ -3086,7 +2931,13 @@ const AuthPage = () => {
     return /* @__PURE__ */ jsx(Navigate, { to: "/" });
   }
   const Component = forms[authType];
-  if (!Component || hasAdmin && authType === "register-admin" || token) {
+  if (!Component) {
+    return /* @__PURE__ */ jsx(Navigate, { to: "/" });
+  }
+  if (authType !== "register-admin" && authType !== "register" && token) {
+    return /* @__PURE__ */ jsx(Navigate, { to: "/" });
+  }
+  if (hasAdmin && authType === "register-admin" && token) {
     return /* @__PURE__ */ jsx(Navigate, { to: "/" });
   }
   if (!hasAdmin && authType !== "register-admin") {
@@ -3113,7 +2964,7 @@ const AuthPage = () => {
 const ROUTES_CE = [
   {
     lazy: async () => {
-      const { ProtectedListPage } = await import('./ListPage-8M-bmv0a.mjs');
+      const { ProtectedListPage } = await import('./ListPage-CAAa_iYD.mjs');
       return {
         Component: ProtectedListPage
       };
@@ -3122,7 +2973,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await import('./CreatePage-bdWb1wg4.mjs');
+      const { ProtectedCreatePage } = await import('./CreatePage-pPnHpatu.mjs');
       return {
         Component: ProtectedCreatePage
       };
@@ -3131,7 +2982,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await import('./CreatePage-bdWb1wg4.mjs');
+      const { ProtectedCreatePage } = await import('./CreatePage-pPnHpatu.mjs');
       return {
         Component: ProtectedCreatePage
       };
@@ -3140,7 +2991,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await import('./EditPage-A7-BewPd.mjs');
+      const { ProtectedEditPage } = await import('./EditPage-Fu5aqX9h.mjs');
       return {
         Component: ProtectedEditPage
       };
@@ -3149,7 +3000,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListPage } = await import('./ListPage-hNIbvh17.mjs');
+      const { ProtectedListPage } = await import('./ListPage-cMqf3hxn.mjs');
       return {
         Component: ProtectedListPage
       };
@@ -3158,7 +3009,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await import('./EditPage-2cMhX4F_.mjs');
+      const { ProtectedEditPage } = await import('./EditPage-dZLyVDGx.mjs');
       return {
         Component: ProtectedEditPage
       };
@@ -3167,7 +3018,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await import('./CreatePage-Yd5JyWS5.mjs');
+      const { ProtectedCreatePage } = await import('./CreatePage-z6N1v5X5.mjs');
       return {
         Component: ProtectedCreatePage
       };
@@ -3176,7 +3027,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await import('./EditPage-cWJ8V1BK.mjs').then(n => n.b);
+      const { ProtectedEditPage } = await import('./EditPage-K8aawKOf.mjs').then(n => n.b);
       return {
         Component: ProtectedEditPage
       };
@@ -3185,7 +3036,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListPage } = await import('./ListPage-semY3kTl.mjs');
+      const { ProtectedListPage } = await import('./ListPage-4VAaMuov.mjs');
       return {
         Component: ProtectedListPage
       };
@@ -3194,7 +3045,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListView } = await import('./ListView-kEuSmXPm.mjs');
+      const { ProtectedListView } = await import('./ListView-JTtPuayE.mjs');
       return {
         Component: ProtectedListView
       };
@@ -3203,7 +3054,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreateView } = await import('./CreateView-V0v5CK8t.mjs');
+      const { ProtectedCreateView } = await import('./CreateView-8k0KvpoK.mjs');
       return {
         Component: ProtectedCreateView
       };
@@ -3212,7 +3063,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditView } = await import('./EditViewPage-47F2xHBt.mjs');
+      const { ProtectedEditView } = await import('./EditViewPage-2CHLYZlY.mjs');
       return {
         Component: ProtectedEditView
       };
@@ -3221,7 +3072,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreateView } = await import('./CreateView-ZZaA8hbe.mjs');
+      const { ProtectedCreateView } = await import('./CreateView-4UcrE6vq.mjs');
       return {
         Component: ProtectedCreateView
       };
@@ -3230,7 +3081,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListView } = await import('./ListView-tCCo7pVS.mjs');
+      const { ProtectedListView } = await import('./ListView-ziItL2Hn.mjs');
       return {
         Component: ProtectedListView
       };
@@ -3239,7 +3090,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditView } = await import('./EditView-HygMdUSf.mjs');
+      const { ProtectedEditView } = await import('./EditView-xgk-lEu1.mjs');
       return {
         Component: ProtectedEditView
       };
@@ -3248,7 +3099,16 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { PurchaseAuditLogs } = await import('./PurchaseAuditLogs-FDPV-ZqU.mjs');
+      const { ProtectedInstalledPlugins } = await import('./InstalledPlugins-ngsQKZBi.mjs');
+      return {
+        Component: ProtectedInstalledPlugins
+      };
+    },
+    path: "list-plugins"
+  },
+  {
+    lazy: async () => {
+      const { PurchaseAuditLogs } = await import('./PurchaseAuditLogs-K2YmR4Il.mjs');
       return {
         Component: PurchaseAuditLogs
       };
@@ -3257,7 +3117,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { PurchaseSingleSignOn } = await import('./PurchaseSingleSignOn-S0B2HM4d.mjs');
+      const { PurchaseSingleSignOn } = await import('./PurchaseSingleSignOn-sxd54apY.mjs');
       return {
         Component: PurchaseSingleSignOn
       };
@@ -3270,7 +3130,7 @@ const getImmutableRoutes = () => [
   {
     path: "usecase",
     lazy: async () => {
-      const { PrivateUseCasePage } = await import('./UseCasePage-as6-3qKD.mjs');
+      const { PrivateUseCasePage } = await import('./UseCasePage-QPnZOFrC.mjs');
       return {
         Component: PrivateUseCasePage
       };
@@ -3287,7 +3147,7 @@ const getInitialRoutes = () => [
   {
     index: true,
     lazy: async () => {
-      const { HomePage } = await import('./HomePage-dyDldozB.mjs');
+      const { HomePage } = await import('./HomePage-oz8OSt1B.mjs');
       return {
         Component: HomePage
       };
@@ -3296,25 +3156,16 @@ const getInitialRoutes = () => [
   {
     path: "me",
     lazy: async () => {
-      const { ProfilePage } = await import('./ProfilePage-zwG0fq_e.mjs');
+      const { ProfilePage } = await import('./ProfilePage-EPvpBxko.mjs');
       return {
         Component: ProfilePage
       };
     }
   },
-  {
-    path: "list-plugins",
-    lazy: async () => {
-      const { ProtectedInstalledPluginsPage } = await import('./InstalledPluginsPage-3OSkplVn.mjs');
-      return {
-        Component: ProtectedInstalledPluginsPage
-      };
-    }
-  },
   {
     path: "marketplace",
     lazy: async () => {
-      const { ProtectedMarketplacePage } = await import('./MarketplacePage-41CstG0b.mjs');
+      const { ProtectedMarketplacePage } = await import('./MarketplacePage-s3TgP0pj.mjs');
       return {
         Component: ProtectedMarketplacePage
       };
@@ -3323,7 +3174,7 @@ const getInitialRoutes = () => [
   {
     path: "settings/*",
     lazy: async () => {
-      const { Layout } = await import('./Layout-8Ds_z3XN.mjs');
+      const { Layout } = await import('./Layout-dlsF2jYh.mjs');
       return {
         Component: Layout
       };
@@ -3332,7 +3183,7 @@ const getInitialRoutes = () => [
       {
         path: "application-infos",
         lazy: async () => {
-          const { ApplicationInfoPage } = await import('./ApplicationInfoPage-ahnTcFV1.mjs');
+          const { ApplicationInfoPage } = await import('./ApplicationInfoPage-FPcBalFr.mjs');
           return {
             Component: ApplicationInfoPage
           };
@@ -3396,7 +3247,7 @@ class Router {
           {
             path: "/*",
             lazy: async () => {
-              const { PrivateAdminLayout } = await import('./AuthenticatedLayout-06fn7qrH.mjs');
+              const { PrivateAdminLayout } = await import('./AuthenticatedLayout-WfWtk2vt.mjs');
               return {
                 Component: PrivateAdminLayout
               };
@@ -3596,7 +3447,7 @@ const getPrintableType = (value) => {
 
 const staticReducers = {
   [adminApi.reducerPath]: adminApi.reducer,
-  admin_app: reducer$3
+  admin_app: reducer$2
 };
 const injectReducerStoreEnhancer = (appReducers) => (next) => (...args) => {
   const store = next(...args);
@@ -3696,6 +3547,7 @@ const languageNativeNames = {
   de: "Deutsch",
   dk: "Dansk",
   en: "English",
+  "en-GB": "English (United Kingdom)",
   es: "Español",
   eu: "Euskara",
   fr: "Français",
@@ -3918,10 +3770,15 @@ class StrapiApp {
     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-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`);
+          const { default: data } = await __variableDynamicImportRuntimeHelper((/* #__PURE__ */ Object.assign({"./translations/en-GB.js": () => import('./en-GB-8ipWI3xp.mjs')})), `./translations/${locale}.js`);
           return { data, locale };
         } catch {
-          return { data: null, 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-lDO5lPD0.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 };
+          }
         }
       })
     );
@@ -4453,35 +4310,6 @@ function useUncontrolledState({
   return uncontrolledState;
 }
 
-const useQueryParams = (initialParams) => {
-  const { search } = useLocation();
-  const navigate = useNavigate();
-  const query = useMemo(() => {
-    const searchQuery = search.startsWith("?") ? search.slice(1) : search;
-    if (!search && initialParams) {
-      return initialParams;
-    }
-    return { ...initialParams, ...parse(searchQuery) };
-  }, [search, initialParams]);
-  const setQuery = useCallback(
-    (nextParams, method = "push", replace = false) => {
-      let nextQuery = { ...query };
-      if (method === "remove") {
-        Object.keys(nextParams).forEach((key) => {
-          if (Object.prototype.hasOwnProperty.call(nextQuery, key)) {
-            delete nextQuery[key];
-          }
-        });
-      } else {
-        nextQuery = { ...query, ...nextParams };
-      }
-      navigate({ search: stringify(nextQuery, { encode: false }) }, { replace });
-    },
-    [navigate, query]
-  );
-  return [{ query, rawQuery: search }, setQuery];
-};
-
 const [FiltersProvider, useFilters] = createContext("Filters");
 const Root$2 = ({
   children,
@@ -5255,6 +5083,41 @@ const Table = {
   Empty
 };
 
+const ContentBox = ({
+  title,
+  subtitle,
+  icon,
+  iconBackground,
+  endAction,
+  titleEllipsis = false
+}) => {
+  if (title && title.length > 70 && titleEllipsis) {
+    title = `${title.substring(0, 70)}...`;
+  }
+  return /* @__PURE__ */ jsxs(Flex, { shadow: "tableShadow", hasRadius: true, padding: 6, background: "neutral0", children: [
+    /* @__PURE__ */ jsx(IconWrapper, { background: iconBackground, hasRadius: true, padding: 3, children: icon }),
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: endAction ? 0 : 1, children: [
+      /* @__PURE__ */ jsxs(Flex, { children: [
+        /* @__PURE__ */ jsx(TypographyWordBreak, { fontWeight: "semiBold", variant: "pi", children: title }),
+        endAction
+      ] }),
+      /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: subtitle })
+    ] })
+  ] });
+};
+const IconWrapper = styled(Flex)`
+  margin-right: ${({ theme }) => theme.spaces[6]};
+
+  svg {
+    width: 3.2rem;
+    height: 3.2rem;
+  }
+`;
+const TypographyWordBreak = styled(Typography)`
+  color: ${({ theme }) => theme.colors.neutral800};
+  word-break: break-all;
+`;
+
 function useInjectReducer(namespace, reducer) {
   const store = useTypedStore();
   useEffect(() => {
@@ -5452,5 +5315,5 @@ const {
 } = usersService;
 const useAdminUsers = useGetUsersQuery;
 
-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-Fu3hPmaj.mjs.map
+export { useFocusInputField as A, BackButton as B, ConfirmDialog as C, renderAdmin as D, DescriptionComponentRenderer as E, Form as F, Blocker as G, getYupValidationErrors as H, useTable as I, constants as J, 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, getBasename as l, Column as m, useFetchClient as n, useUpdateRoleMutation as o, SETTINGS_LINKS_CE as p, useCreateUserMutation as q, useDeleteManyUsersMutation as r, Filters as s, useClipboard as t, useField as u, ContentBox as v, useForm as w, MemoizedStringInput as x, StrapiLogo as y, useInjectReducer as z };
+//# sourceMappingURL=index-QPUYgtlo.mjs.map