@strapi/admin 4.15.0 → 4.15.1

package/dist/_chunks/ProfilePage-26c14ba4.mjs

@@ -0,0 +1,596 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useNotifyAT, Main, HeaderLayout, ContentLayout, Button, Box, Flex, Typography, Grid, GridItem, TextInput, FieldAction, SingleSelect, SingleSelectOption } from "@strapi/design-system";
+import { useAppInfo, useTracking, useNotification, useOverlayBlocker, useFetchClient, useFocusWhenNavigate, auth, LoadingIndicatorPage, Form, pxToRem, GenericInput } from "@strapi/helper-plugin";
+import { Check, Eye, EyeStriked } from "@strapi/icons";
+import { Formik } from "formik";
+import upperFirst from "lodash/upperFirst";
+import { Helmet } from "react-helmet";
+import { useIntl } from "react-intl";
+import { useQuery, useMutation } from "react-query";
+import styled from "styled-components";
+import * as yup from "yup";
+import { P as useLocales, Q as useThemeToggle } from "./index-34de382e.mjs";
+import { g as getFullName } from "./AuthenticatedApp-b0ada7e9.mjs";
+import { s as schema$1 } from "./edit-923cefa0.mjs";
+import "react-dom/client";
+import "invariant";
+import "lodash/isFunction";
+import "lodash/merge";
+import "lodash/pick";
+import "react-router-dom";
+import "react-redux";
+import "@radix-ui/react-context";
+import "axios";
+import "lodash/camelCase";
+import "lodash/get";
+import "lodash/omit";
+import "prop-types";
+import "lodash/defaultsDeep";
+import "immer";
+import "lodash/set";
+import "qs";
+import "@reduxjs/toolkit";
+import "semver/functions/lt";
+import "semver/functions/valid";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "@strapi/design-system/v2";
+import "lodash/cloneDeep";
+const schema = yup.object().shape(schema$1);
+const ProfilePage = () => {
+  const { changeLocale, localeNames } = useLocales();
+  const { setUserDisplayName } = useAppInfo();
+  const { formatMessage } = useIntl();
+  const { trackUsage } = useTracking();
+  const toggleNotification = useNotification();
+  const { lockApp, unlockApp } = useOverlayBlocker();
+  const { notifyStatus } = useNotifyAT();
+  const { currentTheme, themes: allApplicationThemes, onChangeTheme } = useThemeToggle();
+  const { get, put } = useFetchClient();
+  useFocusWhenNavigate();
+  const {
+    isLoading: isLoadingUser,
+    data,
+    refetch
+  } = useQuery(
+    "user",
+    async () => {
+      const { data: data2 } = await get("/admin/users/me");
+      return data2.data;
+    },
+    {
+      onSuccess() {
+        notifyStatus(
+          formatMessage({
+            id: "Settings.profile.form.notify.data.loaded",
+            defaultMessage: "Your profile data has been loaded"
+          })
+        );
+      },
+      onError() {
+        toggleNotification({
+          type: "warning",
+          message: { id: "notification.error", defaultMessage: "An error occured" }
+        });
+      }
+    }
+  );
+  const { isLoading: isLoadingSSO, data: dataSSO } = useQuery(
+    ["providers", "isSSOLocked"],
+    async () => {
+      const {
+        data: { data: data2 }
+      } = await get("/admin/providers/isSSOLocked");
+      return data2;
+    },
+    {
+      enabled: window.strapi.isEE && window.strapi.features.isEnabled("sso"),
+      onError() {
+        toggleNotification({
+          type: "warning",
+          message: { id: "Settings.permissions.users.sso.provider.error" }
+        });
+      }
+    }
+  );
+  const isLoading = isLoadingUser || isLoadingSSO;
+  const submitMutation = useMutation(
+    async (body) => {
+      const { confirmPassword: _confirmPassword, currentTheme: currentTheme2, ...dataToSend } = body;
+      const { data: data2 } = await put("/admin/users/me", dataToSend);
+      return { ...data2.data, currentTheme: currentTheme2 };
+    },
+    {
+      async onSuccess(data2) {
+        await refetch();
+        const { email: email2, firstname: firstname2, lastname: lastname2, username: username2, preferedLanguage: preferedLanguage2 } = data2;
+        auth.setUserInfo({ email: email2, firstname: firstname2, lastname: lastname2, username: username2, preferedLanguage: preferedLanguage2 });
+        const userDisplayName = data2.username || getFullName(data2.firstname ?? "", data2.lastname);
+        setUserDisplayName(userDisplayName);
+        if (data2.preferedLanguage) {
+          changeLocale(data2.preferedLanguage);
+        }
+        onChangeTheme(data2.currentTheme);
+        trackUsage("didChangeMode", { newMode: data2.currentTheme });
+        toggleNotification({
+          type: "success",
+          message: { id: "notification.success.saved", defaultMessage: "Saved" }
+        });
+      },
+      async onSettled() {
+        unlockApp();
+      }
+    }
+  );
+  const { isLoading: isSubmittingForm } = submitMutation;
+  const handleSubmit = async (body, { setErrors }) => {
+    lockApp();
+    const username2 = body.username;
+    submitMutation.mutate(
+      { ...body, username: username2 },
+      {
+        onError(error) {
+          const res = error?.response?.data;
+          if (res?.data) {
+            return setErrors(res.data);
+          }
+          return toggleNotification({
+            type: "warning",
+            message: { id: "notification.error", defaultMessage: "An error occured" }
+          });
+        }
+      }
+    );
+  };
+  if (isLoading || !data) {
+    return /* @__PURE__ */ jsxs(Main, { "aria-busy": "true", children: [
+      /* @__PURE__ */ jsx(
+        Helmet,
+        {
+          title: formatMessage({
+            id: "Settings.profile.form.section.helmet.title",
+            defaultMessage: "User profile"
+          })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        HeaderLayout,
+        {
+          title: formatMessage({
+            id: "Settings.profile.form.section.profile.page.title",
+            defaultMessage: "Profile page"
+          })
+        }
+      ),
+      /* @__PURE__ */ jsx(ContentLayout, { children: /* @__PURE__ */ jsx(LoadingIndicatorPage, {}) })
+    ] });
+  }
+  const hasLockedRole = dataSSO?.isSSOLocked ?? false;
+  const { email, firstname, lastname, username, preferedLanguage } = data;
+  const initialData = {
+    email,
+    firstname,
+    lastname,
+    username,
+    preferedLanguage,
+    currentTheme,
+    confirmPassword: "",
+    password: ""
+  };
+  return /* @__PURE__ */ jsxs(Main, { "aria-busy": isSubmittingForm, children: [
+    /* @__PURE__ */ jsx(
+      Helmet,
+      {
+        title: formatMessage({
+          id: "Settings.profile.form.section.helmet.title",
+          defaultMessage: "User profile"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Formik,
+      {
+        onSubmit: handleSubmit,
+        initialValues: initialData,
+        validateOnChange: false,
+        validationSchema: schema,
+        enableReinitialize: true,
+        children: ({
+          errors,
+          values: {
+            email: email2,
+            firstname: firstname2,
+            lastname: lastname2,
+            username: username2,
+            preferedLanguage: preferedLanguage2,
+            currentTheme: currentTheme2,
+            password,
+            confirmPassword
+          },
+          handleChange,
+          isSubmitting,
+          dirty
+        }) => {
+          return /* @__PURE__ */ jsxs(Form, { children: [
+            /* @__PURE__ */ jsx(
+              HeaderLayout,
+              {
+                title: data.username || getFullName(data.firstname ?? "", data.lastname),
+                primaryAction: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    startIcon: /* @__PURE__ */ jsx(Check, {}),
+                    loading: isSubmitting,
+                    type: "submit",
+                    disabled: !dirty,
+                    children: formatMessage({ id: "global.save", defaultMessage: "Save" })
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(Box, { paddingBottom: 10, children: /* @__PURE__ */ jsx(ContentLayout, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
+              /* @__PURE__ */ jsx(
+                UserInfoSection,
+                {
+                  errors,
+                  onChange: handleChange,
+                  values: {
+                    firstname: firstname2,
+                    lastname: lastname2,
+                    username: username2,
+                    email: email2
+                  }
+                }
+              ),
+              !hasLockedRole && /* @__PURE__ */ jsx(
+                PasswordSection,
+                {
+                  errors,
+                  onChange: handleChange,
+                  values: { password, confirmPassword }
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                PreferencesSection,
+                {
+                  allApplicationThemes,
+                  onChange: handleChange,
+                  values: {
+                    preferedLanguage: preferedLanguage2,
+                    currentTheme: currentTheme2
+                  },
+                  localeNames
+                }
+              )
+            ] }) }) })
+          ] });
+        }
+      }
+    )
+  ] });
+};
+const PasswordSection = ({ errors, onChange, values }) => {
+  const { formatMessage } = useIntl();
+  const [passwordShown, setPasswordShown] = React.useState(false);
+  const [passwordConfirmShown, setPasswordConfirmShown] = React.useState(false);
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      background: "neutral0",
+      hasRadius: true,
+      shadow: "filterShadow",
+      paddingTop: 6,
+      paddingBottom: 6,
+      paddingLeft: 7,
+      paddingRight: 7,
+      children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "delta", as: "h2", children: formatMessage({
+          id: "global.change-password",
+          defaultMessage: "Change password"
+        }) }),
+        /* @__PURE__ */ jsxs(Grid, { gap: 5, children: [
+          /* @__PURE__ */ jsx(GridItem, { s: 12, col: 6, children: /* @__PURE__ */ jsx(
+            PasswordInput,
+            {
+              error: errors.password ? formatMessage({
+                id: errors.password,
+                defaultMessage: errors.password
+              }) : "",
+              onChange,
+              value: values.password,
+              label: formatMessage({
+                id: "global.password",
+                defaultMessage: "Password"
+              }),
+              name: "password",
+              type: passwordShown ? "text" : "password",
+              autoComplete: "new-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, {})
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ jsx(GridItem, { s: 12, col: 6, children: /* @__PURE__ */ jsx(
+            PasswordInput,
+            {
+              error: errors.confirmPassword ? formatMessage({
+                id: errors.confirmPassword,
+                defaultMessage: errors.confirmPassword
+              }) : "",
+              onChange,
+              value: values.confirmPassword,
+              label: formatMessage({
+                id: "Auth.form.confirmPassword.label",
+                defaultMessage: "Password confirmation"
+              }),
+              name: "confirmPassword",
+              type: passwordConfirmShown ? "text" : "password",
+              autoComplete: "new-password",
+              endAction: /* @__PURE__ */ jsx(
+                FieldActionWrapper,
+                {
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    setPasswordConfirmShown((prev) => !prev);
+                  },
+                  label: formatMessage(
+                    passwordConfirmShown ? {
+                      id: "Auth.form.password.show-password",
+                      defaultMessage: "Show password"
+                    } : {
+                      id: "Auth.form.password.hide-password",
+                      defaultMessage: "Hide password"
+                    }
+                  ),
+                  children: passwordConfirmShown ? /* @__PURE__ */ jsx(Eye, {}) : /* @__PURE__ */ jsx(EyeStriked, {})
+                }
+              )
+            }
+          ) })
+        ] })
+      ] })
+    }
+  );
+};
+const PasswordInput = styled(TextInput)`
+  ::-ms-reveal {
+    display: none;
+  }
+`;
+const FieldActionWrapper = styled(FieldAction)`
+  svg {
+    height: ${pxToRem(16)};
+    width: ${pxToRem(16)};
+    path {
+      fill: ${({ theme }) => theme.colors.neutral600};
+    }
+  }
+`;
+const PreferencesSection = ({
+  onChange,
+  values,
+  localeNames,
+  allApplicationThemes = {}
+}) => {
+  const { formatMessage } = useIntl();
+  const themesToDisplay = Object.keys(allApplicationThemes).filter(
+    (themeName) => allApplicationThemes[themeName]
+  );
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      background: "neutral0",
+      hasRadius: true,
+      shadow: "filterShadow",
+      paddingTop: 6,
+      paddingBottom: 6,
+      paddingLeft: 7,
+      paddingRight: 7,
+      children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+        /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "delta", as: "h2", children: formatMessage({
+            id: "Settings.profile.form.section.experience.title",
+            defaultMessage: "Experience"
+          }) }),
+          /* @__PURE__ */ jsx(Typography, { children: formatMessage(
+            {
+              id: "Settings.profile.form.section.experience.interfaceLanguageHelp",
+              defaultMessage: "Preference changes will apply only to you. More information is available {here}."
+            },
+            {
+              here: /* @__PURE__ */ jsx(
+                Box,
+                {
+                  as: "a",
+                  color: "primary600",
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  href: "https://docs.strapi.io/developer-docs/latest/development/admin-customization.html#locales",
+                  children: formatMessage({
+                    id: "Settings.profile.form.section.experience.here",
+                    defaultMessage: "here"
+                  })
+                }
+              )
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs(Grid, { gap: 5, children: [
+          /* @__PURE__ */ jsx(GridItem, { s: 12, col: 6, children: /* @__PURE__ */ jsx(
+            SingleSelect,
+            {
+              label: formatMessage({
+                id: "Settings.profile.form.section.experience.interfaceLanguage",
+                defaultMessage: "Interface language"
+              }),
+              placeholder: formatMessage({
+                id: "global.select",
+                defaultMessage: "Select"
+              }),
+              hint: formatMessage({
+                id: "Settings.profile.form.section.experience.interfaceLanguage.hint",
+                defaultMessage: "This will only display your own interface in the chosen language."
+              }),
+              onClear: () => {
+                onChange({
+                  target: { name: "preferedLanguage", value: null }
+                });
+              },
+              clearLabel: formatMessage({
+                id: "Settings.profile.form.section.experience.clear.select",
+                defaultMessage: "Clear the interface language selected"
+              }),
+              value: values.preferedLanguage,
+              onChange: (e) => {
+                onChange({
+                  target: { name: "preferedLanguage", value: e }
+                });
+              },
+              children: Object.entries(localeNames).map(([language, langName]) => /* @__PURE__ */ jsx(SingleSelectOption, { value: language, children: langName }, language))
+            }
+          ) }),
+          /* @__PURE__ */ jsx(GridItem, { s: 12, col: 6, children: /* @__PURE__ */ jsxs(
+            SingleSelect,
+            {
+              label: formatMessage({
+                id: "Settings.profile.form.section.experience.mode.label",
+                defaultMessage: "Interface mode"
+              }),
+              placeholder: formatMessage({
+                id: "components.Select.placeholder",
+                defaultMessage: "Select"
+              }),
+              hint: formatMessage({
+                id: "Settings.profile.form.section.experience.mode.hint",
+                defaultMessage: "Displays your interface in the chosen mode."
+              }),
+              value: values.currentTheme,
+              onChange: (e) => {
+                onChange({
+                  target: { name: "currentTheme", value: e }
+                });
+              },
+              children: [
+                /* @__PURE__ */ jsx(SingleSelectOption, { value: "system", children: formatMessage({
+                  id: "Settings.profile.form.section.experience.mode.option-system-label",
+                  defaultMessage: "Use system settings"
+                }) }),
+                themesToDisplay.map((theme) => /* @__PURE__ */ jsx(SingleSelectOption, { value: theme, children: formatMessage(
+                  {
+                    id: "Settings.profile.form.section.experience.mode.option-label",
+                    defaultMessage: "{name} mode"
+                  },
+                  {
+                    name: formatMessage({
+                      id: theme,
+                      defaultMessage: upperFirst(theme)
+                    })
+                  }
+                ) }, theme))
+              ]
+            }
+          ) })
+        ] })
+      ] })
+    }
+  );
+};
+const UserInfoSection = ({ errors, onChange, values }) => {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      background: "neutral0",
+      hasRadius: true,
+      shadow: "filterShadow",
+      paddingTop: 6,
+      paddingBottom: 6,
+      paddingLeft: 7,
+      paddingRight: 7,
+      children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "delta", as: "h2", children: formatMessage({
+          id: "global.profile",
+          defaultMessage: "Profile"
+        }) }),
+        /* @__PURE__ */ jsxs(Grid, { gap: 5, children: [
+          /* @__PURE__ */ jsx(GridItem, { s: 12, col: 6, children: /* @__PURE__ */ jsx(
+            GenericInput,
+            {
+              intlLabel: {
+                id: "Auth.form.firstname.label",
+                defaultMessage: "First name"
+              },
+              error: errors.firstname,
+              onChange,
+              value: values.firstname,
+              type: "text",
+              name: "firstname",
+              required: true
+            }
+          ) }),
+          /* @__PURE__ */ jsx(GridItem, { s: 12, col: 6, children: /* @__PURE__ */ jsx(
+            GenericInput,
+            {
+              intlLabel: {
+                id: "Auth.form.lastname.label",
+                defaultMessage: "Last name"
+              },
+              error: errors.lastname,
+              onChange,
+              value: values.lastname,
+              type: "text",
+              name: "lastname"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(GridItem, { s: 12, col: 6, children: /* @__PURE__ */ jsx(
+            GenericInput,
+            {
+              intlLabel: { id: "Auth.form.email.label", defaultMessage: "Email" },
+              error: errors.email,
+              onChange,
+              value: values.email,
+              type: "email",
+              name: "email",
+              required: true
+            }
+          ) }),
+          /* @__PURE__ */ jsx(GridItem, { s: 12, col: 6, children: /* @__PURE__ */ jsx(
+            GenericInput,
+            {
+              intlLabel: {
+                id: "Auth.form.username.label",
+                defaultMessage: "Username"
+              },
+              error: errors.username,
+              onChange,
+              value: values.username,
+              type: "text",
+              name: "username"
+            }
+          ) })
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  ProfilePage
+};
+//# sourceMappingURL=ProfilePage-26c14ba4.mjs.map

package/dist/_chunks/ProfilePage-26c14ba4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfilePage-26c14ba4.mjs","sources":["../../admin/src/pages/ProfilePage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Box,\n  Button,\n  ContentLayout,\n  Flex,\n  HeaderLayout,\n  Main,\n  useNotifyAT,\n  Grid,\n  GridItem,\n  Typography,\n  SingleSelect,\n  SingleSelectOption,\n  TextInput,\n  FieldAction,\n} from '@strapi/design-system';\nimport {\n  auth,\n  Form,\n  GenericInput,\n  GenericInputProps,\n  LoadingIndicatorPage,\n  pxToRem,\n  useAppInfo,\n  useFetchClient,\n  useFocusWhenNavigate,\n  useNotification,\n  useOverlayBlocker,\n  useTracking,\n} from '@strapi/helper-plugin';\nimport { Check, Eye, EyeStriked } from '@strapi/icons';\nimport { AxiosError } from 'axios';\nimport { Formik, FormikHelpers } from 'formik';\nimport upperFirst from 'lodash/upperFirst';\nimport { Helmet } from 'react-helmet';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQuery } from 'react-query';\nimport styled from 'styled-components';\nimport * as yup from 'yup';\n\nimport { useLocales } from '../components/LanguageProvider';\nimport { useThemeToggle, ThemeName, ThemeToggleContextContextValue } from '../contexts/themeToggle';\nimport { getFullName } from '../utils/getFullName';\n\n// @ts-expect-error – no types available\nimport { profileValidation } from './SettingsPage/pages/Users/utils/validations/users';\n\nimport type { IsSSOLocked } from '../../../shared/contracts/providers';\nimport type { GetMe, UpdateMe } from '../../../shared/contracts/users';\n\nconst schema = yup.object().shape(profileValidation);\n\n/* -------------------------------------------------------------------------------------------------\n * ProfilePage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProfilePage = () => {\n  const { changeLocale, localeNames } = useLocales();\n  const { setUserDisplayName } = useAppInfo();\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const toggleNotification = useNotification();\n  const { lockApp, unlockApp } = useOverlayBlocker();\n  const { notifyStatus } = useNotifyAT();\n  const { currentTheme, themes: allApplicationThemes, onChangeTheme } = useThemeToggle();\n  const { get, put } = useFetchClient();\n\n  useFocusWhenNavigate();\n\n  const {\n    isLoading: isLoadingUser,\n    data,\n    refetch,\n  } = useQuery(\n    'user',\n    async () => {\n      const { data } = await get<GetMe.Response>('/admin/users/me');\n\n      return data.data;\n    },\n    {\n      onSuccess() {\n        notifyStatus(\n          formatMessage({\n            id: 'Settings.profile.form.notify.data.loaded',\n            defaultMessage: 'Your profile data has been loaded',\n          })\n        );\n      },\n      onError() {\n        toggleNotification({\n          type: 'warning',\n          message: { id: 'notification.error', defaultMessage: 'An error occured' },\n        });\n      },\n    }\n  );\n\n  const { isLoading: isLoadingSSO, data: dataSSO } = useQuery(\n    ['providers', 'isSSOLocked'],\n    async () => {\n      const {\n        data: { data },\n      } = await get<IsSSOLocked.Response>('/admin/providers/isSSOLocked');\n\n      return data;\n    },\n    {\n      enabled: window.strapi.isEE && window.strapi.features.isEnabled('sso'),\n      onError() {\n        toggleNotification({\n          type: 'warning',\n          message: { id: 'Settings.permissions.users.sso.provider.error' },\n        });\n      },\n    }\n  );\n\n  const isLoading = isLoadingUser || isLoadingSSO;\n\n  type UpdateUsersMeBody = Omit<UpdateMe.Request['body'], 'currentPassword'> & {\n    confirmPassword: string;\n    currentTheme: ThemeName;\n  };\n\n  const submitMutation = useMutation<\n    UpdateMe.Response['data'] & { currentTheme: ThemeName },\n    AxiosError<UpdateMe.Response>,\n    UpdateUsersMeBody\n  >(\n    async (body) => {\n      const { confirmPassword: _confirmPassword, currentTheme, ...dataToSend } = body;\n      const { data } = await put<UpdateMe.Response>('/admin/users/me', dataToSend);\n\n      return { ...data.data, currentTheme };\n    },\n    {\n      async onSuccess(data) {\n        await refetch();\n        const { email, firstname, lastname, username, preferedLanguage } = data;\n        auth.setUserInfo({ email, firstname, lastname, username, preferedLanguage });\n        const userDisplayName = data.username || getFullName(data.firstname ?? '', data.lastname);\n        setUserDisplayName(userDisplayName);\n\n        if (data.preferedLanguage) {\n          changeLocale(data.preferedLanguage);\n        }\n\n        // @ts-expect-error – we're going to implement a context assertion to avoid this\n        onChangeTheme(data.currentTheme);\n\n        trackUsage('didChangeMode', { newMode: data.currentTheme });\n\n        toggleNotification({\n          type: 'success',\n          message: { id: 'notification.success.saved', defaultMessage: 'Saved' },\n        });\n      },\n      async onSettled() {\n        // @ts-expect-error – we're going to implement a context assertion to avoid this\n        unlockApp();\n      },\n    }\n  );\n\n  const { isLoading: isSubmittingForm } = submitMutation;\n\n  const handleSubmit = async (\n    body: UpdateUsersMeBody,\n    { setErrors }: FormikHelpers<UpdateUsersMeBody>\n  ) => {\n    // @ts-expect-error – we're going to implement a context assertion to avoid this\n    lockApp();\n\n    const username = body.username;\n    submitMutation.mutate(\n      { ...body, username },\n      {\n        onError(error) {\n          const res = error?.response?.data;\n\n          if (res?.data) {\n            return setErrors(res.data);\n          }\n\n          return toggleNotification({\n            type: 'warning',\n            message: { id: 'notification.error', defaultMessage: 'An error occured' },\n          });\n        },\n      }\n    );\n  };\n\n  if (isLoading || !data) {\n    return (\n      <Main aria-busy=\"true\">\n        <Helmet\n          title={formatMessage({\n            id: 'Settings.profile.form.section.helmet.title',\n            defaultMessage: 'User profile',\n          })}\n        />\n        <HeaderLayout\n          title={formatMessage({\n            id: 'Settings.profile.form.section.profile.page.title',\n            defaultMessage: 'Profile page',\n          })}\n        />\n        <ContentLayout>\n          <LoadingIndicatorPage />\n        </ContentLayout>\n      </Main>\n    );\n  }\n\n  const hasLockedRole = dataSSO?.isSSOLocked ?? false;\n  const { email, firstname, lastname, username, preferedLanguage } = data;\n  const initialData = {\n    email,\n    firstname,\n    lastname,\n    username,\n    preferedLanguage,\n    currentTheme,\n    confirmPassword: '',\n    password: '',\n  };\n\n  return (\n    <Main aria-busy={isSubmittingForm}>\n      <Helmet\n        title={formatMessage({\n          id: 'Settings.profile.form.section.helmet.title',\n          defaultMessage: 'User profile',\n        })}\n      />\n      <Formik\n        onSubmit={handleSubmit}\n        // @ts-expect-error – currentTheme could be undefined because we don't have context assertion yet.\n        initialValues={initialData}\n        validateOnChange={false}\n        validationSchema={schema}\n        enableReinitialize\n      >\n        {({\n          errors,\n          values: {\n            email,\n            firstname,\n            lastname,\n            username,\n            preferedLanguage,\n            currentTheme,\n            password,\n            confirmPassword,\n          },\n          handleChange,\n          isSubmitting,\n          dirty,\n        }) => {\n          return (\n            <Form>\n              <HeaderLayout\n                title={data.username || getFullName(data.firstname ?? '', data.lastname)}\n                primaryAction={\n                  <Button\n                    startIcon={<Check />}\n                    loading={isSubmitting}\n                    type=\"submit\"\n                    disabled={!dirty}\n                  >\n                    {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}\n                  </Button>\n                }\n              />\n              <Box paddingBottom={10}>\n                <ContentLayout>\n                  <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n                    <UserInfoSection\n                      errors={errors}\n                      onChange={handleChange}\n                      values={{\n                        firstname,\n                        lastname,\n                        username,\n                        email,\n                      }}\n                    />\n                    {!hasLockedRole && (\n                      <PasswordSection\n                        errors={errors}\n                        onChange={handleChange}\n                        values={{ password, confirmPassword }}\n                      />\n                    )}\n                    <PreferencesSection\n                      allApplicationThemes={allApplicationThemes}\n                      onChange={handleChange}\n                      values={{\n                        preferedLanguage,\n                        currentTheme,\n                      }}\n                      localeNames={localeNames}\n                    />\n                  </Flex>\n                </ContentLayout>\n              </Box>\n            </Form>\n          );\n        }}\n      </Formik>\n    </Main>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * PasswordSection\n * -----------------------------------------------------------------------------------------------*/\n\ninterface PasswordSectionProps {\n  errors: { password?: string; confirmPassword?: string };\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  values: {\n    password?: string;\n    confirmPassword?: string;\n  };\n}\n\nconst PasswordSection = ({ errors, onChange, values }: PasswordSectionProps) => {\n  const { formatMessage } = useIntl();\n  const [passwordShown, setPasswordShown] = React.useState(false);\n  const [passwordConfirmShown, setPasswordConfirmShown] = React.useState(false);\n\n  return (\n    <Box\n      background=\"neutral0\"\n      hasRadius\n      shadow=\"filterShadow\"\n      paddingTop={6}\n      paddingBottom={6}\n      paddingLeft={7}\n      paddingRight={7}\n    >\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={4}>\n        <Typography variant=\"delta\" as=\"h2\">\n          {formatMessage({\n            id: 'global.change-password',\n            defaultMessage: 'Change password',\n          })}\n        </Typography>\n        <Grid gap={5}>\n          <GridItem s={12} col={6}>\n            <PasswordInput\n              error={\n                errors.password\n                  ? formatMessage({\n                      id: errors.password,\n                      defaultMessage: errors.password,\n                    })\n                  : ''\n              }\n              onChange={onChange}\n              value={values.password}\n              label={formatMessage({\n                id: 'global.password',\n                defaultMessage: 'Password',\n              })}\n              name=\"password\"\n              type={passwordShown ? 'text' : 'password'}\n              autoComplete=\"new-password\"\n              endAction={\n                <FieldActionWrapper\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    setPasswordShown((prev) => !prev);\n                  }}\n                  label={formatMessage(\n                    passwordShown\n                      ? {\n                          id: 'Auth.form.password.show-password',\n                          defaultMessage: 'Show password',\n                        }\n                      : {\n                          id: 'Auth.form.password.hide-password',\n                          defaultMessage: 'Hide password',\n                        }\n                  )}\n                >\n                  {passwordShown ? <Eye /> : <EyeStriked />}\n                </FieldActionWrapper>\n              }\n            />\n          </GridItem>\n          <GridItem s={12} col={6}>\n            <PasswordInput\n              error={\n                errors.confirmPassword\n                  ? formatMessage({\n                      id: errors.confirmPassword,\n                      defaultMessage: errors.confirmPassword,\n                    })\n                  : ''\n              }\n              onChange={onChange}\n              value={values.confirmPassword}\n              label={formatMessage({\n                id: 'Auth.form.confirmPassword.label',\n                defaultMessage: 'Password confirmation',\n              })}\n              name=\"confirmPassword\"\n              type={passwordConfirmShown ? 'text' : 'password'}\n              autoComplete=\"new-password\"\n              endAction={\n                <FieldActionWrapper\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    setPasswordConfirmShown((prev) => !prev);\n                  }}\n                  label={formatMessage(\n                    passwordConfirmShown\n                      ? {\n                          id: 'Auth.form.password.show-password',\n                          defaultMessage: 'Show password',\n                        }\n                      : {\n                          id: 'Auth.form.password.hide-password',\n                          defaultMessage: 'Hide password',\n                        }\n                  )}\n                >\n                  {passwordConfirmShown ? <Eye /> : <EyeStriked />}\n                </FieldActionWrapper>\n              }\n            />\n          </GridItem>\n        </Grid>\n      </Flex>\n    </Box>\n  );\n};\n\nconst PasswordInput = styled(TextInput)`\n  ::-ms-reveal {\n    display: none;\n  }\n`;\n\n// Wrapper of the Eye Icon able to show or hide the Password inside the field\nconst FieldActionWrapper = styled(FieldAction)`\n  svg {\n    height: ${pxToRem(16)};\n    width: ${pxToRem(16)};\n    path {\n      fill: ${({ theme }) => theme.colors.neutral600};\n    }\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * PreferencesSection\n * -----------------------------------------------------------------------------------------------*/\n\ninterface PreferencesSectionProps extends Pick<GenericInputProps, 'onChange'> {\n  values: {\n    preferedLanguage?: string;\n    currentTheme?: string;\n  };\n  localeNames: Record<string, string>;\n  allApplicationThemes?: Partial<ThemeToggleContextContextValue['themes']>;\n}\n\nconst PreferencesSection = ({\n  onChange,\n  values,\n  localeNames,\n  allApplicationThemes = {},\n}: PreferencesSectionProps) => {\n  const { formatMessage } = useIntl();\n  const themesToDisplay = Object.keys(allApplicationThemes).filter(\n    (themeName) => allApplicationThemes[themeName as keyof ThemeToggleContextContextValue['themes']]\n  );\n\n  return (\n    <Box\n      background=\"neutral0\"\n      hasRadius\n      shadow=\"filterShadow\"\n      paddingTop={6}\n      paddingBottom={6}\n      paddingLeft={7}\n      paddingRight={7}\n    >\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={4}>\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={1}>\n          <Typography variant=\"delta\" as=\"h2\">\n            {formatMessage({\n              id: 'Settings.profile.form.section.experience.title',\n              defaultMessage: 'Experience',\n            })}\n          </Typography>\n          <Typography>\n            {formatMessage(\n              {\n                id: 'Settings.profile.form.section.experience.interfaceLanguageHelp',\n                defaultMessage:\n                  'Preference changes will apply only to you. More information is available {here}.',\n              },\n              {\n                here: (\n                  <Box\n                    as=\"a\"\n                    color=\"primary600\"\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    href=\"https://docs.strapi.io/developer-docs/latest/development/admin-customization.html#locales\"\n                  >\n                    {formatMessage({\n                      id: 'Settings.profile.form.section.experience.here',\n                      defaultMessage: 'here',\n                    })}\n                  </Box>\n                ),\n              }\n            )}\n          </Typography>\n        </Flex>\n        <Grid gap={5}>\n          <GridItem s={12} col={6}>\n            <SingleSelect\n              label={formatMessage({\n                id: 'Settings.profile.form.section.experience.interfaceLanguage',\n                defaultMessage: 'Interface language',\n              })}\n              placeholder={formatMessage({\n                id: 'global.select',\n                defaultMessage: 'Select',\n              })}\n              hint={formatMessage({\n                id: 'Settings.profile.form.section.experience.interfaceLanguage.hint',\n                defaultMessage: 'This will only display your own interface in the chosen language.',\n              })}\n              onClear={() => {\n                onChange({\n                  target: { name: 'preferedLanguage', value: null },\n                });\n              }}\n              clearLabel={formatMessage({\n                id: 'Settings.profile.form.section.experience.clear.select',\n                defaultMessage: 'Clear the interface language selected',\n              })}\n              value={values.preferedLanguage}\n              onChange={(e) => {\n                onChange({\n                  target: { name: 'preferedLanguage', value: e },\n                });\n              }}\n            >\n              {Object.entries(localeNames).map(([language, langName]) => (\n                <SingleSelectOption value={language} key={language}>\n                  {langName}\n                </SingleSelectOption>\n              ))}\n            </SingleSelect>\n          </GridItem>\n          <GridItem s={12} col={6}>\n            <SingleSelect\n              label={formatMessage({\n                id: 'Settings.profile.form.section.experience.mode.label',\n                defaultMessage: 'Interface mode',\n              })}\n              placeholder={formatMessage({\n                id: 'components.Select.placeholder',\n                defaultMessage: 'Select',\n              })}\n              hint={formatMessage({\n                id: 'Settings.profile.form.section.experience.mode.hint',\n                defaultMessage: 'Displays your interface in the chosen mode.',\n              })}\n              value={values.currentTheme}\n              onChange={(e) => {\n                onChange({\n                  target: { name: 'currentTheme', value: e },\n                });\n              }}\n            >\n              <SingleSelectOption value=\"system\">\n                {formatMessage({\n                  id: 'Settings.profile.form.section.experience.mode.option-system-label',\n                  defaultMessage: 'Use system settings',\n                })}\n              </SingleSelectOption>\n              {themesToDisplay.map((theme) => (\n                <SingleSelectOption value={theme} key={theme}>\n                  {formatMessage(\n                    {\n                      id: 'Settings.profile.form.section.experience.mode.option-label',\n                      defaultMessage: '{name} mode',\n                    },\n                    {\n                      name: formatMessage({\n                        id: theme,\n                        defaultMessage: upperFirst(theme),\n                      }),\n                    }\n                  )}\n                </SingleSelectOption>\n              ))}\n            </SingleSelect>\n          </GridItem>\n        </Grid>\n      </Flex>\n    </Box>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * UserInfoSection\n * -----------------------------------------------------------------------------------------------*/\n\ninterface UserInfoSectionProps extends Pick<GenericInputProps, 'onChange'> {\n  errors: { firstname?: string; lastname?: string; username?: string; email?: string };\n  values: {\n    firstname?: string;\n    lastname?: string;\n    username?: string;\n    email?: string;\n  };\n}\n\nconst UserInfoSection = ({ errors, onChange, values }: UserInfoSectionProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Box\n      background=\"neutral0\"\n      hasRadius\n      shadow=\"filterShadow\"\n      paddingTop={6}\n      paddingBottom={6}\n      paddingLeft={7}\n      paddingRight={7}\n    >\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={4}>\n        <Typography variant=\"delta\" as=\"h2\">\n          {formatMessage({\n            id: 'global.profile',\n            defaultMessage: 'Profile',\n          })}\n        </Typography>\n        <Grid gap={5}>\n          <GridItem s={12} col={6}>\n            <GenericInput\n              intlLabel={{\n                id: 'Auth.form.firstname.label',\n                defaultMessage: 'First name',\n              }}\n              error={errors.firstname}\n              onChange={onChange}\n              value={values.firstname}\n              type=\"text\"\n              name=\"firstname\"\n              required\n            />\n          </GridItem>\n          <GridItem s={12} col={6}>\n            <GenericInput\n              intlLabel={{\n                id: 'Auth.form.lastname.label',\n                defaultMessage: 'Last name',\n              }}\n              error={errors.lastname}\n              onChange={onChange}\n              value={values.lastname}\n              type=\"text\"\n              name=\"lastname\"\n            />\n          </GridItem>\n          <GridItem s={12} col={6}>\n            <GenericInput\n              intlLabel={{ id: 'Auth.form.email.label', defaultMessage: 'Email' }}\n              error={errors.email}\n              onChange={onChange}\n              value={values.email}\n              type=\"email\"\n              name=\"email\"\n              required\n            />\n          </GridItem>\n          <GridItem s={12} col={6}>\n            <GenericInput\n              intlLabel={{\n                id: 'Auth.form.username.label',\n                defaultMessage: 'Username',\n              }}\n              error={errors.username}\n              onChange={onChange}\n              value={values.username}\n              type=\"text\"\n              name=\"username\"\n            />\n          </GridItem>\n        </Grid>\n      </Flex>\n    </Box>\n  );\n};\n\nexport { ProfilePage };\n"],"names":["profileValidation","data","currentTheme","email","firstname","lastname","username","preferedLanguage"],"mappings":"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"}