@strapi/plugin-users-permissions 5.0.0-beta.15 → 5.0.0-beta.17

package/dist/_chunks/{index-IU9ZrCxt-C2hh56U0.mjs → index-Hmzyjkc3-BHUgmsKx.mjs}

@@ -8,12 +8,14 @@ import { NavLink, useLocation, useNavigate } from "react-router-dom";
 import * as React from "react";
 import { createContext as createContext$1, useRef, useState, createElement, useEffect, useLayoutEffect, useContext, useReducer, useCallback, useMemo, useDebugValue, forwardRef, memo } from "react";
 import { useIntl } from "react-intl";
-import { ArrowLeft, Eye, EyeStriked, Filter, CaretDown } from "@strapi/icons";
+import { ArrowLeft, Eye, EyeStriked, WarningCircle, Filter, CaretDown } from "@strapi/icons";
 import "@strapi/icons/symbols";
 import { unstable_batchedUpdates } from "react-dom";
 import createNextState2, { enableES5, isDraftable, isDraft, enablePatches, applyPatches, produceWithPatches, original, produce } from "immer";
 import { shallowEqual, batch, useDispatch, useSelector, useStore } from "react-redux";
 import pipe from "lodash/fp/pipe";
+import clone from "lodash/clone";
+import toPath from "lodash/toPath";
 import isEqual from "lodash/isEqual";
 import "lodash/defaultsDeep";
 import { createGlobalStyle, styled } from "styled-components";
@@ -22,8 +24,6 @@ import "lodash/get";
 import "lodash/set";
 import "lodash/camelCase";
 import * as yup from "yup";
-import clone from "lodash/clone";
-import toPath from "lodash/toPath";
 import "lodash/omit";
 import "formik";
 import "lodash/throttle";
@@ -8533,6 +8533,10 @@ function createContext(rootComponentName, defaultContext) {
   return [Provider2, useContext2];
 }
 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 adminSlice = createSlice({
@@ -8547,7 +8551,8 @@ const adminSlice = createSlice({
       theme: {
         availableThemes: [],
         currentTheme: localStorage.getItem(THEME_LOCAL_STORAGE_KEY) || "system"
-      }
+      },
+      token: null
     };
   },
   reducers: {
@@ -8562,6 +8567,25 @@ 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);
     }
   }
 });
@@ -8738,6 +8762,46 @@ React.createContext({
   toggleNotification: () => {
   }
 });
+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;
+}
 const [AppInfoProvider, useAppInfo] = createContext("AppInfo", {});
 const TrackingContext = React.createContext({
   uuid: false
@@ -10092,46 +10156,6 @@ const Layouts = {
   Action: ActionLayout,
   Content: ContentLayout
 };
-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;
-}
 const ERR_MSG = "The Form Component has not been initialised, ensure you are using this hook within a Form component";
 const [FormProvider, useForm] = createContext("Form", {
   disabled: false,
@@ -10481,7 +10505,7 @@ const reducer = (state, action) => produce(state, (draft) => {
       draft.values = setIn(
         state.values,
         action.payload.field,
-        newValue.length > 0 ? newValue : void 0
+        newValue.length > 0 ? newValue : []
       );
       break;
     }
@@ -10511,36 +10535,14 @@ const useField = (path) => {
     (state) => getIn(state.values, path)
   );
   const handleChange = useForm("useField", (state) => state.onChange);
-  const formatNestedErrorMessages = (stateErrors) => {
-    const nestedErrors = {};
-    Object.entries(stateErrors).forEach(([key, value2]) => {
-      let current = nestedErrors;
-      const pathParts = key.split(".");
-      pathParts.forEach((part, index) => {
-        const isLastPart = index === pathParts.length - 1;
-        if (isLastPart) {
-          if (typeof value2 === "string") {
-            current[part] = value2;
-          } else if (isErrorMessageDescriptor(value2)) {
-            current[part] = formatMessage(value2);
-          } else {
-            setIn(current, part, value2);
-          }
-        } else {
-          if (!current[part]) {
-            const isArray2 = !isNaN(Number(pathParts[index + 1]));
-            current[part] = isArray2 ? [] : {};
-          }
-          current = current[part];
-        }
-      });
-    });
-    return nestedErrors;
-  };
-  const error = useForm(
-    "useField",
-    (state) => getIn(formatNestedErrorMessages(state.errors), path)
-  );
+  const error = useForm("useField", (state) => {
+    const error2 = getIn(state.errors, path);
+    if (isErrorMessageDescriptor(error2)) {
+      const { values, ...message } = error2;
+      return formatMessage(message, values);
+    }
+    return error2;
+  });
   return {
     initialValue,
     /**
@@ -11202,6 +11204,14 @@ yup.object().shape({
   [adminApi.reducerPath]: adminApi.reducer,
   admin_app: reducer$1
 });
+styled(WarningCircle)`
+  width: 24px;
+  height: 24px;
+
+  path {
+    fill: ${({ theme }) => theme.colors.danger600};
+  }
+`;
 React.memo(
   ({ description, id, props, update }) => {
     const comp = description(props);
@@ -11476,4 +11486,4 @@ export {
   Layouts as L,
   useTracking as u
 };
-//# sourceMappingURL=index-IU9ZrCxt-C2hh56U0.mjs.map
+//# sourceMappingURL=index-Hmzyjkc3-BHUgmsKx.mjs.map