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

package/dist/_chunks/{index-ejSDPT-T.js → index-haHGOQMJ.js}

@@ -1,5 +1,4 @@
 "use strict";
-const helperPlugin = require("@strapi/helper-plugin");
 const client = require("react-dom/client");
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
@@ -11,15 +10,17 @@ const pick = require("lodash/pick");
 const reactRedux = require("react-redux");
 const reactRouterDom = require("react-router-dom");
 const reactHelmet = require("react-helmet");
+const helperPlugin = require("@strapi/helper-plugin");
 const Icons = require("@strapi/icons");
 const reactIntl = require("react-intl");
+const v2 = require("@strapi/design-system/v2");
 const react = require("@reduxjs/toolkit/query/react");
 const axios = require("axios");
+const qs = require("qs");
 const reactQuery = require("react-query");
 const ContextSelector = require("use-context-selector");
 const toolkit = require("@reduxjs/toolkit");
-const v2 = require("@strapi/design-system/v2");
-const produce = require("immer");
+const immer = require("immer");
 const reactContext = require("@radix-ui/react-context");
 const get = require("lodash/get");
 const set = require("lodash/set");
@@ -31,7 +32,6 @@ const fractionalIndexing = require("fractional-indexing");
 const isEqual = require("lodash/isEqual");
 const clone = require("lodash/clone");
 const toPath = require("lodash/toPath");
-const qs = require("qs");
 const throttle = require("lodash/throttle");
 const dateFns = require("date-fns");
 const reactDnd = require("react-dnd");
@@ -65,8 +65,8 @@ const isFunction__default = /* @__PURE__ */ _interopDefault(isFunction);
 const merge__default = /* @__PURE__ */ _interopDefault(merge);
 const pick__default = /* @__PURE__ */ _interopDefault(pick);
 const axios__default = /* @__PURE__ */ _interopDefault(axios);
+const qs__default = /* @__PURE__ */ _interopDefault(qs);
 const ContextSelector__namespace = /* @__PURE__ */ _interopNamespace(ContextSelector);
-const produce__default = /* @__PURE__ */ _interopDefault(produce);
 const get__default = /* @__PURE__ */ _interopDefault(get);
 const set__default = /* @__PURE__ */ _interopDefault(set);
 const defaultsDeep__default = /* @__PURE__ */ _interopDefault(defaultsDeep);
@@ -113,7 +113,7 @@ const getEERoutes$1 = () => window.strapi.isEE ? [
   {
     path: "auth/login/:authResponse",
     lazy: async () => {
-      const { AuthResponse } = await Promise.resolve().then(() => require("./AuthResponse-sca_wjIN.js"));
+      const { AuthResponse } = await Promise.resolve().then(() => require("./AuthResponse-maUe9KWA.js"));
       return {
         Component: AuthResponse
       };
@@ -161,7 +161,7 @@ const getEERoutes = () => [
     {
       path: "audit-logs",
       lazy: async () => {
-        const { ProtectedListPage } = await Promise.resolve().then(() => require("./ListPage-78Cv8Vfq.js"));
+        const { ProtectedListPage } = await Promise.resolve().then(() => require("./ListPage-02WM7Pt9.js"));
         return {
           Component: ProtectedListPage
         };
@@ -172,7 +172,7 @@ const getEERoutes = () => [
     {
       path: "review-workflows",
       lazy: async () => {
-        const { ProtectedReviewWorkflowsPage } = await Promise.resolve().then(() => require("./ListPage-7dZ3nYvc.js"));
+        const { ProtectedReviewWorkflowsPage } = await Promise.resolve().then(() => require("./ListPage-ZWUo77nT.js"));
         return {
           Component: ProtectedReviewWorkflowsPage
         };
@@ -181,7 +181,7 @@ const getEERoutes = () => [
     {
       path: "review-workflows/create",
       lazy: async () => {
-        const { ReviewWorkflowsCreatePage } = await Promise.resolve().then(() => require("./CreatePage-1Oi4-aR6.js"));
+        const { ReviewWorkflowsCreatePage } = await Promise.resolve().then(() => require("./CreatePage-WWKaoNH7.js"));
         return {
           Component: ReviewWorkflowsCreatePage
         };
@@ -190,7 +190,7 @@ const getEERoutes = () => [
     {
       path: "review-workflows/:workflowId",
       lazy: async () => {
-        const { ReviewWorkflowsEditPage } = await Promise.resolve().then(() => require("./EditPage-W6hncyNY.js"));
+        const { ReviewWorkflowsEditPage } = await Promise.resolve().then(() => require("./EditPage-7bVupT7n.js"));
         return {
           Component: ReviewWorkflowsEditPage
         };
@@ -201,7 +201,7 @@ const getEERoutes = () => [
     {
       path: "single-sign-on",
       lazy: async () => {
-        const { ProtectedSSO } = await Promise.resolve().then(() => require("./SingleSignOnPage-4dK4id8H.js"));
+        const { ProtectedSSO } = await Promise.resolve().then(() => require("./SingleSignOnPage-ZyiHtZxJ.js"));
         return {
           Component: ProtectedSSO
         };
@@ -209,6 +209,151 @@ const getEERoutes = () => [
     }
   ] : []
 ];
+const NotificationsContext = React__namespace.createContext({
+  toggleNotification: () => {
+  }
+});
+const NotificationsProvider = ({ children }) => {
+  const notificationIdRef = React__namespace.useRef(0);
+  const [notifications, setNotifications] = React__namespace.useState([]);
+  const toggleNotification = React__namespace.useCallback(
+    ({ type, message, link, timeout, blockTransition, onClose, title }) => {
+      setNotifications((s) => [
+        ...s,
+        {
+          id: notificationIdRef.current++,
+          type,
+          message,
+          link,
+          timeout,
+          blockTransition,
+          onClose,
+          title
+        }
+      ]);
+    },
+    []
+  );
+  const clearNotification = React__namespace.useCallback((id) => {
+    setNotifications((s) => s.filter((n) => n.id !== id));
+  }, []);
+  const value = React__namespace.useMemo(() => ({ toggleNotification }), [toggleNotification]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(NotificationsContext.Provider, { value, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.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__ */ jsxRuntime.jsx(
+            Notification,
+            {
+              ...notification,
+              clearNotification
+            },
+            notification.id
+          );
+        })
+      }
+    ),
+    children
+  ] });
+};
+const Notification = ({
+  clearNotification,
+  blockTransition = false,
+  id,
+  link,
+  message,
+  onClose,
+  timeout = 2500,
+  title,
+  type
+}) => {
+  const { formatMessage } = reactIntl.useIntl();
+  const onCloseCallback = designSystem.useCallbackRef(onClose);
+  const handleClose = React__namespace.useCallback(() => {
+    onCloseCallback();
+    clearNotification(id);
+  }, [clearNotification, id, onCloseCallback]);
+  React__namespace.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__ */ jsxRuntime.jsx(
+    designSystem.Alert,
+    {
+      action: link ? /* @__PURE__ */ jsxRuntime.jsx(v2.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__namespace.useContext(NotificationsContext);
 function getPrefixedId(message, callback) {
   const prefixedMessage = `apiError.${message}`;
   if (typeof callback === "function") {
@@ -346,9 +491,54 @@ function formatAPIError(error, { formatMessage, intlMessagePrefixCallback }) {
   }
   return formatMessage(normalizedError);
 }
+const fetchClient = () => {
+  const instance2 = axios__default.default.create({
+    headers: {
+      Accept: "application/json",
+      "Content-Type": "application/json"
+    },
+    paramsSerializer: (params) => {
+      return qs__default.default.stringify(params, { encode: false });
+    }
+  });
+  instance2.interceptors.request.use(
+    async (config) => {
+      config.headers.Authorization = `Bearer ${helperPlugin.auth.getToken()}`;
+      return config;
+    },
+    (error) => Promise.reject(error)
+  );
+  instance2.interceptors.response.use(
+    (response) => response,
+    (error) => {
+      if (error?.response?.status === 401) {
+        helperPlugin.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 } = helperPlugin.getFetchClient();
+    const { get: get2, post, del, put } = getFetchClient();
     if (typeof query === "string") {
       const result = await get2(query, { signal });
       return { data: result.data };
@@ -613,12 +803,15 @@ const {
   useGetProviderOptionsQuery,
   useUpdateProviderOptionsMutation
 } = authService;
+const PageMain = ({ children, ...restProps }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Main, { ...restProps, children });
+};
 const Loading$1 = ({ children = "Loading content." }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Main, { height: "100vh", "aria-busy": true, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { alignItems: "center", height: "100%", justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { children }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(PageMain, { height: "100vh", "aria-busy": true, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { alignItems: "center", height: "100%", justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { children }) }) });
 };
 const Error$1 = (props) => {
   const { formatMessage } = reactIntl.useIntl();
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Main, { height: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { alignItems: "center", height: "100%", justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(PageMain, { height: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { alignItems: "center", height: "100%", justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(
     designSystem.EmptyStateLayout,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Icon, { as: Icons.ExclamationMarkCircle, width: "10rem" }),
@@ -632,7 +825,7 @@ const Error$1 = (props) => {
 };
 const NoPermissions = (props) => {
   const { formatMessage } = reactIntl.useIntl();
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Main, { height: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { alignItems: "center", height: "100%", justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { minWidth: "50%", children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(PageMain, { height: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { alignItems: "center", height: "100%", justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { minWidth: "50%", children: /* @__PURE__ */ jsxRuntime.jsx(
     designSystem.EmptyStateLayout,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.EmptyPermissions, { width: "10rem" }),
@@ -646,7 +839,7 @@ const NoPermissions = (props) => {
 };
 const NoData = (props) => {
   const { formatMessage } = reactIntl.useIntl();
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Main, { height: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { alignItems: "center", height: "100%", width: "100%", justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { minWidth: "50%", children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(PageMain, { height: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { alignItems: "center", height: "100%", width: "100%", justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { minWidth: "50%", children: /* @__PURE__ */ jsxRuntime.jsx(
     designSystem.EmptyStateLayout,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.EmptyDocuments, { width: "10rem" }),
@@ -660,7 +853,7 @@ const NoData = (props) => {
 };
 const Protect = ({ permissions = [], children }) => {
   const { allPermissions } = helperPlugin.useRBACProvider();
-  const toggleNotification = helperPlugin.useNotification();
+  const { toggleNotification } = useNotification();
   const { _unstableFormatAPIError: formatAPIError2 } = useAPIErrorHandler();
   const matchingPermissions = allPermissions.filter(
     (permission) => permissions.findIndex(
@@ -684,7 +877,7 @@ const Protect = ({ permissions = [], children }) => {
   React__namespace.useEffect(() => {
     if (error) {
       toggleNotification({
-        type: "warning",
+        type: "danger",
         message: formatAPIError2(error)
       });
     }
@@ -707,7 +900,8 @@ const Page = {
   Loading: Loading$1,
   NoPermissions,
   Protect,
-  NoData
+  NoData,
+  Main: PageMain
 };
 function createContext(rootComponentName, defaultContext) {
   const Context = ContextSelector__namespace.createContext(defaultContext);
@@ -904,7 +1098,7 @@ const HistoryProvider = ({ children }) => {
   }, [dispatch, location.pathname, location.search]);
   return /* @__PURE__ */ jsxRuntime.jsx(Provider, { pushState, goBack, ...state, children });
 };
-const reducer$5 = (state, action) => produce__default.default(state, (draft) => {
+const reducer$5 = (state, action) => immer.produce(state, (draft) => {
   switch (action.type) {
     case "PUSH_STATE": {
       const path = `${action.payload.to}${action.payload.search}`;
@@ -1047,6 +1241,7 @@ const {
   useGetPluginsQuery,
   useGetLicenseLimitsQuery
 } = admin;
+const [AppInfoProvider, useAppInfo] = createContext("AppInfo", {});
 const TrackingContext = React__namespace.createContext({
   uuid: false
 });
@@ -1090,7 +1285,7 @@ const TrackingProvider = ({ children }) => {
 };
 const useTracking = () => {
   const { uuid, telemetryProperties } = React__namespace.useContext(TrackingContext);
-  const { userId } = helperPlugin.useAppInfo();
+  const userId = useAppInfo("useTracking", (state) => state.userId);
   const trackUsage = React__namespace.useCallback(
     async (event, properties) => {
       try {
@@ -1135,7 +1330,7 @@ const ConfigurationProvider = ({
 }) => {
   const { trackUsage } = useTracking();
   const { formatMessage } = reactIntl.useIntl();
-  const toggleNotification = helperPlugin.useNotification();
+  const { toggleNotification } = useNotification();
   const { _unstableFormatAPIError: formatAPIError2 } = useAPIErrorHandler();
   const permissions = useTypedSelector(
     (state) => state.admin_app.permissions.settings?.["project-settings"]
@@ -1152,11 +1347,11 @@ const ConfigurationProvider = ({
   React__namespace.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
   });
@@ -1191,7 +1386,7 @@ const ConfigurationProvider = ({
         });
       } else {
         toggleNotification({
-          type: "warning",
+          type: "danger",
           message: formatAPIError2(res.error)
         });
       }
@@ -1331,7 +1526,7 @@ const initialState$3 = {
   isGuidedTourVisible: false,
   isSkipped: false
 };
-const reducer$4 = (state = initialState$3, action) => produce__default.default(state, (draftState) => {
+const reducer$4 = (state = initialState$3, action) => immer.produce(state, (draftState) => {
   switch (action.type) {
     case "SET_CURRENT_STEP": {
       draftState.currentStep = action.step;
@@ -1454,7 +1649,7 @@ const Providers = ({ children, strapi, store }) => {
       },
       runHookSeries: strapi.runHookSeries,
       settings: strapi.settings,
-      children: /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.NotificationsProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(TrackingProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(GuidedTourProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      children: /* @__PURE__ */ jsxRuntime.jsx(NotificationsProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(TrackingProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(GuidedTourProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
         ConfigurationProvider,
         {
           defaultAuthLogo: strapi.configurations.authLogo,
@@ -1479,10 +1674,32 @@ 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 = React.useCallback(async (value) => {
+    try {
+      if (typeof value !== "string" && typeof value !== "number") {
+        throw new Error(
+          `Cannot copy typeof ${typeof value} to clipboard, must be a string or number`
+        );
+      } else if (value === "") {
+        throw new Error(`Cannot copy empty string to clipboard.`);
+      }
+      const stringifiedValue = value.toString();
+      await navigator.clipboard.writeText(stringifiedValue);
+      return true;
+    } catch (error) {
+      if (process.env.NODE_ENV === "development") {
+        console.warn("Copy failed", error);
+      }
+      return false;
+    }
+  }, []);
+  return { copy };
+};
 const ErrorElement = () => {
   const error = reactRouterDom.useRouteError();
   const { formatMessage } = reactIntl.useIntl();
-  const { copy } = helperPlugin.useClipboard();
+  const { copy } = useClipboard();
   if (error instanceof Error) {
     console.error(error);
     const handleClick = async () => {
@@ -1773,7 +1990,7 @@ const routes$1 = [
   {
     path: ":collectionType/:slug/:id/history",
     lazy: async () => {
-      const { ProtectedHistoryPage } = await Promise.resolve().then(() => require("./History-j00hpmXV.js"));
+      const { ProtectedHistoryPage } = await Promise.resolve().then(() => require("./History-R_4lEy01.js"));
       return {
         Component: ProtectedHistoryPage
       };
@@ -1782,7 +1999,7 @@ const routes$1 = [
   {
     path: ":collectionType/:slug/history",
     lazy: async () => {
-      const { ProtectedHistoryPage } = await Promise.resolve().then(() => require("./History-j00hpmXV.js"));
+      const { ProtectedHistoryPage } = await Promise.resolve().then(() => require("./History-R_4lEy01.js"));
       return {
         Component: ProtectedHistoryPage
       };
@@ -1807,10 +2024,10 @@ const Redirect = () => {
   );
 };
 const ProtectedEditViewPage = React.lazy(
-  () => Promise.resolve().then(() => require("./EditViewPage-ed0-10GO.js")).then((mod) => ({ default: mod.ProtectedEditViewPage }))
+  () => Promise.resolve().then(() => require("./EditViewPage-kkCJlZyh.js")).then((mod) => ({ default: mod.ProtectedEditViewPage }))
 );
 const ProtectedListViewPage = React.lazy(
-  () => Promise.resolve().then(() => require("./ListViewPage-Ys7-G2XX.js")).then((mod) => ({ default: mod.ProtectedListViewPage }))
+  () => Promise.resolve().then(() => require("./ListViewPage-idgrhBAP.js")).then((mod) => ({ default: mod.ProtectedListViewPage }))
 );
 const CollectionTypePages = () => {
   const { collectionType } = reactRouterDom.useParams();
@@ -1865,7 +2082,7 @@ const routes = [
       {
         path: ":collectionType/:slug/:id",
         lazy: async () => {
-          const { ProtectedEditViewPage: ProtectedEditViewPage2 } = await Promise.resolve().then(() => require("./EditViewPage-ed0-10GO.js"));
+          const { ProtectedEditViewPage: ProtectedEditViewPage2 } = await Promise.resolve().then(() => require("./EditViewPage-kkCJlZyh.js"));
           return {
             Component: ProtectedEditViewPage2
           };
@@ -1874,7 +2091,7 @@ const routes = [
       {
         path: CLONE_RELATIVE_PATH,
         lazy: async () => {
-          const { ProtectedEditViewPage: ProtectedEditViewPage2 } = await Promise.resolve().then(() => require("./EditViewPage-ed0-10GO.js"));
+          const { ProtectedEditViewPage: ProtectedEditViewPage2 } = await Promise.resolve().then(() => require("./EditViewPage-kkCJlZyh.js"));
           return {
             Component: ProtectedEditViewPage2
           };
@@ -1883,7 +2100,7 @@ const routes = [
       {
         path: ":collectionType/:slug/configurations/list",
         lazy: async () => {
-          const { ProtectedListConfiguration } = await Promise.resolve().then(() => require("./ListConfigurationPage-70qtv4Ci.js"));
+          const { ProtectedListConfiguration } = await Promise.resolve().then(() => require("./ListConfigurationPage-BXuW_9Wt.js"));
           return {
             Component: ProtectedListConfiguration
           };
@@ -1892,7 +2109,7 @@ const routes = [
       {
         path: "components/:slug/configurations/edit",
         lazy: async () => {
-          const { ProtectedComponentConfigurationPage } = await Promise.resolve().then(() => require("./ComponentConfigurationPage-xZMDjeVf.js"));
+          const { ProtectedComponentConfigurationPage } = await Promise.resolve().then(() => require("./ComponentConfigurationPage-JMCc1P7r.js"));
           return {
             Component: ProtectedComponentConfigurationPage
           };
@@ -1901,7 +2118,7 @@ const routes = [
       {
         path: ":collectionType/:slug/configurations/edit",
         lazy: async () => {
-          const { ProtectedEditConfigurationPage } = await Promise.resolve().then(() => require("./EditConfigurationPage-PZ4yq1bM.js"));
+          const { ProtectedEditConfigurationPage } = await Promise.resolve().then(() => require("./EditConfigurationPage-PKHUVKGD.js"));
           return {
             Component: ProtectedEditConfigurationPage
           };
@@ -1910,7 +2127,7 @@ const routes = [
       {
         path: "403",
         lazy: async () => {
-          const { NoPermissions: NoPermissions2 } = await Promise.resolve().then(() => require("./NoPermissionsPage-UX-5msLb.js"));
+          const { NoPermissions: NoPermissions2 } = await Promise.resolve().then(() => require("./NoPermissionsPage-q44k5VFX.js"));
           return {
             Component: NoPermissions2
           };
@@ -1919,7 +2136,7 @@ const routes = [
       {
         path: "no-content-types",
         lazy: async () => {
-          const { NoContentType } = await Promise.resolve().then(() => require("./NoContentTypePage-7YEcgsE3.js"));
+          const { NoContentType } = await Promise.resolve().then(() => require("./NoContentTypePage-Lbuve_Uu.js"));
           return {
             Component: NoContentType
           };
@@ -1929,6 +2146,52 @@ const routes = [
     ]
   }
 ];
+const useQueryParams = (initialParams) => {
+  const { search } = reactRouterDom.useLocation();
+  const navigate = reactRouterDom.useNavigate();
+  const query = React.useMemo(() => {
+    const searchQuery = search.startsWith("?") ? search.slice(1) : search;
+    if (!search && initialParams) {
+      return initialParams;
+    }
+    return { ...initialParams, ...qs.parse(searchQuery) };
+  }, [search, initialParams]);
+  const setQuery = React.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: qs.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 = react.createApi({
   reducerPath: "contentManagerApi",
   baseQuery: axiosBaseQuery(),
@@ -1938,7 +2201,8 @@ const contentManagerApi = react.createApi({
     "ContentTypeSettings",
     "Document",
     "InitialData",
-    "HistoryVersion"
+    "HistoryVersion",
+    "Relations"
   ],
   endpoints: () => ({})
 });
@@ -1978,7 +2242,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 }) => ({
@@ -2014,7 +2281,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"
         ];
       }
     }),
@@ -2102,7 +2370,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"
         ];
       }
     }),
@@ -2128,7 +2397,8 @@ const documentApi = contentManagerApi.injectEndpoints({
           {
             type: "Document",
             id: collectionType !== SINGLE_TYPES ? `${model}_${documentId}` : model
-          }
+          },
+          "Relations"
         ];
       }
     }),
@@ -2474,7 +2744,7 @@ const initApi = contentManagerApi.injectEndpoints({
 });
 const { useGetInitialDataQuery } = initApi;
 const useContentTypeSchema = (model) => {
-  const toggleNotification = helperPlugin.useNotification();
+  const { toggleNotification } = useNotification();
   const { _unstableFormatAPIError: formatAPIError2 } = useAPIErrorHandler();
   const { components, contentType, contentTypes, error, isLoading, isFetching } = useGetInitialDataQuery(void 0, {
     selectFromResult: (res) => {
@@ -2500,7 +2770,7 @@ const useContentTypeSchema = (model) => {
   React__namespace.useEffect(() => {
     if (error) {
       toggleNotification({
-        type: "warning",
+        type: "danger",
         message: formatAPIError2(error)
       });
     }
@@ -2544,7 +2814,7 @@ const extractContentTypeComponents = (attributes = {}, allComponents = {}) => {
   return componentsByKey;
 };
 const useDocument = (args, opts) => {
-  const toggleNotification = helperPlugin.useNotification();
+  const { toggleNotification } = useNotification();
   const { _unstableFormatAPIError: formatAPIError2 } = useAPIErrorHandler();
   const {
     currentData: data,
@@ -2556,7 +2826,7 @@ const useDocument = (args, opts) => {
   React__namespace.useEffect(() => {
     if (error) {
       toggleNotification({
-        type: "warning",
+        type: "danger",
         message: formatAPIError2(error)
       });
     }
@@ -2579,7 +2849,7 @@ const useDocument = (args, opts) => {
         return null;
       } catch (error2) {
         if (error2 instanceof yup.ValidationError) {
-          return helperPlugin.getYupInnerErrors(error2);
+          return getYupInnerErrors(error2);
         }
         throw error2;
       }
@@ -2598,7 +2868,7 @@ const useDocument = (args, opts) => {
 };
 const useDoc = () => {
   const { id, slug, collectionType, origin } = reactRouterDom.useParams();
-  const [{ query }] = helperPlugin.useQueryParams();
+  const [{ query }] = useQueryParams();
   const params = React__namespace.useMemo(() => buildValidParams(query), [query]);
   if (!collectionType) {
     throw new Error("Could not find collectionType in url params");
@@ -2936,7 +3206,7 @@ const Form = React__namespace.forwardRef(
   }
 );
 const isErrorYupValidationError = (err) => typeof err === "object" && err !== null && "name" in err && typeof err.name === "string" && err.name === "ValidationError";
-const reducer$3 = (state, action) => produce__default.default(state, (draft) => {
+const reducer$3 = (state, action) => immer.produce(state, (draft) => {
   switch (action.type) {
     case "SET_INITIAL_VALUES":
       draft.values = action.payload;
@@ -3287,7 +3557,7 @@ const getDisplayName = ({
       }
     ).trim();
   }
-  return email;
+  return email ?? "";
 };
 const reviewWorkflowsApi = adminApi.injectEndpoints({
   endpoints: (builder) => ({
@@ -3402,7 +3672,7 @@ const AssigneeSelect = () => {
   const permissions = useTypedSelector((state) => state.admin_app.permissions);
   const { formatMessage } = reactIntl.useIntl();
   const { _unstableFormatAPIError: formatAPIError2 } = useAPIErrorHandler();
-  const toggleNotification = helperPlugin.useNotification();
+  const { toggleNotification } = useNotification();
   const {
     allowedActions: { canRead },
     isLoading: isLoadingPermissions
@@ -3430,10 +3700,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"
-        }
+        })
       });
     }
   };
@@ -3625,7 +3895,7 @@ const StageSelect = () => {
   const { collectionType, model, id } = useDoc();
   const { formatMessage } = reactIntl.useIntl();
   const { _unstableFormatAPIError: formatAPIError2 } = useAPIErrorHandler();
-  const toggleNotification = helperPlugin.useNotification();
+  const { toggleNotification } = useNotification();
   const { data, isLoading } = useGetStagesQuery(
     {
       slug: collectionType,
@@ -3661,10 +3931,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"
-              }
+              })
             });
           }
         }
@@ -3802,7 +4072,7 @@ const StyledHistory = styled__default.default(Icons.History)`
 `;
 const HistoryAction = ({ model, document: document2 }) => {
   const { formatMessage } = reactIntl.useIntl();
-  const [{ query }] = helperPlugin.useQueryParams();
+  const [{ query }] = useQueryParams();
   const navigate = reactRouterDom.useNavigate();
   const pluginsQueryParams = qs.stringify({ plugins: query.plugins }, { encode: false });
   if (!window.strapi.future.isEnabled("history")) {
@@ -3922,7 +4192,8 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
   defaultMessage: "An error occurred, please try again"
 };
 const useDocumentActions = () => {
-  const toggleNotification = helperPlugin.useNotification();
+  const { toggleNotification } = useNotification();
+  const { formatMessage } = reactIntl.useIntl();
   const { trackUsage } = useTracking();
   const { _unstableFormatAPIError: formatAPIError2 } = useAPIErrorHandler();
   const [deleteDocument] = useDeleteDocumentMutation();
@@ -3938,30 +4209,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__namespace.useCallback(
@@ -3974,28 +4245,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__namespace.useCallback(
@@ -4010,27 +4281,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__namespace.useCallback(
@@ -4045,26 +4316,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__namespace.useCallback(
@@ -4081,27 +4355,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__namespace.useCallback(
@@ -4113,26 +4387,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__namespace.useCallback(
@@ -4143,26 +4420,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__namespace.useCallback(
@@ -4176,29 +4453,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__namespace.useCallback(
@@ -4257,7 +4534,7 @@ const DocumentActions = ({ actions: actions2 }) => {
 };
 const DocumentActionButton = (action) => {
   const [dialogId, setDialogId] = React__namespace.useState(null);
-  const toggleNotification = helperPlugin.useNotification();
+  const { toggleNotification } = useNotification();
   const handleClick = (action2) => async (e) => {
     const { onClick = () => false, dialog, id } = action2;
     const muteDialog = await onClick(e);
@@ -4323,7 +4600,7 @@ const DocumentActionsMenu = ({
   const [isOpen, setIsOpen] = React__namespace.useState(false);
   const [dialogId, setDialogId] = React__namespace.useState(null);
   const { formatMessage } = reactIntl.useIntl();
-  const toggleNotification = helperPlugin.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;
@@ -4526,7 +4803,7 @@ const PublishAction = ({
 }) => {
   const { schema } = useDoc();
   const navigate = reactRouterDom.useNavigate();
-  const toggleNotification = helperPlugin.useNotification();
+  const { toggleNotification } = useNotification();
   const { _unstableFormatValidationErrors: formatValidationErrors } = useAPIErrorHandler();
   const isCloning = reactRouterDom.useMatch(CLONE_PATH) !== null;
   const { formatMessage } = reactIntl.useIntl();
@@ -4535,7 +4812,7 @@ const PublishAction = ({
     ({ canPublish: canPublish2, canCreate: canCreate2, canUpdate: canUpdate2 }) => ({ canPublish: canPublish2, canCreate: canCreate2, canUpdate: canUpdate2 })
   );
   const { publish } = useDocumentActions();
-  const [{ query, rawQuery }] = helperPlugin.useQueryParams();
+  const [{ query, rawQuery }] = useQueryParams();
   const params = React__namespace.useMemo(() => buildValidParams(query), [query]);
   const modified = useForm("PublishAction", ({ modified: modified2 }) => modified2);
   const setSubmitting = useForm("PublishAction", ({ setSubmitting: setSubmitting2 }) => setSubmitting2);
@@ -4570,11 +4847,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;
         }
@@ -4609,7 +4886,7 @@ const UpdateAction = ({
   collectionType
 }) => {
   const navigate = reactRouterDom.useNavigate();
-  const toggleNotification = helperPlugin.useNotification();
+  const { toggleNotification } = useNotification();
   const { _unstableFormatValidationErrors: formatValidationErrors } = useAPIErrorHandler();
   const cloneMatch = reactRouterDom.useMatch(CLONE_PATH);
   const isCloning = cloneMatch !== null;
@@ -4619,7 +4896,7 @@ const UpdateAction = ({
     canUpdate: canUpdate2
   }));
   const { create, update, clone: clone2 } = useDocumentActions();
-  const [{ query, rawQuery }] = helperPlugin.useQueryParams();
+  const [{ query, rawQuery }] = useQueryParams();
   const params = React__namespace.useMemo(() => buildValidParams(query), [query]);
   const isSubmitting = useForm("UpdateAction", ({ isSubmitting: isSubmitting2 }) => isSubmitting2);
   const modified = useForm("UpdateAction", ({ modified: modified2 }) => modified2);
@@ -4627,6 +4904,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:
@@ -4647,11 +4925,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;
         }
@@ -4684,6 +4962,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(
@@ -4724,9 +5004,9 @@ const UnpublishAction = ({
   const { schema } = useDoc();
   const canPublish = useDocumentRBAC("UnpublishAction", ({ canPublish: canPublish2 }) => canPublish2);
   const { unpublish } = useDocumentActions();
-  const [{ query }] = helperPlugin.useQueryParams();
+  const [{ query }] = useQueryParams();
   const params = React__namespace.useMemo(() => buildValidParams(query), [query]);
-  const toggleNotification = helperPlugin.useNotification();
+  const { toggleNotification } = useNotification();
   const [shouldKeepDraft, setShouldKeepDraft] = React__namespace.useState(true);
   const isDocumentModified = document2?.status === "modified";
   const handleChange = (e) => {
@@ -4755,7 +5035,7 @@ const UnpublishAction = ({
               id: "content-manager.actions.unpublish.error",
               defaultMessage: "An error occurred while trying to unpublish the document."
             }),
-            type: "warning"
+            type: "danger"
           });
         }
         return;
@@ -4829,7 +5109,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(
@@ -4859,7 +5139,7 @@ const DiscardAction = ({
   const { schema } = useDoc();
   const canUpdate = useDocumentRBAC("DiscardAction", ({ canUpdate: canUpdate2 }) => canUpdate2);
   const { discard } = useDocumentActions();
-  const [{ query }] = helperPlugin.useQueryParams();
+  const [{ query }] = useQueryParams();
   const params = React__namespace.useMemo(() => buildValidParams(query), [query]);
   if (!schema?.options?.draftAndPublish) {
     return null;
@@ -5100,7 +5380,7 @@ const HeaderToolbar = () => {
     {
       query: { status = "draft" }
     }
-  ] = helperPlugin.useQueryParams();
+  ] = useQueryParams();
   const { model, id, document: document2, meta, collectionType } = useDoc();
   const plugins = useStrapiApp("HeaderToolbar", (state) => state.plugins);
   return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
@@ -5324,7 +5604,7 @@ const DeleteAction = ({ documentId, model, collectionType, document: document2 }
   const listViewPathMatch = reactRouterDom.useMatch(LIST_PATH);
   const canDelete = useDocumentRBAC("DeleteAction", (state) => state.canDelete);
   const { delete: deleteAction } = useDocumentActions();
-  const toggleNotification = helperPlugin.useNotification();
+  const { toggleNotification } = useNotification();
   const setSubmitting = useForm("DeleteAction", (state) => state.setSubmitting);
   return {
     disabled: !canDelete || !document2,
@@ -5360,7 +5640,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;
           }
@@ -5399,7 +5679,7 @@ const Panels = () => {
     {
       query: { status }
     }
-  ] = helperPlugin.useQueryParams({
+  ] = useQueryParams({
     status: "draft"
   });
   const { model, id, document: document2, meta, collectionType } = useDoc();
@@ -5438,7 +5718,7 @@ const ActionsPanelContent = () => {
     {
       query: { status = "draft" }
     }
-  ] = helperPlugin.useQueryParams();
+  ] = useQueryParams();
   const { model, id, document: document2, meta, collectionType } = useDoc();
   const plugins = useStrapiApp("ActionsPanel", (state) => state.plugins);
   const props = {
@@ -5582,8 +5862,8 @@ const EditAction = ({ documentId }) => {
   const navigate = reactRouterDom.useNavigate();
   const { formatMessage } = reactIntl.useIntl();
   const { canRead } = useDocumentRBAC("EditAction", ({ canRead: canRead2 }) => ({ canRead: canRead2 }));
-  const toggleNotification = helperPlugin.useNotification();
-  const [{ query }] = helperPlugin.useQueryParams();
+  const { toggleNotification } = useNotification();
+  const [{ query }] = useQueryParams();
   return {
     disabled: !canRead,
     icon: /* @__PURE__ */ jsxRuntime.jsx(StyledPencil, {}),
@@ -5602,7 +5882,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;
       }
@@ -5625,7 +5905,7 @@ const CloneAction = ({ model, documentId }) => {
   const navigate = reactRouterDom.useNavigate();
   const { formatMessage } = reactIntl.useIntl();
   const { canCreate } = useDocumentRBAC("CloneAction", ({ canCreate: canCreate2 }) => ({ canCreate: canCreate2 }));
-  const toggleNotification = helperPlugin.useNotification();
+  const { toggleNotification } = useNotification();
   const { autoClone } = useDocumentActions();
   const [prohibitedFields, setProhibitedFields] = React__namespace.useState([]);
   return {
@@ -5646,7 +5926,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;
       }
@@ -5929,7 +6209,7 @@ const setPermissionsAction = (permissions) => ({
   type: SET_PERMISSIONS,
   permissions
 });
-const RBACReducer = (state = initialState$2, action) => produce__default.default(state, (draftState) => {
+const RBACReducer = (state = initialState$2, action) => immer.produce(state, (draftState) => {
   switch (action.type) {
     case SET_PERMISSIONS: {
       draftState.allPermissions = action.permissions;
@@ -6105,6 +6385,27 @@ const ToggleButton = styled__default.default.button`
   text-align: unset;
   padding: 0;
 `;
+const useFocusInputField = (name) => {
+  const { search: searchString } = reactRouterDom.useLocation();
+  const search = React.useMemo(() => new URLSearchParams(searchString), [searchString]);
+  const [field, setField] = React.useState(null);
+  React.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",
@@ -6345,7 +6646,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) => {
@@ -6378,7 +6681,8 @@ const relationsApi = contentManagerApi.injectEndpoints({
         } else {
           return response;
         }
-      }
+      },
+      providesTags: ["Relations"]
     }),
     searchRelations: build.query({
       query: ({ model, targetField, params }) => {
@@ -6465,7 +6769,7 @@ const RelationsField = React__namespace.forwardRef(
     const { document: document2, model: documentModel } = useDoc();
     const documentId = document2?.documentId;
     const { formatMessage } = reactIntl.useIntl();
-    const [{ query }] = helperPlugin.useQueryParams();
+    const [{ query }] = useQueryParams();
     const params = buildValidParams(query);
     const isMorph = props.attribute.relation.toLowerCase().includes("morph");
     const isDisabled = isMorph || disabled;
@@ -6540,19 +6844,20 @@ const RelationsField = React__namespace.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__: fractionalIndexing.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]);
       }
@@ -6618,18 +6923,18 @@ const StyledFlex = styled__default.default(designSystem.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}`
   };
@@ -6651,10 +6956,10 @@ const RelationsInput = ({
     _q: "",
     page: 1
   });
-  const toggleNotification = helperPlugin.useNotification();
-  const [{ query }] = helperPlugin.useQueryParams();
+  const { toggleNotification } = useNotification();
+  const [{ query }] = useQueryParams();
   const { formatMessage } = reactIntl.useIntl();
-  const fieldRef = helperPlugin.useFocusInputField(name);
+  const fieldRef = useFocusInputField(name);
   const field = useField(name);
   const [searchForTrigger, { data, isLoading }] = useLazySearchRelationsQuery();
   React__namespace.useEffect(() => {
@@ -6666,8 +6971,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
       }
     });
@@ -6690,7 +6995,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."
@@ -6700,7 +7005,7 @@ const RelationsInput = ({
           id: getTranslation("relation.error-adding-relation"),
           defaultMessage: "An error occurred while trying to add the relation."
         }),
-        type: "warning"
+        type: "danger"
       });
       return;
     }
@@ -6755,10 +7060,10 @@ const RelationsInput = ({
       },
       children: options.map((opt) => {
         const textValue2 = getRelationLabel(opt, mainField);
-        return /* @__PURE__ */ jsxRuntime.jsx(designSystem.ComboboxOption, { value: opt.documentId, textValue: textValue2, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, justifyContent: "space-between", children: [
+        return /* @__PURE__ */ jsxRuntime.jsx(designSystem.ComboboxOption, { value: opt.id.toString(), textValue: textValue2, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, justifyContent: "space-between", children: [
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { ellipsis: true, children: textValue2 }),
           opt.status ? /* @__PURE__ */ jsxRuntime.jsx(DocumentStatus, { status: opt.status }) : null
-        ] }) }, opt.documentId);
+        ] }) }, opt.id);
       })
     }
   );
@@ -6895,14 +7200,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);
@@ -7142,7 +7447,7 @@ const RelationDragPreview = ({ status, displayedValue, width }) => {
 };
 const LeftMenu = () => {
   const [search, setSearch] = React__namespace.useState("");
-  const [{ query }] = helperPlugin.useQueryParams();
+  const [{ query }] = useQueryParams();
   const { formatMessage, locale } = reactIntl.useIntl();
   const collectionTypeLinks = useTypedSelector(
     (state) => state["content-manager_app"].collectionTypeLinks
@@ -7289,7 +7594,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 = helperPlugin.useNotification();
+  const { toggleNotification } = useNotification();
   const { allPermissions } = helperPlugin.useRBACProvider();
   const runHookWaterfall = useStrapiApp(
     "useContentManagerInitData",
@@ -7318,14 +7623,14 @@ const useContentManagerInitData = () => {
   }, [formatMessage, initialDataQuery.data, notifyStatus]);
   React.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();
   React.useEffect(() => {
     if (contentTypeSettingsQuery.error) {
       toggleNotification({
-        type: "warning",
+        type: "danger",
         message: formatAPIError2(contentTypeSettingsQuery.error)
       });
     }
@@ -7514,7 +7819,7 @@ const initialState$1 = {
   singleTypeLinks: [],
   isLoading: true
 };
-const reducer$2 = (state = initialState$1, action) => produce__default.default(state, (draftState) => {
+const reducer$2 = (state = initialState$1, action) => immer.produce(state, (draftState) => {
   switch (action.type) {
     case SET_INIT_DATA: {
       const initDataAction = action;
@@ -7675,7 +7980,7 @@ const useEnterprise = (ceData, eeCallback, opts = {}) => {
 const BooleanInput = React.forwardRef((props, ref) => {
   const { formatMessage } = reactIntl.useIntl();
   const field = useField(props.name);
-  const fieldRef = helperPlugin.useFocusInputField(props.name);
+  const fieldRef = useFocusInputField(props.name);
   const composedRefs = designSystem.useComposedRefs(ref, fieldRef);
   return (
     // @ts-expect-error – label _could_ be a ReactNode since it's a child, this should be fixed in the DS.
@@ -7704,7 +8009,7 @@ const BooleanInput = React.forwardRef((props, ref) => {
 });
 const CheckboxInput = React.forwardRef((props, ref) => {
   const field = useField(props.name);
-  const fieldRef = helperPlugin.useFocusInputField(props.name);
+  const fieldRef = useFocusInputField(props.name);
   const composedRefs = designSystem.useComposedRefs(ref, fieldRef);
   return /* @__PURE__ */ jsxRuntime.jsx(
     designSystem.Checkbox,
@@ -7720,7 +8025,7 @@ const CheckboxInput = React.forwardRef((props, ref) => {
 const DateInput = React.forwardRef(({ type: _type, ...props }, ref) => {
   const { formatMessage } = reactIntl.useIntl();
   const field = useField(props.name);
-  const fieldRef = helperPlugin.useFocusInputField(props.name);
+  const fieldRef = useFocusInputField(props.name);
   const composedRefs = designSystem.useComposedRefs(ref, fieldRef);
   const value = typeof field.value === "string" ? new Date(field.value) : field.value;
   return (
@@ -7745,7 +8050,7 @@ const DateInput = React.forwardRef(({ type: _type, ...props }, ref) => {
 const DateTimeInput = React.forwardRef((props, ref) => {
   const { formatMessage } = reactIntl.useIntl();
   const field = useField(props.name);
-  const fieldRef = helperPlugin.useFocusInputField(props.name);
+  const fieldRef = useFocusInputField(props.name);
   const composedRefs = designSystem.useComposedRefs(ref, fieldRef);
   const value = typeof field.value === "string" ? new Date(field.value) : field.value;
   return (
@@ -7769,7 +8074,7 @@ const DateTimeInput = React.forwardRef((props, ref) => {
 });
 const EmailInput = React.forwardRef((props, ref) => {
   const field = useField(props.name);
-  const fieldRef = helperPlugin.useFocusInputField(props.name);
+  const fieldRef = useFocusInputField(props.name);
   const composedRefs = designSystem.useComposedRefs(ref, fieldRef);
   return (
     // @ts-expect-error – label _could_ be a ReactNode since it's a child, this should be fixed in the DS.
@@ -7792,7 +8097,7 @@ const EmailInput = React.forwardRef((props, ref) => {
 const EnumerationInput = React.forwardRef(
   ({ options = [], ...props }, ref) => {
     const field = useField(props.name);
-    const fieldRef = helperPlugin.useFocusInputField(props.name);
+    const fieldRef = useFocusInputField(props.name);
     const composedRefs = designSystem.useComposedRefs(ref, fieldRef);
     return (
       // @ts-expect-error – label _could_ be a ReactNode since it's a child, this should be fixed in the DS.
@@ -7816,7 +8121,7 @@ const EnumerationInput = React.forwardRef(
 );
 const JsonInput = React.forwardRef((props, ref) => {
   const field = useField(props.name);
-  const fieldRef = helperPlugin.useFocusInputField(props.name);
+  const fieldRef = useFocusInputField(props.name);
   const composedRefs = designSystem.useComposedRefs(ref, fieldRef);
   return (
     // @ts-expect-error – label _could_ be a ReactNode since it's a child, this should be fixed in the DS.
@@ -7839,7 +8144,7 @@ const JsonInput = React.forwardRef((props, ref) => {
 });
 const NumberInputImpl = React.forwardRef(({ type, ...props }, ref) => {
   const field = useField(props.name);
-  const fieldRef = helperPlugin.useFocusInputField(props.name);
+  const fieldRef = useFocusInputField(props.name);
   const composedRefs = designSystem.useComposedRefs(ref, fieldRef);
   return (
     // @ts-expect-error – label _could_ be a ReactNode since it's a child, this should be fixed in the DS.
@@ -7864,7 +8169,7 @@ const PasswordInput = React.forwardRef((props, ref) => {
   const [showPassword, setShowPassword] = React.useState(false);
   const { formatMessage } = reactIntl.useIntl();
   const field = useField(props.name);
-  const fieldRef = helperPlugin.useFocusInputField(props.name);
+  const fieldRef = useFocusInputField(props.name);
   const composedRefs = designSystem.useComposedRefs(ref, fieldRef);
   return (
     // @ts-expect-error – label _could_ be a ReactNode since it's a child, this should be fixed in the DS.
@@ -7905,7 +8210,7 @@ const PasswordInput = React.forwardRef((props, ref) => {
 });
 const StringInput = React.forwardRef(({ ...props }, ref) => {
   const field = useField(props.name);
-  const fieldRef = helperPlugin.useFocusInputField(props.name);
+  const fieldRef = useFocusInputField(props.name);
   const composedRefs = designSystem.useComposedRefs(ref, fieldRef);
   return (
     // @ts-expect-error – label _could_ be a ReactNode since it's a child, this should be fixed in the DS.
@@ -7924,7 +8229,7 @@ const StringInput = React.forwardRef(({ ...props }, ref) => {
 });
 const TextareaInput = React.forwardRef((props, ref) => {
   const field = useField(props.name);
-  const fieldRef = helperPlugin.useFocusInputField(props.name);
+  const fieldRef = useFocusInputField(props.name);
   const composedRefs = designSystem.useComposedRefs(ref, fieldRef);
   return (
     // @ts-expect-error – label _could_ be a ReactNode since it's a child, this should be fixed in the DS.
@@ -7945,7 +8250,7 @@ const TextareaInput = React.forwardRef((props, ref) => {
 const TimeInput = React.forwardRef((props, ref) => {
   const { formatMessage } = reactIntl.useIntl();
   const field = useField(props.name);
-  const fieldRef = helperPlugin.useFocusInputField(props.name);
+  const fieldRef = useFocusInputField(props.name);
   const composedRefs = designSystem.useComposedRefs(ref, fieldRef);
   return (
     // @ts-expect-error – label _could_ be a ReactNode since it's a child, this should be fixed in the DS.
@@ -8004,7 +8309,7 @@ const InputRenderer = React.memo(
 );
 const NotSupportedField = React.forwardRef((props, ref) => {
   const { error } = useField(props.name);
-  const fieldRef = helperPlugin.useFocusInputField(props.name);
+  const fieldRef = useFocusInputField(props.name);
   const composedRefs = designSystem.useComposedRefs(ref, fieldRef);
   return /* @__PURE__ */ jsxRuntime.jsx(
     designSystem.TextInput,
@@ -8088,7 +8393,8 @@ const LOGIN_SCHEMA = yup__namespace.object().shape({
 const Login = ({ children }) => {
   const [apiError, setApiError] = React__namespace.useState();
   const { formatMessage } = reactIntl.useIntl();
-  const query = helperPlugin.useQuery();
+  const { search: searchString } = reactRouterDom.useLocation();
+  const query = React__namespace.useMemo(() => new URLSearchParams(searchString), [searchString]);
   const navigate = reactRouterDom.useNavigate();
   const login = useAuth("Login", (state) => state.login);
   const handleLogin = async (body) => {
@@ -8260,7 +8566,8 @@ const ForgotPasswordSuccess = () => {
 };
 const Oops = () => {
   const { formatMessage } = reactIntl.useIntl();
-  const query = helperPlugin.useQuery();
+  const { search: searchString } = reactRouterDom.useLocation();
+  const query = React__namespace.useMemo(() => new URLSearchParams(searchString), [searchString]);
   const message = query.get("info") || formatMessage({
     id: "Auth.components.Oops.text",
     defaultMessage: "Your account has been suspended."
@@ -8359,8 +8666,9 @@ const NpsSurvey = () => {
   const { formatMessage } = reactIntl.useIntl();
   const { npsSurveySettings, setNpsSurveySettings } = useNpsSurveySettings();
   const [isFeedbackResponse, setIsFeedbackResponse] = React__namespace.useState(false);
-  const toggleNotification = helperPlugin.useNotification();
-  const { currentEnvironment, strapiVersion } = helperPlugin.useAppInfo();
+  const { toggleNotification } = useNotification();
+  const currentEnvironment = useAppInfo("NpsSurvey", (state) => state.currentEnvironment);
+  const strapiVersion = useAppInfo("NpsSurvey", (state) => state.strapiVersion);
   const [surveyIsShown, setSurveyIsShown] = React__namespace.useState(
     checkIfShouldShowSurvey(npsSurveySettings)
   );
@@ -8415,7 +8723,7 @@ const NpsSurvey = () => {
       }, 3e3);
     } catch (err) {
       toggleNotification({
-        type: "warning",
+        type: "danger",
         message: formatMessage({ id: "notification.error", defaultMessage: "An error occurred" })
       });
     }
@@ -8642,14 +8950,15 @@ const REGISTER_ADMIN_SCHEMA = yup__namespace.object().shape({
   })
 });
 const Register = ({ hasAdmin }) => {
-  const toggleNotification = helperPlugin.useNotification();
+  const { toggleNotification } = useNotification();
   const navigate = reactRouterDom.useNavigate();
   const [submitCount, setSubmitCount] = React__namespace.useState(0);
   const [apiError, setApiError] = React__namespace.useState();
   const { trackUsage } = useTracking();
   const { formatMessage } = reactIntl.useIntl();
   const setSkipped = useGuidedTour("Register", (state) => state.setSkipped);
-  const query = helperPlugin.useQuery();
+  const { search: searchString } = reactRouterDom.useLocation();
+  const query = React__namespace.useMemo(() => new URLSearchParams(searchString), [searchString]);
   const match = reactRouterDom.useMatch("/auth/:authType");
   const {
     _unstableFormatAPIError: formatAPIError2,
@@ -8664,7 +8973,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)}`);
@@ -8947,7 +9256,8 @@ const RESET_PASSWORD_SCHEMA = yup__namespace.object().shape({
 const ResetPassword = () => {
   const { formatMessage } = reactIntl.useIntl();
   const navigate = reactRouterDom.useNavigate();
-  const query = helperPlugin.useQuery();
+  const { search: searchString } = reactRouterDom.useLocation();
+  const query = React__namespace.useMemo(() => new URLSearchParams(searchString), [searchString]);
   const { _unstableFormatAPIError: formatAPIError2 } = useAPIErrorHandler();
   const setToken = useAuth("ResetPassword", (state) => state.setToken);
   const [resetPassword, { error }] = useResetPasswordMutation();
@@ -9042,11 +9352,11 @@ const AuthPage = () => {
   const { hasAdmin } = data ?? {};
   const Login$1 = useEnterprise(
     Login,
-    async () => (await Promise.resolve().then(() => require("./Login-Ge3DZEpr.js"))).LoginEE
+    async () => (await Promise.resolve().then(() => require("./Login-4Igrm6CC.js"))).LoginEE
   );
   const forms = useEnterprise(
     FORMS,
-    async () => (await Promise.resolve().then(() => require("./constants-RZp8o_c4.js"))).FORMS,
+    async () => (await Promise.resolve().then(() => require("./constants-7yqqXq3r.js"))).FORMS,
     {
       combine(ceForms, eeForms) {
         return {
@@ -9087,8 +9397,7 @@ const AuthPage = () => {
 };
 const NotFoundPage = () => {
   const { formatMessage } = reactIntl.useIntl();
-  helperPlugin.useFocusWhenNavigate();
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { labelledBy: "title", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Page.Main, { labelledBy: "title", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       designSystem.HeaderLayout,
       {
@@ -9120,7 +9429,7 @@ const NotFoundPage = () => {
 const ROUTES_CE = [
   {
     lazy: async () => {
-      const { ProtectedListPage } = await Promise.resolve().then(() => require("./ListPage-Pf5LxUYn.js"));
+      const { ProtectedListPage } = await Promise.resolve().then(() => require("./ListPage-rCVvOLlD.js"));
       return {
         Component: ProtectedListPage
       };
@@ -9129,7 +9438,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await Promise.resolve().then(() => require("./CreatePage-DmNFNVN9.js"));
+      const { ProtectedCreatePage } = await Promise.resolve().then(() => require("./CreatePage-yjmy0z57.js"));
       return {
         Component: ProtectedCreatePage
       };
@@ -9138,7 +9447,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await Promise.resolve().then(() => require("./CreatePage-DmNFNVN9.js"));
+      const { ProtectedCreatePage } = await Promise.resolve().then(() => require("./CreatePage-yjmy0z57.js"));
       return {
         Component: ProtectedCreatePage
       };
@@ -9147,7 +9456,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await Promise.resolve().then(() => require("./EditPage-mU2WAH0F.js"));
+      const { ProtectedEditPage } = await Promise.resolve().then(() => require("./EditPage-Hxt5uBXk.js"));
       return {
         Component: ProtectedEditPage
       };
@@ -9156,7 +9465,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListPage } = await Promise.resolve().then(() => require("./ListPage-2lswUYQN.js"));
+      const { ProtectedListPage } = await Promise.resolve().then(() => require("./ListPage-7TAp-q4k.js"));
       return {
         Component: ProtectedListPage
       };
@@ -9165,7 +9474,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await Promise.resolve().then(() => require("./EditPage-_N_lm93z.js"));
+      const { ProtectedEditPage } = await Promise.resolve().then(() => require("./EditPage-QA0-S3kV.js"));
       return {
         Component: ProtectedEditPage
       };
@@ -9174,7 +9483,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await Promise.resolve().then(() => require("./CreatePage-hlkPO2Cv.js"));
+      const { ProtectedCreatePage } = await Promise.resolve().then(() => require("./CreatePage-JIHfFWS7.js"));
       return {
         Component: ProtectedCreatePage
       };
@@ -9183,7 +9492,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await Promise.resolve().then(() => require("./EditPage-RpzlPkkU.js")).then((n) => n.EditPage$1);
+      const { ProtectedEditPage } = await Promise.resolve().then(() => require("./EditPage-vUQIn3OJ.js")).then((n) => n.EditPage$1);
       return {
         Component: ProtectedEditPage
       };
@@ -9192,7 +9501,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListPage } = await Promise.resolve().then(() => require("./ListPage-yymh17qi.js"));
+      const { ProtectedListPage } = await Promise.resolve().then(() => require("./ListPage-u6uVacPz.js"));
       return {
         Component: ProtectedListPage
       };
@@ -9201,7 +9510,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListView } = await Promise.resolve().then(() => require("./ListView-YtMAQnXL.js"));
+      const { ProtectedListView } = await Promise.resolve().then(() => require("./ListView-SsUn5vcn.js"));
       return {
         Component: ProtectedListView
       };
@@ -9210,7 +9519,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreateView } = await Promise.resolve().then(() => require("./CreateView-hUH4bf5k.js"));
+      const { ProtectedCreateView } = await Promise.resolve().then(() => require("./CreateView-Vqd1PVrJ.js"));
       return {
         Component: ProtectedCreateView
       };
@@ -9219,7 +9528,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditView } = await Promise.resolve().then(() => require("./EditViewPage-0Pd8zBi7.js"));
+      const { ProtectedEditView } = await Promise.resolve().then(() => require("./EditViewPage--SujdXIG.js"));
       return {
         Component: ProtectedEditView
       };
@@ -9228,7 +9537,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreateView } = await Promise.resolve().then(() => require("./CreateView-AWmN1xWJ.js"));
+      const { ProtectedCreateView } = await Promise.resolve().then(() => require("./CreateView-J48m0lSL.js"));
       return {
         Component: ProtectedCreateView
       };
@@ -9237,7 +9546,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListView } = await Promise.resolve().then(() => require("./ListView-nfA6o3qO.js"));
+      const { ProtectedListView } = await Promise.resolve().then(() => require("./ListView-ZkjwQBXQ.js"));
       return {
         Component: ProtectedListView
       };
@@ -9246,7 +9555,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditView } = await Promise.resolve().then(() => require("./EditView-wDP9PNQY.js"));
+      const { ProtectedEditView } = await Promise.resolve().then(() => require("./EditView-63ynF0vf.js"));
       return {
         Component: ProtectedEditView
       };
@@ -9729,7 +10038,7 @@ class StrapiApp {
             {
               path: "usecase",
               lazy: async () => {
-                const { PrivateUseCasePage } = await Promise.resolve().then(() => require("./UseCasePage-QK-B8FfM.js"));
+                const { PrivateUseCasePage } = await Promise.resolve().then(() => require("./UseCasePage-0_alQEc9.js"));
                 return {
                   Component: PrivateUseCasePage
                 };
@@ -9742,7 +10051,7 @@ class StrapiApp {
             {
               path: "/*",
               lazy: async () => {
-                const { PrivateAdminLayout } = await Promise.resolve().then(() => require("./AuthenticatedLayout-PPlOm7kb.js"));
+                const { PrivateAdminLayout } = await Promise.resolve().then(() => require("./AuthenticatedLayout-kxORHKAl.js"));
                 return {
                   Component: PrivateAdminLayout
                 };
@@ -9751,7 +10060,7 @@ class StrapiApp {
                 {
                   index: true,
                   lazy: async () => {
-                    const { HomePage } = await Promise.resolve().then(() => require("./HomePage-3IVOMrYf.js"));
+                    const { HomePage } = await Promise.resolve().then(() => require("./HomePage-oiaJD-JE.js"));
                     return {
                       Component: HomePage
                     };
@@ -9760,7 +10069,7 @@ class StrapiApp {
                 {
                   path: "me",
                   lazy: async () => {
-                    const { ProfilePage } = await Promise.resolve().then(() => require("./ProfilePage-MBCGqbc_.js"));
+                    const { ProfilePage } = await Promise.resolve().then(() => require("./ProfilePage-brPbqDP1.js"));
                     return {
                       Component: ProfilePage
                     };
@@ -9769,7 +10078,7 @@ class StrapiApp {
                 {
                   path: "list-plugins",
                   lazy: async () => {
-                    const { ProtectedInstalledPluginsPage } = await Promise.resolve().then(() => require("./InstalledPluginsPage-FkR2xkQz.js"));
+                    const { ProtectedInstalledPluginsPage } = await Promise.resolve().then(() => require("./InstalledPluginsPage-ao6yYe7N.js"));
                     return {
                       Component: ProtectedInstalledPluginsPage
                     };
@@ -9778,7 +10087,7 @@ class StrapiApp {
                 {
                   path: "marketplace",
                   lazy: async () => {
-                    const { ProtectedMarketplacePage } = await Promise.resolve().then(() => require("./MarketplacePage-s8KDwNwK.js"));
+                    const { ProtectedMarketplacePage } = await Promise.resolve().then(() => require("./MarketplacePage-tWKM5xe8.js"));
                     return {
                       Component: ProtectedMarketplacePage
                     };
@@ -9787,7 +10096,7 @@ class StrapiApp {
                 {
                   path: "settings/*",
                   lazy: async () => {
-                    const { Layout: Layout2 } = await Promise.resolve().then(() => require("./Layout-G49-Vc5u.js"));
+                    const { Layout: Layout2 } = await Promise.resolve().then(() => require("./Layout-kbqdKkiF.js"));
                     return {
                       Component: Layout2
                     };
@@ -9796,7 +10105,7 @@ class StrapiApp {
                     {
                       path: "application-infos",
                       lazy: async () => {
-                        const { ApplicationInfoPage } = await Promise.resolve().then(() => require("./ApplicationInfoPage-1OdKMDYH.js"));
+                        const { ApplicationInfoPage } = await Promise.resolve().then(() => require("./ApplicationInfoPage-xj1SCaSR.js"));
                         return {
                           Component: ApplicationInfoPage
                         };
@@ -9869,7 +10178,7 @@ const renderAdmin = async (mountNode, { plugins, customisations, features }) =>
       promoteEE: true
     }
   };
-  const { get: get2 } = helperPlugin.getFetchClient();
+  const { get: get2 } = getFetchClient();
   try {
     const {
       data: {
@@ -9960,7 +10269,7 @@ const DefaultBodyWrapper = ({ children }) => {
 const [PaginationProvider, usePagination] = createContext("Pagination");
 const Root$1 = React__namespace.forwardRef(
   ({ children, defaultPageSize = 10, pageCount = 0, defaultPage = 1, onPageSizeChange, total = 0 }, forwardedRef) => {
-    const [{ query }, setQuery] = helperPlugin.useQueryParams(
+    const [{ query }, setQuery] = useQueryParams(
       {
         pageSize: defaultPageSize.toString(),
         page: defaultPage.toString()
@@ -10124,7 +10433,7 @@ const SearchInput = ({
 }) => {
   const inputRef = React__namespace.useRef(null);
   const iconButtonRef = React__namespace.useRef(null);
-  const [{ query }, setQuery] = helperPlugin.useQueryParams();
+  const [{ query }, setQuery] = useQueryParams();
   const [value, setValue] = React__namespace.useState(query?._q || "");
   const [isOpen, setIsOpen] = React__namespace.useState(!!value);
   const { formatMessage } = reactIntl.useIntl();
@@ -10278,7 +10587,7 @@ const Head = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children }) });
 };
 const HeaderCell = ({ name, label, sortable }) => {
-  const [{ query }, setQuery] = helperPlugin.useQueryParams();
+  const [{ query }, setQuery] = useQueryParams();
   const sort = query?.sort ?? "";
   const [sortBy, sortOrder] = sort.split(":");
   const { formatMessage } = reactIntl.useIntl();
@@ -10457,6 +10766,23 @@ function useInjectReducer(namespace, reducer2) {
     store.injectReducer(namespace, reducer2);
   }, [store, namespace, reducer2]);
 }
+const useFetchClient = () => {
+  const controller = React__namespace.useRef(null);
+  if (controller.current === null) {
+    controller.current = new AbortController();
+  }
+  React__namespace.useEffect(() => {
+    return () => {
+      controller.current.abort();
+    };
+  }, []);
+  return React__namespace.useMemo(
+    () => getFetchClient({
+      signal: controller.current.signal
+    }),
+    []
+  );
+};
 const checkIfAttributeIsDisplayable = (attribute) => {
   const { type } = attribute;
   if (type === "relation") {
@@ -10489,9 +10815,9 @@ const DEFAULT_SETTINGS = {
 };
 const useDocumentLayout = (model) => {
   const { schema, components } = useDocument({ model, collectionType: "" }, { skip: true });
-  const [{ query }] = helperPlugin.useQueryParams();
+  const [{ query }] = useQueryParams();
   const runHookWaterfall = useStrapiApp("useDocumentLayout", (state) => state.runHookWaterfall);
-  const toggleNotification = helperPlugin.useNotification();
+  const { toggleNotification } = useNotification();
   const { _unstableFormatAPIError: formatAPIError2 } = useAPIErrorHandler();
   const { isLoading: isLoadingSchemas, schemas } = useContentTypeSchema();
   const { data, isLoading: isLoadingConfigs, error } = useGetContentTypeConfigurationQuery(model);
@@ -10499,7 +10825,7 @@ const useDocumentLayout = (model) => {
   React__namespace.useEffect(() => {
     if (error) {
       toggleNotification({
-        type: "warning",
+        type: "danger",
         message: formatAPIError2(error)
       });
     }
@@ -10702,6 +11028,7 @@ exports.ACTION_UPDATE_STAGE_POSITION = ACTION_UPDATE_STAGE_POSITION;
 exports.ACTION_UPDATE_WORKFLOW = ACTION_UPDATE_WORKFLOW;
 exports.ASSIGNEE_ATTRIBUTE_NAME = ASSIGNEE_ATTRIBUTE_NAME;
 exports.ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD = ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD;
+exports.AppInfoProvider = AppInfoProvider;
 exports.BackButton = BackButton;
 exports.Blocker = Blocker;
 exports.CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME = CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME;
@@ -10729,6 +11056,7 @@ exports.LayoutContent = LayoutContent;
 exports.LimitsModal = LimitsModal;
 exports.Login = Login;
 exports.Logo = Logo;
+exports.NotificationsProvider = NotificationsProvider;
 exports.NpsSurvey = NpsSurvey;
 exports.Page = Page;
 exports.Pagination = Pagination;
@@ -10762,6 +11090,7 @@ exports.extractContentTypeComponents = extractContentTypeComponents;
 exports.getAvailableStageColors = getAvailableStageColors;
 exports.getBasename = getBasename;
 exports.getDisplayName = getDisplayName;
+exports.getFetchClient = getFetchClient;
 exports.getIn = getIn;
 exports.getMainField = getMainField;
 exports.getRelationLabel = getRelationLabel;
@@ -10777,7 +11106,9 @@ exports.setIn = setIn;
 exports.setPermissions = setPermissions;
 exports.useAPIErrorHandler = useAPIErrorHandler;
 exports.useAdminUsers = useAdminUsers;
+exports.useAppInfo = useAppInfo;
 exports.useAuth = useAuth;
+exports.useClipboard = useClipboard;
 exports.useComponent = useComponent;
 exports.useConfiguration = useConfiguration;
 exports.useContentTypeSchema = useContentTypeSchema;
@@ -10795,7 +11126,9 @@ exports.useDocumentLayout = useDocumentLayout;
 exports.useDocumentRBAC = useDocumentRBAC;
 exports.useDragAndDrop = useDragAndDrop;
 exports.useEnterprise = useEnterprise;
+exports.useFetchClient = useFetchClient;
 exports.useField = useField;
+exports.useFocusInputField = useFocusInputField;
 exports.useForm = useForm;
 exports.useGetAllDocumentsQuery = useGetAllDocumentsQuery;
 exports.useGetContentTypeConfigurationQuery = useGetContentTypeConfigurationQuery;
@@ -10815,6 +11148,8 @@ exports.useInjectReducer = useInjectReducer;
 exports.useIsHistoryRoute = useIsHistoryRoute;
 exports.useIsSSOLockedQuery = useIsSSOLockedQuery;
 exports.useLicenseLimits = useLicenseLimits;
+exports.useNotification = useNotification;
+exports.useQueryParams = useQueryParams;
 exports.useRegenerateTokenMutation = useRegenerateTokenMutation;
 exports.useStrapiApp = useStrapiApp;
 exports.useTable = useTable;
@@ -10828,4 +11163,4 @@ exports.useUpdateRoleMutation = useUpdateRoleMutation;
 exports.useUpdateRolePermissionsMutation = useUpdateRolePermissionsMutation;
 exports.useUpdateUserMutation = useUpdateUserMutation;
 exports.useUpdateWorkflowMutation = useUpdateWorkflowMutation;
-//# sourceMappingURL=index-ejSDPT-T.js.map
+//# sourceMappingURL=index-haHGOQMJ.js.map