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

package/dist/admin/{rbac-5b9ylhpa.js → Theme-7W0we6BI.js}

@@ -10,6 +10,8 @@ const symbols = require('@strapi/icons/symbols');
 const reactRouterDom = require('react-router-dom');
 const ContextSelector = require('use-context-selector');
 const admin = require('./admin-p0djr5G6.js');
+const clone = require('lodash/clone');
+const toPath = require('lodash/toPath');
 const isEqual = require('lodash/isEqual');
 const axios = require('axios');
 const defaultsDeep = require('lodash/defaultsDeep');
@@ -39,10 +41,36 @@ function _interopNamespace(e) {
 
 const React__namespace = /*#__PURE__*/_interopNamespace(React);
 const ContextSelector__namespace = /*#__PURE__*/_interopNamespace(ContextSelector);
+const clone__default = /*#__PURE__*/_interopDefault(clone);
+const toPath__default = /*#__PURE__*/_interopDefault(toPath);
 const isEqual__default = /*#__PURE__*/_interopDefault(isEqual);
 const axios__default = /*#__PURE__*/_interopDefault(axios);
 const defaultsDeep__default = /*#__PURE__*/_interopDefault(defaultsDeep);
 
+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__namespace.createContext(defaultContext);
   const Provider = (props) => {
@@ -66,8 +94,19 @@ const createTypedSelector = (selector) => toolkit.createSelector((state) => stat
 
 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 = toolkit.createSlice({
   name: "admin",
   initialState: () => {
@@ -80,7 +119,8 @@ const adminSlice = toolkit.createSlice({
       theme: {
         availableThemes: [],
         currentTheme: localStorage.getItem(THEME_LOCAL_STORAGE_KEY) || "system"
-      }
+      },
+      token: null
     };
   },
   reducers: {
@@ -95,11 +135,30 @@ const adminSlice = toolkit.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 = admin.adminApi.enhanceEndpoints({
   addTagTypes: ["User", "Me", "ProvidersOptions"]
@@ -293,17 +352,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 = reactRouterDom.useLocation();
-  const [token, setToken] = React__namespace.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
@@ -323,26 +380,26 @@ const AuthProvider = ({ children, _defaultPermissions = [] }) => {
   const [loginMutation] = useLoginMutation();
   const [renewTokenMutation] = useRenewTokenMutation();
   const [logoutMutation] = useLogoutMutation();
-  const clearStorage = React__namespace.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__namespace.useCallback(() => {
+    dispatch(admin.adminApi.util.resetApiState());
+    dispatch(logout());
+    navigate("/auth/login");
+  }, [dispatch, navigate]);
   React__namespace.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__namespace.useEffect(() => {
     if (user) {
       if (user.preferedLanguage) {
@@ -350,16 +407,10 @@ const AuthProvider = ({ children, _defaultPermissions = [] }) => {
       }
     }
   }, [dispatch, user]);
-  React__namespace.useEffect(() => {
-    if (token) {
-      storeToken(token, false);
-    }
-  }, [token]);
   React__namespace.useEffect(() => {
     const handleUserStorageChange = (event) => {
       if (event.key === STORAGE_KEYS.USER && event.newValue === null) {
-        clearStorage();
-        navigate("/auth/login");
+        clearStateAndLogout();
       }
     };
     window.addEventListener("storage", handleUserStorageChange);
@@ -367,24 +418,26 @@ const AuthProvider = ({ children, _defaultPermissions = [] }) => {
       window.removeEventListener("storage", handleUserStorageChange);
     };
   });
-  const login = React__namespace.useCallback(
+  const login$1 = React__namespace.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__namespace.useCallback(async () => {
+  const logout$1 = React__namespace.useCallback(async () => {
     await logoutMutation();
-    dispatch(admin.adminApi.util.resetApiState());
-    clearStorage();
-    navigate("/auth/login");
-  }, [clearStorage, dispatch, logoutMutation, navigate]);
+    clearStateAndLogout();
+  }, [clearStateAndLogout, logoutMutation]);
   const refetchPermissions = React__namespace.useCallback(async () => {
     if (!isUninitialized) {
       await refetch();
@@ -437,23 +490,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__namespace.createContext({
   toggleNotification: () => {
@@ -496,7 +542,7 @@ const NotificationsProvider = ({ children }) => {
         gap: 2,
         top: `4.6rem`,
         width: `50rem`,
-        zIndex: 10,
+        zIndex: "notification",
         children: notifications.map((notification) => {
           return /* @__PURE__ */ jsxRuntime.jsx(
             Notification,
@@ -640,6 +686,47 @@ function normalizeAPIError(apiError, intlMessagePrefixCallback) {
   return null;
 }
 
+function getIn(obj, key, def, pathStartIndex = 0) {
+  const path = toPath__default.default(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__default.default(obj);
+  let resVal = res;
+  let i = 0;
+  const pathArray = toPath__default.default(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__default.default(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 } = reactIntl.useIntl();
   const formatError = React__namespace.useCallback(
@@ -668,10 +755,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;
@@ -777,10 +861,11 @@ const NoPermissions = (props) => {
 };
 const NoData = (props) => {
   const { formatMessage } = reactIntl.useIntl();
-  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(
+  return /* @__PURE__ */ jsxRuntime.jsx(PageMain, { height: "100%", background: "neutral100", 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(symbols.EmptyDocuments, { width: "16rem" }),
+      action: props.action,
       content: formatMessage({
         id: "app.components.EmptyStateLayout.content-document",
         defaultMessage: "No content found"
@@ -1173,30 +1258,6 @@ const GlobalStyle = styledComponents.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);
-  };
-}
-
 exports.AppInfoProvider = AppInfoProvider;
 exports.AuthProvider = AuthProvider;
 exports.ConfigurationContextProvider = ConfigurationContextProvider;
@@ -1213,8 +1274,14 @@ exports.TrackingProvider = TrackingProvider;
 exports.capitalise = capitalise;
 exports.createContext = createContext;
 exports.createTypedSelector = createTypedSelector;
+exports.getIn = getIn;
+exports.getStoredToken = getStoredToken;
+exports.isObject = isObject;
+exports.login = login;
+exports.logout = logout;
 exports.reducer = reducer;
 exports.setAppTheme = setAppTheme;
+exports.setIn = setIn;
 exports.setLocale = setLocale;
 exports.useAPIErrorHandler = useAPIErrorHandler;
 exports.useAppInfo = useAppInfo;
@@ -1237,4 +1304,4 @@ exports.useTypedSelector = useTypedSelector;
 exports.useTypedStore = useTypedStore;
 exports.useUpdateMeMutation = useUpdateMeMutation;
 exports.useUpdateProviderOptionsMutation = useUpdateProviderOptionsMutation;
-//# sourceMappingURL=rbac-5b9ylhpa.js.map
+//# sourceMappingURL=Theme-7W0we6BI.js.map