@strapi/admin 4.20.4 → 5.0.0-alpha.0

package/dist/_chunks/ProfilePage-bE7txhNu.mjs

@@ -0,0 +1,392 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import { useNotifyAT, Main, HeaderLayout, Button, Box, ContentLayout, Flex, Typography, Grid, GridItem } from "@strapi/design-system";
+import { useFocusWhenNavigate } from "@strapi/helper-plugin";
+import { Check } from "@strapi/icons";
+import upperFirst from "lodash/upperFirst";
+import { Helmet } from "react-helmet";
+import { useIntl } from "react-intl";
+import * as yup from "yup";
+import { p as errorsTrads, q as useTypedSelector, d as useTracking, u as useNotification, r as useTypedDispatch, o as useAPIErrorHandler, a as useAuth, s as useUpdateMeMutation, t as useIsSSOLockedQuery, P as Page, F as Form, g as getDisplayName, I as InputRenderer, v as setAppTheme, w as isBaseQueryError } from "./index-5ZvCaCyY.mjs";
+import { C as COMMON_USER_SCHEMA } from "./validation-aaWzg0nE.mjs";
+const PROFILE_VALIDTION_SCHEMA = yup.object().shape({
+  ...COMMON_USER_SCHEMA,
+  currentPassword: yup.string().when(["password", "confirmPassword"], (password, confirmPassword, passSchema) => {
+    return password || confirmPassword ? passSchema.required({
+      id: errorsTrads.required.id,
+      defaultMessage: "This field is required"
+    }) : passSchema;
+  }),
+  preferedLanguage: yup.string().nullable()
+});
+const ProfilePage = () => {
+  const localeNames = useTypedSelector((state) => state.admin_app.language.localeNames);
+  const { formatMessage } = useIntl();
+  const { trackUsage } = useTracking();
+  const { toggleNotification } = useNotification();
+  const { notifyStatus } = useNotifyAT();
+  const currentTheme = useTypedSelector((state) => state.admin_app.theme.currentTheme);
+  const dispatch = useTypedDispatch();
+  const {
+    _unstableFormatValidationErrors: formatValidationErrors,
+    _unstableFormatAPIError: formatApiError
+  } = useAPIErrorHandler();
+  useFocusWhenNavigate();
+  const user = useAuth("ProfilePage", (state) => state.user);
+  React.useEffect(() => {
+    if (user) {
+      notifyStatus(
+        formatMessage({
+          id: "Settings.profile.form.notify.data.loaded",
+          defaultMessage: "Your profile data has been loaded"
+        })
+      );
+    } else {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({ id: "notification.error", defaultMessage: "An error occured" })
+      });
+    }
+  }, [formatMessage, notifyStatus, toggleNotification, user]);
+  const [updateMe, { isLoading: isSubmittingForm }] = useUpdateMeMutation();
+  const {
+    isLoading,
+    data: dataSSO,
+    error
+  } = useIsSSOLockedQuery(void 0, {
+    skip: !(window.strapi.isEE && window.strapi.features.isEnabled("sso"))
+  });
+  React.useEffect(() => {
+    if (error) {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({ id: "Settings.permissions.users.sso.provider.error" })
+      });
+    }
+  }, [error, formatMessage, toggleNotification]);
+  const handleSubmit = async (body, { setErrors }) => {
+    const { confirmPassword: _confirmPassword, currentTheme: currentTheme2, ...bodyRest } = body;
+    let dataToSend = bodyRest;
+    if (dataToSend.password === "") {
+      const {
+        password: _password,
+        currentPassword: _currentPassword,
+        ...passwordRequestBodyRest
+      } = dataToSend;
+      dataToSend = passwordRequestBodyRest;
+    }
+    const res = await updateMe(dataToSend);
+    if ("data" in res) {
+      dispatch(setAppTheme(currentTheme2));
+      trackUsage("didChangeMode", { newMode: currentTheme2 });
+      toggleNotification({
+        type: "success",
+        message: formatMessage({ id: "notification.success.saved", defaultMessage: "Saved" })
+      });
+    }
+    if ("error" in res) {
+      if (isBaseQueryError(res.error) && (res.error.name === "ValidationError" || res.error.message === "ValidationError")) {
+        setErrors(formatValidationErrors(res.error));
+      } else if (isBaseQueryError(res.error)) {
+        toggleNotification({
+          type: "danger",
+          message: formatApiError(res.error)
+        });
+      } else {
+        toggleNotification({
+          type: "danger",
+          message: formatMessage({ id: "notification.error", defaultMessage: "An error occured" })
+        });
+      }
+    }
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Page.Loading, {});
+  }
+  const hasLockedRole = dataSSO?.isSSOLocked ?? false;
+  const { email, firstname, lastname, username, preferedLanguage } = user ?? {};
+  const initialData = {
+    email: email ?? "",
+    firstname: firstname ?? "",
+    lastname: lastname ?? "",
+    username: 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(
+      Form,
+      {
+        method: "PUT",
+        onSubmit: handleSubmit,
+        initialValues: initialData,
+        validationSchema: PROFILE_VALIDTION_SCHEMA,
+        children: ({ isSubmitting, modified }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            HeaderLayout,
+            {
+              title: getDisplayName(user, formatMessage),
+              primaryAction: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  startIcon: /* @__PURE__ */ jsx(Check, {}),
+                  loading: isSubmitting,
+                  type: "submit",
+                  disabled: !modified,
+                  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, {}),
+            !hasLockedRole && /* @__PURE__ */ jsx(PasswordSection, {}),
+            /* @__PURE__ */ jsx(PreferencesSection, { localeNames })
+          ] }) }) })
+        ] })
+      }
+    )
+  ] });
+};
+const PasswordSection = () => {
+  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.change-password",
+          defaultMessage: "Change password"
+        }) }),
+        [
+          [
+            {
+              label: formatMessage({
+                id: "Auth.form.currentPassword.label",
+                defaultMessage: "Current Password"
+              }),
+              name: "currentPassword",
+              size: 6,
+              type: "password"
+            }
+          ],
+          [
+            {
+              autoComplete: "new-password",
+              label: formatMessage({
+                id: "global.password",
+                defaultMessage: "Password"
+              }),
+              name: "password",
+              size: 6,
+              type: "password"
+            },
+            {
+              autoComplete: "new-password",
+              label: formatMessage({
+                id: "Auth.form.confirmPassword.label",
+                defaultMessage: "Confirm Password"
+              }),
+              name: "confirmPassword",
+              size: 6,
+              type: "password"
+            }
+          ]
+        ].map((row, index) => /* @__PURE__ */ jsx(Grid, { gap: 5, children: row.map(({ size, ...field }) => /* @__PURE__ */ jsx(GridItem, { col: size, children: /* @__PURE__ */ jsx(InputRenderer, { ...field }) }, field.name)) }, index))
+      ] })
+    }
+  );
+};
+const PreferencesSection = ({ localeNames }) => {
+  const { formatMessage } = useIntl();
+  const themesToDisplay = useTypedSelector((state) => state.admin_app.theme.availableThemes);
+  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__ */ jsx(Grid, { gap: 5, children: [
+          {
+            hint: formatMessage({
+              id: "Settings.profile.form.section.experience.interfaceLanguage.hint",
+              defaultMessage: "This will only display your own interface in the chosen language."
+            }),
+            label: formatMessage({
+              id: "Settings.profile.form.section.experience.interfaceLanguage",
+              defaultMessage: "Interface language"
+            }),
+            name: "preferedLanguage",
+            options: Object.entries(localeNames).map(([value, label]) => ({
+              label,
+              value
+            })),
+            placeholder: formatMessage({
+              id: "global.select",
+              defaultMessage: "Select"
+            }),
+            size: 6,
+            type: "enumeration"
+          },
+          {
+            hint: formatMessage({
+              id: "Settings.profile.form.section.experience.mode.hint",
+              defaultMessage: "Displays your interface in the chosen mode."
+            }),
+            label: formatMessage({
+              id: "Settings.profile.form.section.experience.mode.label",
+              defaultMessage: "Interface mode"
+            }),
+            name: "currentTheme",
+            options: [
+              {
+                label: formatMessage({
+                  id: "Settings.profile.form.section.experience.mode.option-system-label",
+                  defaultMessage: "Use system settings"
+                }),
+                value: "system"
+              },
+              ...themesToDisplay.map((theme) => ({
+                label: formatMessage(
+                  {
+                    id: "Settings.profile.form.section.experience.mode.option-label",
+                    defaultMessage: "{name} mode"
+                  },
+                  {
+                    name: formatMessage({
+                      id: theme,
+                      defaultMessage: upperFirst(theme)
+                    })
+                  }
+                ),
+                value: theme
+              }))
+            ],
+            placeholder: formatMessage({
+              id: "components.Select.placeholder",
+              defaultMessage: "Select"
+            }),
+            size: 6,
+            type: "enumeration"
+          }
+        ].map(({ size, ...field }) => /* @__PURE__ */ jsx(GridItem, { col: size, children: /* @__PURE__ */ jsx(InputRenderer, { ...field }) }, field.name)) })
+      ] })
+    }
+  );
+};
+const UserInfoSection = () => {
+  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__ */ jsx(Grid, { gap: 5, children: [
+          {
+            label: formatMessage({
+              id: "Auth.form.firstname.label",
+              defaultMessage: "First name"
+            }),
+            name: "firstname",
+            required: true,
+            size: 6,
+            type: "string"
+          },
+          {
+            label: formatMessage({
+              id: "Auth.form.lastname.label",
+              defaultMessage: "Last name"
+            }),
+            name: "lastname",
+            size: 6,
+            type: "string"
+          },
+          {
+            label: formatMessage({
+              id: "Auth.form.email.label",
+              defaultMessage: "Email"
+            }),
+            name: "email",
+            required: true,
+            size: 6,
+            type: "email"
+          },
+          {
+            label: formatMessage({
+              id: "Auth.form.username.label",
+              defaultMessage: "Username"
+            }),
+            name: "username",
+            size: 6,
+            type: "string"
+          }
+        ].map(({ size, ...field }) => /* @__PURE__ */ jsx(GridItem, { col: size, children: /* @__PURE__ */ jsx(InputRenderer, { ...field }) }, field.name)) })
+      ] })
+    }
+  );
+};
+export {
+  ProfilePage
+};
+//# sourceMappingURL=ProfilePage-bE7txhNu.mjs.map

package/dist/_chunks/ProfilePage-bE7txhNu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfilePage-bE7txhNu.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} from '@strapi/design-system';\nimport { useFocusWhenNavigate } from '@strapi/helper-plugin';\nimport { Check } from '@strapi/icons';\nimport upperFirst from 'lodash/upperFirst';\nimport { Helmet } from 'react-helmet';\nimport { useIntl } from 'react-intl';\nimport * as yup from 'yup';\n\nimport { Form, FormHelpers } from '../components/Form';\nimport { InputRenderer } from '../components/FormInputs/Renderer';\nimport { Page } from '../components/PageHelpers';\nimport { useTypedDispatch, useTypedSelector } from '../core/store/hooks';\nimport { useAuth } from '../features/Auth';\nimport { useNotification } from '../features/Notifications';\nimport { useTracking } from '../features/Tracking';\nimport { useAPIErrorHandler } from '../hooks/useAPIErrorHandler';\nimport { AppState, setAppTheme } from '../reducer';\nimport { useIsSSOLockedQuery, useUpdateMeMutation } from '../services/auth';\nimport { isBaseQueryError } from '../utils/baseQuery';\nimport { translatedErrors } from '../utils/translatedErrors';\nimport { getDisplayName } from '../utils/users';\n\nimport { COMMON_USER_SCHEMA } from './Settings/pages/Users/utils/validation';\n\nimport type { UpdateMe } from '../../../shared/contracts/users';\n\nconst PROFILE_VALIDTION_SCHEMA = yup.object().shape({\n  ...COMMON_USER_SCHEMA,\n  currentPassword: yup\n    .string()\n    // @ts-expect-error – no idea why this is failing.\n    .when(['password', 'confirmPassword'], (password, confirmPassword, passSchema) => {\n      return password || confirmPassword\n        ? passSchema.required({\n            id: translatedErrors.required.id,\n            defaultMessage: 'This field is required',\n          })\n        : passSchema;\n    }),\n  preferedLanguage: yup.string().nullable(),\n});\n\n/* -------------------------------------------------------------------------------------------------\n * ProfilePage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProfilePage = () => {\n  const localeNames = useTypedSelector((state) => state.admin_app.language.localeNames);\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const { toggleNotification } = useNotification();\n  const { notifyStatus } = useNotifyAT();\n  const currentTheme = useTypedSelector((state) => state.admin_app.theme.currentTheme);\n  const dispatch = useTypedDispatch();\n  const {\n    _unstableFormatValidationErrors: formatValidationErrors,\n    _unstableFormatAPIError: formatApiError,\n  } = useAPIErrorHandler();\n\n  useFocusWhenNavigate();\n\n  const user = useAuth('ProfilePage', (state) => state.user);\n\n  React.useEffect(() => {\n    if (user) {\n      notifyStatus(\n        formatMessage({\n          id: 'Settings.profile.form.notify.data.loaded',\n          defaultMessage: 'Your profile data has been loaded',\n        })\n      );\n    } else {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occured' }),\n      });\n    }\n  }, [formatMessage, notifyStatus, toggleNotification, user]);\n\n  const [updateMe, { isLoading: isSubmittingForm }] = useUpdateMeMutation();\n\n  const {\n    isLoading,\n    data: dataSSO,\n    error,\n  } = useIsSSOLockedQuery(undefined, {\n    skip: !(window.strapi.isEE && window.strapi.features.isEnabled('sso')),\n  });\n\n  React.useEffect(() => {\n    if (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({ id: 'Settings.permissions.users.sso.provider.error' }),\n      });\n    }\n  }, [error, formatMessage, toggleNotification]);\n\n  type UpdateUsersMeBody = UpdateMe.Request['body'] & {\n    confirmPassword: string;\n    currentTheme: AppState['theme']['currentTheme'];\n  };\n\n  const handleSubmit = async (\n    body: UpdateUsersMeBody,\n    { setErrors }: FormHelpers<UpdateUsersMeBody>\n  ) => {\n    const { confirmPassword: _confirmPassword, currentTheme, ...bodyRest } = body;\n    let dataToSend = bodyRest;\n\n    // The password fields are optional. If the user didn't touch them, don't send any password\n    // to the API, because an empty string would throw a validation error\n    if (dataToSend.password === '') {\n      const {\n        password: _password,\n        currentPassword: _currentPassword,\n        ...passwordRequestBodyRest\n      } = dataToSend;\n      dataToSend = passwordRequestBodyRest;\n    }\n\n    const res = await updateMe(dataToSend);\n\n    if ('data' in res) {\n      dispatch(setAppTheme(currentTheme));\n\n      trackUsage('didChangeMode', { newMode: currentTheme });\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({ id: 'notification.success.saved', defaultMessage: 'Saved' }),\n      });\n    }\n\n    if ('error' in res) {\n      if (\n        isBaseQueryError(res.error) &&\n        (res.error.name === 'ValidationError' || res.error.message === 'ValidationError')\n      ) {\n        // @ts-expect-error – We get a BadRequest error here instead of a ValidationError if the currentPassword is wrong.\n        setErrors(formatValidationErrors(res.error));\n      } else if (isBaseQueryError(res.error)) {\n        toggleNotification({\n          type: 'danger',\n          message: formatApiError(res.error),\n        });\n      } else {\n        toggleNotification({\n          type: 'danger',\n          message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occured' }),\n        });\n      }\n    }\n  };\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  const hasLockedRole = dataSSO?.isSSOLocked ?? false;\n  const { email, firstname, lastname, username, preferedLanguage } = user ?? {};\n  const initialData = {\n    email: email ?? '',\n    firstname: firstname ?? '',\n    lastname: lastname ?? '',\n    username: 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      <Form\n        method=\"PUT\"\n        onSubmit={handleSubmit}\n        initialValues={initialData}\n        validationSchema={PROFILE_VALIDTION_SCHEMA}\n      >\n        {({ isSubmitting, modified }) => (\n          <>\n            <HeaderLayout\n              title={getDisplayName(user, formatMessage)}\n              primaryAction={\n                <Button\n                  startIcon={<Check />}\n                  loading={isSubmitting}\n                  type=\"submit\"\n                  disabled={!modified}\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                  {!hasLockedRole && <PasswordSection />}\n                  <PreferencesSection localeNames={localeNames} />\n                </Flex>\n              </ContentLayout>\n            </Box>\n          </>\n        )}\n      </Form>\n    </Main>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * PasswordSection\n * -----------------------------------------------------------------------------------------------*/\n\nconst PasswordSection = () => {\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.change-password',\n            defaultMessage: 'Change password',\n          })}\n        </Typography>\n        {[\n          [\n            {\n              label: formatMessage({\n                id: 'Auth.form.currentPassword.label',\n                defaultMessage: 'Current Password',\n              }),\n              name: 'currentPassword',\n              size: 6,\n              type: 'password' as const,\n            },\n          ],\n          [\n            {\n              autoComplete: 'new-password',\n              label: formatMessage({\n                id: 'global.password',\n                defaultMessage: 'Password',\n              }),\n              name: 'password',\n              size: 6,\n              type: 'password' as const,\n            },\n            {\n              autoComplete: 'new-password',\n              label: formatMessage({\n                id: 'Auth.form.confirmPassword.label',\n                defaultMessage: 'Confirm Password',\n              }),\n              name: 'confirmPassword',\n              size: 6,\n              type: 'password' as const,\n            },\n          ],\n        ].map((row, index) => (\n          <Grid key={index} gap={5}>\n            {row.map(({ size, ...field }) => (\n              <GridItem key={field.name} col={size}>\n                <InputRenderer {...field} />\n              </GridItem>\n            ))}\n          </Grid>\n        ))}\n      </Flex>\n    </Box>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * PreferencesSection\n * -----------------------------------------------------------------------------------------------*/\n\ninterface PreferencesSectionProps {\n  localeNames: Record<string, string>;\n}\n\nconst PreferencesSection = ({ localeNames }: PreferencesSectionProps) => {\n  const { formatMessage } = useIntl();\n  const themesToDisplay = useTypedSelector((state) => state.admin_app.theme.availableThemes);\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          {[\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              label: formatMessage({\n                id: 'Settings.profile.form.section.experience.interfaceLanguage',\n                defaultMessage: 'Interface language',\n              }),\n              name: 'preferedLanguage',\n              options: Object.entries(localeNames).map(([value, label]) => ({\n                label,\n                value,\n              })),\n              placeholder: formatMessage({\n                id: 'global.select',\n                defaultMessage: 'Select',\n              }),\n              size: 6,\n              type: 'enumeration' as const,\n            },\n            {\n              hint: formatMessage({\n                id: 'Settings.profile.form.section.experience.mode.hint',\n                defaultMessage: 'Displays your interface in the chosen mode.',\n              }),\n              label: formatMessage({\n                id: 'Settings.profile.form.section.experience.mode.label',\n                defaultMessage: 'Interface mode',\n              }),\n              name: 'currentTheme',\n              options: [\n                {\n                  label: formatMessage({\n                    id: 'Settings.profile.form.section.experience.mode.option-system-label',\n                    defaultMessage: 'Use system settings',\n                  }),\n                  value: 'system',\n                },\n                ...themesToDisplay.map((theme) => ({\n                  label: 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                  value: theme,\n                })),\n              ],\n              placeholder: formatMessage({\n                id: 'components.Select.placeholder',\n                defaultMessage: 'Select',\n              }),\n              size: 6,\n              type: 'enumeration' as const,\n            },\n          ].map(({ size, ...field }) => (\n            <GridItem key={field.name} col={size}>\n              <InputRenderer {...field} />\n            </GridItem>\n          ))}\n        </Grid>\n      </Flex>\n    </Box>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * UserInfoSection\n * -----------------------------------------------------------------------------------------------*/\n\nconst UserInfoSection = () => {\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          {[\n            {\n              label: formatMessage({\n                id: 'Auth.form.firstname.label',\n                defaultMessage: 'First name',\n              }),\n              name: 'firstname',\n              required: true,\n              size: 6,\n              type: 'string' as const,\n            },\n            {\n              label: formatMessage({\n                id: 'Auth.form.lastname.label',\n                defaultMessage: 'Last name',\n              }),\n              name: 'lastname',\n              size: 6,\n              type: 'string' as const,\n            },\n            {\n              label: formatMessage({\n                id: 'Auth.form.email.label',\n                defaultMessage: 'Email',\n              }),\n              name: 'email',\n              required: true,\n              size: 6,\n              type: 'email' as const,\n            },\n            {\n              label: formatMessage({\n                id: 'Auth.form.username.label',\n                defaultMessage: 'Username',\n              }),\n              name: 'username',\n              size: 6,\n              type: 'string' as const,\n            },\n          ].map(({ size, ...field }) => (\n            <GridItem key={field.name} col={size}>\n              <InputRenderer {...field} />\n            </GridItem>\n          ))}\n        </Grid>\n      </Flex>\n    </Box>\n  );\n};\n\nexport { ProfilePage };\n"],"names":["translatedErrors","currentTheme"],"mappings":"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"}

package/dist/_chunks/ReviewWorkflowsColumn-FDxVKdto.mjs

@@ -0,0 +1,33 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Flex, Box, Typography } from "@strapi/design-system";
+import { ah as getStageColorByHex, ae as STAGE_COLOR_DEFAULT, g as getDisplayName } from "./index-5ZvCaCyY.mjs";
+import { useIntl } from "react-intl";
+const ReviewWorkflowsStageEE = ({
+  color = STAGE_COLOR_DEFAULT,
+  name
+}) => {
+  const { themeColorName } = getStageColorByHex(color) ?? {};
+  return /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, maxWidth: `${300 / 16}rem`, children: [
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        height: 2,
+        background: color,
+        borderColor: themeColorName === "neutral0" ? "neutral150" : void 0,
+        hasRadius: true,
+        shrink: 0,
+        width: 2
+      }
+    ),
+    /* @__PURE__ */ jsx(Typography, { fontWeight: "regular", textColor: "neutral700", ellipsis: true, children: name })
+  ] });
+};
+const ReviewWorkflowsAssigneeEE = ({ user }) => {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: getDisplayName(user, formatMessage) });
+};
+export {
+  ReviewWorkflowsAssigneeEE,
+  ReviewWorkflowsStageEE
+};
+//# sourceMappingURL=ReviewWorkflowsColumn-FDxVKdto.mjs.map

package/dist/_chunks/ReviewWorkflowsColumn-FDxVKdto.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewWorkflowsColumn-FDxVKdto.mjs","sources":["../../ee/admin/src/content-manager/pages/ListView/components/ReviewWorkflowsStageEE.tsx","../../ee/admin/src/content-manager/pages/ListView/components/ReviewWorkflowsAssigneeEE.tsx"],"sourcesContent":["import { Box, Flex, Typography } from '@strapi/design-system';\n\nimport { STAGE_COLOR_DEFAULT } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/constants';\nimport { getStageColorByHex } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/utils/colors';\n\ninterface ReviewWorkflowsStageEEProps {\n  color?: string;\n  name: string;\n}\n\nconst ReviewWorkflowsStageEE = ({\n  color = STAGE_COLOR_DEFAULT,\n  name,\n}: ReviewWorkflowsStageEEProps) => {\n  const { themeColorName } = getStageColorByHex(color) ?? {};\n\n  return (\n    <Flex alignItems=\"center\" gap={2} maxWidth={`${300 / 16}rem`}>\n      <Box\n        height={2}\n        background={color}\n        borderColor={themeColorName === 'neutral0' ? 'neutral150' : undefined}\n        hasRadius\n        shrink={0}\n        width={2}\n      />\n\n      <Typography fontWeight=\"regular\" textColor=\"neutral700\" ellipsis>\n        {name}\n      </Typography>\n    </Flex>\n  );\n};\n\nexport { ReviewWorkflowsStageEE };\nexport type { ReviewWorkflowsStageEEProps };\n","import { Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { getDisplayName } from '../../../../../../../admin/src/utils/users';\nimport { SanitizedAdminUser } from '../../../../../../../shared/contracts/shared';\n\ninterface ReviewWorkflowsAssigneeEEProps {\n  user: Pick<SanitizedAdminUser, 'firstname' | 'lastname' | 'username' | 'email'>;\n}\n\nconst ReviewWorkflowsAssigneeEE = ({ user }: ReviewWorkflowsAssigneeEEProps) => {\n  const { formatMessage } = useIntl();\n\n  return <Typography textColor=\"neutral800\">{getDisplayName(user, formatMessage)}</Typography>;\n};\n\nexport { ReviewWorkflowsAssigneeEE };\nexport type { ReviewWorkflowsAssigneeEEProps };\n"],"names":[],"mappings":";;;;AAUA,MAAM,yBAAyB,CAAC;AAAA,EAC9B,QAAQ;AAAA,EACR;AACF,MAAmC;AACjC,QAAM,EAAE,eAAe,IAAI,mBAAmB,KAAK,KAAK,CAAA;AAGtD,SAAA,qBAAC,MAAK,EAAA,YAAW,UAAS,KAAK,GAAG,UAAU,GAAG,MAAM,EAAE,OACrD,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,aAAa,mBAAmB,aAAa,eAAe;AAAA,QAC5D,WAAS;AAAA,QACT,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEA,oBAAC,cAAW,YAAW,WAAU,WAAU,cAAa,UAAQ,MAC7D,UACH,KAAA,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;ACtBA,MAAM,4BAA4B,CAAC,EAAE,WAA2C;AACxE,QAAA,EAAE,kBAAkB;AAE1B,6BAAQ,YAAW,EAAA,WAAU,cAAc,UAAe,eAAA,MAAM,aAAa,EAAE,CAAA;AACjF;"}

package/dist/_chunks/ReviewWorkflowsColumn-hJRkAN5a.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const designSystem = require("@strapi/design-system");
+const index = require("./index-ibtz273H.js");
+const reactIntl = require("react-intl");
+const ReviewWorkflowsStageEE = ({
+  color = index.STAGE_COLOR_DEFAULT,
+  name
+}) => {
+  const { themeColorName } = index.getStageColorByHex(color) ?? {};
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, maxWidth: `${300 / 16}rem`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Box,
+      {
+        height: 2,
+        background: color,
+        borderColor: themeColorName === "neutral0" ? "neutral150" : void 0,
+        hasRadius: true,
+        shrink: 0,
+        width: 2
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "regular", textColor: "neutral700", ellipsis: true, children: name })
+  ] });
+};
+const ReviewWorkflowsAssigneeEE = ({ user }) => {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: index.getDisplayName(user, formatMessage) });
+};
+exports.ReviewWorkflowsAssigneeEE = ReviewWorkflowsAssigneeEE;
+exports.ReviewWorkflowsStageEE = ReviewWorkflowsStageEE;
+//# sourceMappingURL=ReviewWorkflowsColumn-hJRkAN5a.js.map

package/dist/_chunks/ReviewWorkflowsColumn-hJRkAN5a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewWorkflowsColumn-hJRkAN5a.js","sources":["../../ee/admin/src/content-manager/pages/ListView/components/ReviewWorkflowsStageEE.tsx","../../ee/admin/src/content-manager/pages/ListView/components/ReviewWorkflowsAssigneeEE.tsx"],"sourcesContent":["import { Box, Flex, Typography } from '@strapi/design-system';\n\nimport { STAGE_COLOR_DEFAULT } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/constants';\nimport { getStageColorByHex } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/utils/colors';\n\ninterface ReviewWorkflowsStageEEProps {\n  color?: string;\n  name: string;\n}\n\nconst ReviewWorkflowsStageEE = ({\n  color = STAGE_COLOR_DEFAULT,\n  name,\n}: ReviewWorkflowsStageEEProps) => {\n  const { themeColorName } = getStageColorByHex(color) ?? {};\n\n  return (\n    <Flex alignItems=\"center\" gap={2} maxWidth={`${300 / 16}rem`}>\n      <Box\n        height={2}\n        background={color}\n        borderColor={themeColorName === 'neutral0' ? 'neutral150' : undefined}\n        hasRadius\n        shrink={0}\n        width={2}\n      />\n\n      <Typography fontWeight=\"regular\" textColor=\"neutral700\" ellipsis>\n        {name}\n      </Typography>\n    </Flex>\n  );\n};\n\nexport { ReviewWorkflowsStageEE };\nexport type { ReviewWorkflowsStageEEProps };\n","import { Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { getDisplayName } from '../../../../../../../admin/src/utils/users';\nimport { SanitizedAdminUser } from '../../../../../../../shared/contracts/shared';\n\ninterface ReviewWorkflowsAssigneeEEProps {\n  user: Pick<SanitizedAdminUser, 'firstname' | 'lastname' | 'username' | 'email'>;\n}\n\nconst ReviewWorkflowsAssigneeEE = ({ user }: ReviewWorkflowsAssigneeEEProps) => {\n  const { formatMessage } = useIntl();\n\n  return <Typography textColor=\"neutral800\">{getDisplayName(user, formatMessage)}</Typography>;\n};\n\nexport { ReviewWorkflowsAssigneeEE };\nexport type { ReviewWorkflowsAssigneeEEProps };\n"],"names":["STAGE_COLOR_DEFAULT","getStageColorByHex","jsxs","Flex","jsx","Box","Typography","useIntl","getDisplayName"],"mappings":";;;;;;AAUA,MAAM,yBAAyB,CAAC;AAAA,EAC9B,QAAQA,MAAA;AAAA,EACR;AACF,MAAmC;AACjC,QAAM,EAAE,eAAe,IAAIC,MAAmB,mBAAA,KAAK,KAAK,CAAA;AAGtD,SAAAC,2BAAA,KAACC,aAAK,MAAA,EAAA,YAAW,UAAS,KAAK,GAAG,UAAU,GAAG,MAAM,EAAE,OACrD,UAAA;AAAA,IAAAC,2BAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,aAAa,mBAAmB,aAAa,eAAe;AAAA,QAC5D,WAAS;AAAA,QACT,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEAD,2BAAAA,IAACE,2BAAW,YAAW,WAAU,WAAU,cAAa,UAAQ,MAC7D,UACH,KAAA,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;ACtBA,MAAM,4BAA4B,CAAC,EAAE,WAA2C;AACxE,QAAA,EAAE,kBAAkBC,UAAAA;AAE1B,wCAAQD,aAAAA,YAAW,EAAA,WAAU,cAAc,UAAeE,MAAAA,eAAA,MAAM,aAAa,EAAE,CAAA;AACjF;;;"}

package/dist/_chunks/SelectRoles-Iih1yeTu.mjs

@@ -0,0 +1,106 @@
+import { jsx } from "react/jsx-runtime";
+import { useIntl } from "react-intl";
+import { u as useNotification, be as getBasename, C as useField } from "./index-5ZvCaCyY.mjs";
+import { IconButton, MultiSelect, MultiSelectOption } from "@strapi/design-system";
+import { useClipboard } from "@strapi/helper-plugin";
+import { Duplicate, Loader as Loader$1 } from "@strapi/icons";
+import { C as ContentBox } from "./ContentBox-EWvnSfCf.mjs";
+import styled, { keyframes } from "styled-components";
+import { u as useAdminRoles } from "./useAdminRoles-7_YWhmkQ.mjs";
+const MagicLinkWrapper = ({ children, target }) => {
+  const { toggleNotification } = useNotification();
+  const { formatMessage } = useIntl();
+  const { copy } = useClipboard();
+  const copyLabel = formatMessage({
+    id: "app.component.CopyToClipboard.label",
+    defaultMessage: "Copy to clipboard"
+  });
+  const handleClick = async () => {
+    const didCopy = await copy(target);
+    if (didCopy) {
+      toggleNotification({
+        type: "info",
+        message: formatMessage({ id: "notification.link-copied" })
+      });
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    ContentBox,
+    {
+      endAction: /* @__PURE__ */ jsx(IconButton, { label: copyLabel, noBorder: true, icon: /* @__PURE__ */ jsx(Duplicate, {}), onClick: handleClick }),
+      title: target,
+      titleEllipsis: true,
+      subtitle: children,
+      icon: /* @__PURE__ */ jsx("span", { style: { fontSize: 32 }, children: "✉️" }),
+      iconBackground: "neutral100"
+    }
+  );
+};
+const MagicLinkCE = ({ registrationToken }) => {
+  const { formatMessage } = useIntl();
+  const target = `${window.location.origin}${getBasename()}/auth/register?registrationToken=${registrationToken}`;
+  return /* @__PURE__ */ jsx(MagicLinkWrapper, { target, children: formatMessage({
+    id: "app.components.Users.MagicLink.connect",
+    defaultMessage: "Copy and share this link to give access to this user"
+  }) });
+};
+const SelectRoles = ({ disabled }) => {
+  const { isLoading, roles } = useAdminRoles();
+  const { formatMessage } = useIntl();
+  const { value = [], onChange, error } = useField("roles");
+  const label = formatMessage({
+    id: "app.components.Users.ModalCreateBody.block-title.roles",
+    defaultMessage: "User's roles"
+  });
+  const hint = formatMessage({
+    id: "app.components.Users.ModalCreateBody.block-title.roles.description",
+    defaultMessage: "A user can have one or several roles"
+  });
+  const placeholder = formatMessage({
+    id: "app.components.Select.placeholder",
+    defaultMessage: "Select"
+  });
+  return /* @__PURE__ */ jsx(
+    MultiSelect,
+    {
+      id: "roles",
+      disabled,
+      error,
+      hint,
+      label,
+      name: "roles",
+      onChange: (v) => {
+        onChange("roles", v);
+      },
+      placeholder,
+      startIcon: isLoading ? /* @__PURE__ */ jsx(Loader, {}) : void 0,
+      value: value.map((v) => v.toString()),
+      withTags: true,
+      required: true,
+      children: roles.map((role) => {
+        return /* @__PURE__ */ jsx(MultiSelectOption, { value: role.id.toString(), children: formatMessage({
+          id: `global.${role.code}`,
+          defaultMessage: role.name
+        }) }, role.id);
+      })
+    }
+  );
+};
+const rotation = keyframes`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+`;
+const LoadingWrapper = styled.div`
+  animation: ${rotation} 2s infinite linear;
+`;
+const Loader = () => /* @__PURE__ */ jsx(LoadingWrapper, { children: /* @__PURE__ */ jsx(Loader$1, {}) });
+export {
+  MagicLinkCE as M,
+  SelectRoles as S,
+  MagicLinkWrapper as a
+};
+//# sourceMappingURL=SelectRoles-Iih1yeTu.mjs.map

package/dist/_chunks/SelectRoles-Iih1yeTu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectRoles-Iih1yeTu.mjs","sources":["../../admin/src/pages/Settings/pages/Users/components/MagicLinkWrapper.tsx","../../admin/src/pages/Settings/pages/Users/components/MagicLinkCE.tsx","../../admin/src/pages/Settings/pages/Users/components/SelectRoles.tsx"],"sourcesContent":["import { IconButton } from '@strapi/design-system';\nimport { useClipboard } from '@strapi/helper-plugin';\nimport { Duplicate } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { ContentBox } from '../../../../../components/ContentBox';\nimport { useNotification } from '../../../../../features/Notifications';\n\ninterface MagicLinkWrapperProps {\n  children: string;\n  target: string;\n}\n\nconst MagicLinkWrapper = ({ children, target }: MagicLinkWrapperProps) => {\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const { copy } = useClipboard();\n\n  const copyLabel = formatMessage({\n    id: 'app.component.CopyToClipboard.label',\n    defaultMessage: 'Copy to clipboard',\n  });\n\n  const handleClick = async () => {\n    const didCopy = await copy(target);\n\n    if (didCopy) {\n      toggleNotification({\n        type: 'info',\n        message: formatMessage({ id: 'notification.link-copied' }),\n      });\n    }\n  };\n\n  return (\n    <ContentBox\n      endAction={\n        <IconButton label={copyLabel} noBorder icon={<Duplicate />} onClick={handleClick} />\n      }\n      title={target}\n      titleEllipsis\n      subtitle={children}\n      icon={<span style={{ fontSize: 32 }}>✉️</span>}\n      iconBackground=\"neutral100\"\n    />\n  );\n};\n\nexport { MagicLinkWrapper };\nexport type { MagicLinkWrapperProps };\n","import { useIntl } from 'react-intl';\n\nimport { getBasename } from '../../../../../core/utils/basename';\n\nimport { MagicLinkWrapper } from './MagicLinkWrapper';\n\ninterface MagicLinkCEProps {\n  registrationToken: string;\n}\n\nconst MagicLinkCE = ({ registrationToken }: MagicLinkCEProps) => {\n  const { formatMessage } = useIntl();\n  const target = `${\n    window.location.origin\n  }${getBasename()}/auth/register?registrationToken=${registrationToken}`;\n\n  return (\n    <MagicLinkWrapper target={target}>\n      {formatMessage({\n        id: 'app.components.Users.MagicLink.connect',\n        defaultMessage: 'Copy and share this link to give access to this user',\n      })}\n    </MagicLinkWrapper>\n  );\n};\n\nexport { MagicLinkCE };\nexport type { MagicLinkCEProps };\n","import { MultiSelect, MultiSelectOption } from '@strapi/design-system';\nimport { Loader as LoadingIcon } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport styled, { keyframes } from 'styled-components';\n\nimport { useField } from '../../../../../components/Form';\nimport { useAdminRoles } from '../../../../../hooks/useAdminRoles';\n\ninterface SelectRolesProps {\n  disabled?: boolean;\n}\n\nconst SelectRoles = ({ disabled }: SelectRolesProps) => {\n  const { isLoading, roles } = useAdminRoles();\n\n  const { formatMessage } = useIntl();\n  const { value = [], onChange, error } = useField<string[]>('roles');\n\n  const label = formatMessage({\n    id: 'app.components.Users.ModalCreateBody.block-title.roles',\n    defaultMessage: \"User's roles\",\n  });\n  const hint = formatMessage({\n    id: 'app.components.Users.ModalCreateBody.block-title.roles.description',\n    defaultMessage: 'A user can have one or several roles',\n  });\n  const placeholder = formatMessage({\n    id: 'app.components.Select.placeholder',\n    defaultMessage: 'Select',\n  });\n\n  return (\n    <MultiSelect\n      id=\"roles\"\n      disabled={disabled}\n      error={error}\n      hint={hint}\n      label={label}\n      name=\"roles\"\n      onChange={(v) => {\n        onChange('roles', v);\n      }}\n      placeholder={placeholder}\n      startIcon={isLoading ? <Loader /> : undefined}\n      value={value.map((v) => v.toString())}\n      withTags\n      required\n    >\n      {roles.map((role) => {\n        return (\n          <MultiSelectOption key={role.id} value={role.id.toString()}>\n            {formatMessage({\n              id: `global.${role.code}`,\n              defaultMessage: role.name,\n            })}\n          </MultiSelectOption>\n        );\n      })}\n    </MultiSelect>\n  );\n};\n\nconst rotation = keyframes`\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n`;\n\nconst LoadingWrapper = styled.div`\n  animation: ${rotation} 2s infinite linear;\n`;\n\nconst Loader = () => (\n  <LoadingWrapper>\n    <LoadingIcon />\n  </LoadingWrapper>\n);\n\nexport { SelectRoles };\n"],"names":["LoadingIcon"],"mappings":";;;;;;;;;AAaA,MAAM,mBAAmB,CAAC,EAAE,UAAU,aAAoC;AAClE,QAAA,EAAE,uBAAuB;AACzB,QAAA,EAAE,kBAAkB;AACpB,QAAA,EAAE,SAAS;AAEjB,QAAM,YAAY,cAAc;AAAA,IAC9B,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAAA,CACjB;AAED,QAAM,cAAc,YAAY;AACxB,UAAA,UAAU,MAAM,KAAK,MAAM;AAEjC,QAAI,SAAS;AACQ,yBAAA;AAAA,QACjB,MAAM;AAAA,QACN,SAAS,cAAc,EAAE,IAAI,4BAA4B;AAAA,MAAA,CAC1D;AAAA,IACH;AAAA,EAAA;AAIA,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WACE,oBAAC,YAAW,EAAA,OAAO,WAAW,UAAQ,MAAC,MAAO,oBAAA,WAAA,CAAA,CAAU,GAAI,SAAS,YAAa,CAAA;AAAA,MAEpF,OAAO;AAAA,MACP,eAAa;AAAA,MACb,UAAU;AAAA,MACV,0BAAO,QAAK,EAAA,OAAO,EAAE,UAAU,MAAM,UAAE,MAAA;AAAA,MACvC,gBAAe;AAAA,IAAA;AAAA,EAAA;AAGrB;ACpCA,MAAM,cAAc,CAAC,EAAE,wBAA0C;AACzD,QAAA,EAAE,kBAAkB;AACpB,QAAA,SAAS,GACb,OAAO,SAAS,MAClB,GAAG,aAAa,oCAAoC,iBAAiB;AAGnE,SAAA,oBAAC,kBAAiB,EAAA,QACf,UAAc,cAAA;AAAA,IACb,IAAI;AAAA,IACJ,gBAAgB;AAAA,EACjB,CAAA,EACH,CAAA;AAEJ;ACZA,MAAM,cAAc,CAAC,EAAE,eAAiC;AACtD,QAAM,EAAE,WAAW,MAAM,IAAI,cAAc;AAErC,QAAA,EAAE,kBAAkB;AACpB,QAAA,EAAE,QAAQ,IAAI,UAAU,UAAU,SAAmB,OAAO;AAElE,QAAM,QAAQ,cAAc;AAAA,IAC1B,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAAA,CACjB;AACD,QAAM,OAAO,cAAc;AAAA,IACzB,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAAA,CACjB;AACD,QAAM,cAAc,cAAc;AAAA,IAChC,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAAA,CACjB;AAGC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,UAAU,CAAC,MAAM;AACf,iBAAS,SAAS,CAAC;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,YAAa,oBAAA,QAAA,CAAO,CAAA,IAAK;AAAA,MACpC,OAAO,MAAM,IAAI,CAAC,MAAM,EAAE,UAAU;AAAA,MACpC,UAAQ;AAAA,MACR,UAAQ;AAAA,MAEP,UAAA,MAAM,IAAI,CAAC,SAAS;AACnB,mCACG,mBAAgC,EAAA,OAAO,KAAK,GAAG,SAAA,GAC7C,UAAc,cAAA;AAAA,UACb,IAAI,UAAU,KAAK,IAAI;AAAA,UACvB,gBAAgB,KAAK;AAAA,QAAA,CACtB,EAJqB,GAAA,KAAK,EAK7B;AAAA,MAAA,CAEH;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,MAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASjB,MAAM,iBAAiB,OAAO;AAAA,eACf,QAAQ;AAAA;AAGvB,MAAM,SAAS,MACb,oBAAC,gBACC,EAAA,UAAA,oBAACA,WAAY,CAAA,GACf;"}