@strapi/admin 5.0.0-alpha.1 → 5.0.0-alpha.2

package/dist/_chunks/{index-hjUhNUvw.mjs → index-GIVuHJgC.mjs}

@@ -1,9 +1,8 @@
-import { getFetchClient, useRBACProvider, useNotification, auth, useAppInfo, useRBAC, NotificationsProvider, useClipboard, getYupInnerErrors, useQueryParams, RBACContext, useFocusInputField, hasPermissions, useQuery, usePersistentState, useFocusWhenNavigate } from "@strapi/helper-plugin";
 import { createRoot } from "react-dom/client";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import { Suspense, lazy, useMemo, useEffect, forwardRef, useState, memo } from "react";
-import { Main, Flex, Loader, EmptyStateLayout, Icon, Box, DesignSystemProvider, Alert, Typography, Button, useCallbackRef, useComposedRefs, Dialog, DialogBody, DialogFooter, Field, Combobox, ComboboxOption, ModalLayout, ModalBody, IconButton, lightTheme, SingleSelect, SingleSelectOption, FieldHint, FieldError, VisuallyHidden, ModalHeader, Radio, Status, TextButton, Tooltip, useFilter, useCollator, useNotifyAT, Layout as Layout$1, ToggleInput, Checkbox, DatePicker, DateTimePicker, TextInput, JSONInput, NumberInput, Textarea, TimePicker, Portal, FieldLabel, FieldInput, Grid, GridItem, HeaderLayout, ContentLayout, LinkButton as LinkButton$1, darkTheme, SearchForm, Searchbar, Table as Table$1, Thead, Tr, Th, BaseCheckbox, Tbody, Td } from "@strapi/design-system";
+import { Suspense, useCallback, lazy, useMemo, useState, useEffect, forwardRef, memo } from "react";
+import { Flex, useCallbackRef, Alert, Main, Loader, EmptyStateLayout, Icon, Box, DesignSystemProvider, Typography, Button, useComposedRefs, Dialog, DialogBody, DialogFooter, Field, Combobox, ComboboxOption, ModalLayout, ModalBody, IconButton, lightTheme, SingleSelect, SingleSelectOption, FieldHint, FieldError, VisuallyHidden, ModalHeader, Radio, Status, TextButton, Tooltip, useFilter, useCollator, useNotifyAT, Layout as Layout$1, ToggleInput, Checkbox, DatePicker, DateTimePicker, TextInput, JSONInput, NumberInput, Textarea, TimePicker, Portal, FieldLabel, FieldInput, Grid, GridItem, HeaderLayout, ContentLayout, LinkButton as LinkButton$1, darkTheme, SearchForm, Searchbar, Table as Table$1, Thead, Tr, Th, BaseCheckbox, Tbody, Td } from "@strapi/design-system";
 import invariant from "invariant";
 import isFunction from "lodash/isFunction";
 import merge from "lodash/merge";
@@ -11,15 +10,17 @@ import pick from "lodash/pick";
 import { useDispatch, useStore, useSelector, Provider as Provider$2 } from "react-redux";
 import { useNavigate, NavLink, useLocation, Outlet, useRouteError, matchRoutes, useLoaderData, Navigate, useParams, useBlocker, useMatch, createBrowserRouter, RouterProvider, Link as Link$1 } from "react-router-dom";
 import { Helmet } from "react-helmet";
+import { auth, useRBACProvider, useRBAC, RBACContext, hasPermissions, usePersistentState } from "@strapi/helper-plugin";
 import { ExclamationMarkCircle, EmptyPermissions, EmptyDocuments, ArrowLeft, Duplicate, Cross, History, CrossCircle, More, Cog, Pencil, Trash, ChevronRight, Drag, CarretDown, Refresh, Eye, EyeStriked, ArrowRight, EmptyPictures, Search } from "@strapi/icons";
 import { useIntl, IntlProvider } from "react-intl";
+import { Link, LinkButton, Menu, SubNav, SubNavHeader, SubNavSections, SubNavSection, SubNavLink, Pagination as Pagination$1, PreviousLink, PageLink, Dots, NextLink } from "@strapi/design-system/v2";
 import { createApi } from "@reduxjs/toolkit/query/react";
 import axios, { isAxiosError } from "axios";
+import qs__default, { parse, stringify } from "qs";
 import { QueryClient, QueryClientProvider } from "react-query";
 import * as ContextSelector from "use-context-selector";
 import { createSelector, createSlice, combineReducers, configureStore } from "@reduxjs/toolkit";
-import { Link, LinkButton, Menu, SubNav, SubNavHeader, SubNavSections, SubNavSection, SubNavLink, Pagination as Pagination$1, PreviousLink, PageLink, Dots, NextLink } from "@strapi/design-system/v2";
-import produce from "immer";
+import { produce } from "immer";
 import { createContext as createContext$1 } from "@radix-ui/react-context";
 import get from "lodash/get";
 import set from "lodash/set";
@@ -32,7 +33,6 @@ import { generateNKeysBetween } from "fractional-indexing";
 import isEqual from "lodash/isEqual";
 import clone from "lodash/clone";
 import toPath from "lodash/toPath";
-import { stringify, parse } from "qs";
 import throttle from "lodash/throttle";
 import { intervalToDuration, isPast } from "date-fns";
 import { useDragLayer, useDrop, useDrag } from "react-dnd";
@@ -75,7 +75,7 @@ const getEERoutes$1 = () => window.strapi.isEE ? [
   {
     path: "auth/login/:authResponse",
     lazy: async () => {
-      const { AuthResponse } = await import("./AuthResponse-Hxop00n-.mjs");
+      const { AuthResponse } = await import("./AuthResponse-jIqWZLMh.mjs");
       return {
         Component: AuthResponse
       };
@@ -123,7 +123,7 @@ const getEERoutes = () => [
     {
       path: "audit-logs",
       lazy: async () => {
-        const { ProtectedListPage } = await import("./ListPage-edro79m2.mjs");
+        const { ProtectedListPage } = await import("./ListPage-EdOy02-v.mjs");
         return {
           Component: ProtectedListPage
         };
@@ -134,7 +134,7 @@ const getEERoutes = () => [
     {
       path: "review-workflows",
       lazy: async () => {
-        const { ProtectedReviewWorkflowsPage } = await import("./ListPage-mAUCZIg8.mjs");
+        const { ProtectedReviewWorkflowsPage } = await import("./ListPage-OaldiDCh.mjs");
         return {
           Component: ProtectedReviewWorkflowsPage
         };
@@ -143,7 +143,7 @@ const getEERoutes = () => [
     {
       path: "review-workflows/create",
       lazy: async () => {
-        const { ReviewWorkflowsCreatePage } = await import("./CreatePage-P1F3dkB3.mjs");
+        const { ReviewWorkflowsCreatePage } = await import("./CreatePage-6AeIanOF.mjs");
         return {
           Component: ReviewWorkflowsCreatePage
         };
@@ -152,7 +152,7 @@ const getEERoutes = () => [
     {
       path: "review-workflows/:workflowId",
       lazy: async () => {
-        const { ReviewWorkflowsEditPage } = await import("./EditPage-30rqjB1d.mjs");
+        const { ReviewWorkflowsEditPage } = await import("./EditPage-Izmz7bdh.mjs");
         return {
           Component: ReviewWorkflowsEditPage
         };
@@ -163,7 +163,7 @@ const getEERoutes = () => [
     {
       path: "single-sign-on",
       lazy: async () => {
-        const { ProtectedSSO } = await import("./SingleSignOnPage-gxgIeURz.mjs");
+        const { ProtectedSSO } = await import("./SingleSignOnPage-aMd3wcAh.mjs");
         return {
           Component: ProtectedSSO
         };
@@ -171,6 +171,151 @@ const getEERoutes = () => [
     }
   ] : []
 ];
+const NotificationsContext = React.createContext({
+  toggleNotification: () => {
+  }
+});
+const NotificationsProvider = ({ children }) => {
+  const notificationIdRef = React.useRef(0);
+  const [notifications, setNotifications] = React.useState([]);
+  const toggleNotification = React.useCallback(
+    ({ type, message, link, timeout, blockTransition, onClose, title }) => {
+      setNotifications((s) => [
+        ...s,
+        {
+          id: notificationIdRef.current++,
+          type,
+          message,
+          link,
+          timeout,
+          blockTransition,
+          onClose,
+          title
+        }
+      ]);
+    },
+    []
+  );
+  const clearNotification = React.useCallback((id) => {
+    setNotifications((s) => s.filter((n) => n.id !== id));
+  }, []);
+  const value = React.useMemo(() => ({ toggleNotification }), [toggleNotification]);
+  return /* @__PURE__ */ jsxs(NotificationsContext.Provider, { value, children: [
+    /* @__PURE__ */ jsx(
+      Flex,
+      {
+        left: "50%",
+        marginLeft: "-250px",
+        position: "fixed",
+        direction: "column",
+        alignItems: "stretch",
+        gap: 2,
+        top: `${46 / 16}rem`,
+        width: `${500 / 16}rem`,
+        zIndex: 10,
+        children: notifications.map((notification) => {
+          return /* @__PURE__ */ jsx(
+            Notification,
+            {
+              ...notification,
+              clearNotification
+            },
+            notification.id
+          );
+        })
+      }
+    ),
+    children
+  ] });
+};
+const Notification = ({
+  clearNotification,
+  blockTransition = false,
+  id,
+  link,
+  message,
+  onClose,
+  timeout = 2500,
+  title,
+  type
+}) => {
+  const { formatMessage } = useIntl();
+  const onCloseCallback = useCallbackRef(onClose);
+  const handleClose = React.useCallback(() => {
+    onCloseCallback();
+    clearNotification(id);
+  }, [clearNotification, id, onCloseCallback]);
+  React.useEffect(() => {
+    if (!blockTransition) {
+      const timeoutReference = setTimeout(() => {
+        handleClose();
+      }, timeout);
+      return () => {
+        clearTimeout(timeoutReference);
+      };
+    }
+  }, [blockTransition, handleClose, timeout]);
+  let variant;
+  let alertTitle;
+  if (type === "info") {
+    variant = "default";
+    alertTitle = formatMessage({
+      id: "notification.default.title",
+      defaultMessage: "Information:"
+    });
+  } else if (type === "danger") {
+    variant = "danger";
+    alertTitle = formatMessage({
+      id: "notification.warning.title",
+      defaultMessage: "Warning:"
+    });
+  } else if (type === "warning") {
+    variant = "warning";
+    alertTitle = formatMessage({
+      id: "notification.warning.title",
+      defaultMessage: "Warning:"
+    });
+  } else {
+    variant = "success";
+    alertTitle = formatMessage({
+      id: "notification.success.title",
+      defaultMessage: "Success:"
+    });
+  }
+  if (title) {
+    alertTitle = title;
+  }
+  return /* @__PURE__ */ jsx(
+    Alert,
+    {
+      action: link ? /* @__PURE__ */ jsx(Link, { href: link.url, isExternal: true, children: link.label }) : void 0,
+      onClose: handleClose,
+      closeLabel: formatMessage({
+        id: "global.close",
+        defaultMessage: "Close"
+      }),
+      title: alertTitle,
+      variant,
+      children: message
+    }
+  );
+};
+/**
+ * @preserve
+ * @description Returns an object to interact with the notification
+ * system. The callbacks are wrapped in `useCallback` for a stable
+ * identity.
+ *
+ * @example
+ * ```tsx
+ * import { useNotification } from '@strapi/helper-plugin';
+ *
+ * const MyComponent = () => {
+ *  const { toggleNotification } = useNotification();
+ *
+ *  return <button onClick={() => toggleNotification({ message: 'Hello world!' })}>Click me</button>;
+ */
+const useNotification = () => React.useContext(NotificationsContext);
 function getPrefixedId(message, callback) {
   const prefixedMessage = `apiError.${message}`;
   if (typeof callback === "function") {
@@ -308,6 +453,51 @@ function formatAPIError(error, { formatMessage, intlMessagePrefixCallback }) {
   }
   return formatMessage(normalizedError);
 }
+const fetchClient = () => {
+  const instance2 = axios.create({
+    headers: {
+      Accept: "application/json",
+      "Content-Type": "application/json"
+    },
+    paramsSerializer: (params) => {
+      return qs__default.stringify(params, { encode: false });
+    }
+  });
+  instance2.interceptors.request.use(
+    async (config) => {
+      config.headers.Authorization = `Bearer ${auth.getToken()}`;
+      return config;
+    },
+    (error) => Promise.reject(error)
+  );
+  instance2.interceptors.response.use(
+    (response) => response,
+    (error) => {
+      if (error?.response?.status === 401) {
+        auth.clearAppStorage();
+        window.location.reload();
+      }
+      throw error;
+    }
+  );
+  return instance2;
+};
+const instance = fetchClient();
+const addPrependingSlash = (url) => url.charAt(0) !== "/" ? `/${url}` : url;
+const hasProtocol = (url) => new RegExp("^(?:[a-z+]+:)?//", "i").test(url);
+const normalizeUrl = (url) => hasProtocol(url) ? url : addPrependingSlash(url);
+const getFetchClient = (defaultOptions = {}) => {
+  instance.defaults.baseURL = window.strapi.backendURL;
+  return {
+    get: (url, config) => instance.get(normalizeUrl(url), {
+      ...defaultOptions,
+      ...config
+    }),
+    put: (url, data, config) => instance.put(normalizeUrl(url), data, { ...defaultOptions, ...config }),
+    post: (url, data, config) => instance.post(normalizeUrl(url), data, { ...defaultOptions, ...config }),
+    del: (url, config) => instance.delete(normalizeUrl(url), { ...defaultOptions, ...config })
+  };
+};
 const axiosBaseQuery = () => async (query, { signal }) => {
   try {
     const { get: get2, post, del, put } = getFetchClient();
@@ -575,12 +765,15 @@ const {
   useGetProviderOptionsQuery,
   useUpdateProviderOptionsMutation
 } = authService;
+const PageMain = ({ children, ...restProps }) => {
+  return /* @__PURE__ */ jsx(Main, { ...restProps, children });
+};
 const Loading$1 = ({ children = "Loading content." }) => {
-  return /* @__PURE__ */ jsx(Main, { height: "100vh", "aria-busy": true, children: /* @__PURE__ */ jsx(Flex, { alignItems: "center", height: "100%", justifyContent: "center", children: /* @__PURE__ */ jsx(Loader, { children }) }) });
+  return /* @__PURE__ */ jsx(PageMain, { height: "100vh", "aria-busy": true, children: /* @__PURE__ */ jsx(Flex, { alignItems: "center", height: "100%", justifyContent: "center", children: /* @__PURE__ */ jsx(Loader, { children }) }) });
 };
 const Error$1 = (props) => {
   const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsx(Main, { height: "100%", children: /* @__PURE__ */ jsx(Flex, { alignItems: "center", height: "100%", justifyContent: "center", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(PageMain, { height: "100%", children: /* @__PURE__ */ jsx(Flex, { alignItems: "center", height: "100%", justifyContent: "center", children: /* @__PURE__ */ jsx(
     EmptyStateLayout,
     {
       icon: /* @__PURE__ */ jsx(Icon, { as: ExclamationMarkCircle, width: "10rem" }),
@@ -594,7 +787,7 @@ const Error$1 = (props) => {
 };
 const NoPermissions = (props) => {
   const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsx(Main, { height: "100%", children: /* @__PURE__ */ jsx(Flex, { alignItems: "center", height: "100%", justifyContent: "center", children: /* @__PURE__ */ jsx(Box, { minWidth: "50%", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(PageMain, { height: "100%", children: /* @__PURE__ */ jsx(Flex, { alignItems: "center", height: "100%", justifyContent: "center", children: /* @__PURE__ */ jsx(Box, { minWidth: "50%", children: /* @__PURE__ */ jsx(
     EmptyStateLayout,
     {
       icon: /* @__PURE__ */ jsx(EmptyPermissions, { width: "10rem" }),
@@ -608,7 +801,7 @@ const NoPermissions = (props) => {
 };
 const NoData = (props) => {
   const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsx(Main, { height: "100%", children: /* @__PURE__ */ jsx(Flex, { alignItems: "center", height: "100%", width: "100%", justifyContent: "center", children: /* @__PURE__ */ jsx(Box, { minWidth: "50%", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(PageMain, { height: "100%", children: /* @__PURE__ */ jsx(Flex, { alignItems: "center", height: "100%", width: "100%", justifyContent: "center", children: /* @__PURE__ */ jsx(Box, { minWidth: "50%", children: /* @__PURE__ */ jsx(
     EmptyStateLayout,
     {
       icon: /* @__PURE__ */ jsx(EmptyDocuments, { width: "10rem" }),
@@ -622,7 +815,7 @@ const NoData = (props) => {
 };
 const Protect = ({ permissions = [], children }) => {
   const { allPermissions } = useRBACProvider();
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
   const { _unstableFormatAPIError: formatAPIError2 } = useAPIErrorHandler();
   const matchingPermissions = allPermissions.filter(
     (permission) => permissions.findIndex(
@@ -646,7 +839,7 @@ const Protect = ({ permissions = [], children }) => {
   React.useEffect(() => {
     if (error) {
       toggleNotification({
-        type: "warning",
+        type: "danger",
         message: formatAPIError2(error)
       });
     }
@@ -669,7 +862,8 @@ const Page = {
   Loading: Loading$1,
   NoPermissions,
   Protect,
-  NoData
+  NoData,
+  Main: PageMain
 };
 function createContext(rootComponentName, defaultContext) {
   const Context = ContextSelector.createContext(defaultContext);
@@ -1009,6 +1203,7 @@ const {
   useGetPluginsQuery,
   useGetLicenseLimitsQuery
 } = admin;
+const [AppInfoProvider, useAppInfo] = createContext("AppInfo", {});
 const TrackingContext = React.createContext({
   uuid: false
 });
@@ -1052,7 +1247,7 @@ const TrackingProvider = ({ children }) => {
 };
 const useTracking = () => {
   const { uuid, telemetryProperties } = React.useContext(TrackingContext);
-  const { userId } = useAppInfo();
+  const userId = useAppInfo("useTracking", (state) => state.userId);
   const trackUsage = React.useCallback(
     async (event, properties) => {
       try {
@@ -1097,7 +1292,7 @@ const ConfigurationProvider = ({
 }) => {
   const { trackUsage } = useTracking();
   const { formatMessage } = useIntl();
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
   const { _unstableFormatAPIError: formatAPIError2 } = useAPIErrorHandler();
   const permissions = useTypedSelector(
     (state) => state.admin_app.permissions.settings?.["project-settings"]
@@ -1114,11 +1309,11 @@ const ConfigurationProvider = ({
   React.useEffect(() => {
     if (error) {
       toggleNotification({
-        type: "warning",
-        message: { id: "app.containers.App.notification.error.init" }
+        type: "danger",
+        message: formatMessage({ id: "app.containers.App.notification.error.init" })
       });
     }
-  }, [error, toggleNotification]);
+  }, [error, formatMessage, toggleNotification]);
   const { data, isSuccess } = useProjectSettingsQuery(void 0, {
     skip: !token || !canRead
   });
@@ -1153,7 +1348,7 @@ const ConfigurationProvider = ({
         });
       } else {
         toggleNotification({
-          type: "warning",
+          type: "danger",
           message: formatAPIError2(res.error)
         });
       }
@@ -1441,6 +1636,28 @@ const App = ({ strapi, store }) => {
   ] }) });
 };
 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 {
+      if (typeof value !== "string" && typeof value !== "number") {
+        throw new Error(
+          `Cannot copy typeof ${typeof value} to clipboard, must be a string or number`
+        );
+      } else if (value === "") {
+        throw new Error(`Cannot copy empty string to clipboard.`);
+      }
+      const stringifiedValue = value.toString();
+      await navigator.clipboard.writeText(stringifiedValue);
+      return true;
+    } catch (error) {
+      if (process.env.NODE_ENV === "development") {
+        console.warn("Copy failed", error);
+      }
+      return false;
+    }
+  }, []);
+  return { copy };
+};
 const ErrorElement = () => {
   const error = useRouteError();
   const { formatMessage } = useIntl();
@@ -1735,7 +1952,7 @@ const routes$1 = [
   {
     path: ":collectionType/:slug/:id/history",
     lazy: async () => {
-      const { ProtectedHistoryPage } = await import("./History-Eq4_WQPf.mjs");
+      const { ProtectedHistoryPage } = await import("./History-CRGqDfHr.mjs");
       return {
         Component: ProtectedHistoryPage
       };
@@ -1744,7 +1961,7 @@ const routes$1 = [
   {
     path: ":collectionType/:slug/history",
     lazy: async () => {
-      const { ProtectedHistoryPage } = await import("./History-Eq4_WQPf.mjs");
+      const { ProtectedHistoryPage } = await import("./History-CRGqDfHr.mjs");
       return {
         Component: ProtectedHistoryPage
       };
@@ -1769,10 +1986,10 @@ const Redirect = () => {
   );
 };
 const ProtectedEditViewPage = lazy(
-  () => import("./EditViewPage-R6diW-gL.mjs").then((mod) => ({ default: mod.ProtectedEditViewPage }))
+  () => import("./EditViewPage-JFzIJClS.mjs").then((mod) => ({ default: mod.ProtectedEditViewPage }))
 );
 const ProtectedListViewPage = lazy(
-  () => import("./ListViewPage-fPFonK_X.mjs").then((mod) => ({ default: mod.ProtectedListViewPage }))
+  () => import("./ListViewPage-1VNVP9Rw.mjs").then((mod) => ({ default: mod.ProtectedListViewPage }))
 );
 const CollectionTypePages = () => {
   const { collectionType } = useParams();
@@ -1827,7 +2044,7 @@ const routes = [
       {
         path: ":collectionType/:slug/:id",
         lazy: async () => {
-          const { ProtectedEditViewPage: ProtectedEditViewPage2 } = await import("./EditViewPage-R6diW-gL.mjs");
+          const { ProtectedEditViewPage: ProtectedEditViewPage2 } = await import("./EditViewPage-JFzIJClS.mjs");
           return {
             Component: ProtectedEditViewPage2
           };
@@ -1836,7 +2053,7 @@ const routes = [
       {
         path: CLONE_RELATIVE_PATH,
         lazy: async () => {
-          const { ProtectedEditViewPage: ProtectedEditViewPage2 } = await import("./EditViewPage-R6diW-gL.mjs");
+          const { ProtectedEditViewPage: ProtectedEditViewPage2 } = await import("./EditViewPage-JFzIJClS.mjs");
           return {
             Component: ProtectedEditViewPage2
           };
@@ -1845,7 +2062,7 @@ const routes = [
       {
         path: ":collectionType/:slug/configurations/list",
         lazy: async () => {
-          const { ProtectedListConfiguration } = await import("./ListConfigurationPage-PrJNO_6y.mjs");
+          const { ProtectedListConfiguration } = await import("./ListConfigurationPage-lPILAPkW.mjs");
           return {
             Component: ProtectedListConfiguration
           };
@@ -1854,7 +2071,7 @@ const routes = [
       {
         path: "components/:slug/configurations/edit",
         lazy: async () => {
-          const { ProtectedComponentConfigurationPage } = await import("./ComponentConfigurationPage-okd3XovW.mjs");
+          const { ProtectedComponentConfigurationPage } = await import("./ComponentConfigurationPage-oiBCHXQO.mjs");
           return {
             Component: ProtectedComponentConfigurationPage
           };
@@ -1863,7 +2080,7 @@ const routes = [
       {
         path: ":collectionType/:slug/configurations/edit",
         lazy: async () => {
-          const { ProtectedEditConfigurationPage } = await import("./EditConfigurationPage-LItt0mJo.mjs");
+          const { ProtectedEditConfigurationPage } = await import("./EditConfigurationPage-MAUfMzG6.mjs");
           return {
             Component: ProtectedEditConfigurationPage
           };
@@ -1872,7 +2089,7 @@ const routes = [
       {
         path: "403",
         lazy: async () => {
-          const { NoPermissions: NoPermissions2 } = await import("./NoPermissionsPage-pqQFFlXa.mjs");
+          const { NoPermissions: NoPermissions2 } = await import("./NoPermissionsPage--Oa97N7k.mjs");
           return {
             Component: NoPermissions2
           };
@@ -1881,7 +2098,7 @@ const routes = [
       {
         path: "no-content-types",
         lazy: async () => {
-          const { NoContentType } = await import("./NoContentTypePage-szvJnQKF.mjs");
+          const { NoContentType } = await import("./NoContentTypePage-BaaTD5uB.mjs");
           return {
             Component: NoContentType
           };
@@ -1891,6 +2108,52 @@ const routes = [
     ]
   }
 ];
+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 extractValuesFromYupError = (errorType, errorParams) => {
+  if (!errorType || !errorParams) {
+    return {};
+  }
+  return {
+    [errorType]: errorParams[errorType]
+  };
+};
+const getYupInnerErrors = (error) => (error?.inner || []).reduce((acc, currentError) => {
+  if (currentError.path) {
+    acc[currentError.path.split("[").join(".").split("]").join("")] = {
+      id: currentError.message,
+      defaultMessage: currentError.message,
+      values: extractValuesFromYupError(currentError?.type, currentError?.params)
+    };
+  }
+  return acc;
+}, {});
 const contentManagerApi = createApi({
   reducerPath: "contentManagerApi",
   baseQuery: axiosBaseQuery(),
@@ -1900,7 +2163,8 @@ const contentManagerApi = createApi({
     "ContentTypeSettings",
     "Document",
     "InitialData",
-    "HistoryVersion"
+    "HistoryVersion",
+    "Relations"
   ],
   endpoints: () => ({})
 });
@@ -1940,7 +2204,10 @@ const documentApi = contentManagerApi.injectEndpoints({
           params
         }
       }),
-      invalidatesTags: (_result, _error, { model }) => [{ type: "Document", id: `${model}_LIST` }]
+      invalidatesTags: (result, _error, { model }) => [
+        { type: "Document", id: `${model}_LIST` },
+        "Relations"
+      ]
     }),
     deleteDocument: builder.mutation({
       query: ({ collectionType, model, documentId, params }) => ({
@@ -1976,7 +2243,8 @@ const documentApi = contentManagerApi.injectEndpoints({
             type: "Document",
             id: collectionType !== SINGLE_TYPES ? `${model}_${documentId}` : model
           },
-          { type: "Document", id: `${model}_LIST` }
+          { type: "Document", id: `${model}_LIST` },
+          "Relations"
         ];
       }
     }),
@@ -2064,7 +2332,8 @@ const documentApi = contentManagerApi.injectEndpoints({
             type: "Document",
             id: collectionType !== SINGLE_TYPES ? `${model}_${documentId}` : model
           },
-          { type: "Document", id: `${model}_LIST` }
+          { type: "Document", id: `${model}_LIST` },
+          "Relations"
         ];
       }
     }),
@@ -2090,7 +2359,8 @@ const documentApi = contentManagerApi.injectEndpoints({
           {
             type: "Document",
             id: collectionType !== SINGLE_TYPES ? `${model}_${documentId}` : model
-          }
+          },
+          "Relations"
         ];
       }
     }),
@@ -2436,7 +2706,7 @@ const initApi = contentManagerApi.injectEndpoints({
 });
 const { useGetInitialDataQuery } = initApi;
 const useContentTypeSchema = (model) => {
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
   const { _unstableFormatAPIError: formatAPIError2 } = useAPIErrorHandler();
   const { components, contentType, contentTypes, error, isLoading, isFetching } = useGetInitialDataQuery(void 0, {
     selectFromResult: (res) => {
@@ -2462,7 +2732,7 @@ const useContentTypeSchema = (model) => {
   React.useEffect(() => {
     if (error) {
       toggleNotification({
-        type: "warning",
+        type: "danger",
         message: formatAPIError2(error)
       });
     }
@@ -2506,7 +2776,7 @@ const extractContentTypeComponents = (attributes = {}, allComponents = {}) => {
   return componentsByKey;
 };
 const useDocument = (args, opts) => {
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
   const { _unstableFormatAPIError: formatAPIError2 } = useAPIErrorHandler();
   const {
     currentData: data,
@@ -2518,7 +2788,7 @@ const useDocument = (args, opts) => {
   React.useEffect(() => {
     if (error) {
       toggleNotification({
-        type: "warning",
+        type: "danger",
         message: formatAPIError2(error)
       });
     }
@@ -3249,7 +3519,7 @@ const getDisplayName = ({
       }
     ).trim();
   }
-  return email;
+  return email ?? "";
 };
 const reviewWorkflowsApi = adminApi.injectEndpoints({
   endpoints: (builder) => ({
@@ -3364,7 +3634,7 @@ const AssigneeSelect = () => {
   const permissions = useTypedSelector((state) => state.admin_app.permissions);
   const { formatMessage } = useIntl();
   const { _unstableFormatAPIError: formatAPIError2 } = useAPIErrorHandler();
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
   const {
     allowedActions: { canRead },
     isLoading: isLoadingPermissions
@@ -3392,10 +3662,10 @@ const AssigneeSelect = () => {
       field.onChange(ASSIGNEE_ATTRIBUTE_NAME, res.data[ASSIGNEE_ATTRIBUTE_NAME]);
       toggleNotification({
         type: "success",
-        message: {
+        message: formatMessage({
           id: "content-manager.reviewWorkflows.assignee.notification.saved",
           defaultMessage: "Assignee updated"
-        }
+        })
       });
     }
   };
@@ -3587,7 +3857,7 @@ const StageSelect = () => {
   const { collectionType, model, id } = useDoc();
   const { formatMessage } = useIntl();
   const { _unstableFormatAPIError: formatAPIError2 } = useAPIErrorHandler();
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
   const { data, isLoading } = useGetStagesQuery(
     {
       slug: collectionType,
@@ -3623,10 +3893,10 @@ const StageSelect = () => {
             field.onChange(STAGE_ATTRIBUTE_NAME, res.data[STAGE_ATTRIBUTE_NAME]);
             toggleNotification({
               type: "success",
-              message: {
+              message: formatMessage({
                 id: "content-manager.reviewWorkflows.stage.notification.saved",
                 defaultMessage: "Review stage updated"
-              }
+              })
             });
           }
         }
@@ -3884,7 +4154,8 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
   defaultMessage: "An error occurred, please try again"
 };
 const useDocumentActions = () => {
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
+  const { formatMessage } = useIntl();
   const { trackUsage } = useTracking();
   const { _unstableFormatAPIError: formatAPIError2 } = useAPIErrorHandler();
   const [deleteDocument] = useDeleteDocumentMutation();
@@ -3900,30 +4171,30 @@ const useDocumentActions = () => {
         });
         if ("error" in res) {
           toggleNotification({
-            type: "warning",
+            type: "danger",
             message: formatAPIError2(res.error)
           });
           return { error: res.error };
         }
         toggleNotification({
           type: "success",
-          message: {
+          message: formatMessage({
             id: getTranslation("success.record.delete"),
             defaultMessage: "Deleted document"
-          }
+          })
         });
         trackUsage("didDeleteEntry", trackerProperty);
         return res.data;
       } catch (err) {
         toggleNotification({
-          type: "warning",
-          message: DEFAULT_UNEXPECTED_ERROR_MSG
+          type: "danger",
+          message: formatMessage(DEFAULT_UNEXPECTED_ERROR_MSG)
         });
         trackUsage("didNotDeleteEntry", { error: err, ...trackerProperty });
         throw err;
       }
     },
-    [trackUsage, deleteDocument, toggleNotification, formatAPIError2]
+    [trackUsage, deleteDocument, toggleNotification, formatMessage, formatAPIError2]
   );
   const [discardDocument] = useDiscardDocumentMutation();
   const discard = React.useCallback(
@@ -3936,28 +4207,28 @@ const useDocumentActions = () => {
         });
         if ("error" in res) {
           toggleNotification({
-            type: "warning",
+            type: "danger",
             message: formatAPIError2(res.error)
           });
           return { error: res.error };
         }
         toggleNotification({
           type: "success",
-          message: {
+          message: formatMessage({
             id: "content-manager.success.record.discard",
             defaultMessage: "Changes discarded"
-          }
+          })
         });
         return res.data;
       } catch (err) {
         toggleNotification({
-          type: "warning",
-          message: DEFAULT_UNEXPECTED_ERROR_MSG
+          type: "danger",
+          message: formatMessage(DEFAULT_UNEXPECTED_ERROR_MSG)
         });
         throw err;
       }
     },
-    [discardDocument, formatAPIError2, toggleNotification]
+    [discardDocument, formatAPIError2, formatMessage, toggleNotification]
   );
   const [publishDocument] = usePublishDocumentMutation();
   const publish = React.useCallback(
@@ -3972,27 +4243,27 @@ const useDocumentActions = () => {
           params
         });
         if ("error" in res) {
-          toggleNotification({ type: "warning", message: formatAPIError2(res.error) });
+          toggleNotification({ type: "danger", message: formatAPIError2(res.error) });
           return { error: res.error };
         }
         trackUsage("didPublishEntry");
         toggleNotification({
           type: "success",
-          message: {
+          message: formatMessage({
             id: getTranslation("success.record.publish"),
             defaultMessage: "Published document"
-          }
+          })
         });
         return res.data;
       } catch (err) {
         toggleNotification({
-          type: "warning",
-          message: DEFAULT_UNEXPECTED_ERROR_MSG
+          type: "danger",
+          message: formatMessage(DEFAULT_UNEXPECTED_ERROR_MSG)
         });
         throw err;
       }
     },
-    [trackUsage, publishDocument, toggleNotification, formatAPIError2]
+    [trackUsage, publishDocument, toggleNotification, formatMessage, formatAPIError2]
   );
   const [updateDocument] = useUpdateDocumentMutation();
   const update = React.useCallback(
@@ -4007,26 +4278,29 @@ const useDocumentActions = () => {
           params
         });
         if ("error" in res) {
-          toggleNotification({ type: "warning", message: formatAPIError2(res.error) });
+          toggleNotification({ type: "danger", message: formatAPIError2(res.error) });
           trackUsage("didNotEditEntry", { error: res.error, ...trackerProperty });
           return { error: res.error };
         }
         trackUsage("didEditEntry", trackerProperty);
         toggleNotification({
           type: "success",
-          message: { id: getTranslation("success.record.save"), defaultMessage: "Saved document" }
+          message: formatMessage({
+            id: getTranslation("success.record.save"),
+            defaultMessage: "Saved document"
+          })
         });
         return res.data;
       } catch (err) {
         trackUsage("didNotEditEntry", { error: err, ...trackerProperty });
         toggleNotification({
-          type: "warning",
-          message: DEFAULT_UNEXPECTED_ERROR_MSG
+          type: "danger",
+          message: formatMessage(DEFAULT_UNEXPECTED_ERROR_MSG)
         });
         throw err;
       }
     },
-    [trackUsage, updateDocument, toggleNotification, formatAPIError2]
+    [trackUsage, updateDocument, toggleNotification, formatMessage, formatAPIError2]
   );
   const [unpublishDocument] = useUnpublishDocumentMutation();
   const unpublish = React.useCallback(
@@ -4043,27 +4317,27 @@ const useDocumentActions = () => {
           }
         });
         if ("error" in res) {
-          toggleNotification({ type: "warning", message: formatAPIError2(res.error) });
+          toggleNotification({ type: "danger", message: formatAPIError2(res.error) });
           return { error: res.error };
         }
         trackUsage("didUnpublishEntry");
         toggleNotification({
           type: "success",
-          message: {
+          message: formatMessage({
             id: getTranslation("success.record.unpublish"),
             defaultMessage: "Unpublished document"
-          }
+          })
         });
         return res.data;
       } catch (err) {
         toggleNotification({
-          type: "warning",
-          message: DEFAULT_UNEXPECTED_ERROR_MSG
+          type: "danger",
+          message: formatMessage(DEFAULT_UNEXPECTED_ERROR_MSG)
         });
         throw err;
       }
     },
-    [trackUsage, unpublishDocument, toggleNotification, formatAPIError2]
+    [trackUsage, unpublishDocument, toggleNotification, formatMessage, formatAPIError2]
   );
   const [createDocument] = useCreateDocumentMutation();
   const create = React.useCallback(
@@ -4075,26 +4349,29 @@ const useDocumentActions = () => {
           params
         });
         if ("error" in res) {
-          toggleNotification({ type: "warning", message: formatAPIError2(res.error) });
+          toggleNotification({ type: "danger", message: formatAPIError2(res.error) });
           trackUsage("didNotCreateEntry", { error: res.error, ...trackerProperty });
           return { error: res.error };
         }
         trackUsage("didCreateEntry", trackerProperty);
         toggleNotification({
           type: "success",
-          message: { id: getTranslation("success.record.save"), defaultMessage: "Saved document" }
+          message: formatMessage({
+            id: getTranslation("success.record.save"),
+            defaultMessage: "Saved document"
+          })
         });
         return res.data;
       } catch (err) {
         toggleNotification({
-          type: "warning",
-          message: DEFAULT_UNEXPECTED_ERROR_MSG
+          type: "danger",
+          message: formatMessage(DEFAULT_UNEXPECTED_ERROR_MSG)
         });
         trackUsage("didNotCreateEntry", { error: err, ...trackerProperty });
         throw err;
       }
     },
-    [createDocument, formatAPIError2, toggleNotification, trackUsage]
+    [createDocument, formatAPIError2, formatMessage, toggleNotification, trackUsage]
   );
   const [autoCloneDocument] = useAutoCloneDocumentMutation();
   const autoClone = React.useCallback(
@@ -4105,26 +4382,26 @@ const useDocumentActions = () => {
           sourceId
         });
         if ("error" in res) {
-          toggleNotification({ type: "warning", message: formatAPIError2(res.error) });
+          toggleNotification({ type: "danger", message: formatAPIError2(res.error) });
           return { error: res.error };
         }
         toggleNotification({
           type: "success",
-          message: {
+          message: formatMessage({
             id: getTranslation("success.record.clone"),
             defaultMessage: "Cloned document"
-          }
+          })
         });
         return res.data;
       } catch (err) {
         toggleNotification({
-          type: "warning",
-          message: DEFAULT_UNEXPECTED_ERROR_MSG
+          type: "danger",
+          message: formatMessage(DEFAULT_UNEXPECTED_ERROR_MSG)
         });
         throw err;
       }
     },
-    [autoCloneDocument, formatAPIError2, toggleNotification]
+    [autoCloneDocument, formatAPIError2, formatMessage, toggleNotification]
   );
   const [cloneDocument] = useCloneDocumentMutation();
   const clone2 = React.useCallback(
@@ -4138,29 +4415,29 @@ const useDocumentActions = () => {
           params
         });
         if ("error" in res) {
-          toggleNotification({ type: "warning", message: formatAPIError2(res.error) });
+          toggleNotification({ type: "danger", message: formatAPIError2(res.error) });
           trackUsage("didNotCreateEntry", { error: res.error, ...trackerProperty });
           return { error: res.error };
         }
         trackUsage("didCreateEntry", trackerProperty);
         toggleNotification({
           type: "success",
-          message: {
+          message: formatMessage({
             id: getTranslation("success.record.clone"),
             defaultMessage: "Cloned document"
-          }
+          })
         });
         return res.data;
       } catch (err) {
         toggleNotification({
-          type: "warning",
-          message: DEFAULT_UNEXPECTED_ERROR_MSG
+          type: "danger",
+          message: formatMessage(DEFAULT_UNEXPECTED_ERROR_MSG)
         });
         trackUsage("didNotCreateEntry", { error: err, ...trackerProperty });
         throw err;
       }
     },
-    [cloneDocument, trackUsage, toggleNotification, formatAPIError2]
+    [cloneDocument, trackUsage, toggleNotification, formatMessage, formatAPIError2]
   );
   const [getDoc] = useLazyGetDocumentQuery();
   const getDocument = React.useCallback(
@@ -4219,7 +4496,7 @@ const DocumentActions = ({ actions: actions2 }) => {
 };
 const DocumentActionButton = (action) => {
   const [dialogId, setDialogId] = React.useState(null);
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
   const handleClick = (action2) => async (e) => {
     const { onClick = () => false, dialog, id } = action2;
     const muteDialog = await onClick(e);
@@ -4285,7 +4562,7 @@ const DocumentActionsMenu = ({
   const [isOpen, setIsOpen] = React.useState(false);
   const [dialogId, setDialogId] = React.useState(null);
   const { formatMessage } = useIntl();
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
   const isDisabled = actions2.every((action) => action.disabled) || actions2.length === 0;
   const handleClick = (action) => async (e) => {
     const { onClick = () => false, dialog, id } = action;
@@ -4488,7 +4765,7 @@ const PublishAction = ({
 }) => {
   const { schema } = useDoc();
   const navigate = useNavigate();
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
   const { _unstableFormatValidationErrors: formatValidationErrors } = useAPIErrorHandler();
   const isCloning = useMatch(CLONE_PATH) !== null;
   const { formatMessage } = useIntl();
@@ -4532,11 +4809,11 @@ const PublishAction = ({
         const { errors } = await validate();
         if (errors) {
           toggleNotification({
-            type: "warning",
-            message: {
+            type: "danger",
+            message: formatMessage({
               id: "content-manager.validation.error",
               defaultMessage: "There are validation errors in your document. Please fix them before saving."
-            }
+            })
           });
           return;
         }
@@ -4571,7 +4848,7 @@ const UpdateAction = ({
   collectionType
 }) => {
   const navigate = useNavigate();
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
   const { _unstableFormatValidationErrors: formatValidationErrors } = useAPIErrorHandler();
   const cloneMatch = useMatch(CLONE_PATH);
   const isCloning = cloneMatch !== null;
@@ -4589,6 +4866,7 @@ const UpdateAction = ({
   const document2 = useForm("UpdateAction", ({ values }) => values);
   const validate = useForm("UpdateAction", (state) => state.validate);
   const setErrors = useForm("UpdateAction", (state) => state.setErrors);
+  const resetForm = useForm("PublishAction", ({ resetForm: resetForm2 }) => resetForm2);
   return {
     /**
      * Disabled when:
@@ -4609,11 +4887,11 @@ const UpdateAction = ({
         const { errors } = await validate();
         if (errors) {
           toggleNotification({
-            type: "warning",
-            message: {
+            type: "danger",
+            message: formatMessage({
               id: "content-manager.validation.error",
               defaultMessage: "There are validation errors in your document. Please fix them before saving."
-            }
+            })
           });
           return;
         }
@@ -4646,6 +4924,8 @@ const UpdateAction = ({
           );
           if ("error" in res && isBaseQueryError(res.error) && res.error.name === "ValidationError") {
             setErrors(formatValidationErrors(res.error));
+          } else {
+            resetForm();
           }
         } else {
           const res = await create(
@@ -4688,7 +4968,7 @@ const UnpublishAction = ({
   const { unpublish } = useDocumentActions();
   const [{ query }] = useQueryParams();
   const params = React.useMemo(() => buildValidParams(query), [query]);
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
   const [shouldKeepDraft, setShouldKeepDraft] = React.useState(true);
   const isDocumentModified = document2?.status === "modified";
   const handleChange = (e) => {
@@ -4717,7 +4997,7 @@ const UnpublishAction = ({
               id: "content-manager.actions.unpublish.error",
               defaultMessage: "An error occurred while trying to unpublish the document."
             }),
-            type: "warning"
+            type: "danger"
           });
         }
         return;
@@ -4791,7 +5071,7 @@ const UnpublishAction = ({
               id: "content-manager.actions.unpublish.error",
               defaultMessage: "An error occurred while trying to unpublish the document."
             }),
-            type: "warning"
+            type: "danger"
           });
         }
         await unpublish(
@@ -5286,7 +5566,7 @@ const DeleteAction = ({ documentId, model, collectionType, document: document2 }
   const listViewPathMatch = useMatch(LIST_PATH);
   const canDelete = useDocumentRBAC("DeleteAction", (state) => state.canDelete);
   const { delete: deleteAction } = useDocumentActions();
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
   const setSubmitting = useForm("DeleteAction", (state) => state.setSubmitting);
   return {
     disabled: !canDelete || !document2,
@@ -5322,7 +5602,7 @@ const DeleteAction = ({ documentId, model, collectionType, document: document2 }
                 id: "content-manager.actions.delete.error",
                 defaultMessage: "An error occurred while trying to delete the document."
               }),
-              type: "warning"
+              type: "danger"
             });
             return;
           }
@@ -5544,7 +5824,7 @@ const EditAction = ({ documentId }) => {
   const navigate = useNavigate();
   const { formatMessage } = useIntl();
   const { canRead } = useDocumentRBAC("EditAction", ({ canRead: canRead2 }) => ({ canRead: canRead2 }));
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
   const [{ query }] = useQueryParams();
   return {
     disabled: !canRead,
@@ -5564,7 +5844,7 @@ const EditAction = ({ documentId }) => {
             id: "content-manager.actions.edit.error",
             defaultMessage: "An error occurred while trying to edit the document."
           }),
-          type: "warning"
+          type: "danger"
         });
         return;
       }
@@ -5587,7 +5867,7 @@ const CloneAction = ({ model, documentId }) => {
   const navigate = useNavigate();
   const { formatMessage } = useIntl();
   const { canCreate } = useDocumentRBAC("CloneAction", ({ canCreate: canCreate2 }) => ({ canCreate: canCreate2 }));
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
   const { autoClone } = useDocumentActions();
   const [prohibitedFields, setProhibitedFields] = React.useState([]);
   return {
@@ -5608,7 +5888,7 @@ const CloneAction = ({ model, documentId }) => {
             id: "content-manager.actions.clone.error",
             defaultMessage: "An error occurred while trying to clone the document."
           }),
-          type: "warning"
+          type: "danger"
         });
         return;
       }
@@ -6067,6 +6347,27 @@ const ToggleButton = styled.button`
   text-align: unset;
   padding: 0;
 `;
+const useFocusInputField = (name) => {
+  const { search: searchString } = useLocation();
+  const search = useMemo(() => new URLSearchParams(searchString), [searchString]);
+  const [field, setField] = useState(null);
+  useEffect(() => {
+    if (search.has("field") && search.get("field") === name && field) {
+      if ("input" in field) {
+        field.input.current.focus();
+        field.input.current.scrollIntoView({
+          block: "center"
+        });
+      } else {
+        field.focus();
+        field.scrollIntoView({
+          block: "center"
+        });
+      }
+    }
+  }, [search, name, field]);
+  return setField;
+};
 const ItemTypes = {
   COMPONENT: "component",
   EDIT_FIELD: "editField",
@@ -6307,7 +6608,9 @@ const relationsApi = contentManagerApi.injectEndpoints({
           endpointName,
           model: queryArgs.model,
           id: queryArgs.id,
-          targetField: queryArgs.targetField
+          targetField: queryArgs.targetField,
+          locale: queryArgs.params?.locale,
+          status: queryArgs.params?.status
         };
       },
       merge: (currentCache, newItems) => {
@@ -6340,7 +6643,8 @@ const relationsApi = contentManagerApi.injectEndpoints({
         } else {
           return response;
         }
-      }
+      },
+      providesTags: ["Relations"]
     }),
     searchRelations: build.query({
       query: ({ model, targetField, params }) => {
@@ -6502,19 +6806,20 @@ const RelationsField = React.forwardRef(
     const handleConnect = (relation) => {
       const [lastItemInList] = relations.slice(-1);
       const item = {
-        ...relation,
+        id: relation.id,
+        status: relation.status,
         /**
          * If there's a last item, that's the first key we use to generate out next one.
          */
         __temp_key__: generateNKeysBetween(lastItemInList?.__temp_key__ ?? null, null, 1)[0],
         // Fallback to `id` if there is no `mainField` value, which will overwrite the above `id` property with the exact same data.
-        [props.mainField?.name ?? "id"]: relation[props.mainField?.name ?? "id"],
+        [props.mainField?.name ?? "documentId"]: relation[props.mainField?.name ?? "documentId"],
         label: getRelationLabel(relation, props.mainField),
         // @ts-expect-error – targetModel does exist on the attribute, but it's not typed.
         href: `../${COLLECTION_TYPES}/${props.attribute.targetModel}/${relation.documentId}`
       };
       if (ONE_WAY_RELATIONS.includes(props.attribute.relation)) {
-        field.onChange(props.name, { connect: [item] });
+        field.onChange(`${props.name}.connect`, [item]);
       } else {
         field.onChange(`${props.name}.connect`, [...field.value?.connect ?? [], item]);
       }
@@ -6580,18 +6885,18 @@ const StyledFlex = styled(Flex)`
 const removeConnected = ({ field }) => (relations) => {
   return relations.filter((relation) => {
     const connectedRelations = field?.connect ?? [];
-    return connectedRelations.findIndex((rel) => rel.documentId === relation.documentId) === -1;
+    return connectedRelations.findIndex((rel) => rel.id === relation.id) === -1;
   });
 };
 const removeDisconnected = ({ field }) => (relations) => relations.filter((relation) => {
   const disconnectedRelations = field?.disconnect ?? [];
-  return disconnectedRelations.findIndex((rel) => rel.documentId === relation.documentId) === -1;
+  return disconnectedRelations.findIndex((rel) => rel.id === relation.id) === -1;
 });
 const addLabelAndHref = ({ mainField, href }) => (relations) => relations.map((relation) => {
   return {
     ...relation,
-    // Fallback to `id` if there is no `mainField` value, which will overwrite the above `id` property with the exact same data.
-    [mainField?.name ?? "id"]: relation[mainField?.name ?? "id"],
+    // Fallback to `id` if there is no `mainField` value, which will overwrite the above `documentId` property with the exact same data.
+    [mainField?.name ?? "documentId"]: relation[mainField?.name ?? "documentId"],
     label: getRelationLabel(relation, mainField),
     href: `${href}/${relation.documentId}`
   };
@@ -6613,7 +6918,7 @@ const RelationsInput = ({
     _q: "",
     page: 1
   });
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
   const [{ query }] = useQueryParams();
   const { formatMessage } = useIntl();
   const fieldRef = useFocusInputField(name);
@@ -6628,8 +6933,8 @@ const RelationsInput = ({
         ...buildValidParams(query),
         id: id ?? "",
         pageSize: 10,
-        idsToInclude: field.value?.disconnect?.map((rel) => rel.documentId) ?? [],
-        idsToOmit: field.value?.connect?.map((rel) => rel.documentId) ?? [],
+        idsToInclude: field.value?.disconnect?.map((rel) => rel.id.toString()) ?? [],
+        idsToOmit: field.value?.connect?.map((rel) => rel.id.toString()) ?? [],
         ...searchParams
       }
     });
@@ -6652,7 +6957,7 @@ const RelationsInput = ({
     if (!relationId) {
       return;
     }
-    const relation = options.find((opt) => opt.documentId === relationId);
+    const relation = options.find((opt) => opt.id.toString() === relationId);
     if (!relation) {
       console.error(
         "You've tried to add a relation with an id that does not exist in the options you can see, this is likely a bug with Strapi. Please open an issue."
@@ -6662,7 +6967,7 @@ const RelationsInput = ({
           id: getTranslation("relation.error-adding-relation"),
           defaultMessage: "An error occurred while trying to add the relation."
         }),
-        type: "warning"
+        type: "danger"
       });
       return;
     }
@@ -6717,10 +7022,10 @@ const RelationsInput = ({
       },
       children: options.map((opt) => {
         const textValue2 = getRelationLabel(opt, mainField);
-        return /* @__PURE__ */ jsx(ComboboxOption, { value: opt.documentId, textValue: textValue2, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, justifyContent: "space-between", children: [
+        return /* @__PURE__ */ jsx(ComboboxOption, { value: opt.id.toString(), textValue: textValue2, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, justifyContent: "space-between", children: [
           /* @__PURE__ */ jsx(Typography, { ellipsis: true, children: textValue2 }),
           opt.status ? /* @__PURE__ */ jsx(DocumentStatus, { status: opt.status }) : null
-        ] }) }, opt.documentId);
+        ] }) }, opt.id);
       })
     }
   );
@@ -6857,14 +7162,14 @@ const RelationsList = ({
   const handleDisconnect = (relation) => {
     if (field.value && field.value.connect) {
       const indexOfRelationInConnectArray = field.value.connect.findIndex(
-        (rel) => rel.documentId === relation.documentId
+        (rel) => rel.id === relation.id
       );
       if (indexOfRelationInConnectArray >= 0) {
         removeFieldRow(`${name}.connect`, indexOfRelationInConnectArray);
         return;
       }
     }
-    addFieldRow(`${name}.disconnect`, { documentId: relation.documentId });
+    addFieldRow(`${name}.disconnect`, { id: relation.id });
   };
   const canReorder = !ONE_WAY_RELATIONS.includes(relationType);
   const dynamicListHeight = data.length > RELATIONS_TO_DISPLAY ? Math.min(data.length, RELATIONS_TO_DISPLAY) * (RELATION_ITEM_HEIGHT + RELATION_GUTTER) + RELATION_ITEM_HEIGHT / 2 : Math.min(data.length, RELATIONS_TO_DISPLAY) * (RELATION_ITEM_HEIGHT + RELATION_GUTTER);
@@ -7251,7 +7556,7 @@ const {
 const { MUTATE_COLLECTION_TYPES_LINKS: MUTATE_COLLECTION_TYPES_LINKS$1, MUTATE_SINGLE_TYPES_LINKS: MUTATE_SINGLE_TYPES_LINKS$1 } = HOOKS;
 const useContentManagerInitData = () => {
   const dispatch = useTypedDispatch();
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
   const { allPermissions } = useRBACProvider();
   const runHookWaterfall = useStrapiApp(
     "useContentManagerInitData",
@@ -7280,14 +7585,14 @@ const useContentManagerInitData = () => {
   }, [formatMessage, initialDataQuery.data, notifyStatus]);
   useEffect(() => {
     if (initialDataQuery.error) {
-      toggleNotification({ type: "warning", message: formatAPIError2(initialDataQuery.error) });
+      toggleNotification({ type: "danger", message: formatAPIError2(initialDataQuery.error) });
     }
   }, [formatAPIError2, initialDataQuery.error, toggleNotification]);
   const contentTypeSettingsQuery = useGetAllContentTypeSettingsQuery();
   useEffect(() => {
     if (contentTypeSettingsQuery.error) {
       toggleNotification({
-        type: "warning",
+        type: "danger",
         message: formatAPIError2(contentTypeSettingsQuery.error)
       });
     }
@@ -8050,7 +8355,8 @@ const LOGIN_SCHEMA = yup.object().shape({
 const Login = ({ children }) => {
   const [apiError, setApiError] = React.useState();
   const { formatMessage } = useIntl();
-  const query = useQuery();
+  const { search: searchString } = useLocation();
+  const query = React.useMemo(() => new URLSearchParams(searchString), [searchString]);
   const navigate = useNavigate();
   const login = useAuth("Login", (state) => state.login);
   const handleLogin = async (body) => {
@@ -8222,7 +8528,8 @@ const ForgotPasswordSuccess = () => {
 };
 const Oops = () => {
   const { formatMessage } = useIntl();
-  const query = useQuery();
+  const { search: searchString } = useLocation();
+  const query = React.useMemo(() => new URLSearchParams(searchString), [searchString]);
   const message = query.get("info") || formatMessage({
     id: "Auth.components.Oops.text",
     defaultMessage: "Your account has been suspended."
@@ -8321,8 +8628,9 @@ const NpsSurvey = () => {
   const { formatMessage } = useIntl();
   const { npsSurveySettings, setNpsSurveySettings } = useNpsSurveySettings();
   const [isFeedbackResponse, setIsFeedbackResponse] = React.useState(false);
-  const toggleNotification = useNotification();
-  const { currentEnvironment, strapiVersion } = useAppInfo();
+  const { toggleNotification } = useNotification();
+  const currentEnvironment = useAppInfo("NpsSurvey", (state) => state.currentEnvironment);
+  const strapiVersion = useAppInfo("NpsSurvey", (state) => state.strapiVersion);
   const [surveyIsShown, setSurveyIsShown] = React.useState(
     checkIfShouldShowSurvey(npsSurveySettings)
   );
@@ -8377,7 +8685,7 @@ const NpsSurvey = () => {
       }, 3e3);
     } catch (err) {
       toggleNotification({
-        type: "warning",
+        type: "danger",
         message: formatMessage({ id: "notification.error", defaultMessage: "An error occurred" })
       });
     }
@@ -8604,14 +8912,15 @@ const REGISTER_ADMIN_SCHEMA = yup.object().shape({
   })
 });
 const Register = ({ hasAdmin }) => {
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
   const navigate = useNavigate();
   const [submitCount, setSubmitCount] = React.useState(0);
   const [apiError, setApiError] = React.useState();
   const { trackUsage } = useTracking();
   const { formatMessage } = useIntl();
   const setSkipped = useGuidedTour("Register", (state) => state.setSkipped);
-  const query = useQuery();
+  const { search: searchString } = useLocation();
+  const query = React.useMemo(() => new URLSearchParams(searchString), [searchString]);
   const match = useMatch("/auth/:authType");
   const {
     _unstableFormatAPIError: formatAPIError2,
@@ -8626,7 +8935,7 @@ const Register = ({ hasAdmin }) => {
     if (error) {
       const message = isBaseQueryError(error) ? formatAPIError2(error) : error.message ?? "";
       toggleNotification({
-        type: "warning",
+        type: "danger",
         message
       });
       navigate(`/auth/oops?info=${encodeURIComponent(message)}`);
@@ -8909,7 +9218,8 @@ const RESET_PASSWORD_SCHEMA = yup.object().shape({
 const ResetPassword = () => {
   const { formatMessage } = useIntl();
   const navigate = useNavigate();
-  const query = useQuery();
+  const { search: searchString } = useLocation();
+  const query = React.useMemo(() => new URLSearchParams(searchString), [searchString]);
   const { _unstableFormatAPIError: formatAPIError2 } = useAPIErrorHandler();
   const setToken = useAuth("ResetPassword", (state) => state.setToken);
   const [resetPassword, { error }] = useResetPasswordMutation();
@@ -9004,11 +9314,11 @@ const AuthPage = () => {
   const { hasAdmin } = data ?? {};
   const Login$1 = useEnterprise(
     Login,
-    async () => (await import("./Login-6kXI90Vy.mjs")).LoginEE
+    async () => (await import("./Login-B55AM-7k.mjs")).LoginEE
   );
   const forms = useEnterprise(
     FORMS,
-    async () => (await import("./constants-FEW7x2Od.mjs")).FORMS,
+    async () => (await import("./constants-JgR8CVx2.mjs")).FORMS,
     {
       combine(ceForms, eeForms) {
         return {
@@ -9049,8 +9359,7 @@ const AuthPage = () => {
 };
 const NotFoundPage = () => {
   const { formatMessage } = useIntl();
-  useFocusWhenNavigate();
-  return /* @__PURE__ */ jsxs(Main, { labelledBy: "title", children: [
+  return /* @__PURE__ */ jsxs(Page.Main, { labelledBy: "title", children: [
     /* @__PURE__ */ jsx(
       HeaderLayout,
       {
@@ -9082,7 +9391,7 @@ const NotFoundPage = () => {
 const ROUTES_CE = [
   {
     lazy: async () => {
-      const { ProtectedListPage } = await import("./ListPage-NmUS_cOz.mjs");
+      const { ProtectedListPage } = await import("./ListPage-p17R2Gql.mjs");
       return {
         Component: ProtectedListPage
       };
@@ -9091,7 +9400,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await import("./CreatePage-PM_r99U5.mjs");
+      const { ProtectedCreatePage } = await import("./CreatePage-Gh5xb10f.mjs");
       return {
         Component: ProtectedCreatePage
       };
@@ -9100,7 +9409,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await import("./CreatePage-PM_r99U5.mjs");
+      const { ProtectedCreatePage } = await import("./CreatePage-Gh5xb10f.mjs");
       return {
         Component: ProtectedCreatePage
       };
@@ -9109,7 +9418,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await import("./EditPage--EPGgPNr.mjs");
+      const { ProtectedEditPage } = await import("./EditPage-THSaM4-0.mjs");
       return {
         Component: ProtectedEditPage
       };
@@ -9118,7 +9427,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListPage } = await import("./ListPage-xFkcmM1b.mjs");
+      const { ProtectedListPage } = await import("./ListPage-YZ45BiMe.mjs");
       return {
         Component: ProtectedListPage
       };
@@ -9127,7 +9436,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await import("./EditPage-MPNLCYgQ.mjs");
+      const { ProtectedEditPage } = await import("./EditPage-DQUZsl8H.mjs");
       return {
         Component: ProtectedEditPage
       };
@@ -9136,7 +9445,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await import("./CreatePage-6458K0l9.mjs");
+      const { ProtectedCreatePage } = await import("./CreatePage-hxFhldpL.mjs");
       return {
         Component: ProtectedCreatePage
       };
@@ -9145,7 +9454,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await import("./EditPage-GRIZWtGz.mjs").then((n) => n.b);
+      const { ProtectedEditPage } = await import("./EditPage-zpnfFOjc.mjs").then((n) => n.b);
       return {
         Component: ProtectedEditPage
       };
@@ -9154,7 +9463,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListPage } = await import("./ListPage-Cvn3WbMH.mjs");
+      const { ProtectedListPage } = await import("./ListPage-SCTNGhhO.mjs");
       return {
         Component: ProtectedListPage
       };
@@ -9163,7 +9472,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListView } = await import("./ListView--43zLiHW.mjs");
+      const { ProtectedListView } = await import("./ListView--O7X6dMw.mjs");
       return {
         Component: ProtectedListView
       };
@@ -9172,7 +9481,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreateView } = await import("./CreateView-cTvLLIgu.mjs");
+      const { ProtectedCreateView } = await import("./CreateView-oBp0NzJx.mjs");
       return {
         Component: ProtectedCreateView
       };
@@ -9181,7 +9490,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditView } = await import("./EditViewPage-uWYR_o8w.mjs");
+      const { ProtectedEditView } = await import("./EditViewPage-vz8UJ4U_.mjs");
       return {
         Component: ProtectedEditView
       };
@@ -9190,7 +9499,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreateView } = await import("./CreateView-pBI75ZwZ.mjs");
+      const { ProtectedCreateView } = await import("./CreateView-qzpeDBvR.mjs");
       return {
         Component: ProtectedCreateView
       };
@@ -9199,7 +9508,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListView } = await import("./ListView-qPiKeCxj.mjs");
+      const { ProtectedListView } = await import("./ListView-oP-C8SCR.mjs");
       return {
         Component: ProtectedListView
       };
@@ -9208,7 +9517,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditView } = await import("./EditView-0lXpbgG0.mjs");
+      const { ProtectedEditView } = await import("./EditView-cfOpTlAi.mjs");
       return {
         Component: ProtectedEditView
       };
@@ -9691,7 +10000,7 @@ class StrapiApp {
             {
               path: "usecase",
               lazy: async () => {
-                const { PrivateUseCasePage } = await import("./UseCasePage-0qXYZ8kt.mjs");
+                const { PrivateUseCasePage } = await import("./UseCasePage-Cxu2FeWo.mjs");
                 return {
                   Component: PrivateUseCasePage
                 };
@@ -9704,7 +10013,7 @@ class StrapiApp {
             {
               path: "/*",
               lazy: async () => {
-                const { PrivateAdminLayout } = await import("./AuthenticatedLayout-knXNB2i2.mjs");
+                const { PrivateAdminLayout } = await import("./AuthenticatedLayout-Ffy6uoNF.mjs");
                 return {
                   Component: PrivateAdminLayout
                 };
@@ -9713,7 +10022,7 @@ class StrapiApp {
                 {
                   index: true,
                   lazy: async () => {
-                    const { HomePage } = await import("./HomePage-O-TRGX5T.mjs");
+                    const { HomePage } = await import("./HomePage-Si17pjt5.mjs");
                     return {
                       Component: HomePage
                     };
@@ -9722,7 +10031,7 @@ class StrapiApp {
                 {
                   path: "me",
                   lazy: async () => {
-                    const { ProfilePage } = await import("./ProfilePage-LXB-_EZ8.mjs");
+                    const { ProfilePage } = await import("./ProfilePage-eCIvxxJY.mjs");
                     return {
                       Component: ProfilePage
                     };
@@ -9731,7 +10040,7 @@ class StrapiApp {
                 {
                   path: "list-plugins",
                   lazy: async () => {
-                    const { ProtectedInstalledPluginsPage } = await import("./InstalledPluginsPage-R2hVFPZl.mjs");
+                    const { ProtectedInstalledPluginsPage } = await import("./InstalledPluginsPage-XqzfeZgq.mjs");
                     return {
                       Component: ProtectedInstalledPluginsPage
                     };
@@ -9740,7 +10049,7 @@ class StrapiApp {
                 {
                   path: "marketplace",
                   lazy: async () => {
-                    const { ProtectedMarketplacePage } = await import("./MarketplacePage-hVOJ9_0k.mjs");
+                    const { ProtectedMarketplacePage } = await import("./MarketplacePage-UGys0LVN.mjs");
                     return {
                       Component: ProtectedMarketplacePage
                     };
@@ -9749,7 +10058,7 @@ class StrapiApp {
                 {
                   path: "settings/*",
                   lazy: async () => {
-                    const { Layout: Layout2 } = await import("./Layout-cV6Se3U9.mjs");
+                    const { Layout: Layout2 } = await import("./Layout-3sYAgWn4.mjs");
                     return {
                       Component: Layout2
                     };
@@ -9758,7 +10067,7 @@ class StrapiApp {
                     {
                       path: "application-infos",
                       lazy: async () => {
-                        const { ApplicationInfoPage } = await import("./ApplicationInfoPage-ed6y9Q-B.mjs");
+                        const { ApplicationInfoPage } = await import("./ApplicationInfoPage-NhhWzHF1.mjs");
                         return {
                           Component: ApplicationInfoPage
                         };
@@ -10419,6 +10728,23 @@ function useInjectReducer(namespace, reducer2) {
     store.injectReducer(namespace, reducer2);
   }, [store, namespace, reducer2]);
 }
+const useFetchClient = () => {
+  const controller = React.useRef(null);
+  if (controller.current === null) {
+    controller.current = new AbortController();
+  }
+  React.useEffect(() => {
+    return () => {
+      controller.current.abort();
+    };
+  }, []);
+  return React.useMemo(
+    () => getFetchClient({
+      signal: controller.current.signal
+    }),
+    []
+  );
+};
 const checkIfAttributeIsDisplayable = (attribute) => {
   const { type } = attribute;
   if (type === "relation") {
@@ -10453,7 +10779,7 @@ const useDocumentLayout = (model) => {
   const { schema, components } = useDocument({ model, collectionType: "" }, { skip: true });
   const [{ query }] = useQueryParams();
   const runHookWaterfall = useStrapiApp("useDocumentLayout", (state) => state.runHookWaterfall);
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
   const { _unstableFormatAPIError: formatAPIError2 } = useAPIErrorHandler();
   const { isLoading: isLoadingSchemas, schemas } = useContentTypeSchema();
   const { data, isLoading: isLoadingConfigs, error } = useGetContentTypeConfigurationQuery(model);
@@ -10461,7 +10787,7 @@ const useDocumentLayout = (model) => {
   React.useEffect(() => {
     if (error) {
       toggleNotification({
-        type: "warning",
+        type: "danger",
         message: formatAPIError2(error)
       });
     }
@@ -10650,146 +10976,155 @@ const convertListLayoutToFieldLayouts = (columns, attributes = {}, metadatas, co
   }).filter((field) => field !== null);
 };
 export {
-  ACTION_SET_WORKFLOWS as $,
-  createContext as A,
-  useControllableState as B,
-  useLicenseLimits as C,
-  CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME as D,
-  ConfirmDialog as E,
+  useInjectReducer as $,
+  AppInfoProvider as A,
+  Pagination as B,
+  SETTINGS_LINKS_CE as C,
+  useAdminUsers as D,
+  useField as E,
   Form as F,
-  LimitsModal as G,
-  DragLayer as H,
+  createContext as G,
+  useControllableState as H,
   InputRenderer as I,
-  DRAG_DROP_TYPES as J,
-  useGetWorkflowsQuery as K,
+  useLicenseLimits as J,
+  CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME as K,
   LayoutContent as L,
-  useCreateWorkflowMutation as M,
+  ConfirmDialog as M,
   NpsSurvey as N,
-  useUpdateWorkflowMutation as O,
+  LimitsModal as O,
   Page as P,
-  useDeleteWorkflowMutation as Q,
+  DragLayer as Q,
   RBACProvider as R,
   StrapiLogo as S,
   Table as T,
   UnauthenticatedLayout as U,
-  CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME as V,
-  useInjectReducer as W,
-  REDUX_NAMESPACE as X,
-  BackButton as Y,
-  useGetRolesQuery as Z,
-  ACTION_SET_WORKFLOW as _,
-  Logo as a,
-  ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD as a$,
-  ACTION_ADD_STAGE as a0,
-  ACTION_RESET_WORKFLOW as a1,
-  ACTION_SET_CONTENT_TYPES as a2,
-  ACTION_SET_ROLES as a3,
-  ACTION_SET_IS_LOADING as a4,
-  ACTION_UPDATE_WORKFLOW as a5,
-  ACTION_CLONE_STAGE as a6,
-  ACTION_DELETE_STAGE as a7,
-  ACTION_UPDATE_STAGE as a8,
-  ACTION_UPDATE_STAGES as a9,
-  contentManagerApi as aA,
-  buildValidParams as aB,
-  RelationsField as aC,
-  setPermissions as aD,
-  resetPermissions as aE,
-  useContentTypeSchema as aF,
-  useGetContentTypeConfigurationQuery as aG,
-  CREATOR_FIELDS as aH,
-  getMainField as aI,
-  getRelationLabel as aJ,
-  useGetRelationsQuery as aK,
-  checkIfAttributeIsDisplayable as aL,
-  useGetAllDocumentsQuery as aM,
-  InjectionZone as aN,
-  SearchInput as aO,
-  DocumentStatus as aP,
-  TableActions as aQ,
-  HOOKS as aR,
-  convertListLayoutToFieldLayouts as aS,
-  capitalise as aT,
-  CardDragPreview as aU,
-  useUpdateContentTypeConfigurationMutation as aV,
-  setIn as aW,
-  useGetInitialDataQuery as aX,
-  extractContentTypeComponents as aY,
-  DEFAULT_SETTINGS as aZ,
-  convertEditLayoutToFieldLayouts as a_,
-  ACTION_UPDATE_STAGE_POSITION as aa,
-  STAGE_COLOR_DEFAULT as ab,
-  getAvailableStageColors as ac,
-  useDragAndDrop as ad,
-  getStageColorByHex as ae,
-  useGetProviderOptionsQuery as af,
-  useUpdateProviderOptionsMutation as ag,
-  useDoc as ah,
-  useDocumentRBAC as ai,
-  useDocumentLayout as aj,
-  createYupSchema as ak,
-  Header as al,
-  getTranslation as am,
-  Panels as an,
-  Blocker as ao,
-  DocumentRBAC as ap,
-  SINGLE_TYPES as aq,
-  prefixFileUrlWithBackendUrl as ar,
-  DIRECTIONS as as,
-  ItemTypes as at,
-  DOCUMENT_META_FIELDS as au,
-  useDocLayout as av,
-  useComponent as aw,
-  ComponentProvider as ax,
-  useForm as ay,
-  getIn as az,
-  useGuidedTour as b,
-  useGetProvidersQuery as b0,
-  Login as b1,
-  Column as b2,
-  useGetRolePermissionLayoutQuery as b3,
-  useGetRolePermissionsQuery as b4,
-  useCreateRoleMutation as b5,
-  useUpdateRolePermissionsMutation as b6,
-  isObject as b7,
-  useUpdateRoleMutation as b8,
-  useCreateUserMutation as b9,
-  useDeleteManyUsersMutation as ba,
-  getBasename as bb,
-  useUpdateUserMutation as bc,
-  RelativeTime as bd,
-  useRegenerateTokenMutation as be,
-  COLLECTION_TYPES as bf,
-  useDocument as bg,
-  STAGE_ATTRIBUTE_NAME as bh,
-  ASSIGNEE_ATTRIBUTE_NAME as bi,
-  renderAdmin as bj,
-  useTable as bk,
-  useDocumentActions as bl,
-  constants as bm,
-  useTracking as c,
-  useConfiguration as d,
-  useStrapiApp as e,
-  useInformationQuery as f,
-  useGetMyPermissionsQuery as g,
-  useIsHistoryRoute as h,
-  getDisplayName as i,
-  createTypedSelector as j,
-  useEnterprise as k,
-  adminApi as l,
-  useAPIErrorHandler as m,
-  errorsTrads as n,
-  useTypedSelector as o,
-  useTypedDispatch as p,
-  useUpdateMeMutation as q,
-  useIsSSOLockedQuery as r,
-  setAppTheme as s,
-  isBaseQueryError as t,
-  useAuth as u,
-  useGetPluginsQuery as v,
-  Pagination as w,
-  SETTINGS_LINKS_CE as x,
-  useAdminUsers as y,
-  useField as z
-};
-//# sourceMappingURL=index-hjUhNUvw.mjs.map
+  DRAG_DROP_TYPES as V,
+  useGetWorkflowsQuery as W,
+  useCreateWorkflowMutation as X,
+  useUpdateWorkflowMutation as Y,
+  useDeleteWorkflowMutation as Z,
+  CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME as _,
+  useAuth as a,
+  useUpdateContentTypeConfigurationMutation as a$,
+  REDUX_NAMESPACE as a0,
+  BackButton as a1,
+  useGetRolesQuery as a2,
+  ACTION_SET_WORKFLOW as a3,
+  ACTION_SET_WORKFLOWS as a4,
+  ACTION_ADD_STAGE as a5,
+  ACTION_RESET_WORKFLOW as a6,
+  ACTION_SET_CONTENT_TYPES as a7,
+  ACTION_SET_ROLES as a8,
+  ACTION_SET_IS_LOADING as a9,
+  useDocLayout as aA,
+  useComponent as aB,
+  ComponentProvider as aC,
+  useForm as aD,
+  getIn as aE,
+  contentManagerApi as aF,
+  buildValidParams as aG,
+  useFocusInputField as aH,
+  RelationsField as aI,
+  setPermissions as aJ,
+  resetPermissions as aK,
+  useContentTypeSchema as aL,
+  useGetContentTypeConfigurationQuery as aM,
+  CREATOR_FIELDS as aN,
+  getMainField as aO,
+  getRelationLabel as aP,
+  useGetRelationsQuery as aQ,
+  checkIfAttributeIsDisplayable as aR,
+  useGetAllDocumentsQuery as aS,
+  InjectionZone as aT,
+  SearchInput as aU,
+  DocumentStatus as aV,
+  TableActions as aW,
+  HOOKS as aX,
+  convertListLayoutToFieldLayouts as aY,
+  capitalise as aZ,
+  CardDragPreview as a_,
+  ACTION_UPDATE_WORKFLOW as aa,
+  ACTION_CLONE_STAGE as ab,
+  ACTION_DELETE_STAGE as ac,
+  ACTION_UPDATE_STAGE as ad,
+  ACTION_UPDATE_STAGES as ae,
+  ACTION_UPDATE_STAGE_POSITION as af,
+  STAGE_COLOR_DEFAULT as ag,
+  getAvailableStageColors as ah,
+  useDragAndDrop as ai,
+  getStageColorByHex as aj,
+  useGetProviderOptionsQuery as ak,
+  useUpdateProviderOptionsMutation as al,
+  useDoc as am,
+  useDocumentRBAC as an,
+  useDocumentLayout as ao,
+  createYupSchema as ap,
+  Header as aq,
+  getTranslation as ar,
+  Panels as as,
+  Blocker as at,
+  DocumentRBAC as au,
+  SINGLE_TYPES as av,
+  prefixFileUrlWithBackendUrl as aw,
+  DIRECTIONS as ax,
+  ItemTypes as ay,
+  DOCUMENT_META_FIELDS as az,
+  Logo as b,
+  setIn as b0,
+  useGetInitialDataQuery as b1,
+  extractContentTypeComponents as b2,
+  DEFAULT_SETTINGS as b3,
+  convertEditLayoutToFieldLayouts as b4,
+  ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD as b5,
+  useGetProvidersQuery as b6,
+  Login as b7,
+  Column as b8,
+  useFetchClient as b9,
+  useGetRolePermissionLayoutQuery as ba,
+  useGetRolePermissionsQuery as bb,
+  useCreateRoleMutation as bc,
+  useUpdateRolePermissionsMutation as bd,
+  isObject as be,
+  useUpdateRoleMutation as bf,
+  useCreateUserMutation as bg,
+  useDeleteManyUsersMutation as bh,
+  getBasename as bi,
+  useUpdateUserMutation as bj,
+  RelativeTime as bk,
+  useRegenerateTokenMutation as bl,
+  COLLECTION_TYPES as bm,
+  useDocument as bn,
+  STAGE_ATTRIBUTE_NAME as bo,
+  ASSIGNEE_ATTRIBUTE_NAME as bp,
+  NotificationsProvider as bq,
+  getFetchClient as br,
+  renderAdmin as bs,
+  useTable as bt,
+  useDocumentActions as bu,
+  constants as bv,
+  useGuidedTour as c,
+  useTracking as d,
+  useConfiguration as e,
+  useAppInfo as f,
+  getDisplayName as g,
+  useStrapiApp as h,
+  useInformationQuery as i,
+  useGetMyPermissionsQuery as j,
+  useIsHistoryRoute as k,
+  createTypedSelector as l,
+  useEnterprise as m,
+  adminApi as n,
+  useAPIErrorHandler as o,
+  errorsTrads as p,
+  useTypedSelector as q,
+  useTypedDispatch as r,
+  useUpdateMeMutation as s,
+  useIsSSOLockedQuery as t,
+  useNotification as u,
+  setAppTheme as v,
+  isBaseQueryError as w,
+  useGetPluginsQuery as x,
+  useClipboard as y,
+  useQueryParams as z
+};
+//# sourceMappingURL=index-GIVuHJgC.mjs.map