@strapi/admin 5.0.0-beta.9 → 5.0.0-rc.1

package/dist/admin/{rbac-oJEkQdXG.mjs → Theme-PrUuuGtN.mjs}

@@ -9,6 +9,8 @@ import { EmptyPermissions, EmptyDocuments } from '@strapi/icons/symbols';
 import { useLocation, useNavigate } from 'react-router-dom';
 import * as ContextSelector from 'use-context-selector';
 import { b as adminApi, e as useInitQuery, f as useTelemetryPropertiesQuery, g as useProjectSettingsQuery, h as useUpdateProjectSettingsMutation } from './admin-B6AW0Kov.mjs';
+import clone from 'lodash/clone';
+import toPath from 'lodash/toPath';
 import isEqual from 'lodash/isEqual';
 import axios from 'axios';
 import defaultsDeep from 'lodash/defaultsDeep';
@@ -16,6 +18,30 @@ import { useStore, useDispatch, useSelector } from 'react-redux';
 import { createGlobalStyle } from 'styled-components';
 import { createSelector, createSlice } from '@reduxjs/toolkit';
 
+class RBAC {
+  middlewares = [];
+  constructor() {
+  }
+  use(middleware) {
+    if (Array.isArray(middleware)) {
+      this.middlewares.push(...middleware);
+    } else {
+      this.middlewares.push(middleware);
+    }
+  }
+  run = async (ctx, permissions) => {
+    let index = 0;
+    const middlewaresToRun = this.middlewares.map((middleware) => middleware(ctx));
+    const next = async (permissions2) => {
+      if (index < this.middlewares.length) {
+        return middlewaresToRun[index++](next)(permissions2);
+      }
+      return permissions2;
+    };
+    return next(permissions);
+  };
+}
+
 function createContext(rootComponentName, defaultContext) {
   const Context = ContextSelector.createContext(defaultContext);
   const Provider = (props) => {
@@ -39,8 +65,19 @@ const createTypedSelector = (selector) => createSelector((state) => state, selec
 
 const [StrapiAppProvider, useStrapiApp] = createContext("StrapiApp");
 
+const STORAGE_KEYS$1 = {
+  TOKEN: "jwtToken",
+  USER: "userInfo"
+};
 const THEME_LOCAL_STORAGE_KEY = "STRAPI_THEME";
 const LANGUAGE_LOCAL_STORAGE_KEY = "strapi-admin-language";
+const getStoredToken = () => {
+  const token = localStorage.getItem(STORAGE_KEYS$1.TOKEN) ?? sessionStorage.getItem(STORAGE_KEYS$1.TOKEN);
+  if (typeof token === "string") {
+    return JSON.parse(token);
+  }
+  return null;
+};
 const adminSlice = createSlice({
   name: "admin",
   initialState: () => {
@@ -53,7 +90,8 @@ const adminSlice = createSlice({
       theme: {
         availableThemes: [],
         currentTheme: localStorage.getItem(THEME_LOCAL_STORAGE_KEY) || "system"
-      }
+      },
+      token: null
     };
   },
   reducers: {
@@ -68,11 +106,30 @@ const adminSlice = createSlice({
       state.language.locale = action.payload;
       window.localStorage.setItem(LANGUAGE_LOCAL_STORAGE_KEY, action.payload);
       document.documentElement.setAttribute("lang", action.payload);
+    },
+    setToken(state, action) {
+      state.token = action.payload;
+    },
+    login(state, action) {
+      const { token, persist } = action.payload;
+      if (!persist) {
+        window.sessionStorage.setItem(STORAGE_KEYS$1.TOKEN, JSON.stringify(token));
+      } else {
+        window.localStorage.setItem(STORAGE_KEYS$1.TOKEN, JSON.stringify(token));
+      }
+      state.token = token;
+    },
+    logout(state) {
+      state.token = null;
+      window.localStorage.removeItem(STORAGE_KEYS$1.TOKEN);
+      window.localStorage.removeItem(STORAGE_KEYS$1.USER);
+      window.sessionStorage.removeItem(STORAGE_KEYS$1.TOKEN);
+      window.sessionStorage.removeItem(STORAGE_KEYS$1.USER);
     }
   }
 });
 const reducer = adminSlice.reducer;
-const { setAppTheme, setAvailableThemes, setLocale } = adminSlice.actions;
+const { setAppTheme, setAvailableThemes, setLocale, setToken, logout, login } = adminSlice.actions;
 
 const authService = adminApi.enhanceEndpoints({
   addTagTypes: ["User", "Me", "ProvidersOptions"]
@@ -266,17 +323,15 @@ const STORAGE_KEYS = {
   TOKEN: "jwtToken",
   USER: "userInfo"
 };
-const AuthProvider = ({ children, _defaultPermissions = [] }) => {
+const AuthProvider = ({
+  children,
+  _defaultPermissions = [],
+  _disableRenewToken = false
+}) => {
   const dispatch = useTypedDispatch();
   const runRbacMiddleware = useStrapiApp("AuthProvider", (state) => state.rbac.run);
   const location = useLocation();
-  const [token, setToken] = React.useState(() => {
-    const token2 = localStorage.getItem(STORAGE_KEYS.TOKEN) ?? sessionStorage.getItem(STORAGE_KEYS.TOKEN);
-    if (typeof token2 === "string") {
-      return JSON.parse(token2);
-    }
-    return null;
-  });
+  const token = useTypedSelector((state) => state.admin_app.token ?? null);
   const { data: user, isLoading: isLoadingUser } = useGetMeQuery(void 0, {
     /**
      * If there's no token, we don't try to fetch
@@ -296,26 +351,26 @@ const AuthProvider = ({ children, _defaultPermissions = [] }) => {
   const [loginMutation] = useLoginMutation();
   const [renewTokenMutation] = useRenewTokenMutation();
   const [logoutMutation] = useLogoutMutation();
-  const clearStorage = React.useCallback(() => {
-    localStorage.removeItem(STORAGE_KEYS.TOKEN);
-    localStorage.removeItem(STORAGE_KEYS.USER);
-    sessionStorage.removeItem(STORAGE_KEYS.TOKEN);
-    sessionStorage.removeItem(STORAGE_KEYS.USER);
-    setToken(null);
-  }, []);
+  const clearStateAndLogout = React.useCallback(() => {
+    dispatch(adminApi.util.resetApiState());
+    dispatch(logout());
+    navigate("/auth/login");
+  }, [dispatch, navigate]);
   React.useEffect(() => {
-    const token2 = localStorage.getItem(STORAGE_KEYS.TOKEN) ?? sessionStorage.getItem(STORAGE_KEYS.TOKEN);
-    if (token2) {
-      renewTokenMutation({ token: JSON.parse(token2) }).then((res) => {
+    if (token && !_disableRenewToken) {
+      renewTokenMutation({ token }).then((res) => {
         if ("data" in res) {
-          setToken(res.data.token);
+          dispatch(
+            login({
+              token: res.data.token
+            })
+          );
         } else {
-          clearStorage();
-          navigate("/auth/login");
+          clearStateAndLogout();
         }
       });
     }
-  }, [renewTokenMutation, clearStorage, navigate]);
+  }, [token, dispatch, renewTokenMutation, clearStateAndLogout, _disableRenewToken]);
   React.useEffect(() => {
     if (user) {
       if (user.preferedLanguage) {
@@ -323,16 +378,10 @@ const AuthProvider = ({ children, _defaultPermissions = [] }) => {
       }
     }
   }, [dispatch, user]);
-  React.useEffect(() => {
-    if (token) {
-      storeToken(token, false);
-    }
-  }, [token]);
   React.useEffect(() => {
     const handleUserStorageChange = (event) => {
       if (event.key === STORAGE_KEYS.USER && event.newValue === null) {
-        clearStorage();
-        navigate("/auth/login");
+        clearStateAndLogout();
       }
     };
     window.addEventListener("storage", handleUserStorageChange);
@@ -340,24 +389,26 @@ const AuthProvider = ({ children, _defaultPermissions = [] }) => {
       window.removeEventListener("storage", handleUserStorageChange);
     };
   });
-  const login = React.useCallback(
+  const login$1 = React.useCallback(
     async ({ rememberMe, ...body }) => {
       const res = await loginMutation(body);
       if ("data" in res) {
         const { token: token2 } = res.data;
-        storeToken(token2, rememberMe);
-        setToken(token2);
+        dispatch(
+          login({
+            token: token2,
+            persist: rememberMe
+          })
+        );
       }
       return res;
     },
-    [loginMutation]
+    [dispatch, loginMutation]
   );
-  const logout = React.useCallback(async () => {
+  const logout$1 = React.useCallback(async () => {
     await logoutMutation();
-    dispatch(adminApi.util.resetApiState());
-    clearStorage();
-    navigate("/auth/login");
-  }, [clearStorage, dispatch, logoutMutation, navigate]);
+    clearStateAndLogout();
+  }, [clearStateAndLogout, logoutMutation]);
   const refetchPermissions = React.useCallback(async () => {
     if (!isUninitialized) {
       await refetch();
@@ -410,23 +461,16 @@ const AuthProvider = ({ children, _defaultPermissions = [] }) => {
     {
       token,
       user,
-      login,
-      logout,
+      login: login$1,
+      logout: logout$1,
       permissions: userPermissions,
       checkUserHasPermissions,
       refetchPermissions,
-      setToken,
       isLoading,
       children
     }
   );
 };
-const storeToken = (token, persist) => {
-  if (!persist) {
-    return window.sessionStorage.setItem(STORAGE_KEYS.TOKEN, JSON.stringify(token));
-  }
-  return window.localStorage.setItem(STORAGE_KEYS.TOKEN, JSON.stringify(token));
-};
 
 const NotificationsContext = React.createContext({
   toggleNotification: () => {
@@ -469,7 +513,7 @@ const NotificationsProvider = ({ children }) => {
         gap: 2,
         top: `4.6rem`,
         width: `50rem`,
-        zIndex: 10,
+        zIndex: "notification",
         children: notifications.map((notification) => {
           return /* @__PURE__ */ jsx(
             Notification,
@@ -613,6 +657,47 @@ function normalizeAPIError(apiError, intlMessagePrefixCallback) {
   return null;
 }
 
+function getIn(obj, key, def, pathStartIndex = 0) {
+  const path = toPath(key);
+  while (obj && pathStartIndex < path.length) {
+    obj = obj[path[pathStartIndex++]];
+  }
+  if (pathStartIndex !== path.length && !obj) {
+    return def;
+  }
+  return obj === void 0 ? def : obj;
+}
+const isObject = (obj) => obj !== null && typeof obj === "object" && !Array.isArray(obj);
+const isInteger = (obj) => String(Math.floor(Number(obj))) === obj;
+function setIn(obj, path, value) {
+  const res = clone(obj);
+  let resVal = res;
+  let i = 0;
+  const pathArray = toPath(path);
+  for (; i < pathArray.length - 1; i++) {
+    const currentPath = pathArray[i];
+    const currentObj = getIn(obj, pathArray.slice(0, i + 1));
+    if (currentObj && (isObject(currentObj) || Array.isArray(currentObj))) {
+      resVal = resVal[currentPath] = clone(currentObj);
+    } else {
+      const nextPath = pathArray[i + 1];
+      resVal = resVal[currentPath] = isInteger(nextPath) && Number(nextPath) >= 0 ? [] : {};
+    }
+  }
+  if ((i === 0 ? obj : resVal)[pathArray[i]] === value) {
+    return obj;
+  }
+  if (value === void 0) {
+    delete resVal[pathArray[i]];
+  } else {
+    resVal[pathArray[i]] = value;
+  }
+  if (i === 0 && value === void 0) {
+    delete res[pathArray[i]];
+  }
+  return res;
+}
+
 function useAPIErrorHandler(intlMessagePrefixCallback) {
   const { formatMessage } = useIntl();
   const formatError = React.useCallback(
@@ -641,10 +726,7 @@ function useAPIErrorHandler(intlMessagePrefixCallback) {
             const validationErrors = error.details.errors;
             return validationErrors.reduce((acc, err) => {
               const { path, message } = err;
-              return {
-                ...acc,
-                [path.join(".")]: message
-              };
+              return setIn(acc, path.join("."), message);
             }, {});
           } else {
             const details = error.details;
@@ -750,10 +832,11 @@ const NoPermissions = (props) => {
 };
 const NoData = (props) => {
   const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsx(PageMain, { height: "100%", children: /* @__PURE__ */ jsx(Flex, { alignItems: "center", height: "100%", width: "100%", justifyContent: "center", children: /* @__PURE__ */ jsx(Box, { minWidth: "50%", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(PageMain, { height: "100%", background: "neutral100", children: /* @__PURE__ */ jsx(Flex, { alignItems: "center", height: "100%", width: "100%", justifyContent: "center", children: /* @__PURE__ */ jsx(Box, { minWidth: "50%", children: /* @__PURE__ */ jsx(
     EmptyStateLayout,
     {
       icon: /* @__PURE__ */ jsx(EmptyDocuments, { width: "16rem" }),
+      action: props.action,
       content: formatMessage({
         id: "app.components.EmptyStateLayout.content-document",
         defaultMessage: "No content found"
@@ -1146,29 +1229,5 @@ const GlobalStyle = createGlobalStyle`
   }
 `;
 
-class RBAC {
-  middlewares = [];
-  constructor() {
-  }
-  use(middleware) {
-    if (Array.isArray(middleware)) {
-      this.middlewares.push(...middleware);
-    } else {
-      this.middlewares.push(middleware);
-    }
-  }
-  run = async (ctx, permissions) => {
-    let index = 0;
-    const middlewaresToRun = this.middlewares.map((middleware) => middleware(ctx));
-    const next = async (permissions2) => {
-      if (index < this.middlewares.length) {
-        return middlewaresToRun[index++](next)(permissions2);
-      }
-      return permissions2;
-    };
-    return next(permissions);
-  };
-}
-
-export { AuthProvider as A, useGetRegistrationInfoQuery as B, ConfigurationContextProvider as C, useRegisterAdminMutation as D, useRegisterUserMutation as E, useResetPasswordMutation as F, THEME_LOCAL_STORAGE_KEY as G, useTypedStore as H, LanguageProvider as L, NotificationsProvider as N, Page as P, RBAC as R, StrapiAppProvider as S, Theme as T, useAuth as a, useTypedSelector as b, createTypedSelector as c, useTracking as d, useTypedDispatch as e, useAPIErrorHandler as f, useUpdateMeMutation as g, useIsSSOLockedQuery as h, useGetProviderOptionsQuery as i, useUpdateProviderOptionsMutation as j, useRBAC as k, useGetProvidersQuery as l, useAppInfo as m, useStrapiApp as n, useConfiguration as o, AppInfoProvider as p, capitalise as q, reducer as r, setAppTheme as s, createContext as t, useNotification as u, TrackingProvider as v, ConfigurationProvider as w, LANGUAGE_LOCAL_STORAGE_KEY as x, setLocale as y, useForgotPasswordMutation as z };
-//# sourceMappingURL=rbac-oJEkQdXG.mjs.map
+export { AuthProvider as A, LANGUAGE_LOCAL_STORAGE_KEY as B, ConfigurationContextProvider as C, getIn as D, setIn as E, setLocale as F, useForgotPasswordMutation as G, useGetRegistrationInfoQuery as H, useRegisterAdminMutation as I, useRegisterUserMutation as J, useResetPasswordMutation as K, LanguageProvider as L, logout as M, NotificationsProvider as N, THEME_LOCAL_STORAGE_KEY as O, Page as P, useTypedStore as Q, RBAC as R, StrapiAppProvider as S, Theme as T, useNotification as a, useTypedSelector as b, createTypedSelector as c, useTracking as d, useTypedDispatch as e, useAPIErrorHandler as f, useUpdateMeMutation as g, useIsSSOLockedQuery as h, useGetProviderOptionsQuery as i, useUpdateProviderOptionsMutation as j, useRBAC as k, useGetProvidersQuery as l, login as m, useAppInfo as n, useStrapiApp as o, useConfiguration as p, getStoredToken as q, reducer as r, setAppTheme as s, AppInfoProvider as t, useAuth as u, isObject as v, capitalise as w, createContext as x, TrackingProvider as y, ConfigurationProvider as z };
+//# sourceMappingURL=Theme-PrUuuGtN.mjs.map