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

package/dist/_chunks/{index-ibtz273H.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,11 +10,13 @@ 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");
@@ -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,6 +65,7 @@ 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 get__default = /* @__PURE__ */ _interopDefault(get);
 const set__default = /* @__PURE__ */ _interopDefault(set);
@@ -112,7 +113,7 @@ const getEERoutes$1 = () => window.strapi.isEE ? [
   {
     path: "auth/login/:authResponse",
     lazy: async () => {
-      const { AuthResponse } = await Promise.resolve().then(() => require("./AuthResponse-7NG3smr6.js"));
+      const { AuthResponse } = await Promise.resolve().then(() => require("./AuthResponse-maUe9KWA.js"));
       return {
         Component: AuthResponse
       };
@@ -160,7 +161,7 @@ const getEERoutes = () => [
     {
       path: "audit-logs",
       lazy: async () => {
-        const { ProtectedListPage } = await Promise.resolve().then(() => require("./ListPage-_i7RNkUF.js"));
+        const { ProtectedListPage } = await Promise.resolve().then(() => require("./ListPage-02WM7Pt9.js"));
         return {
           Component: ProtectedListPage
         };
@@ -171,7 +172,7 @@ const getEERoutes = () => [
     {
       path: "review-workflows",
       lazy: async () => {
-        const { ProtectedReviewWorkflowsPage } = await Promise.resolve().then(() => require("./ListPage-skKuhRrN.js"));
+        const { ProtectedReviewWorkflowsPage } = await Promise.resolve().then(() => require("./ListPage-ZWUo77nT.js"));
         return {
           Component: ProtectedReviewWorkflowsPage
         };
@@ -180,7 +181,7 @@ const getEERoutes = () => [
     {
       path: "review-workflows/create",
       lazy: async () => {
-        const { ReviewWorkflowsCreatePage } = await Promise.resolve().then(() => require("./CreatePage-nl6zKkKT.js"));
+        const { ReviewWorkflowsCreatePage } = await Promise.resolve().then(() => require("./CreatePage-WWKaoNH7.js"));
         return {
           Component: ReviewWorkflowsCreatePage
         };
@@ -189,7 +190,7 @@ const getEERoutes = () => [
     {
       path: "review-workflows/:workflowId",
       lazy: async () => {
-        const { ReviewWorkflowsEditPage } = await Promise.resolve().then(() => require("./EditPage-9aK8IFXY.js"));
+        const { ReviewWorkflowsEditPage } = await Promise.resolve().then(() => require("./EditPage-7bVupT7n.js"));
         return {
           Component: ReviewWorkflowsEditPage
         };
@@ -200,7 +201,7 @@ const getEERoutes = () => [
     {
       path: "single-sign-on",
       lazy: async () => {
-        const { ProtectedSSO } = await Promise.resolve().then(() => require("./SingleSignOnPage-uURRsIxP.js"));
+        const { ProtectedSSO } = await Promise.resolve().then(() => require("./SingleSignOnPage-ZyiHtZxJ.js"));
         return {
           Component: ProtectedSSO
         };
@@ -490,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 };
@@ -757,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" }),
@@ -776,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" }),
@@ -790,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" }),
@@ -851,7 +900,8 @@ const Page = {
   Loading: Loading$1,
   NoPermissions,
   Protect,
-  NoData
+  NoData,
+  Main: PageMain
 };
 function createContext(rootComponentName, defaultContext) {
   const Context = ContextSelector__namespace.createContext(defaultContext);
@@ -1624,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 () => {
@@ -1918,7 +1990,7 @@ const routes$1 = [
   {
     path: ":collectionType/:slug/:id/history",
     lazy: async () => {
-      const { ProtectedHistoryPage } = await Promise.resolve().then(() => require("./History-V_ik1IL0.js"));
+      const { ProtectedHistoryPage } = await Promise.resolve().then(() => require("./History-R_4lEy01.js"));
       return {
         Component: ProtectedHistoryPage
       };
@@ -1927,7 +1999,7 @@ const routes$1 = [
   {
     path: ":collectionType/:slug/history",
     lazy: async () => {
-      const { ProtectedHistoryPage } = await Promise.resolve().then(() => require("./History-V_ik1IL0.js"));
+      const { ProtectedHistoryPage } = await Promise.resolve().then(() => require("./History-R_4lEy01.js"));
       return {
         Component: ProtectedHistoryPage
       };
@@ -1952,10 +2024,10 @@ const Redirect = () => {
   );
 };
 const ProtectedEditViewPage = React.lazy(
-  () => Promise.resolve().then(() => require("./EditViewPage-XtJmgPi5.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-NiwpwxBR.js")).then((mod) => ({ default: mod.ProtectedListViewPage }))
+  () => Promise.resolve().then(() => require("./ListViewPage-idgrhBAP.js")).then((mod) => ({ default: mod.ProtectedListViewPage }))
 );
 const CollectionTypePages = () => {
   const { collectionType } = reactRouterDom.useParams();
@@ -2010,7 +2082,7 @@ const routes = [
       {
         path: ":collectionType/:slug/:id",
         lazy: async () => {
-          const { ProtectedEditViewPage: ProtectedEditViewPage2 } = await Promise.resolve().then(() => require("./EditViewPage-XtJmgPi5.js"));
+          const { ProtectedEditViewPage: ProtectedEditViewPage2 } = await Promise.resolve().then(() => require("./EditViewPage-kkCJlZyh.js"));
           return {
             Component: ProtectedEditViewPage2
           };
@@ -2019,7 +2091,7 @@ const routes = [
       {
         path: CLONE_RELATIVE_PATH,
         lazy: async () => {
-          const { ProtectedEditViewPage: ProtectedEditViewPage2 } = await Promise.resolve().then(() => require("./EditViewPage-XtJmgPi5.js"));
+          const { ProtectedEditViewPage: ProtectedEditViewPage2 } = await Promise.resolve().then(() => require("./EditViewPage-kkCJlZyh.js"));
           return {
             Component: ProtectedEditViewPage2
           };
@@ -2028,7 +2100,7 @@ const routes = [
       {
         path: ":collectionType/:slug/configurations/list",
         lazy: async () => {
-          const { ProtectedListConfiguration } = await Promise.resolve().then(() => require("./ListConfigurationPage-Gl8AA-2t.js"));
+          const { ProtectedListConfiguration } = await Promise.resolve().then(() => require("./ListConfigurationPage-BXuW_9Wt.js"));
           return {
             Component: ProtectedListConfiguration
           };
@@ -2037,7 +2109,7 @@ const routes = [
       {
         path: "components/:slug/configurations/edit",
         lazy: async () => {
-          const { ProtectedComponentConfigurationPage } = await Promise.resolve().then(() => require("./ComponentConfigurationPage-R3qV_iCR.js"));
+          const { ProtectedComponentConfigurationPage } = await Promise.resolve().then(() => require("./ComponentConfigurationPage-JMCc1P7r.js"));
           return {
             Component: ProtectedComponentConfigurationPage
           };
@@ -2046,7 +2118,7 @@ const routes = [
       {
         path: ":collectionType/:slug/configurations/edit",
         lazy: async () => {
-          const { ProtectedEditConfigurationPage } = await Promise.resolve().then(() => require("./EditConfigurationPage-OpEZOvAG.js"));
+          const { ProtectedEditConfigurationPage } = await Promise.resolve().then(() => require("./EditConfigurationPage-PKHUVKGD.js"));
           return {
             Component: ProtectedEditConfigurationPage
           };
@@ -2055,7 +2127,7 @@ const routes = [
       {
         path: "403",
         lazy: async () => {
-          const { NoPermissions: NoPermissions2 } = await Promise.resolve().then(() => require("./NoPermissionsPage-5A4Hwjad.js"));
+          const { NoPermissions: NoPermissions2 } = await Promise.resolve().then(() => require("./NoPermissionsPage-q44k5VFX.js"));
           return {
             Component: NoPermissions2
           };
@@ -2064,7 +2136,7 @@ const routes = [
       {
         path: "no-content-types",
         lazy: async () => {
-          const { NoContentType } = await Promise.resolve().then(() => require("./NoContentTypePage-_XU8B8oQ.js"));
+          const { NoContentType } = await Promise.resolve().then(() => require("./NoContentTypePage-Lbuve_Uu.js"));
           return {
             Component: NoContentType
           };
@@ -2074,6 +2146,34 @@ 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 {};
@@ -2101,7 +2201,8 @@ const contentManagerApi = react.createApi({
     "ContentTypeSettings",
     "Document",
     "InitialData",
-    "HistoryVersion"
+    "HistoryVersion",
+    "Relations"
   ],
   endpoints: () => ({})
 });
@@ -2141,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 }) => ({
@@ -2177,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"
         ];
       }
     }),
@@ -2265,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"
         ];
       }
     }),
@@ -2291,7 +2397,8 @@ const documentApi = contentManagerApi.injectEndpoints({
           {
             type: "Document",
             id: collectionType !== SINGLE_TYPES ? `${model}_${documentId}` : model
-          }
+          },
+          "Relations"
         ];
       }
     }),
@@ -2761,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");
@@ -3965,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")) {
@@ -4705,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);
@@ -4789,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);
@@ -4797,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:
@@ -4854,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(
@@ -4894,7 +5004,7 @@ 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 } = useNotification();
   const [shouldKeepDraft, setShouldKeepDraft] = React__namespace.useState(true);
@@ -5029,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;
@@ -5270,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: [
@@ -5569,7 +5679,7 @@ const Panels = () => {
     {
       query: { status }
     }
-  ] = helperPlugin.useQueryParams({
+  ] = useQueryParams({
     status: "draft"
   });
   const { model, id, document: document2, meta, collectionType } = useDoc();
@@ -5608,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 = {
@@ -5753,7 +5863,7 @@ const EditAction = ({ documentId }) => {
   const { formatMessage } = reactIntl.useIntl();
   const { canRead } = useDocumentRBAC("EditAction", ({ canRead: canRead2 }) => ({ canRead: canRead2 }));
   const { toggleNotification } = useNotification();
-  const [{ query }] = helperPlugin.useQueryParams();
+  const [{ query }] = useQueryParams();
   return {
     disabled: !canRead,
     icon: /* @__PURE__ */ jsxRuntime.jsx(StyledPencil, {}),
@@ -6275,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",
@@ -6515,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) => {
@@ -6548,7 +6681,8 @@ const relationsApi = contentManagerApi.injectEndpoints({
         } else {
           return response;
         }
-      }
+      },
+      providesTags: ["Relations"]
     }),
     searchRelations: build.query({
       query: ({ model, targetField, params }) => {
@@ -6635,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;
@@ -6710,13 +6844,14 @@ 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}`
@@ -6788,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}`
   };
@@ -6822,9 +6957,9 @@ const RelationsInput = ({
     page: 1
   });
   const { toggleNotification } = useNotification();
-  const [{ query }] = helperPlugin.useQueryParams();
+  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(() => {
@@ -6836,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
       }
     });
@@ -6860,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."
@@ -6925,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);
       })
     }
   );
@@ -7065,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);
@@ -7312,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
@@ -7845,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.
@@ -7874,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,
@@ -7890,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 (
@@ -7915,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 (
@@ -7939,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.
@@ -7962,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.
@@ -7986,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.
@@ -8009,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.
@@ -8034,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.
@@ -8075,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.
@@ -8094,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.
@@ -8115,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.
@@ -8174,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,
@@ -8258,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) => {
@@ -8430,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."
@@ -8820,7 +8957,8 @@ const Register = ({ hasAdmin }) => {
   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,
@@ -9118,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();
@@ -9213,11 +9352,11 @@ const AuthPage = () => {
   const { hasAdmin } = data ?? {};
   const Login$1 = useEnterprise(
     Login,
-    async () => (await Promise.resolve().then(() => require("./Login-0FtP5Ck_.js"))).LoginEE
+    async () => (await Promise.resolve().then(() => require("./Login-4Igrm6CC.js"))).LoginEE
   );
   const forms = useEnterprise(
     FORMS,
-    async () => (await Promise.resolve().then(() => require("./constants-PHXhIuUs.js"))).FORMS,
+    async () => (await Promise.resolve().then(() => require("./constants-7yqqXq3r.js"))).FORMS,
     {
       combine(ceForms, eeForms) {
         return {
@@ -9258,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,
       {
@@ -9291,7 +9429,7 @@ const NotFoundPage = () => {
 const ROUTES_CE = [
   {
     lazy: async () => {
-      const { ProtectedListPage } = await Promise.resolve().then(() => require("./ListPage-NdzVJ_Ed.js"));
+      const { ProtectedListPage } = await Promise.resolve().then(() => require("./ListPage-rCVvOLlD.js"));
       return {
         Component: ProtectedListPage
       };
@@ -9300,7 +9438,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await Promise.resolve().then(() => require("./CreatePage-NSKUL8l4.js"));
+      const { ProtectedCreatePage } = await Promise.resolve().then(() => require("./CreatePage-yjmy0z57.js"));
       return {
         Component: ProtectedCreatePage
       };
@@ -9309,7 +9447,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await Promise.resolve().then(() => require("./CreatePage-NSKUL8l4.js"));
+      const { ProtectedCreatePage } = await Promise.resolve().then(() => require("./CreatePage-yjmy0z57.js"));
       return {
         Component: ProtectedCreatePage
       };
@@ -9318,7 +9456,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await Promise.resolve().then(() => require("./EditPage-PpBP7TBo.js"));
+      const { ProtectedEditPage } = await Promise.resolve().then(() => require("./EditPage-Hxt5uBXk.js"));
       return {
         Component: ProtectedEditPage
       };
@@ -9327,7 +9465,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListPage } = await Promise.resolve().then(() => require("./ListPage-em8KMoKx.js"));
+      const { ProtectedListPage } = await Promise.resolve().then(() => require("./ListPage-7TAp-q4k.js"));
       return {
         Component: ProtectedListPage
       };
@@ -9336,7 +9474,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await Promise.resolve().then(() => require("./EditPage-A6olBfVm.js"));
+      const { ProtectedEditPage } = await Promise.resolve().then(() => require("./EditPage-QA0-S3kV.js"));
       return {
         Component: ProtectedEditPage
       };
@@ -9345,7 +9483,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await Promise.resolve().then(() => require("./CreatePage-MAI6XyNg.js"));
+      const { ProtectedCreatePage } = await Promise.resolve().then(() => require("./CreatePage-JIHfFWS7.js"));
       return {
         Component: ProtectedCreatePage
       };
@@ -9354,7 +9492,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await Promise.resolve().then(() => require("./EditPage-QoDSqYYq.js")).then((n) => n.EditPage$1);
+      const { ProtectedEditPage } = await Promise.resolve().then(() => require("./EditPage-vUQIn3OJ.js")).then((n) => n.EditPage$1);
       return {
         Component: ProtectedEditPage
       };
@@ -9363,7 +9501,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListPage } = await Promise.resolve().then(() => require("./ListPage-aElBcYPH.js"));
+      const { ProtectedListPage } = await Promise.resolve().then(() => require("./ListPage-u6uVacPz.js"));
       return {
         Component: ProtectedListPage
       };
@@ -9372,7 +9510,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListView } = await Promise.resolve().then(() => require("./ListView--mxDKrnG.js"));
+      const { ProtectedListView } = await Promise.resolve().then(() => require("./ListView-SsUn5vcn.js"));
       return {
         Component: ProtectedListView
       };
@@ -9381,7 +9519,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreateView } = await Promise.resolve().then(() => require("./CreateView-3DMhoCPN.js"));
+      const { ProtectedCreateView } = await Promise.resolve().then(() => require("./CreateView-Vqd1PVrJ.js"));
       return {
         Component: ProtectedCreateView
       };
@@ -9390,7 +9528,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditView } = await Promise.resolve().then(() => require("./EditViewPage-Z_e1dpbU.js"));
+      const { ProtectedEditView } = await Promise.resolve().then(() => require("./EditViewPage--SujdXIG.js"));
       return {
         Component: ProtectedEditView
       };
@@ -9399,7 +9537,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreateView } = await Promise.resolve().then(() => require("./CreateView-kc0iM0LS.js"));
+      const { ProtectedCreateView } = await Promise.resolve().then(() => require("./CreateView-J48m0lSL.js"));
       return {
         Component: ProtectedCreateView
       };
@@ -9408,7 +9546,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListView } = await Promise.resolve().then(() => require("./ListView-vP-PjR4p.js"));
+      const { ProtectedListView } = await Promise.resolve().then(() => require("./ListView-ZkjwQBXQ.js"));
       return {
         Component: ProtectedListView
       };
@@ -9417,7 +9555,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditView } = await Promise.resolve().then(() => require("./EditView-C_ynfmtW.js"));
+      const { ProtectedEditView } = await Promise.resolve().then(() => require("./EditView-63ynF0vf.js"));
       return {
         Component: ProtectedEditView
       };
@@ -9900,7 +10038,7 @@ class StrapiApp {
             {
               path: "usecase",
               lazy: async () => {
-                const { PrivateUseCasePage } = await Promise.resolve().then(() => require("./UseCasePage-xAlTWOcX.js"));
+                const { PrivateUseCasePage } = await Promise.resolve().then(() => require("./UseCasePage-0_alQEc9.js"));
                 return {
                   Component: PrivateUseCasePage
                 };
@@ -9913,7 +10051,7 @@ class StrapiApp {
             {
               path: "/*",
               lazy: async () => {
-                const { PrivateAdminLayout } = await Promise.resolve().then(() => require("./AuthenticatedLayout-5r4rzKeb.js"));
+                const { PrivateAdminLayout } = await Promise.resolve().then(() => require("./AuthenticatedLayout-kxORHKAl.js"));
                 return {
                   Component: PrivateAdminLayout
                 };
@@ -9922,7 +10060,7 @@ class StrapiApp {
                 {
                   index: true,
                   lazy: async () => {
-                    const { HomePage } = await Promise.resolve().then(() => require("./HomePage-yrIp1-eG.js"));
+                    const { HomePage } = await Promise.resolve().then(() => require("./HomePage-oiaJD-JE.js"));
                     return {
                       Component: HomePage
                     };
@@ -9931,7 +10069,7 @@ class StrapiApp {
                 {
                   path: "me",
                   lazy: async () => {
-                    const { ProfilePage } = await Promise.resolve().then(() => require("./ProfilePage-EEcNKnGH.js"));
+                    const { ProfilePage } = await Promise.resolve().then(() => require("./ProfilePage-brPbqDP1.js"));
                     return {
                       Component: ProfilePage
                     };
@@ -9940,7 +10078,7 @@ class StrapiApp {
                 {
                   path: "list-plugins",
                   lazy: async () => {
-                    const { ProtectedInstalledPluginsPage } = await Promise.resolve().then(() => require("./InstalledPluginsPage-PrMyistN.js"));
+                    const { ProtectedInstalledPluginsPage } = await Promise.resolve().then(() => require("./InstalledPluginsPage-ao6yYe7N.js"));
                     return {
                       Component: ProtectedInstalledPluginsPage
                     };
@@ -9949,7 +10087,7 @@ class StrapiApp {
                 {
                   path: "marketplace",
                   lazy: async () => {
-                    const { ProtectedMarketplacePage } = await Promise.resolve().then(() => require("./MarketplacePage-zSQ_GRnZ.js"));
+                    const { ProtectedMarketplacePage } = await Promise.resolve().then(() => require("./MarketplacePage-tWKM5xe8.js"));
                     return {
                       Component: ProtectedMarketplacePage
                     };
@@ -9958,7 +10096,7 @@ class StrapiApp {
                 {
                   path: "settings/*",
                   lazy: async () => {
-                    const { Layout: Layout2 } = await Promise.resolve().then(() => require("./Layout-9Li8e-qi.js"));
+                    const { Layout: Layout2 } = await Promise.resolve().then(() => require("./Layout-kbqdKkiF.js"));
                     return {
                       Component: Layout2
                     };
@@ -9967,7 +10105,7 @@ class StrapiApp {
                     {
                       path: "application-infos",
                       lazy: async () => {
-                        const { ApplicationInfoPage } = await Promise.resolve().then(() => require("./ApplicationInfoPage-PHLA1Ysy.js"));
+                        const { ApplicationInfoPage } = await Promise.resolve().then(() => require("./ApplicationInfoPage-xj1SCaSR.js"));
                         return {
                           Component: ApplicationInfoPage
                         };
@@ -10040,7 +10178,7 @@ const renderAdmin = async (mountNode, { plugins, customisations, features }) =>
       promoteEE: true
     }
   };
-  const { get: get2 } = helperPlugin.getFetchClient();
+  const { get: get2 } = getFetchClient();
   try {
     const {
       data: {
@@ -10131,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()
@@ -10295,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();
@@ -10449,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();
@@ -10628,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") {
@@ -10660,7 +10815,7 @@ 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 } = useNotification();
   const { _unstableFormatAPIError: formatAPIError2 } = useAPIErrorHandler();
@@ -10935,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;
@@ -10952,6 +11108,7 @@ exports.useAPIErrorHandler = useAPIErrorHandler;
 exports.useAdminUsers = useAdminUsers;
 exports.useAppInfo = useAppInfo;
 exports.useAuth = useAuth;
+exports.useClipboard = useClipboard;
 exports.useComponent = useComponent;
 exports.useConfiguration = useConfiguration;
 exports.useContentTypeSchema = useContentTypeSchema;
@@ -10969,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;
@@ -10990,6 +11149,7 @@ exports.useIsHistoryRoute = useIsHistoryRoute;
 exports.useIsSSOLockedQuery = useIsSSOLockedQuery;
 exports.useLicenseLimits = useLicenseLimits;
 exports.useNotification = useNotification;
+exports.useQueryParams = useQueryParams;
 exports.useRegenerateTokenMutation = useRegenerateTokenMutation;
 exports.useStrapiApp = useStrapiApp;
 exports.useTable = useTable;
@@ -11003,4 +11163,4 @@ exports.useUpdateRoleMutation = useUpdateRoleMutation;
 exports.useUpdateRolePermissionsMutation = useUpdateRolePermissionsMutation;
 exports.useUpdateUserMutation = useUpdateUserMutation;
 exports.useUpdateWorkflowMutation = useUpdateWorkflowMutation;
-//# sourceMappingURL=index-ibtz273H.js.map
+//# sourceMappingURL=index-haHGOQMJ.js.map