@strapi/admin 4.15.1 → 4.15.3-alpha.0

package/dist/_chunks/{index-34de382e.mjs → index-cd461a87.mjs}

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { auth, useCallbackRef, Form, Link, useQuery, useNotification, useAppInfo, usePersistentState, useTracking, useAPIErrorHandler, useFetchClient, getYupInnerErrors, translatedErrors, useGuidedTour, useFocusWhenNavigate, pxToRem, LoadingIndicatorPage, TrackingProvider, prefixFileUrlWithBackendUrl, GuidedTourProvider as GuidedTourProvider$1, StrapiAppProvider, LibraryProvider, CustomFieldsProvider, AutoReloadOverlayBlockerProvider, OverlayBlockerProvider, NotificationsProvider, RBACContext, getFetchClient } from "@strapi/helper-plugin";
+import { auth, useCallbackRef, translatedErrors, useFetchClient, useQuery, Form, useNotification, useAppInfo, usePersistentState, useTracking, useGuidedTour, useAPIErrorHandler, getYupInnerErrors, useFocusWhenNavigate, pxToRem, LoadingIndicatorPage, TrackingProvider, prefixFileUrlWithBackendUrl, GuidedTourProvider as GuidedTourProvider$1, StrapiAppProvider, LibraryProvider, CustomFieldsProvider, AutoReloadOverlayBlockerProvider, OverlayBlockerProvider, NotificationsProvider, RBACContext, getFetchClient } from "@strapi/helper-plugin";
 import { createRoot } from "react-dom/client";
 import { Box, Flex, SingleSelect, SingleSelectOption, FieldAction, TextInput, Main, Typography, Checkbox, Button, Field, Portal, IconButton, FieldLabel, VisuallyHidden, FieldInput, Textarea, Grid, GridItem, HeaderLayout, ContentLayout, EmptyStateLayout, LinkButton, Select, Option, TextButton, SkipToContent, DesignSystemProvider, lightTheme, darkTheme } from "@strapi/design-system";
 import invariant from "invariant";
@@ -7,26 +7,25 @@ import isFunction from "lodash/isFunction";
 import merge from "lodash/merge";
 import pick from "lodash/pick";
 import { Helmet } from "react-helmet";
-import { useLocation, Route, Redirect, useHistory, useRouteMatch, Switch, BrowserRouter } from "react-router-dom";
+import { useLocation, Route, Redirect, useHistory, NavLink, useRouteMatch, Switch, BrowserRouter } from "react-router-dom";
 import * as React from "react";
-import { useState, useReducer, useEffect } from "react";
 import { IntlProvider, useIntl } from "react-intl";
 import { useDispatch, Provider, useSelector, useStore } from "react-redux";
 import { createContext } from "@radix-ui/react-context";
-import axios from "axios";
-import camelCase from "lodash/camelCase";
-import get from "lodash/get";
-import omit from "lodash/omit";
-import PropTypes from "prop-types";
-import defaultsDeep from "lodash/defaultsDeep";
-import styled, { useTheme, createGlobalStyle } from "styled-components";
+import { Link } from "@strapi/design-system/v2";
 import { Eye, EyeStriked, Cross, ArrowRight, EmptyPictures } from "@strapi/icons";
 import { Formik, Form as Form$1 } from "formik";
-import * as yup from "yup";
+import camelCase from "lodash/camelCase";
 import { useMutation, useQuery as useQuery$1, QueryClient, QueryClientProvider } from "react-query";
+import styled, { useTheme, createGlobalStyle } from "styled-components";
+import * as yup from "yup";
+import { ValidationError } from "yup";
+import defaultsDeep from "lodash/defaultsDeep";
+import omit from "lodash/omit";
+import { parse } from "qs";
 import produce from "immer";
+import get from "lodash/get";
 import set from "lodash/set";
-import { parse } from "qs";
 import { createSelector, configureStore, combineReducers } from "@reduxjs/toolkit";
 const styles = `
 .strapi--root {
@@ -234,16 +233,79 @@ const HOOKS = {
 };
 const ACTION_SET_APP_RUNTIME_STATUS = "StrapiAdmin/APP/SET_APP_RUNTIME_STATUS";
 const ACTION_SET_ADMIN_PERMISSIONS = "StrapiAdmin/App/SET_ADMIN_PERMISSIONS";
+const SETTINGS_LINKS_CE = () => ({
+  global: [
+    {
+      intlLabel: { id: "Settings.application.title", defaultMessage: "Overview" },
+      to: "/settings/application-infos",
+      id: "000-application-infos"
+    },
+    {
+      intlLabel: { id: "Settings.webhooks.title", defaultMessage: "Webhooks" },
+      to: "/settings/webhooks",
+      id: "webhooks"
+    },
+    {
+      intlLabel: { id: "Settings.apiTokens.title", defaultMessage: "API Tokens" },
+      to: "/settings/api-tokens?sort=name:ASC",
+      id: "api-tokens"
+    },
+    {
+      intlLabel: { id: "Settings.transferTokens.title", defaultMessage: "Transfer Tokens" },
+      to: "/settings/transfer-tokens?sort=name:ASC",
+      id: "transfer-tokens"
+    },
+    // If the Enterprise feature is not enabled and if the config doesn't disable it, we promote the Enterprise feature by displaying them in the settings menu.
+    // Disable this by adding "promoteEE: false" to your `./config/admin.js` file
+    ...!window.strapi.features.isEnabled(window.strapi.features.SSO) && window.strapi?.flags?.promoteEE ? [
+      {
+        intlLabel: { id: "Settings.sso.title", defaultMessage: "Single Sign-On" },
+        to: "/settings/purchase-single-sign-on",
+        id: "sso",
+        lockIcon: true
+      }
+    ] : [],
+    ...!window.strapi.features.isEnabled(window.strapi.features.REVIEW_WORKFLOWS) && window.strapi?.flags?.promoteEE ? [
+      {
+        intlLabel: {
+          id: "Settings.review-workflows.page.title",
+          defaultMessage: "Review Workflows"
+        },
+        to: "/settings/purchase-review-workflows",
+        id: "review-workflows",
+        lockIcon: true
+      }
+    ] : []
+  ],
+  admin: [
+    {
+      intlLabel: { id: "global.roles", defaultMessage: "Roles" },
+      to: "/settings/roles",
+      id: "roles"
+    },
+    {
+      intlLabel: { id: "global.users", defaultMessage: "Users" },
+      // Init the search params directly
+      to: "/settings/users?pageSize=10&page=1&sort=firstname",
+      id: "users"
+    },
+    ...!window.strapi.features.isEnabled(window.strapi.features.AUDIT_LOGS) && window.strapi?.flags?.promoteEE ? [
+      {
+        intlLabel: { id: "global.auditLogs", defaultMessage: "Audit Logs" },
+        to: "/settings/purchase-audit-logs",
+        id: "auditLogs",
+        lockIcon: true
+      }
+    ] : []
+  ]
+});
 const [ConfigurationContextProvider, useConfigurationContext] = createContext("ConfigurationContext");
 const useConfiguration = () => useConfigurationContext("useConfiguration");
 function isEnterprise() {
   return window.strapi.isEE;
 }
-function useEnterprise(ceData, eeCallback, {
-  defaultValue = null,
-  combine = (ceData2, eeData) => eeData,
-  enabled = true
-} = {}) {
+const useEnterprise = (ceData, eeCallback, opts = {}) => {
+  const { defaultValue = null, combine = (_ceData, eeData) => eeData, enabled = true } = opts;
   const eeCallbackRef = useCallbackRef(eeCallback);
   const combineCallbackRef = useCallbackRef(combine);
   const [{ data }, setData] = React.useState({
@@ -252,21 +314,22 @@ function useEnterprise(ceData, eeCallback, {
   React.useEffect(() => {
     async function importEE() {
       const eeData = await eeCallbackRef();
-      setData({ data: combineCallbackRef(ceData, eeData) });
+      const combinedValue = combineCallbackRef(ceData, eeData);
+      setData({ data: combinedValue ? combinedValue : eeData });
     }
     if (isEnterprise() && enabled) {
       importEE();
     }
   }, [ceData, eeCallbackRef, combineCallbackRef, enabled]);
   return data;
-}
+};
 const [LocalesContextProvider, useLocalesContext] = createContext("LocalesContext");
 const useLocales = () => useLocalesContext("useLocales");
 const LANGUAGE_LOCAL_STORAGE_KEY = "strapi-admin-language";
 const LanguageProvider = ({ children, localeNames, messages }) => {
   const [{ locale }, dispatch] = React.useReducer(
-    reducer$3,
-    initialState$8,
+    reducer$2,
+    initialState$7,
     () => {
       const languageFromLocaleStorage = window.localStorage.getItem(LANGUAGE_LOCAL_STORAGE_KEY);
       if (languageFromLocaleStorage && localeNames[languageFromLocaleStorage]) {
@@ -295,11 +358,11 @@ const LanguageProvider = ({ children, localeNames, messages }) => {
   const appMessages = defaultsDeep(messages[locale], messages.en);
   return /* @__PURE__ */ jsx(IntlProvider, { locale, defaultLocale: "en", messages: appMessages, textComponent: "span", children: /* @__PURE__ */ jsx(LocalesContextProvider, { changeLocale, localeNames, children }) });
 };
-const initialState$8 = {
+const initialState$7 = {
   localeNames: { en: "English" },
   locale: "en"
 };
-const reducer$3 = (state = initialState$8, action) => {
+const reducer$2 = (state = initialState$7, action) => {
   switch (action.type) {
     case "CHANGE_LOCALE": {
       const { locale } = action;
@@ -313,22 +376,14 @@ const reducer$3 = (state = initialState$8, action) => {
     }
   }
 };
-const formatAPIErrors = ({ data }) => {
-  try {
-    return Object.keys(data).reduce(
-      (acc, current) => {
-        const errorMessage = data[current][0];
-        acc[current] = {
-          id: errorMessage,
-          defaultMessage: errorMessage
-        };
-        return acc;
-      },
-      {}
-    );
-  } catch (err) {
-    return {};
-  }
+const Img = styled.img`
+  height: ${72 / 16}rem;
+`;
+const Logo = () => {
+  const {
+    logos: { auth: auth2 }
+  } = useConfiguration();
+  return /* @__PURE__ */ jsx(Img, { src: auth2?.custom ?? auth2.default, "aria-hidden": true, alt: "" });
 };
 const Wrapper = styled(Box)`
   margin: 0 auto;
@@ -374,15 +429,6 @@ const UnauthenticatedLayout = ({ children }) => {
     /* @__PURE__ */ jsx(Box, { paddingTop: 2, paddingBottom: 11, children })
   ] });
 };
-const Img = styled.img`
-  height: ${72 / 16}rem;
-`;
-const Logo = () => {
-  const {
-    logos: { auth: auth2 }
-  } = useConfiguration();
-  return /* @__PURE__ */ jsx(Img, { src: auth2?.custom ?? auth2.default, "aria-hidden": true, alt: "" });
-};
 const FieldActionWrapper = styled(FieldAction)`
   svg {
     height: 1rem;
@@ -392,16 +438,64 @@ const FieldActionWrapper = styled(FieldAction)`
     }
   }
 `;
-const PasswordInput$2 = styled(TextInput)`
-  ::-ms-reveal {
-    display: none;
-  }
-`;
-const Login = ({ onSubmit, schema, children }) => {
-  const [passwordShown, setPasswordShown] = useState(false);
+const LOGIN_SCHEMA = yup.object().shape({
+  email: yup.string().email(translatedErrors.email).required(translatedErrors.required),
+  password: yup.string().required(translatedErrors.required),
+  rememberMe: yup.bool().nullable()
+});
+const Login = ({ children }) => {
+  const [apiError, setApiError] = React.useState();
+  const [passwordShown, setPasswordShown] = React.useState(false);
   const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsxs(Main, { children: [
+  const { post } = useFetchClient();
+  const { changeLocale } = useLocales();
+  const query = useQuery();
+  const { push } = useHistory();
+  const mutation = useMutation(
+    async (body) => {
+      const {
+        data: { data }
+      } = await post("/admin/login", body);
+      return { ...data, rememberMe: body.rememberMe };
+    },
+    {
+      onSuccess(data) {
+        if (data) {
+          const { token, user } = data;
+          if (user.preferedLanguage) {
+            changeLocale(user.preferedLanguage);
+          }
+          auth.setToken(token, data.rememberMe);
+          auth.setUserInfo(user, data.rememberMe);
+          const redirectTo = query.get("redirectTo");
+          const redirectUrl = redirectTo ? decodeURIComponent(redirectTo) : "/";
+          push(redirectUrl);
+        }
+      },
+      onError(err) {
+        const message = err.response?.data?.error?.message ?? "Something went wrong";
+        if (camelCase(message).toLowerCase() === "usernotactive") {
+          push("/auth/oops");
+          return;
+        }
+        setApiError(message);
+      }
+    }
+  );
+  return /* @__PURE__ */ jsx(UnauthenticatedLayout, { children: /* @__PURE__ */ jsxs(Main, { children: [
     /* @__PURE__ */ jsxs(LayoutContent, { children: [
+      /* @__PURE__ */ jsxs(Column, { children: [
+        /* @__PURE__ */ jsx(Logo, {}),
+        /* @__PURE__ */ jsx(Box, { paddingTop: 6, paddingBottom: 1, children: /* @__PURE__ */ jsx(Typography, { variant: "alpha", as: "h1", children: formatMessage({
+          id: "Auth.form.welcome.title",
+          defaultMessage: "Welcome!"
+        }) }) }),
+        /* @__PURE__ */ jsx(Box, { paddingBottom: 7, children: /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage({
+          id: "Auth.form.welcome.subtitle",
+          defaultMessage: "Log in to your Strapi account"
+        }) }) }),
+        mutation.isError && apiError ? /* @__PURE__ */ jsx(Typography, { id: "global-form-error", role: "alert", tabIndex: -1, textColor: "danger600", children: apiError }) : null
+      ] }),
       /* @__PURE__ */ jsx(
         Formik,
         {
@@ -411,171 +505,141 @@ const Login = ({ onSubmit, schema, children }) => {
             password: "",
             rememberMe: false
           },
-          onSubmit,
-          validationSchema: schema,
+          onSubmit: (values) => {
+            mutation.mutate(values);
+          },
+          validationSchema: LOGIN_SCHEMA,
           validateOnChange: false,
-          children: ({ values, errors, handleChange }) => /* @__PURE__ */ jsxs(Form, { noValidate: true, children: [
-            /* @__PURE__ */ jsxs(Column, { children: [
-              /* @__PURE__ */ jsx(Logo, {}),
-              /* @__PURE__ */ jsx(Box, { paddingTop: 6, paddingBottom: 1, children: /* @__PURE__ */ jsx(Typography, { variant: "alpha", as: "h1", children: formatMessage({
-                id: "Auth.form.welcome.title",
-                defaultMessage: "Welcome!"
-              }) }) }),
-              /* @__PURE__ */ jsx(Box, { paddingBottom: 7, children: /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage({
-                id: "Auth.form.welcome.subtitle",
-                defaultMessage: "Log in to your Strapi account"
-              }) }) }),
-              errors.errorMessage && /* @__PURE__ */ jsx(
-                Typography,
-                {
-                  id: "global-form-error",
-                  role: "alert",
-                  tabIndex: -1,
-                  textColor: "danger600",
-                  children: errors.errorMessage
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
-              /* @__PURE__ */ jsx(
-                TextInput,
-                {
-                  error: errors.email ? formatMessage({
-                    id: errors.email,
-                    defaultMessage: "This value is required."
-                  }) : "",
-                  value: values.email,
-                  onChange: handleChange,
-                  label: formatMessage({ id: "Auth.form.email.label", defaultMessage: "Email" }),
-                  placeholder: formatMessage({
-                    id: "Auth.form.email.placeholder",
-                    defaultMessage: "kai@doe.com"
-                  }),
-                  name: "email",
-                  required: true
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                PasswordInput$2,
-                {
-                  error: errors.password ? formatMessage({
-                    id: errors.password,
-                    defaultMessage: "This value is required."
-                  }) : "",
-                  onChange: handleChange,
-                  value: values.password,
-                  label: formatMessage({
-                    id: "global.password",
-                    defaultMessage: "Password"
-                  }),
-                  name: "password",
-                  type: passwordShown ? "text" : "password",
-                  endAction: /* @__PURE__ */ jsx(
-                    FieldActionWrapper,
-                    {
-                      onClick: (e) => {
-                        e.stopPropagation();
-                        setPasswordShown((prev) => !prev);
-                      },
-                      label: formatMessage(
-                        passwordShown ? {
-                          id: "Auth.form.password.show-password",
-                          defaultMessage: "Show password"
-                        } : {
-                          id: "Auth.form.password.hide-password",
-                          defaultMessage: "Hide password"
-                        }
-                      ),
-                      children: passwordShown ? /* @__PURE__ */ jsx(Eye, {}) : /* @__PURE__ */ jsx(EyeStriked, {})
-                    }
-                  ),
-                  required: true
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Checkbox,
-                {
-                  onValueChange: (checked) => {
-                    handleChange({ target: { value: checked, name: "rememberMe" } });
-                  },
-                  value: values.rememberMe,
-                  "aria-label": "rememberMe",
-                  name: "rememberMe",
-                  children: formatMessage({
-                    id: "Auth.form.rememberMe.label",
-                    defaultMessage: "Remember me"
-                  })
-                }
-              ),
-              /* @__PURE__ */ jsx(Button, { fullWidth: true, type: "submit", children: formatMessage({ id: "Auth.form.button.login", defaultMessage: "Login" }) })
-            ] })
-          ] })
+          children: ({ values, errors, handleChange }) => /* @__PURE__ */ jsx(Form, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
+            /* @__PURE__ */ jsx(
+              TextInput,
+              {
+                error: errors.email ? formatMessage({
+                  id: errors.email,
+                  defaultMessage: "This value is required."
+                }) : "",
+                value: values.email,
+                onChange: handleChange,
+                label: formatMessage({ id: "Auth.form.email.label", defaultMessage: "Email" }),
+                placeholder: formatMessage({
+                  id: "Auth.form.email.placeholder",
+                  defaultMessage: "kai@doe.com"
+                }),
+                name: "email",
+                required: true
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              PasswordInput$2,
+              {
+                error: errors.password ? formatMessage({
+                  id: errors.password,
+                  defaultMessage: "This value is required."
+                }) : "",
+                onChange: handleChange,
+                value: values.password,
+                label: formatMessage({
+                  id: "global.password",
+                  defaultMessage: "Password"
+                }),
+                name: "password",
+                type: passwordShown ? "text" : "password",
+                endAction: /* @__PURE__ */ jsx(
+                  FieldActionWrapper,
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      setPasswordShown((prev) => !prev);
+                    },
+                    label: formatMessage(
+                      passwordShown ? {
+                        id: "Auth.form.password.show-password",
+                        defaultMessage: "Show password"
+                      } : {
+                        id: "Auth.form.password.hide-password",
+                        defaultMessage: "Hide password"
+                      }
+                    ),
+                    children: passwordShown ? /* @__PURE__ */ jsx(Eye, {}) : /* @__PURE__ */ jsx(EyeStriked, {})
+                  }
+                ),
+                required: true
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                onValueChange: (checked) => {
+                  handleChange({ target: { value: checked, name: "rememberMe" } });
+                },
+                value: values.rememberMe,
+                "aria-label": "rememberMe",
+                name: "rememberMe",
+                children: formatMessage({
+                  id: "Auth.form.rememberMe.label",
+                  defaultMessage: "Remember me"
+                })
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { fullWidth: true, type: "submit", children: formatMessage({ id: "Auth.form.button.login", defaultMessage: "Login" }) })
+          ] }) })
         }
       ),
       children
     ] }),
-    /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsx(Link, { to: "/auth/forgot-password", children: formatMessage({
+    /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsx(Link, { as: NavLink, to: "/auth/forgot-password", children: formatMessage({
       id: "Auth.link.forgot-password",
       defaultMessage: "Forgot your password?"
     }) }) }) })
-  ] });
+  ] }) });
 };
-Login.defaultProps = {
-  children: null,
-  onSubmit() {
+const PasswordInput$2 = styled(TextInput)`
+  ::-ms-reveal {
+    display: none;
   }
-};
-Login.propTypes = {
-  children: PropTypes.node,
-  onSubmit: PropTypes.func,
-  schema: PropTypes.shape({
-    type: PropTypes.string.isRequired
-  }).isRequired
-};
-const LoginCE = (loginProps) => {
-  return /* @__PURE__ */ jsx(UnauthenticatedLayout, { children: /* @__PURE__ */ jsx(Login, { ...loginProps }) });
-};
-LoginCE.defaultProps = {
-  onSubmit: (e) => e.preventDefault()
-};
-LoginCE.propTypes = {
-  onSubmit: PropTypes.func
-};
-const ForgotPassword$1 = ({ onSubmit, schema }) => {
+`;
+const ForgotPassword = () => {
+  const { push } = useHistory();
+  const { post } = useFetchClient();
   const { formatMessage } = useIntl();
+  const { mutate, isError } = useMutation(
+    async (body) => {
+      await post("/admin/forgot-password", body);
+    },
+    {
+      onSuccess() {
+        push("/auth/forgot-password-success");
+      }
+    }
+  );
   return /* @__PURE__ */ jsx(UnauthenticatedLayout, { children: /* @__PURE__ */ jsxs(Main, { children: [
-    /* @__PURE__ */ jsx(LayoutContent, { children: /* @__PURE__ */ jsx(
-      Formik,
-      {
-        enableReinitialize: true,
-        initialValues: {
-          email: ""
-        },
-        onSubmit,
-        validationSchema: schema,
-        validateOnChange: false,
-        children: ({ values, errors, handleChange }) => /* @__PURE__ */ jsxs(Form, { noValidate: true, children: [
-          /* @__PURE__ */ jsxs(Column, { children: [
-            /* @__PURE__ */ jsx(Logo, {}),
-            /* @__PURE__ */ jsx(Box, { paddingTop: 6, paddingBottom: 7, children: /* @__PURE__ */ jsx(Typography, { as: "h1", variant: "alpha", children: formatMessage({
-              id: "Auth.form.button.password-recovery",
-              defaultMessage: "Password Recovery"
-            }) }) }),
-            errors.errorMessage && /* @__PURE__ */ jsx(
-              Typography,
-              {
-                id: "global-form-error",
-                role: "alert",
-                tabIndex: -1,
-                textColor: "danger600",
-                children: formatMessage({
-                  id: errors.errorMessage,
-                  defaultMessage: "An error occurred"
-                })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
+    /* @__PURE__ */ jsxs(LayoutContent, { children: [
+      /* @__PURE__ */ jsxs(Column, { children: [
+        /* @__PURE__ */ jsx(Logo, {}),
+        /* @__PURE__ */ jsx(Box, { paddingTop: 6, paddingBottom: 7, children: /* @__PURE__ */ jsx(Typography, { as: "h1", variant: "alpha", children: formatMessage({
+          id: "Auth.form.button.password-recovery",
+          defaultMessage: "Password Recovery"
+        }) }) }),
+        isError ? /* @__PURE__ */ jsx(Typography, { id: "global-form-error", role: "alert", tabIndex: -1, textColor: "danger600", children: formatMessage({
+          id: "notification.error",
+          defaultMessage: "An error occurred"
+        }) }) : null
+      ] }),
+      /* @__PURE__ */ jsx(
+        Formik,
+        {
+          enableReinitialize: true,
+          initialValues: {
+            email: ""
+          },
+          onSubmit: (values) => {
+            mutate(values);
+          },
+          validationSchema: yup.object().shape({
+            email: yup.string().email(translatedErrors.email).required(translatedErrors.required)
+          }),
+          validateOnChange: false,
+          children: ({ values, errors, handleChange }) => /* @__PURE__ */ jsx(Form, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
             /* @__PURE__ */ jsx(
               TextInput,
               {
@@ -598,22 +662,13 @@ const ForgotPassword$1 = ({ onSubmit, schema }) => {
               id: "Auth.form.button.forgot-password",
               defaultMessage: "Send Email"
             }) })
-          ] })
-        ] })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsx(Link, { to: "/auth/login", children: formatMessage({ id: "Auth.link.ready", defaultMessage: "Ready to sign in?" }) }) }) })
+          ] }) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsx(Link, { as: NavLink, to: "/auth/login", children: formatMessage({ id: "Auth.link.ready", defaultMessage: "Ready to sign in?" }) }) }) })
   ] }) });
 };
-ForgotPassword$1.defaultProps = {
-  onSubmit: (e) => e.preventDefault()
-};
-ForgotPassword$1.propTypes = {
-  onSubmit: PropTypes.func,
-  schema: PropTypes.shape({
-    type: PropTypes.string.isRequired
-  }).isRequired
-};
 const ForgotPasswordSuccess = () => {
   const { formatMessage } = useIntl();
   return /* @__PURE__ */ jsx(UnauthenticatedLayout, { children: /* @__PURE__ */ jsxs(Main, { children: [
@@ -632,7 +687,7 @@ const ForgotPasswordSuccess = () => {
         defaultMessage: "If you do not receive this link, please contact your administrator."
       }) }) })
     ] }) }),
-    /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsx(Link, { to: "/auth/login", children: formatMessage({ id: "Auth.link.signin", defaultMessage: "Sign in" }) }) }) })
+    /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsx(Link, { as: NavLink, to: "/auth/login", children: formatMessage({ id: "Auth.link.signin", defaultMessage: "Sign in" }) }) }) })
   ] }) });
 };
 const Oops = () => {
@@ -652,7 +707,7 @@ const Oops = () => {
         defaultMessage: "If this is a mistake, please contact your administrator."
       }) }) })
     ] }) }),
-    /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsx(Link, { to: "/auth/login", children: formatMessage({ id: "Auth.link.signin", defaultMessage: "Sign in" }) }) }) })
+    /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsx(Link, { as: NavLink, to: "/auth/login", children: formatMessage({ id: "Auth.link.signin", defaultMessage: "Sign in" }) }) }) })
   ] }) });
 };
 const FieldWrapper = styled(Field)`
@@ -941,25 +996,36 @@ function useNpsSurveySettings() {
   );
   return { npsSurveySettings, setNpsSurveySettings };
 }
-const A = styled.a`
-  color: ${({ theme }) => theme.colors.primary600};
-`;
-const PasswordInput$1 = styled(TextInput)`
-  ::-ms-reveal {
-    display: none;
-  }
-`;
-const Register = ({ authType, fieldsToDisable, noSignin, onSubmit, schema }) => {
+const REGISTER_USER_SCHEMA = yup.object().shape({
+  firstname: yup.string().trim().required(translatedErrors.required),
+  lastname: yup.string().nullable(),
+  password: yup.string().min(8, translatedErrors.minLength).matches(/[a-z]/, "components.Input.error.contain.lowercase").matches(/[A-Z]/, "components.Input.error.contain.uppercase").matches(/\d/, "components.Input.error.contain.number").required(translatedErrors.required),
+  confirmPassword: yup.string().oneOf([yup.ref("password"), null], "components.Input.error.password.noMatch").required(translatedErrors.required),
+  registrationToken: yup.string().required(translatedErrors.required)
+});
+const REGISTER_ADMIN_SCHEMA = yup.object().shape({
+  firstname: yup.string().trim().required(translatedErrors.required),
+  lastname: yup.string().nullable(),
+  password: yup.string().min(8, translatedErrors.minLength).matches(/[a-z]/, "components.Input.error.contain.lowercase").matches(/[A-Z]/, "components.Input.error.contain.uppercase").matches(/\d/, "components.Input.error.contain.number").required(translatedErrors.required),
+  email: yup.string().email(translatedErrors.email).strict().lowercase(translatedErrors.lowercase).required(translatedErrors.required),
+  confirmPassword: yup.string().oneOf([yup.ref("password"), null], "components.Input.error.password.noMatch").required(translatedErrors.required)
+});
+const Register = ({ hasAdmin }) => {
   const toggleNotification = useNotification();
   const { push } = useHistory();
-  const [passwordShown, setPasswordShown] = useState(false);
-  const [confirmPasswordShown, setConfirmPasswordShown] = useState(false);
-  const [submitCount, setSubmitCount] = useState(0);
+  const [passwordShown, setPasswordShown] = React.useState(false);
+  const [confirmPasswordShown, setConfirmPasswordShown] = React.useState(false);
+  const [submitCount, setSubmitCount] = React.useState(0);
+  const [apiError, setApiError] = React.useState();
   const { trackUsage } = useTracking();
   const { formatMessage } = useIntl();
+  const { setSkipped } = useGuidedTour();
   const query = useQuery();
+  const match = useRouteMatch(
+    "/auth/:authType"
+  );
   const { formatAPIError } = useAPIErrorHandler();
-  const { get: get2 } = useFetchClient();
+  const { get: get2, post } = useFetchClient();
   const { setNpsSurveySettings } = useNpsSurveySettings();
   const registrationToken = query.get("registrationToken");
   const { data: userInfo } = useQuery$1({
@@ -985,28 +1051,97 @@ const Register = ({ authType, fieldsToDisable, noSignin, onSubmit, schema }) =>
       push(`/auth/oops?info=${encodeURIComponent(message)}`);
     }
   });
-  function normalizeData(data) {
-    return Object.entries(data).reduce((acc, [key, value]) => {
-      let normalizedvalue = value;
-      if (!["password", "confirmPassword"].includes(key) && typeof value === "string") {
-        normalizedvalue = normalizedvalue.trim();
-        if (key === "lastname") {
-          normalizedvalue = normalizedvalue || null;
+  const registerAdminMutation = useMutation(
+    async (body) => {
+      const { news, ...restBody } = body;
+      const { data } = await post("/admin/register-admin", restBody);
+      return { ...data.data, news };
+    },
+    {
+      onSuccess(data) {
+        const { token, user, news } = data;
+        auth.setToken(token, false);
+        auth.setUserInfo(user, false);
+        const { roles } = user;
+        if (roles) {
+          const isUserSuperAdmin = roles.find(({ code }) => code === "strapi-super-admin");
+          if (isUserSuperAdmin) {
+            auth.set(false, "GUIDED_TOUR_SKIPPED", true);
+            setSkipped(false);
+            trackUsage("didLaunchGuidedtour");
+          }
+        }
+        if (news) {
+          setNpsSurveySettings((s) => ({ ...s, enabled: true }));
+          push({
+            pathname: "/usecase",
+            search: `?hasAdmin=${true}`
+          });
+        } else {
+          push("/");
         }
+      },
+      onError(err) {
+        trackUsage("didNotCreateFirstAdmin");
+        const error = formatAPIError(err);
+        setApiError(error);
       }
-      acc[key] = normalizedvalue;
-      return acc;
-    }, {});
-  }
-  return /* @__PURE__ */ jsx(UnauthenticatedLayout, { children: /* @__PURE__ */ jsxs(LayoutContent, { children: [
-    /* @__PURE__ */ jsx(
-      Formik,
-      {
-        enableReinitialize: true,
-        initialValues: {
-          firstname: userInfo.firstname || "",
-          lastname: userInfo.lastname || "",
-          email: userInfo.email || "",
+    }
+  );
+  const registerUserMutation = useMutation(
+    async (body) => {
+      const { news, ...restBody } = body;
+      const { data } = await post("/admin/register", restBody);
+      return { ...data.data, news };
+    },
+    {
+      onSuccess(data) {
+        const { token, user, news } = data;
+        auth.setToken(token, false);
+        auth.setUserInfo(user, false);
+        if (news) {
+          setNpsSurveySettings((s) => ({ ...s, enabled: true }));
+          push({
+            pathname: "/usecase",
+            search: `?hasAdmin=${hasAdmin}`
+          });
+        } else {
+          push("/");
+        }
+      },
+      onError(err) {
+        trackUsage("didNotCreateFirstAdmin");
+        const error = formatAPIError(err);
+        setApiError(error);
+      }
+    }
+  );
+  if (!match || match.params.authType !== "register" && match.params.authType !== "register-admin") {
+    return /* @__PURE__ */ jsx(Redirect, { to: "/" });
+  }
+  const isAdminRegistration = match.params.authType === "register-admin";
+  const schema = isAdminRegistration ? REGISTER_ADMIN_SCHEMA : REGISTER_USER_SCHEMA;
+  return /* @__PURE__ */ jsx(UnauthenticatedLayout, { children: /* @__PURE__ */ jsxs(LayoutContent, { children: [
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "center", gap: 3, children: [
+      /* @__PURE__ */ jsx(Logo, {}),
+      /* @__PURE__ */ jsx(Typography, { as: "h1", variant: "alpha", textAlign: "center", children: formatMessage({
+        id: "Auth.form.welcome.title",
+        defaultMessage: "Welcome to Strapi!"
+      }) }),
+      /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", textAlign: "center", children: formatMessage({
+        id: "Auth.form.register.subtitle",
+        defaultMessage: "Credentials are only used to authenticate in Strapi. All saved data will be stored in your database."
+      }) }),
+      apiError ? /* @__PURE__ */ jsx(Typography, { id: "global-form-error", role: "alert", tabIndex: -1, textColor: "danger600", children: apiError }) : null
+    ] }),
+    /* @__PURE__ */ jsx(
+      Formik,
+      {
+        enableReinitialize: true,
+        initialValues: {
+          firstname: userInfo?.firstname || "",
+          lastname: userInfo?.lastname || "",
+          email: userInfo?.email || "",
           password: "",
           confirmPassword: "",
           registrationToken: registrationToken || void 0,
@@ -1016,265 +1151,291 @@ const Register = ({ authType, fieldsToDisable, noSignin, onSubmit, schema }) =>
           const normalizedData = normalizeData(data);
           try {
             await schema.validate(normalizedData, { abortEarly: false });
-            if (submitCount > 0 && authType === "register-admin") {
+            if (submitCount > 0 && isAdminRegistration) {
               trackUsage("didSubmitWithErrorsFirstAdmin", { count: submitCount.toString() });
             }
-            if (registrationToken) {
-              onSubmit(
-                { userInfo: omit(normalizedData, ["registrationToken"]), registrationToken },
-                formik
-              );
+            if (normalizedData.registrationToken) {
+              registerUserMutation.mutate({
+                userInfo: omit(normalizedData, [
+                  "registrationToken",
+                  "confirmPassword",
+                  "email",
+                  "news"
+                ]),
+                registrationToken: normalizedData.registrationToken,
+                news: normalizedData.news
+              });
             } else {
-              onSubmit(normalizedData, formik);
+              registerAdminMutation.mutate(
+                omit(normalizedData, ["registrationToken", "confirmPassword"])
+              );
             }
-            setNpsSurveySettings({ enabled: data.news });
           } catch (err) {
-            const errors = getYupInnerErrors(err);
+            if (err instanceof ValidationError) {
+              const errors = getYupInnerErrors(err);
+              formik.setErrors(errors);
+            }
             setSubmitCount(submitCount + 1);
-            formik.setErrors(errors);
           }
         },
         validateOnChange: false,
         children: ({ values, errors, handleChange }) => {
-          return /* @__PURE__ */ jsx(Form, { noValidate: true, children: /* @__PURE__ */ jsxs(Main, { children: [
-            /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "center", gap: 3, children: [
-              /* @__PURE__ */ jsx(Logo, {}),
-              /* @__PURE__ */ jsx(Typography, { as: "h1", variant: "alpha", textAlign: "center", children: formatMessage({
-                id: "Auth.form.welcome.title",
-                defaultMessage: "Welcome to Strapi!"
-              }) }),
-              /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", textAlign: "center", children: formatMessage({
-                id: "Auth.form.register.subtitle",
-                defaultMessage: "Credentials are only used to authenticate in Strapi. All saved data will be stored in your database."
-              }) })
-            ] }),
-            /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 6, marginTop: 7, children: [
-              /* @__PURE__ */ jsxs(Grid, { gap: 4, children: [
-                /* @__PURE__ */ jsx(GridItem, { col: 6, children: /* @__PURE__ */ jsx(
-                  TextInput,
-                  {
-                    name: "firstname",
-                    required: true,
-                    value: values.firstname,
-                    error: errors.firstname ? formatMessage(errors.firstname) : void 0,
-                    onChange: handleChange,
-                    label: formatMessage({
-                      id: "Auth.form.firstname.label",
-                      defaultMessage: "Firstname"
-                    })
-                  }
-                ) }),
-                /* @__PURE__ */ jsx(GridItem, { col: 6, children: /* @__PURE__ */ jsx(
-                  TextInput,
-                  {
-                    name: "lastname",
-                    value: values.lastname,
-                    onChange: handleChange,
-                    label: formatMessage({
-                      id: "Auth.form.lastname.label",
-                      defaultMessage: "Lastname"
-                    })
-                  }
-                ) })
-              ] }),
-              /* @__PURE__ */ jsx(
+          return /* @__PURE__ */ jsx(Form, { children: /* @__PURE__ */ jsx(Main, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 6, marginTop: 7, children: [
+            /* @__PURE__ */ jsxs(Grid, { gap: 4, children: [
+              /* @__PURE__ */ jsx(GridItem, { col: 6, children: /* @__PURE__ */ jsx(
                 TextInput,
                 {
-                  name: "email",
-                  disabled: fieldsToDisable.includes("email"),
-                  value: values.email,
-                  onChange: handleChange,
-                  error: errors.email ? formatMessage(errors.email) : void 0,
+                  name: "firstname",
                   required: true,
-                  label: formatMessage({
-                    id: "Auth.form.email.label",
-                    defaultMessage: "Email"
-                  }),
-                  type: "email"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                PasswordInput$1,
-                {
-                  name: "password",
+                  value: values.firstname,
+                  error: errors.firstname ? formatMessage(errors.firstname) : void 0,
                   onChange: handleChange,
-                  value: values.password,
-                  error: errors.password ? formatMessage(errors.password) : void 0,
-                  endAction: /* @__PURE__ */ jsx(
-                    FieldActionWrapper,
-                    {
-                      onClick: (e) => {
-                        e.preventDefault();
-                        setPasswordShown((prev) => !prev);
-                      },
-                      label: formatMessage(
-                        passwordShown ? {
-                          id: "Auth.form.password.show-password",
-                          defaultMessage: "Show password"
-                        } : {
-                          id: "Auth.form.password.hide-password",
-                          defaultMessage: "Hide password"
-                        }
-                      ),
-                      children: passwordShown ? /* @__PURE__ */ jsx(Eye, {}) : /* @__PURE__ */ jsx(EyeStriked, {})
-                    }
-                  ),
-                  hint: formatMessage({
-                    id: "Auth.form.password.hint",
-                    defaultMessage: "Must be at least 8 characters, 1 uppercase, 1 lowercase & 1 number"
-                  }),
-                  required: true,
                   label: formatMessage({
-                    id: "global.password",
-                    defaultMessage: "Password"
-                  }),
-                  type: passwordShown ? "text" : "password"
+                    id: "Auth.form.firstname.label",
+                    defaultMessage: "Firstname"
+                  })
                 }
-              ),
-              /* @__PURE__ */ jsx(
-                PasswordInput$1,
+              ) }),
+              /* @__PURE__ */ jsx(GridItem, { col: 6, children: /* @__PURE__ */ jsx(
+                TextInput,
                 {
-                  name: "confirmPassword",
+                  name: "lastname",
+                  value: values.lastname,
                   onChange: handleChange,
-                  value: values.confirmPassword,
-                  error: errors.confirmPassword ? formatMessage(errors.confirmPassword) : void 0,
-                  endAction: /* @__PURE__ */ jsx(
-                    FieldActionWrapper,
-                    {
-                      onClick: (e) => {
-                        e.preventDefault();
-                        setConfirmPasswordShown((prev) => !prev);
-                      },
-                      label: formatMessage(
-                        confirmPasswordShown ? {
-                          id: "Auth.form.password.show-password",
-                          defaultMessage: "Show password"
-                        } : {
-                          id: "Auth.form.password.hide-password",
-                          defaultMessage: "Hide password"
-                        }
-                      ),
-                      children: confirmPasswordShown ? /* @__PURE__ */ jsx(Eye, {}) : /* @__PURE__ */ jsx(EyeStriked, {})
-                    }
-                  ),
-                  required: true,
                   label: formatMessage({
-                    id: "Auth.form.confirmPassword.label",
-                    defaultMessage: "Confirm Password"
-                  }),
-                  type: confirmPasswordShown ? "text" : "password"
+                    id: "Auth.form.lastname.label",
+                    defaultMessage: "Lastname"
+                  })
                 }
-              ),
-              /* @__PURE__ */ jsx(
-                Checkbox,
-                {
-                  onValueChange: (checked) => {
-                    handleChange({ target: { value: checked, name: "news" } });
-                  },
-                  value: values.news,
-                  name: "news",
-                  "aria-label": "news",
-                  children: formatMessage(
-                    {
-                      id: "Auth.form.register.news.label",
-                      defaultMessage: "Keep me updated about new features & upcoming improvements (by doing this you accept the {terms} and the {policy})."
+              ) })
+            ] }),
+            /* @__PURE__ */ jsx(
+              TextInput,
+              {
+                name: "email",
+                disabled: !isAdminRegistration,
+                value: values.email,
+                onChange: handleChange,
+                error: errors.email ? formatMessage(errors.email) : void 0,
+                required: true,
+                label: formatMessage({
+                  id: "Auth.form.email.label",
+                  defaultMessage: "Email"
+                }),
+                type: "email"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              PasswordInput$1,
+              {
+                name: "password",
+                onChange: handleChange,
+                value: values.password,
+                error: errors.password ? formatMessage(errors.password) : void 0,
+                endAction: /* @__PURE__ */ jsx(
+                  FieldActionWrapper,
+                  {
+                    onClick: (e) => {
+                      e.preventDefault();
+                      setPasswordShown((prev) => !prev);
                     },
-                    {
-                      terms: /* @__PURE__ */ jsx(A, { target: "_blank", href: "https://strapi.io/terms", rel: "noreferrer", children: formatMessage({
-                        id: "Auth.privacy-policy-agreement.terms",
-                        defaultMessage: "terms"
-                      }) }),
-                      policy: /* @__PURE__ */ jsx(A, { target: "_blank", href: "https://strapi.io/privacy", rel: "noreferrer", children: formatMessage({
-                        id: "Auth.privacy-policy-agreement.policy",
-                        defaultMessage: "policy"
-                      }) })
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx(Button, { fullWidth: true, size: "L", type: "submit", children: formatMessage({
-                id: "Auth.form.button.register",
-                defaultMessage: "Let's start"
-              }) })
-            ] })
-          ] }) });
+                    label: formatMessage(
+                      passwordShown ? {
+                        id: "Auth.form.password.show-password",
+                        defaultMessage: "Show password"
+                      } : {
+                        id: "Auth.form.password.hide-password",
+                        defaultMessage: "Hide password"
+                      }
+                    ),
+                    children: passwordShown ? /* @__PURE__ */ jsx(Eye, {}) : /* @__PURE__ */ jsx(EyeStriked, {})
+                  }
+                ),
+                hint: formatMessage({
+                  id: "Auth.form.password.hint",
+                  defaultMessage: "Must be at least 8 characters, 1 uppercase, 1 lowercase & 1 number"
+                }),
+                required: true,
+                label: formatMessage({
+                  id: "global.password",
+                  defaultMessage: "Password"
+                }),
+                type: passwordShown ? "text" : "password"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              PasswordInput$1,
+              {
+                name: "confirmPassword",
+                onChange: handleChange,
+                value: values.confirmPassword,
+                error: errors.confirmPassword ? formatMessage(errors.confirmPassword) : void 0,
+                endAction: /* @__PURE__ */ jsx(
+                  FieldActionWrapper,
+                  {
+                    onClick: (e) => {
+                      e.preventDefault();
+                      setConfirmPasswordShown((prev) => !prev);
+                    },
+                    label: formatMessage(
+                      confirmPasswordShown ? {
+                        id: "Auth.form.password.show-password",
+                        defaultMessage: "Show password"
+                      } : {
+                        id: "Auth.form.password.hide-password",
+                        defaultMessage: "Hide password"
+                      }
+                    ),
+                    children: confirmPasswordShown ? /* @__PURE__ */ jsx(Eye, {}) : /* @__PURE__ */ jsx(EyeStriked, {})
+                  }
+                ),
+                required: true,
+                label: formatMessage({
+                  id: "Auth.form.confirmPassword.label",
+                  defaultMessage: "Confirm Password"
+                }),
+                type: confirmPasswordShown ? "text" : "password"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                onValueChange: (checked) => {
+                  handleChange({ target: { value: checked, name: "news" } });
+                },
+                value: values.news,
+                name: "news",
+                "aria-label": "news",
+                children: formatMessage(
+                  {
+                    id: "Auth.form.register.news.label",
+                    defaultMessage: "Keep me updated about new features & upcoming improvements (by doing this you accept the {terms} and the {policy})."
+                  },
+                  {
+                    terms: /* @__PURE__ */ jsx(A, { target: "_blank", href: "https://strapi.io/terms", rel: "noreferrer", children: formatMessage({
+                      id: "Auth.privacy-policy-agreement.terms",
+                      defaultMessage: "terms"
+                    }) }),
+                    policy: /* @__PURE__ */ jsx(A, { target: "_blank", href: "https://strapi.io/privacy", rel: "noreferrer", children: formatMessage({
+                      id: "Auth.privacy-policy-agreement.policy",
+                      defaultMessage: "policy"
+                    }) })
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { fullWidth: true, size: "L", type: "submit", children: formatMessage({
+              id: "Auth.form.button.register",
+              defaultMessage: "Let's start"
+            }) })
+          ] }) }) });
         }
       }
     ),
-    !noSignin && /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Link, { label: "Auth.link.signin", to: "/auth/login", children: formatMessage({
+    match?.params.authType === "register" && /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Link, { as: NavLink, to: "/auth/login", children: formatMessage({
       id: "Auth.link.signin.account",
       defaultMessage: "Already have an account?"
     }) }) }) })
   ] }) });
 };
-Register.defaultProps = {
-  fieldsToDisable: [],
-  noSignin: false,
-  onSubmit: (e) => e.preventDefault()
-};
-Register.propTypes = {
-  authType: PropTypes.string.isRequired,
-  fieldsToDisable: PropTypes.array,
-  noSignin: PropTypes.bool,
-  onSubmit: PropTypes.func,
-  schema: PropTypes.shape({
-    validate: PropTypes.func.isRequired,
-    type: PropTypes.string.isRequired
-  }).isRequired
-};
-const PasswordInput = styled(TextInput)`
+function normalizeData(data) {
+  return Object.entries(data).reduce(
+    (acc, [key, value]) => {
+      if (!["password", "confirmPassword"].includes(key) && typeof value === "string") {
+        acc[key] = value.trim();
+        if (key === "lastname") {
+          acc[key] = value || void 0;
+        }
+      } else {
+        acc[key] = value;
+      }
+      return acc;
+    },
+    {}
+  );
+}
+const A = styled.a`
+  color: ${({ theme }) => theme.colors.primary600};
+`;
+const PasswordInput$1 = styled(TextInput)`
   ::-ms-reveal {
     display: none;
   }
 `;
-const ForgotPassword = ({ onSubmit, schema }) => {
-  const [passwordShown, setPasswordShown] = useState(false);
-  const [confirmPasswordShown, setConfirmPasswordShown] = useState(false);
+const RESET_PASSWORD_SCHEMA = yup.object().shape({
+  password: yup.string().min(8, translatedErrors.minLength).matches(/[a-z]/, "components.Input.error.contain.lowercase").matches(/[A-Z]/, "components.Input.error.contain.uppercase").matches(/\d/, "components.Input.error.contain.number").required(translatedErrors.required),
+  confirmPassword: yup.string().oneOf([yup.ref("password"), null], "components.Input.error.password.noMatch").required(translatedErrors.required)
+});
+const ResetPassword = () => {
+  const [passwordShown, setPasswordShown] = React.useState(false);
+  const [confirmPasswordShown, setConfirmPasswordShown] = React.useState(false);
   const { formatMessage } = useIntl();
+  const { post } = useFetchClient();
+  const { push } = useHistory();
+  const query = useQuery();
+  const { mutate, isError } = useMutation(
+    async (body) => {
+      const {
+        data: { data }
+      } = await post("/admin/reset-password", {
+        ...body,
+        resetPasswordToken: query.get("code")
+      });
+      return data;
+    },
+    {
+      onSuccess(data) {
+        if (data) {
+          const { token, user } = data;
+          auth.setToken(token, false);
+          auth.setUserInfo(user, false);
+          push("/");
+        }
+      }
+    }
+  );
   return /* @__PURE__ */ jsx(UnauthenticatedLayout, { children: /* @__PURE__ */ jsxs(Main, { children: [
-    /* @__PURE__ */ jsx(LayoutContent, { children: /* @__PURE__ */ jsx(
-      Formik,
-      {
-        enableReinitialize: true,
-        initialValues: {
-          password: "",
-          confirmPassword: ""
-        },
-        onSubmit,
-        validationSchema: schema,
-        validateOnChange: false,
-        children: ({ values, errors, handleChange }) => /* @__PURE__ */ jsxs(Form, { noValidate: true, children: [
-          /* @__PURE__ */ jsxs(Column, { children: [
-            /* @__PURE__ */ jsx(Logo, {}),
-            /* @__PURE__ */ jsx(Box, { paddingTop: 6, paddingBottom: 7, children: /* @__PURE__ */ jsx(Typography, { as: "h1", variant: "alpha", children: formatMessage({
-              id: "global.reset-password",
-              defaultMessage: "Reset password"
-            }) }) }),
-            errors.errorMessage && /* @__PURE__ */ jsx(
-              Typography,
-              {
-                id: "global-form-error",
-                role: "alert",
-                tabIndex: -1,
-                textColor: "danger600",
-                children: formatMessage({
-                  id: errors.errorMessage,
-                  defaultMessage: "An error occurred"
-                })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
+    /* @__PURE__ */ jsxs(LayoutContent, { children: [
+      /* @__PURE__ */ jsxs(Column, { children: [
+        /* @__PURE__ */ jsx(Logo, {}),
+        /* @__PURE__ */ jsx(Box, { paddingTop: 6, paddingBottom: 7, children: /* @__PURE__ */ jsx(Typography, { as: "h1", variant: "alpha", children: formatMessage({
+          id: "global.reset-password",
+          defaultMessage: "Reset password"
+        }) }) }),
+        isError ? /* @__PURE__ */ jsx(Typography, { id: "global-form-error", role: "alert", tabIndex: -1, textColor: "danger600", children: formatMessage({
+          id: "notification.error",
+          defaultMessage: "An error occurred"
+        }) }) : null
+      ] }),
+      /* @__PURE__ */ jsx(
+        Formik,
+        {
+          enableReinitialize: true,
+          initialValues: {
+            password: "",
+            confirmPassword: ""
+          },
+          onSubmit: (values) => {
+            mutate({ password: values.password });
+          },
+          validationSchema: RESET_PASSWORD_SCHEMA,
+          validateOnChange: false,
+          children: ({ values, errors, handleChange }) => /* @__PURE__ */ jsx(Form, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
             /* @__PURE__ */ jsx(
               PasswordInput,
               {
                 name: "password",
                 onChange: handleChange,
                 value: values.password,
-                error: errors.password ? formatMessage({
-                  id: errors.password,
-                  defaultMessage: "This field is required."
-                }) : void 0,
+                error: errors.password ? formatMessage(
+                  {
+                    id: errors.password,
+                    defaultMessage: "This field is required."
+                  },
+                  {
+                    min: 8
+                  }
+                ) : void 0,
                 endAction: /* @__PURE__ */ jsx(
                   FieldActionWrapper,
                   {
@@ -1343,161 +1504,47 @@ const ForgotPassword = ({ onSubmit, schema }) => {
                 type: confirmPasswordShown ? "text" : "password"
               }
             ),
-            /* @__PURE__ */ jsx(Button, { fullwidth: true, type: "submit", children: formatMessage({
+            /* @__PURE__ */ jsx(Button, { fullWidth: true, type: "submit", children: formatMessage({
               id: "global.change-password",
               defaultMessage: "Change password"
             }) })
-          ] })
-        ] })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsx(Link, { to: "/auth/login", children: formatMessage({ id: "Auth.link.ready", defaultMessage: "Ready to sign in?" }) }) }) })
+          ] }) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsx(Link, { as: NavLink, to: "/auth/login", children: formatMessage({ id: "Auth.link.ready", defaultMessage: "Ready to sign in?" }) }) }) })
   ] }) });
 };
-ForgotPassword.defaultProps = {
-  onSubmit: (e) => e.preventDefault()
-};
-ForgotPassword.propTypes = {
-  onSubmit: PropTypes.func,
-  schema: PropTypes.shape({
-    type: PropTypes.string.isRequired
-  }).isRequired
-};
+const PasswordInput = styled(TextInput)`
+  ::-ms-reveal {
+    display: none;
+  }
+`;
 const FORMS = {
-  "forgot-password": {
-    Component: ForgotPassword$1,
-    endPoint: "forgot-password",
-    fieldsToDisable: [],
-    fieldsToOmit: [],
-    schema: yup.object().shape({
-      email: yup.string().email(translatedErrors.email).required(translatedErrors.required)
-    }),
-    inputsPrefix: ""
-  },
-  "forgot-password-success": {
-    Component: ForgotPasswordSuccess,
-    endPoint: "",
-    fieldsToDisable: [],
-    fieldsToOmit: [],
-    schema: null,
-    inputsPrefix: ""
-  },
+  "forgot-password": ForgotPassword,
+  "forgot-password-success": ForgotPasswordSuccess,
   // the `Component` attribute is set after all forms and CE/EE components are loaded, but since we
   // are here outside of a React component we can not use the hook directly
-  login: {
-    endPoint: "login",
-    fieldsToDisable: [],
-    fieldsToOmit: ["rememberMe"],
-    schema: yup.object().shape({
-      email: yup.string().email(translatedErrors.email).required(translatedErrors.required),
-      password: yup.string().required(translatedErrors.required),
-      rememberMe: yup.bool().nullable()
-    }),
-    inputsPrefix: ""
-  },
-  oops: {
-    Component: Oops,
-    endPoint: null,
-    fieldsToDisable: [],
-    fieldsToOmit: [],
-    schema: null,
-    inputsPrefix: ""
-  },
-  register: {
-    Component: Register,
-    endPoint: "register",
-    fieldsToDisable: ["email"],
-    fieldsToOmit: ["userInfo.confirmPassword", "userInfo.news", "userInfo.email"],
-    schema: yup.object().shape({
-      firstname: yup.string().trim().required(translatedErrors.required),
-      lastname: yup.string().nullable(),
-      password: yup.string().min(8, translatedErrors.minLength).matches(/[a-z]/, "components.Input.error.contain.lowercase").matches(/[A-Z]/, "components.Input.error.contain.uppercase").matches(/\d/, "components.Input.error.contain.number").required(translatedErrors.required),
-      confirmPassword: yup.string().oneOf([yup.ref("password"), null], "components.Input.error.password.noMatch").required(translatedErrors.required),
-      registrationToken: yup.string().required(translatedErrors.required)
-    }),
-    inputsPrefix: "userInfo."
-  },
-  "register-admin": {
-    Component: Register,
-    endPoint: "register-admin",
-    noSignin: true,
-    fieldsToDisable: [],
-    fieldsToOmit: ["confirmPassword", "news"],
-    schema: yup.object().shape({
-      firstname: yup.string().trim().required(translatedErrors.required),
-      lastname: yup.string().nullable(),
-      password: yup.string().min(8, translatedErrors.minLength).matches(/[a-z]/, "components.Input.error.contain.lowercase").matches(/[A-Z]/, "components.Input.error.contain.uppercase").matches(/\d/, "components.Input.error.contain.number").required(translatedErrors.required),
-      email: yup.string().email(translatedErrors.email).strict().lowercase(translatedErrors.lowercase).required(translatedErrors.required),
-      confirmPassword: yup.string().oneOf([yup.ref("password"), null], "components.Input.error.password.noMatch").required(translatedErrors.required)
-    }),
-    inputsPrefix: ""
-  },
-  "reset-password": {
-    Component: ForgotPassword,
-    endPoint: "reset-password",
-    fieldsToDisable: [],
-    fieldsToOmit: ["confirmPassword"],
-    schema: yup.object().shape({
-      password: yup.string().min(8, translatedErrors.minLength).matches(/[a-z]/, "components.Input.error.contain.lowercase").matches(/[A-Z]/, "components.Input.error.contain.uppercase").matches(/\d/, "components.Input.error.contain.number").required(translatedErrors.required),
-      confirmPassword: yup.string().oneOf([yup.ref("password"), null], "components.Input.error.password.noMatch").required(translatedErrors.required)
-    })
-  }
-};
-const init = (initialState2) => {
-  return initialState2;
-};
-const initialState$7 = {
-  formErrors: {},
-  modifiedData: {},
-  requestError: null
-};
-const reducer$2 = (state, action) => produce(state, (draftState) => {
-  switch (action.type) {
-    case "ON_CHANGE": {
-      set(draftState.modifiedData, action.keys.split("."), action.value);
-      break;
-    }
-    case "RESET_PROPS": {
-      return initialState$7;
-    }
-    case "SET_DATA": {
-      draftState.modifiedData = action.data;
-      break;
-    }
-    case "SET_ERRORS": {
-      draftState.formErrors = action.errors;
-      break;
-    }
-    case "SET_REQUEST_ERROR": {
-      draftState.requestError = {
-        errorMessage: action.errorMessage,
-        errorStatus: action.errorStatus
-      };
-      break;
-    }
-    default:
-      return draftState;
-  }
-});
-const AuthPage = ({ hasAdmin, setHasAdmin }) => {
+  login: () => null,
+  oops: Oops,
+  register: Register,
+  "register-admin": Register,
+  "reset-password": ResetPassword,
+  providers: () => null
+};
+const AuthPage = ({ hasAdmin }) => {
   const {
-    push,
     location: { search }
   } = useHistory();
-  const { changeLocale } = useLocales();
-  const { setSkipped } = useGuidedTour();
-  const { trackUsage } = useTracking();
-  const {
-    params: { authType }
-  } = useRouteMatch("/auth/:authType");
-  const query = useQuery();
-  const Login2 = useEnterprise(
-    LoginCE,
-    async () => (await import("./index-305a03f4.mjs")).LoginEE
+  const match = useRouteMatch("/auth/:authType");
+  const authType = match?.params.authType;
+  const Login$1 = useEnterprise(
+    Login,
+    async () => (await import("./Login-4e7ab11a.mjs")).LoginEE
   );
   const forms = useEnterprise(
     FORMS,
-    async () => (await import("./constants-9de7641c.mjs")).FORMS,
+    async () => (await import("./constants-889d52fe.mjs")).FORMS,
     {
       combine(ceForms, eeForms) {
         return {
@@ -1508,170 +1555,11 @@ const AuthPage = ({ hasAdmin, setHasAdmin }) => {
       defaultValue: FORMS
     }
   );
-  const [{ formErrors, modifiedData, requestError }, dispatch] = useReducer(
-    reducer$2,
-    initialState$7,
-    init
-  );
-  const CancelToken = axios.CancelToken;
-  const source = CancelToken.source();
-  const { endPoint, fieldsToDisable, fieldsToOmit, inputsPrefix, schema, ...rest } = forms?.[authType] ?? {};
-  useEffect(() => {
-    return () => {
-      source.cancel("Component unmounted");
-    };
-  }, []);
-  const { post } = useFetchClient();
-  useEffect(() => {
-    dispatch({
-      type: "RESET_PROPS"
-    });
-  }, [authType]);
-  const handleChange = ({ target: { name, value } }) => {
-    dispatch({
-      type: "ON_CHANGE",
-      keys: name,
-      value
-    });
-  };
-  const handleSubmit = async (e, { setSubmitting, setErrors }) => {
-    setSubmitting(true);
-    const body = omit(e, fieldsToOmit);
-    const requestURL = `/admin/${endPoint}`;
-    if (authType === "login") {
-      await loginRequest(e, requestURL, { setSubmitting, setErrors });
-    }
-    if (authType === "register" || authType === "register-admin") {
-      await registerRequest(e, requestURL, { setSubmitting, setErrors });
-    }
-    if (authType === "forgot-password") {
-      await forgotPasswordRequest(body, requestURL, { setSubmitting, setErrors });
-    }
-    if (authType === "reset-password") {
-      await resetPasswordRequest(body, requestURL, { setSubmitting, setErrors });
-    }
-  };
-  const forgotPasswordRequest = async (body, requestURL, { setSubmitting, setErrors }) => {
-    try {
-      await post(requestURL, body, { cancelToken: source.token });
-      push("/auth/forgot-password-success");
-    } catch (err) {
-      console.error(err);
-      setErrors({ errorMessage: "notification.error" });
-    } finally {
-      setSubmitting(false);
-    }
-  };
-  const loginRequest = async (body, requestURL, { setSubmitting, setErrors }) => {
-    try {
-      const {
-        data: {
-          data: { token, user }
-        }
-      } = await post(requestURL, omit(body, fieldsToOmit), { cancelToken: source.token });
-      if (user.preferedLanguage) {
-        changeLocale(user.preferedLanguage);
-      }
-      auth.setToken(token, body.rememberMe);
-      auth.setUserInfo(user, body.rememberMe);
-      redirectToPreviousLocation();
-    } catch (err) {
-      if (err.response) {
-        const errorMessage = get(
-          err,
-          ["response", "data", "error", "message"],
-          "Something went wrong"
-        );
-        if (camelCase(errorMessage).toLowerCase() === "usernotactive") {
-          push("/auth/oops");
-          dispatch({
-            type: "RESET_PROPS"
-          });
-          return;
-        }
-        setErrors({ errorMessage });
-      }
-    } finally {
-      setSubmitting(false);
-    }
-  };
-  const registerRequest = async (body, requestURL, { setSubmitting, setErrors }) => {
-    try {
-      trackUsage("willCreateFirstAdmin");
-      const {
-        data: {
-          data: { token, user }
-        }
-      } = await post(requestURL, omit(body, fieldsToOmit), { cancelToken: source.token });
-      auth.setToken(token, false);
-      auth.setUserInfo(user, false);
-      setSubmitting(false);
-      setHasAdmin(true);
-      const { roles } = user;
-      if (roles) {
-        const isUserSuperAdmin = roles.find(({ code }) => code === "strapi-super-admin");
-        if (isUserSuperAdmin) {
-          auth.set(false, "GUIDED_TOUR_SKIPPED", true);
-          setSkipped(false);
-          trackUsage("didLaunchGuidedtour");
-        }
-      }
-      if (authType === "register" && body.userInfo.news === true || authType === "register-admin" && body.news === true) {
-        push({
-          pathname: "/usecase",
-          search: `?hasAdmin=${hasAdmin}`
-        });
-        return;
-      }
-      redirectToPreviousLocation();
-    } catch (err) {
-      trackUsage("didNotCreateFirstAdmin");
-      if (err.response) {
-        const { data } = err.response;
-        const apiErrors = formatAPIErrors(data);
-        setErrors({ apiErrors });
-      }
-    }
-  };
-  const resetPasswordRequest = async (body, requestURL, { setErrors, setSubmitting }) => {
-    try {
-      const {
-        data: {
-          data: { token, user }
-        }
-      } = await post(
-        requestURL,
-        { ...body, resetPasswordToken: query.get("code") },
-        { cancelToken: source.token }
-      );
-      auth.setToken(token, false);
-      auth.setUserInfo(user, false);
-      push("/");
-    } catch (err) {
-      if (err.response) {
-        const errorMessage = get(err, ["response", "data", "message"], "Something went wrong");
-        const errorStatus = get(err, ["response", "data", "statusCode"], 400);
-        dispatch({
-          type: "SET_REQUEST_ERROR",
-          errorMessage,
-          errorStatus
-        });
-        setErrors({ errorMessage });
-      }
-    } finally {
-      setSubmitting(false);
-    }
-  };
-  const redirectToPreviousLocation = () => {
-    if (authType === "login") {
-      const redirectTo = query.get("redirectTo");
-      const redirectUrl = redirectTo ? decodeURIComponent(redirectTo) : "/";
-      push(redirectUrl);
-    } else {
-      push("/");
-    }
-  };
-  if (!forms[authType] || hasAdmin && authType === "register-admin" || auth.getToken()) {
+  if (!authType || !forms) {
+    return /* @__PURE__ */ jsx(Redirect, { to: "/" });
+  }
+  const Component = forms[authType];
+  if (!Component || hasAdmin && authType === "register-admin" || auth.getToken()) {
     return /* @__PURE__ */ jsx(Redirect, { to: "/" });
   }
   if (!hasAdmin && authType !== "register-admin") {
@@ -1687,35 +1575,12 @@ const AuthPage = ({ hasAdmin, setHasAdmin }) => {
       }
     );
   }
-  if (Login2) {
-    forms.login.Component = Login2;
-  }
-  if (!Login2) {
+  if (Login$1 && authType === "login") {
+    return /* @__PURE__ */ jsx(Login$1, {});
+  } else if (authType === "login" && !Login$1) {
     return null;
   }
-  const { Component } = forms?.[authType] ?? {};
-  return /* @__PURE__ */ jsx(
-    Component,
-    {
-      ...rest,
-      authType,
-      fieldsToDisable,
-      formErrors,
-      inputsPrefix,
-      modifiedData,
-      onChange: handleChange,
-      onSubmit: handleSubmit,
-      requestError,
-      schema
-    }
-  );
-};
-AuthPage.defaultProps = {
-  hasAdmin: false
-};
-AuthPage.propTypes = {
-  hasAdmin: PropTypes.bool,
-  setHasAdmin: PropTypes.func.isRequired
+  return /* @__PURE__ */ jsx(Component, { hasAdmin });
 };
 const NotFoundPage = () => {
   const { formatMessage } = useIntl();
@@ -1910,12 +1775,12 @@ const createRoute = (loadComponent, to, exact = false) => {
 };
 const ROUTES_CE = null;
 const AuthenticatedApp = React.lazy(
-  () => import("./AuthenticatedApp-b0ada7e9.mjs").then((n) => n.A).then((mod) => ({ default: mod.AuthenticatedApp }))
+  () => import("./AuthenticatedApp-332b40a8.mjs").then((n) => n.A).then((mod) => ({ default: mod.AuthenticatedApp }))
 );
 const App = () => {
   const adminPermissions = useEnterprise(
     ADMIN_PERMISSIONS_CE,
-    async () => (await import("./constants-921eda17.mjs")).ADMIN_PERMISSIONS_EE,
+    async () => (await import("./constants-6ecddc43.mjs")).ADMIN_PERMISSIONS_EE,
     {
       combine(cePermissions, eePermissions) {
         return merge({}, cePermissions, eePermissions);
@@ -1925,7 +1790,7 @@ const App = () => {
   );
   const routes = useEnterprise(
     ROUTES_CE,
-    async () => (await import("./constants-921eda17.mjs")).ROUTES_EE,
+    async () => (await import("./constants-6ecddc43.mjs")).ROUTES_EE,
     {
       defaultValue: []
     }
@@ -2023,7 +1888,6 @@ const App = () => {
     };
     getData();
   }, [toggleNotification, updateProjectSettings]);
-  const setHasAdmin = (hasAdmin2) => setState((prev) => ({ ...prev, hasAdmin: hasAdmin2 }));
   const trackingInfo = React.useMemo(
     () => ({
       uuid,
@@ -2043,7 +1907,7 @@ const App = () => {
         Route,
         {
           path: "/auth/:authType",
-          render: (routerProps) => /* @__PURE__ */ jsx(AuthPage, { ...routerProps, setHasAdmin, hasAdmin }),
+          render: (routerProps) => /* @__PURE__ */ jsx(AuthPage, { ...routerProps, hasAdmin }),
           exact: true
         }
       ),
@@ -3450,22 +3314,22 @@ const renderAdmin = async (mountNode, { plugins }) => {
 };
 export {
   ACTION_SET_APP_RUNTIME_STATUS as A,
-  crudReducer as B,
+  crudInitialState as B,
   Column as C,
-  crudInitialState as D,
-  RESET_INIT_DATA as E,
-  GET_INIT_DATA as F,
+  RESET_INIT_DATA as D,
+  GET_INIT_DATA as E,
+  SET_INIT_DATA as F,
   GET_DATA as G,
   HOOKS as H,
   INIT_FORM as I,
-  SET_INIT_DATA as J,
-  initialState$3 as K,
+  initialState$3 as J,
+  StrapiLogo as K,
   Login as L,
-  StrapiLogo as M,
+  useLocales as M,
   NpsSurvey as N,
   ON_RESET_LIST_HEADERS as O,
-  useLocales as P,
-  useThemeToggle as Q,
+  useThemeToggle as P,
+  SETTINGS_LINKS_CE as Q,
   RBACProvider as R,
   SET_PERMISSIONS as S,
   getBasename as T,
@@ -3499,6 +3363,6 @@ export {
   ON_CHANGE_LIST_HEADERS as w,
   useInjectionZone as x,
   initialState$1 as y,
-  formatAPIErrors as z
+  crudReducer as z
 };
-//# sourceMappingURL=index-34de382e.mjs.map
+//# sourceMappingURL=index-cd461a87.mjs.map