@strapi/admin 5.0.0-beta.4 → 5.0.0-beta.6

package/dist/admin/{ProfilePage-bDOjI8F-.mjs.map → ProfilePage-T2kC_KoM.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ProfilePage-bDOjI8F-.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  useNotifyAT,\n  Grid,\n  GridItem,\n  Typography,\n} from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\nimport upperFirst from 'lodash/upperFirst';\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  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 (isBaseQueryError(res.error) && res.error.name === 'ValidationError') {\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    <Page.Main aria-busy={isSubmittingForm}>\n      <Page.Title>\n        {formatMessage({\n          id: 'Settings.profile.form.section.head.title',\n          defaultMessage: 'User profile',\n        })}\n      </Page.Title>\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)}\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    </Page.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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"}
+{"version":3,"file":"ProfilePage-T2kC_KoM.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  useNotifyAT,\n  Grid,\n  GridItem,\n  Typography,\n} from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\nimport upperFirst from 'lodash/upperFirst';\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  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 (isBaseQueryError(res.error) && res.error.name === 'ValidationError') {\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    <Page.Main aria-busy={isSubmittingForm}>\n      <Page.Title>\n        {formatMessage({\n          id: 'Settings.profile.form.section.head.title',\n          defaultMessage: 'User profile',\n        })}\n      </Page.Title>\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)}\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    </Page.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":";;;;;;;;;;;;;AAoCA,MAAM,wBAA2B,GAAA,GAAA,CAAI,MAAO,EAAA,CAAE,KAAM,CAAA;AAAA,EAClD,GAAG,kBAAA;AAAA,EACH,eAAiB,EAAA,GAAA,CACd,MAAO,EAAA,CAEP,IAAK,CAAA,CAAC,UAAY,EAAA,iBAAiB,CAAG,EAAA,CAAC,QAAU,EAAA,eAAA,EAAiB,UAAe,KAAA;AAChF,IAAO,OAAA,QAAA,IAAY,eACf,GAAA,UAAA,CAAW,QAAS,CAAA;AAAA,MAClB,EAAA,EAAIA,YAAiB,QAAS,CAAA,EAAA;AAAA,MAC9B,cAAgB,EAAA,wBAAA;AAAA,KACjB,CACD,GAAA,UAAA,CAAA;AAAA,GACL,CAAA;AAAA,EACH,gBAAkB,EAAA,GAAA,CAAI,MAAO,EAAA,CAAE,QAAS,EAAA;AAC1C,CAAC,CAAA,CAAA;AAMD,MAAM,cAAc,MAAM;AACxB,EAAA,MAAM,cAAc,gBAAiB,CAAA,CAAC,UAAU,KAAM,CAAA,SAAA,CAAU,SAAS,WAAW,CAAA,CAAA;AACpF,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,OAAQ,EAAA,CAAA;AAClC,EAAM,MAAA,EAAE,UAAW,EAAA,GAAI,WAAY,EAAA,CAAA;AACnC,EAAM,MAAA,EAAE,kBAAmB,EAAA,GAAI,eAAgB,EAAA,CAAA;AAC/C,EAAM,MAAA,EAAE,YAAa,EAAA,GAAI,WAAY,EAAA,CAAA;AACrC,EAAA,MAAM,eAAe,gBAAiB,CAAA,CAAC,UAAU,KAAM,CAAA,SAAA,CAAU,MAAM,YAAY,CAAA,CAAA;AACnF,EAAA,MAAM,WAAW,gBAAiB,EAAA,CAAA;AAClC,EAAM,MAAA;AAAA,IACJ,+BAAiC,EAAA,sBAAA;AAAA,IACjC,uBAAyB,EAAA,cAAA;AAAA,MACvB,kBAAmB,EAAA,CAAA;AAEvB,EAAA,MAAM,OAAO,OAAQ,CAAA,aAAA,EAAe,CAAC,KAAA,KAAU,MAAM,IAAI,CAAA,CAAA;AAEzD,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,IAAM,EAAA;AACR,MAAA,YAAA;AAAA,QACE,aAAc,CAAA;AAAA,UACZ,EAAI,EAAA,0CAAA;AAAA,UACJ,cAAgB,EAAA,mCAAA;AAAA,SACjB,CAAA;AAAA,OACH,CAAA;AAAA,KACK,MAAA;AACL,MAAmB,kBAAA,CAAA;AAAA,QACjB,IAAM,EAAA,QAAA;AAAA,QACN,SAAS,aAAc,CAAA,EAAE,IAAI,oBAAsB,EAAA,cAAA,EAAgB,oBAAoB,CAAA;AAAA,OACxF,CAAA,CAAA;AAAA,KACH;AAAA,KACC,CAAC,aAAA,EAAe,YAAc,EAAA,kBAAA,EAAoB,IAAI,CAAC,CAAA,CAAA;AAE1D,EAAA,MAAM,CAAC,QAAU,EAAA,EAAE,WAAW,gBAAiB,EAAC,IAAI,mBAAoB,EAAA,CAAA;AAExE,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,IAAM,EAAA,OAAA;AAAA,IACN,KAAA;AAAA,GACF,GAAI,oBAAoB,KAAW,CAAA,EAAA;AAAA,IACjC,IAAA,EAAM,EAAE,MAAO,CAAA,MAAA,CAAO,QAAQ,MAAO,CAAA,MAAA,CAAO,QAAS,CAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AAAA,GACrE,CAAA,CAAA;AAED,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,KAAO,EAAA;AACT,MAAmB,kBAAA,CAAA;AAAA,QACjB,IAAM,EAAA,QAAA;AAAA,QACN,OAAS,EAAA,aAAA,CAAc,EAAE,EAAA,EAAI,iDAAiD,CAAA;AAAA,OAC/E,CAAA,CAAA;AAAA,KACH;AAAA,GACC,EAAA,CAAC,KAAO,EAAA,aAAA,EAAe,kBAAkB,CAAC,CAAA,CAAA;AAO7C,EAAA,MAAM,YAAe,GAAA,OACnB,IACA,EAAA,EAAE,WACC,KAAA;AACH,IAAA,MAAM,EAAE,eAAiB,EAAA,gBAAA,EAAkB,cAAAC,aAAc,EAAA,GAAG,UAAa,GAAA,IAAA,CAAA;AACzE,IAAA,IAAI,UAAa,GAAA,QAAA,CAAA;AAIjB,IAAI,IAAA,UAAA,CAAW,aAAa,EAAI,EAAA;AAC9B,MAAM,MAAA;AAAA,QACJ,QAAU,EAAA,SAAA;AAAA,QACV,eAAiB,EAAA,gBAAA;AAAA,QACjB,GAAG,uBAAA;AAAA,OACD,GAAA,UAAA,CAAA;AACJ,MAAa,UAAA,GAAA,uBAAA,CAAA;AAAA,KACf;AAEA,IAAM,MAAA,GAAA,GAAM,MAAM,QAAA,CAAS,UAAU,CAAA,CAAA;AAErC,IAAA,IAAI,UAAU,GAAK,EAAA;AACjB,MAAS,QAAA,CAAA,WAAA,CAAYA,aAAY,CAAC,CAAA,CAAA;AAElC,MAAA,UAAA,CAAW,eAAiB,EAAA,EAAE,OAASA,EAAAA,aAAAA,EAAc,CAAA,CAAA;AAErD,MAAmB,kBAAA,CAAA;AAAA,QACjB,IAAM,EAAA,SAAA;AAAA,QACN,SAAS,aAAc,CAAA,EAAE,IAAI,4BAA8B,EAAA,cAAA,EAAgB,SAAS,CAAA;AAAA,OACrF,CAAA,CAAA;AAAA,KACH;AAEA,IAAA,IAAI,WAAW,GAAK,EAAA;AAClB,MAAA,IAAI,iBAAiB,GAAI,CAAA,KAAK,KAAK,GAAI,CAAA,KAAA,CAAM,SAAS,iBAAmB,EAAA;AACvE,QAAU,SAAA,CAAA,sBAAA,CAAuB,GAAI,CAAA,KAAK,CAAC,CAAA,CAAA;AAAA,OAClC,MAAA,IAAA,gBAAA,CAAiB,GAAI,CAAA,KAAK,CAAG,EAAA;AACtC,QAAmB,kBAAA,CAAA;AAAA,UACjB,IAAM,EAAA,QAAA;AAAA,UACN,OAAA,EAAS,cAAe,CAAA,GAAA,CAAI,KAAK,CAAA;AAAA,SAClC,CAAA,CAAA;AAAA,OACI,MAAA;AACL,QAAmB,kBAAA,CAAA;AAAA,UACjB,IAAM,EAAA,QAAA;AAAA,UACN,SAAS,aAAc,CAAA,EAAE,IAAI,oBAAsB,EAAA,cAAA,EAAgB,oBAAoB,CAAA;AAAA,SACxF,CAAA,CAAA;AAAA,OACH;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAA,IAAI,SAAW,EAAA;AACb,IAAO,uBAAA,GAAA,CAAC,IAAK,CAAA,OAAA,EAAL,EAAa,CAAA,CAAA;AAAA,GACvB;AAEA,EAAM,MAAA,aAAA,GAAgB,SAAS,WAAe,IAAA,KAAA,CAAA;AAC9C,EAAM,MAAA,EAAE,OAAO,SAAW,EAAA,QAAA,EAAU,UAAU,gBAAiB,EAAA,GAAI,QAAQ,EAAC,CAAA;AAC5E,EAAA,MAAM,WAAc,GAAA;AAAA,IAClB,OAAO,KAAS,IAAA,EAAA;AAAA,IAChB,WAAW,SAAa,IAAA,EAAA;AAAA,IACxB,UAAU,QAAY,IAAA,EAAA;AAAA,IACtB,UAAU,QAAY,IAAA,EAAA;AAAA,IACtB,gBAAA;AAAA,IACA,YAAA;AAAA,IACA,eAAiB,EAAA,EAAA;AAAA,IACjB,QAAU,EAAA,EAAA;AAAA,GACZ,CAAA;AAEA,EAAA,uBACG,IAAA,CAAA,IAAA,CAAK,IAAL,EAAA,EAAU,aAAW,gBACpB,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,IAAA,CAAK,KAAL,EAAA,EACE,QAAc,EAAA,aAAA,CAAA;AAAA,MACb,EAAI,EAAA,0CAAA;AAAA,MACJ,cAAgB,EAAA,cAAA;AAAA,KACjB,CACH,EAAA,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,MAAO,EAAA,KAAA;AAAA,QACP,QAAU,EAAA,YAAA;AAAA,QACV,aAAe,EAAA,WAAA;AAAA,QACf,gBAAkB,EAAA,wBAAA;AAAA,QAEjB,QAAC,EAAA,CAAA,EAAE,YAAc,EAAA,QAAA,uBAEd,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,YAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAO,eAAe,IAAI,CAAA;AAAA,cAC1B,aACE,kBAAA,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,sBAAY,KAAM,EAAA,EAAA,CAAA;AAAA,kBAClB,OAAS,EAAA,YAAA;AAAA,kBACT,IAAK,EAAA,QAAA;AAAA,kBACL,UAAU,CAAC,QAAA;AAAA,kBAEV,wBAAc,EAAE,EAAA,EAAI,aAAe,EAAA,cAAA,EAAgB,QAAQ,CAAA;AAAA,iBAAA;AAAA,eAC9D;AAAA,aAAA;AAAA,WAEJ;AAAA,0BACC,GAAA,CAAA,GAAA,EAAA,EAAI,aAAe,EAAA,EAAA,EAClB,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EACC,QAAC,kBAAA,IAAA,CAAA,IAAA,EAAA,EAAK,SAAU,EAAA,QAAA,EAAS,UAAW,EAAA,SAAA,EAAU,KAAK,CACjD,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,CAAA;AAAA,YAChB,CAAC,aAAiB,oBAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,CAAA;AAAA,4BACpC,GAAA,CAAC,sBAAmB,WAA0B,EAAA,CAAA;AAAA,WAAA,EAChD,GACF,CACF,EAAA,CAAA;AAAA,SACF,EAAA,CAAA;AAAA,OAAA;AAAA,KAEJ;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ,EAAA;AAMA,MAAM,kBAAkB,MAAM;AAC5B,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,OAAQ,EAAA,CAAA;AAElC,EACE,uBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,UAAW,EAAA,UAAA;AAAA,MACX,SAAS,EAAA,IAAA;AAAA,MACT,MAAO,EAAA,cAAA;AAAA,MACP,UAAY,EAAA,CAAA;AAAA,MACZ,aAAe,EAAA,CAAA;AAAA,MACf,WAAa,EAAA,CAAA;AAAA,MACb,YAAc,EAAA,CAAA;AAAA,MAEd,+BAAC,IAAK,EAAA,EAAA,SAAA,EAAU,UAAS,UAAW,EAAA,SAAA,EAAU,KAAK,CACjD,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,EAAA,EAAG,MAC5B,QAAc,EAAA,aAAA,CAAA;AAAA,UACb,EAAI,EAAA,wBAAA;AAAA,UACJ,cAAgB,EAAA,iBAAA;AAAA,SACjB,CACH,EAAA,CAAA;AAAA,QACC;AAAA,UACC;AAAA,YACE;AAAA,cACE,OAAO,aAAc,CAAA;AAAA,gBACnB,EAAI,EAAA,iCAAA;AAAA,gBACJ,cAAgB,EAAA,kBAAA;AAAA,eACjB,CAAA;AAAA,cACD,IAAM,EAAA,iBAAA;AAAA,cACN,IAAM,EAAA,CAAA;AAAA,cACN,IAAM,EAAA,UAAA;AAAA,aACR;AAAA,WACF;AAAA,UACA;AAAA,YACE;AAAA,cACE,YAAc,EAAA,cAAA;AAAA,cACd,OAAO,aAAc,CAAA;AAAA,gBACnB,EAAI,EAAA,iBAAA;AAAA,gBACJ,cAAgB,EAAA,UAAA;AAAA,eACjB,CAAA;AAAA,cACD,IAAM,EAAA,UAAA;AAAA,cACN,IAAM,EAAA,CAAA;AAAA,cACN,IAAM,EAAA,UAAA;AAAA,aACR;AAAA,YACA;AAAA,cACE,YAAc,EAAA,cAAA;AAAA,cACd,OAAO,aAAc,CAAA;AAAA,gBACnB,EAAI,EAAA,iCAAA;AAAA,gBACJ,cAAgB,EAAA,kBAAA;AAAA,eACjB,CAAA;AAAA,cACD,IAAM,EAAA,iBAAA;AAAA,cACN,IAAM,EAAA,CAAA;AAAA,cACN,IAAM,EAAA,UAAA;AAAA,aACR;AAAA,WACF;AAAA,SACA,CAAA,GAAA,CAAI,CAAC,GAAA,EAAK,KACV,qBAAA,GAAA,CAAC,IAAiB,EAAA,EAAA,GAAA,EAAK,CACpB,EAAA,QAAA,EAAA,GAAA,CAAI,GAAI,CAAA,CAAC,EAAE,IAAM,EAAA,GAAG,KAAM,EAAA,qBACxB,GAAA,CAAA,QAAA,EAAA,EAA0B,GAAK,EAAA,IAAA,EAC9B,8BAAC,aAAe,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA,EAAA,EADb,KAAM,CAAA,IAErB,CACD,CAAA,EAAA,EALQ,KAMX,CACD,CAAA;AAAA,OACH,EAAA,CAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,CAAA,CAAA;AAUA,MAAM,kBAAqB,GAAA,CAAC,EAAE,WAAA,EAA2C,KAAA;AACvE,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,OAAQ,EAAA,CAAA;AAClC,EAAA,MAAM,kBAAkB,gBAAiB,CAAA,CAAC,UAAU,KAAM,CAAA,SAAA,CAAU,MAAM,eAAe,CAAA,CAAA;AAEzF,EACE,uBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,UAAW,EAAA,UAAA;AAAA,MACX,SAAS,EAAA,IAAA;AAAA,MACT,MAAO,EAAA,cAAA;AAAA,MACP,UAAY,EAAA,CAAA;AAAA,MACZ,aAAe,EAAA,CAAA;AAAA,MACf,WAAa,EAAA,CAAA;AAAA,MACb,YAAc,EAAA,CAAA;AAAA,MAEd,+BAAC,IAAK,EAAA,EAAA,SAAA,EAAU,UAAS,UAAW,EAAA,SAAA,EAAU,KAAK,CACjD,EAAA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,QAAK,SAAU,EAAA,QAAA,EAAS,UAAW,EAAA,SAAA,EAAU,KAAK,CACjD,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,EAAA,EAAG,MAC5B,QAAc,EAAA,aAAA,CAAA;AAAA,YACb,EAAI,EAAA,gDAAA;AAAA,YACJ,cAAgB,EAAA,YAAA;AAAA,WACjB,CACH,EAAA,CAAA;AAAA,8BACC,UACE,EAAA,EAAA,QAAA,EAAA,aAAA;AAAA,YACC;AAAA,cACE,EAAI,EAAA,gEAAA;AAAA,cACJ,cACE,EAAA,kFAAA;AAAA,aACJ;AAAA,YACA;AAAA,cACE,IACE,kBAAA,GAAA;AAAA,gBAAC,GAAA;AAAA,gBAAA;AAAA,kBACC,EAAG,EAAA,GAAA;AAAA,kBACH,KAAM,EAAA,YAAA;AAAA,kBACN,MAAO,EAAA,QAAA;AAAA,kBACP,GAAI,EAAA,qBAAA;AAAA,kBACJ,IAAK,EAAA,2FAAA;AAAA,kBAEJ,QAAc,EAAA,aAAA,CAAA;AAAA,oBACb,EAAI,EAAA,+CAAA;AAAA,oBACJ,cAAgB,EAAA,MAAA;AAAA,mBACjB,CAAA;AAAA,iBAAA;AAAA,eACH;AAAA,aAEJ;AAAA,WAEJ,EAAA,CAAA;AAAA,SACF,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,IAAK,EAAA,EAAA,GAAA,EAAK,CACR,EAAA,QAAA,EAAA;AAAA,UACC;AAAA,YACE,MAAM,aAAc,CAAA;AAAA,cAClB,EAAI,EAAA,iEAAA;AAAA,cACJ,cAAgB,EAAA,mEAAA;AAAA,aACjB,CAAA;AAAA,YACD,OAAO,aAAc,CAAA;AAAA,cACnB,EAAI,EAAA,4DAAA;AAAA,cACJ,cAAgB,EAAA,oBAAA;AAAA,aACjB,CAAA;AAAA,YACD,IAAM,EAAA,kBAAA;AAAA,YACN,OAAA,EAAS,MAAO,CAAA,OAAA,CAAQ,WAAW,CAAA,CAAE,IAAI,CAAC,CAAC,KAAO,EAAA,KAAK,CAAO,MAAA;AAAA,cAC5D,KAAA;AAAA,cACA,KAAA;AAAA,aACA,CAAA,CAAA;AAAA,YACF,aAAa,aAAc,CAAA;AAAA,cACzB,EAAI,EAAA,eAAA;AAAA,cACJ,cAAgB,EAAA,QAAA;AAAA,aACjB,CAAA;AAAA,YACD,IAAM,EAAA,CAAA;AAAA,YACN,IAAM,EAAA,aAAA;AAAA,WACR;AAAA,UACA;AAAA,YACE,MAAM,aAAc,CAAA;AAAA,cAClB,EAAI,EAAA,oDAAA;AAAA,cACJ,cAAgB,EAAA,6CAAA;AAAA,aACjB,CAAA;AAAA,YACD,OAAO,aAAc,CAAA;AAAA,cACnB,EAAI,EAAA,qDAAA;AAAA,cACJ,cAAgB,EAAA,gBAAA;AAAA,aACjB,CAAA;AAAA,YACD,IAAM,EAAA,cAAA;AAAA,YACN,OAAS,EAAA;AAAA,cACP;AAAA,gBACE,OAAO,aAAc,CAAA;AAAA,kBACnB,EAAI,EAAA,mEAAA;AAAA,kBACJ,cAAgB,EAAA,qBAAA;AAAA,iBACjB,CAAA;AAAA,gBACD,KAAO,EAAA,QAAA;AAAA,eACT;AAAA,cACA,GAAG,eAAA,CAAgB,GAAI,CAAA,CAAC,KAAW,MAAA;AAAA,gBACjC,KAAO,EAAA,aAAA;AAAA,kBACL;AAAA,oBACE,EAAI,EAAA,4DAAA;AAAA,oBACJ,cAAgB,EAAA,aAAA;AAAA,mBAClB;AAAA,kBACA;AAAA,oBACE,MAAM,aAAc,CAAA;AAAA,sBAClB,EAAI,EAAA,KAAA;AAAA,sBACJ,cAAA,EAAgB,WAAW,KAAK,CAAA;AAAA,qBACjC,CAAA;AAAA,mBACH;AAAA,iBACF;AAAA,gBACA,KAAO,EAAA,KAAA;AAAA,eACP,CAAA,CAAA;AAAA,aACJ;AAAA,YACA,aAAa,aAAc,CAAA;AAAA,cACzB,EAAI,EAAA,+BAAA;AAAA,cACJ,cAAgB,EAAA,QAAA;AAAA,aACjB,CAAA;AAAA,YACD,IAAM,EAAA,CAAA;AAAA,YACN,IAAM,EAAA,aAAA;AAAA,WACR;AAAA,SACF,CAAE,IAAI,CAAC,EAAE,MAAM,GAAG,KAAA,uBACf,GAAA,CAAA,QAAA,EAAA,EAA0B,KAAK,IAC9B,EAAA,QAAA,kBAAA,GAAA,CAAC,iBAAe,GAAG,KAAA,EAAO,KADb,KAAM,CAAA,IAErB,CACD,CACH,EAAA,CAAA;AAAA,OACF,EAAA,CAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,CAAA,CAAA;AAMA,MAAM,kBAAkB,MAAM;AAC5B,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,OAAQ,EAAA,CAAA;AAElC,EACE,uBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,UAAW,EAAA,UAAA;AAAA,MACX,SAAS,EAAA,IAAA;AAAA,MACT,MAAO,EAAA,cAAA;AAAA,MACP,UAAY,EAAA,CAAA;AAAA,MACZ,aAAe,EAAA,CAAA;AAAA,MACf,WAAa,EAAA,CAAA;AAAA,MACb,YAAc,EAAA,CAAA;AAAA,MAEd,+BAAC,IAAK,EAAA,EAAA,SAAA,EAAU,UAAS,UAAW,EAAA,SAAA,EAAU,KAAK,CACjD,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,EAAA,EAAG,MAC5B,QAAc,EAAA,aAAA,CAAA;AAAA,UACb,EAAI,EAAA,gBAAA;AAAA,UACJ,cAAgB,EAAA,SAAA;AAAA,SACjB,CACH,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,IAAK,EAAA,EAAA,GAAA,EAAK,CACR,EAAA,QAAA,EAAA;AAAA,UACC;AAAA,YACE,OAAO,aAAc,CAAA;AAAA,cACnB,EAAI,EAAA,2BAAA;AAAA,cACJ,cAAgB,EAAA,YAAA;AAAA,aACjB,CAAA;AAAA,YACD,IAAM,EAAA,WAAA;AAAA,YACN,QAAU,EAAA,IAAA;AAAA,YACV,IAAM,EAAA,CAAA;AAAA,YACN,IAAM,EAAA,QAAA;AAAA,WACR;AAAA,UACA;AAAA,YACE,OAAO,aAAc,CAAA;AAAA,cACnB,EAAI,EAAA,0BAAA;AAAA,cACJ,cAAgB,EAAA,WAAA;AAAA,aACjB,CAAA;AAAA,YACD,IAAM,EAAA,UAAA;AAAA,YACN,IAAM,EAAA,CAAA;AAAA,YACN,IAAM,EAAA,QAAA;AAAA,WACR;AAAA,UACA;AAAA,YACE,OAAO,aAAc,CAAA;AAAA,cACnB,EAAI,EAAA,uBAAA;AAAA,cACJ,cAAgB,EAAA,OAAA;AAAA,aACjB,CAAA;AAAA,YACD,IAAM,EAAA,OAAA;AAAA,YACN,QAAU,EAAA,IAAA;AAAA,YACV,IAAM,EAAA,CAAA;AAAA,YACN,IAAM,EAAA,OAAA;AAAA,WACR;AAAA,UACA;AAAA,YACE,OAAO,aAAc,CAAA;AAAA,cACnB,EAAI,EAAA,0BAAA;AAAA,cACJ,cAAgB,EAAA,UAAA;AAAA,aACjB,CAAA;AAAA,YACD,IAAM,EAAA,UAAA;AAAA,YACN,IAAM,EAAA,CAAA;AAAA,YACN,IAAM,EAAA,QAAA;AAAA,WACR;AAAA,SACF,CAAE,IAAI,CAAC,EAAE,MAAM,GAAG,KAAA,uBACf,GAAA,CAAA,QAAA,EAAA,EAA0B,KAAK,IAC9B,EAAA,QAAA,kBAAA,GAAA,CAAC,iBAAe,GAAG,KAAA,EAAO,KADb,KAAM,CAAA,IAErB,CACD,CACH,EAAA,CAAA;AAAA,OACF,EAAA,CAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,CAAA;;;;"}

package/dist/admin/{ProfilePage-ivIjdblf.js → ProfilePage-jU98pa61.js}

@@ -9,11 +9,11 @@ const icons = require('@strapi/icons');
 const upperFirst = require('lodash/upperFirst');
 const reactIntl = require('react-intl');
 const yup = require('yup');
-const index = require('./index-e8PHZx2A.js');
-const rbac = require('./rbac-WZsv1761.js');
+const index = require('./index-FJLgZ-Wg.js');
+const rbac = require('./rbac-xgYdpUSq.js');
 const admin = require('./admin-vlKSOeHB.js');
 const users = require('./users-R5A0kUOV.js');
-const validation = require('./validation-mliIGlD0.js');
+const validation = require('./validation-rsP4iH1U.js');
 
 const _interopDefault = e => e && e.__esModule ? e : { default: e };
 
@@ -412,4 +412,4 @@ const UserInfoSection = () => {
 };
 
 exports.ProfilePage = ProfilePage;
-//# sourceMappingURL=ProfilePage-ivIjdblf.js.map
+//# sourceMappingURL=ProfilePage-jU98pa61.js.map

package/dist/admin/{ProfilePage-ivIjdblf.js.map → ProfilePage-jU98pa61.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ProfilePage-ivIjdblf.js","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  useNotifyAT,\n  Grid,\n  GridItem,\n  Typography,\n} from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\nimport upperFirst from 'lodash/upperFirst';\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  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 (isBaseQueryError(res.error) && res.error.name === 'ValidationError') {\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    <Page.Main aria-busy={isSubmittingForm}>\n      <Page.Title>\n        {formatMessage({\n          id: 'Settings.profile.form.section.head.title',\n          defaultMessage: 'User profile',\n        })}\n      </Page.Title>\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)}\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    </Page.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":["yup","COMMON_USER_SCHEMA","translatedErrors","useTypedSelector","useIntl","useTracking","useNotification","useNotifyAT","useTypedDispatch","useAPIErrorHandler","useAuth","React","useUpdateMeMutation","useIsSSOLockedQuery","currentTheme","setAppTheme","isBaseQueryError","jsx","Page","jsxs","Form","Fragment","HeaderLayout","getDisplayName","Button","Check","Box","ContentLayout","Flex","Typography","index","Grid","GridItem","InputRenderer","upperFirst"],"mappings":"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"}
+{"version":3,"file":"ProfilePage-jU98pa61.js","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  useNotifyAT,\n  Grid,\n  GridItem,\n  Typography,\n} from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\nimport upperFirst from 'lodash/upperFirst';\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  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 (isBaseQueryError(res.error) && res.error.name === 'ValidationError') {\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    <Page.Main aria-busy={isSubmittingForm}>\n      <Page.Title>\n        {formatMessage({\n          id: 'Settings.profile.form.section.head.title',\n          defaultMessage: 'User profile',\n        })}\n      </Page.Title>\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)}\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    </Page.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":["yup","COMMON_USER_SCHEMA","translatedErrors","useTypedSelector","useIntl","useTracking","useNotification","useNotifyAT","useTypedDispatch","useAPIErrorHandler","useAuth","React","useUpdateMeMutation","useIsSSOLockedQuery","currentTheme","setAppTheme","isBaseQueryError","jsx","Page","jsxs","Form","Fragment","HeaderLayout","getDisplayName","Button","Check","Box","ContentLayout","Flex","Typography","index","Grid","GridItem","InputRenderer","upperFirst"],"mappings":"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"}

package/dist/admin/{PurchaseAuditLogs-tS_tVSGI.js → PurchaseAuditLogs-GreHFPSR.js}

@@ -4,8 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const designSystem = require('@strapi/design-system');
-const v2 = require('@strapi/design-system/v2');
 const icons = require('@strapi/icons');
+const symbols = require('@strapi/icons/symbols');
 const reactIntl = require('react-intl');
 
 const PurchaseAuditLogs = () => {
@@ -24,13 +24,13 @@ const PurchaseAuditLogs = () => {
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 10, paddingRight: 10, children: /* @__PURE__ */ jsxRuntime.jsx(
       designSystem.EmptyStateLayout,
       {
-        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.EmptyPermissions, { width: "10rem" }),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(symbols.EmptyPermissions, { width: "16rem" }),
         content: formatMessage({
           id: "Settings.permissions.auditLogs.not-available",
           defaultMessage: "Audit Logs is only available as part of a paid plan. Upgrade to get a searchable and filterable display of all activities."
         }),
         action: /* @__PURE__ */ jsxRuntime.jsx(
-          v2.LinkButton,
+          designSystem.LinkButton,
           {
             variant: "default",
             endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ExternalLink, {}),
@@ -49,4 +49,4 @@ const PurchaseAuditLogs = () => {
 };
 
 exports.PurchaseAuditLogs = PurchaseAuditLogs;
-//# sourceMappingURL=PurchaseAuditLogs-tS_tVSGI.js.map
+//# sourceMappingURL=PurchaseAuditLogs-GreHFPSR.js.map

package/dist/admin/PurchaseAuditLogs-GreHFPSR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PurchaseAuditLogs-GreHFPSR.js","sources":["../../admin/src/pages/Settings/pages/PurchaseAuditLogs.tsx"],"sourcesContent":["import {\n  Box,\n  Layout,\n  Main,\n  HeaderLayout,\n  EmptyStateLayout,\n  LinkButton,\n} from '@strapi/design-system';\nimport { ExternalLink } from '@strapi/icons';\nimport { EmptyPermissions } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\n\nconst PurchaseAuditLogs = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Layout>\n      <Main>\n        <HeaderLayout\n          title={formatMessage({ id: 'global.auditLogs', defaultMessage: 'Audit Logs' })}\n          subtitle={formatMessage({\n            id: 'Settings.permissions.auditLogs.listview.header.subtitle',\n            defaultMessage: 'Logs of all the activities that happened in your environment',\n          })}\n        />\n        <Box paddingLeft={10} paddingRight={10}>\n          <EmptyStateLayout\n            icon={<EmptyPermissions width=\"16rem\" />}\n            content={formatMessage({\n              id: 'Settings.permissions.auditLogs.not-available',\n              defaultMessage:\n                'Audit Logs is only available as part of a paid plan. Upgrade to get a searchable and filterable display of all activities.',\n            })}\n            action={\n              <LinkButton\n                variant=\"default\"\n                endIcon={<ExternalLink />}\n                href=\"https://strp.cc/45mbAdF\"\n                isExternal\n                target=\"_blank\"\n              >\n                {formatMessage({\n                  id: 'global.learn-more',\n                  defaultMessage: 'Learn more',\n                })}\n              </LinkButton>\n            }\n          />\n        </Box>\n      </Main>\n    </Layout>\n  );\n};\n\nexport { PurchaseAuditLogs };\n"],"names":["useIntl","jsx","Layout","jsxs","Main","HeaderLayout","Box","EmptyStateLayout","EmptyPermissions","LinkButton","ExternalLink"],"mappings":";;;;;;;;;;AAYA,MAAM,oBAAoB,MAAM;AAC9B,EAAM,MAAA,EAAE,aAAc,EAAA,GAAIA,iBAAQ,EAAA,CAAA;AAElC,EACE,uBAAAC,cAAA,CAACC,mBACC,EAAA,EAAA,QAAA,kBAAAC,eAAA,CAACC,iBACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAAH,cAAA;AAAA,MAACI,yBAAA;AAAA,MAAA;AAAA,QACC,OAAO,aAAc,CAAA,EAAE,IAAI,kBAAoB,EAAA,cAAA,EAAgB,cAAc,CAAA;AAAA,QAC7E,UAAU,aAAc,CAAA;AAAA,UACtB,EAAI,EAAA,yDAAA;AAAA,UACJ,cAAgB,EAAA,8DAAA;AAAA,SACjB,CAAA;AAAA,OAAA;AAAA,KACH;AAAA,oBACCJ,cAAA,CAAAK,gBAAA,EAAA,EAAI,WAAa,EAAA,EAAA,EAAI,cAAc,EAClC,EAAA,QAAA,kBAAAL,cAAA;AAAA,MAACM,6BAAA;AAAA,MAAA;AAAA,QACC,IAAM,kBAAAN,cAAA,CAACO,wBAAiB,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,CAAA;AAAA,QACtC,SAAS,aAAc,CAAA;AAAA,UACrB,EAAI,EAAA,8CAAA;AAAA,UACJ,cACE,EAAA,4HAAA;AAAA,SACH,CAAA;AAAA,QACD,MACE,kBAAAP,cAAA;AAAA,UAACQ,uBAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,SAAA;AAAA,YACR,OAAA,iCAAUC,kBAAa,EAAA,EAAA,CAAA;AAAA,YACvB,IAAK,EAAA,yBAAA;AAAA,YACL,UAAU,EAAA,IAAA;AAAA,YACV,MAAO,EAAA,QAAA;AAAA,YAEN,QAAc,EAAA,aAAA,CAAA;AAAA,cACb,EAAI,EAAA,mBAAA;AAAA,cACJ,cAAgB,EAAA,YAAA;AAAA,aACjB,CAAA;AAAA,WAAA;AAAA,SACH;AAAA,OAAA;AAAA,KAGN,EAAA,CAAA;AAAA,GAAA,EACF,CACF,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/admin/{PurchaseAuditLogs-8_4PcW7P.mjs → PurchaseAuditLogs-_1tVWtNF.mjs}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Layout, Main, HeaderLayout, Box, EmptyStateLayout } from '@strapi/design-system';
-import { LinkButton } from '@strapi/design-system/v2';
-import { EmptyPermissions, ExternalLink } from '@strapi/icons';
+import { Layout, Main, HeaderLayout, Box, EmptyStateLayout, LinkButton } from '@strapi/design-system';
+import { ExternalLink } from '@strapi/icons';
+import { EmptyPermissions } from '@strapi/icons/symbols';
 import { useIntl } from 'react-intl';
 
 const PurchaseAuditLogs = () => {
@@ -20,7 +20,7 @@ const PurchaseAuditLogs = () => {
     /* @__PURE__ */ jsx(Box, { paddingLeft: 10, paddingRight: 10, children: /* @__PURE__ */ jsx(
       EmptyStateLayout,
       {
-        icon: /* @__PURE__ */ jsx(EmptyPermissions, { width: "10rem" }),
+        icon: /* @__PURE__ */ jsx(EmptyPermissions, { width: "16rem" }),
         content: formatMessage({
           id: "Settings.permissions.auditLogs.not-available",
           defaultMessage: "Audit Logs is only available as part of a paid plan. Upgrade to get a searchable and filterable display of all activities."
@@ -45,4 +45,4 @@ const PurchaseAuditLogs = () => {
 };
 
 export { PurchaseAuditLogs };
-//# sourceMappingURL=PurchaseAuditLogs-8_4PcW7P.mjs.map
+//# sourceMappingURL=PurchaseAuditLogs-_1tVWtNF.mjs.map

package/dist/admin/PurchaseAuditLogs-_1tVWtNF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PurchaseAuditLogs-_1tVWtNF.mjs","sources":["../../admin/src/pages/Settings/pages/PurchaseAuditLogs.tsx"],"sourcesContent":["import {\n  Box,\n  Layout,\n  Main,\n  HeaderLayout,\n  EmptyStateLayout,\n  LinkButton,\n} from '@strapi/design-system';\nimport { ExternalLink } from '@strapi/icons';\nimport { EmptyPermissions } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\n\nconst PurchaseAuditLogs = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Layout>\n      <Main>\n        <HeaderLayout\n          title={formatMessage({ id: 'global.auditLogs', defaultMessage: 'Audit Logs' })}\n          subtitle={formatMessage({\n            id: 'Settings.permissions.auditLogs.listview.header.subtitle',\n            defaultMessage: 'Logs of all the activities that happened in your environment',\n          })}\n        />\n        <Box paddingLeft={10} paddingRight={10}>\n          <EmptyStateLayout\n            icon={<EmptyPermissions width=\"16rem\" />}\n            content={formatMessage({\n              id: 'Settings.permissions.auditLogs.not-available',\n              defaultMessage:\n                'Audit Logs is only available as part of a paid plan. Upgrade to get a searchable and filterable display of all activities.',\n            })}\n            action={\n              <LinkButton\n                variant=\"default\"\n                endIcon={<ExternalLink />}\n                href=\"https://strp.cc/45mbAdF\"\n                isExternal\n                target=\"_blank\"\n              >\n                {formatMessage({\n                  id: 'global.learn-more',\n                  defaultMessage: 'Learn more',\n                })}\n              </LinkButton>\n            }\n          />\n        </Box>\n      </Main>\n    </Layout>\n  );\n};\n\nexport { PurchaseAuditLogs };\n"],"names":[],"mappings":";;;;;;AAYA,MAAM,oBAAoB,MAAM;AAC9B,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,OAAQ,EAAA,CAAA;AAElC,EACE,uBAAA,GAAA,CAAC,MACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,IACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,OAAO,aAAc,CAAA,EAAE,IAAI,kBAAoB,EAAA,cAAA,EAAgB,cAAc,CAAA;AAAA,QAC7E,UAAU,aAAc,CAAA;AAAA,UACtB,EAAI,EAAA,yDAAA;AAAA,UACJ,cAAgB,EAAA,8DAAA;AAAA,SACjB,CAAA;AAAA,OAAA;AAAA,KACH;AAAA,oBACC,GAAA,CAAA,GAAA,EAAA,EAAI,WAAa,EAAA,EAAA,EAAI,cAAc,EAClC,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,IAAM,kBAAA,GAAA,CAAC,gBAAiB,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,CAAA;AAAA,QACtC,SAAS,aAAc,CAAA;AAAA,UACrB,EAAI,EAAA,8CAAA;AAAA,UACJ,cACE,EAAA,4HAAA;AAAA,SACH,CAAA;AAAA,QACD,MACE,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,SAAA;AAAA,YACR,OAAA,sBAAU,YAAa,EAAA,EAAA,CAAA;AAAA,YACvB,IAAK,EAAA,yBAAA;AAAA,YACL,UAAU,EAAA,IAAA;AAAA,YACV,MAAO,EAAA,QAAA;AAAA,YAEN,QAAc,EAAA,aAAA,CAAA;AAAA,cACb,EAAI,EAAA,mBAAA;AAAA,cACJ,cAAgB,EAAA,YAAA;AAAA,aACjB,CAAA;AAAA,WAAA;AAAA,SACH;AAAA,OAAA;AAAA,KAGN,EAAA,CAAA;AAAA,GAAA,EACF,CACF,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/admin/{PurchaseSingleSignOn-9SV6-fYs.js → PurchaseSingleSignOn-6t4xuNBd.js}

@@ -4,8 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const designSystem = require('@strapi/design-system');
-const v2 = require('@strapi/design-system/v2');
 const icons = require('@strapi/icons');
+const symbols = require('@strapi/icons/symbols');
 const reactIntl = require('react-intl');
 
 const PurchaseSingleSignOn = () => {
@@ -27,13 +27,13 @@ const PurchaseSingleSignOn = () => {
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 10, paddingRight: 10, children: /* @__PURE__ */ jsxRuntime.jsx(
       designSystem.EmptyStateLayout,
       {
-        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.EmptyPermissions, { width: "10rem" }),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(symbols.EmptyPermissions, { width: "16rem" }),
         content: formatMessage({
           id: "Settings.sso.not-available",
           defaultMessage: "SSO is only available as part of a paid plan. Upgrade to configure additional sign-in & sign-up methods for your administration panel."
         }),
         action: /* @__PURE__ */ jsxRuntime.jsx(
-          v2.LinkButton,
+          designSystem.LinkButton,
           {
             variant: "default",
             endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ExternalLink, {}),
@@ -52,4 +52,4 @@ const PurchaseSingleSignOn = () => {
 };
 
 exports.PurchaseSingleSignOn = PurchaseSingleSignOn;
-//# sourceMappingURL=PurchaseSingleSignOn-9SV6-fYs.js.map
+//# sourceMappingURL=PurchaseSingleSignOn-6t4xuNBd.js.map

package/dist/admin/PurchaseSingleSignOn-6t4xuNBd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PurchaseSingleSignOn-6t4xuNBd.js","sources":["../../admin/src/pages/Settings/pages/PurchaseSingleSignOn.tsx"],"sourcesContent":["import {\n  Box,\n  Layout,\n  Main,\n  HeaderLayout,\n  EmptyStateLayout,\n  LinkButton,\n} from '@strapi/design-system';\nimport { ExternalLink } from '@strapi/icons';\nimport { EmptyPermissions } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\n\nconst PurchaseSingleSignOn = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Layout>\n      <Main>\n        <HeaderLayout\n          title={formatMessage({\n            id: 'Settings.sso.title',\n            defaultMessage: 'Single Sign-On',\n          })}\n          subtitle={formatMessage({\n            id: 'Settings.sso.subTitle',\n            defaultMessage: 'Configure the settings for the Single Sign-On feature.',\n          })}\n        />\n        <Box paddingLeft={10} paddingRight={10}>\n          <EmptyStateLayout\n            icon={<EmptyPermissions width=\"16rem\" />}\n            content={formatMessage({\n              id: 'Settings.sso.not-available',\n              defaultMessage:\n                'SSO is only available as part of a paid plan. Upgrade to configure additional sign-in & sign-up methods for your administration panel.',\n            })}\n            action={\n              <LinkButton\n                variant=\"default\"\n                endIcon={<ExternalLink />}\n                href=\"https://strp.cc/46Fk1BA\"\n                isExternal\n                target=\"_blank\"\n              >\n                {formatMessage({\n                  id: 'global.learn-more',\n                  defaultMessage: 'Learn more',\n                })}\n              </LinkButton>\n            }\n          />\n        </Box>\n      </Main>\n    </Layout>\n  );\n};\n\nexport { PurchaseSingleSignOn };\n"],"names":["useIntl","jsx","Layout","jsxs","Main","HeaderLayout","Box","EmptyStateLayout","EmptyPermissions","LinkButton","ExternalLink"],"mappings":";;;;;;;;;;AAYA,MAAM,uBAAuB,MAAM;AACjC,EAAM,MAAA,EAAE,aAAc,EAAA,GAAIA,iBAAQ,EAAA,CAAA;AAElC,EACE,uBAAAC,cAAA,CAACC,mBACC,EAAA,EAAA,QAAA,kBAAAC,eAAA,CAACC,iBACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAAH,cAAA;AAAA,MAACI,yBAAA;AAAA,MAAA;AAAA,QACC,OAAO,aAAc,CAAA;AAAA,UACnB,EAAI,EAAA,oBAAA;AAAA,UACJ,cAAgB,EAAA,gBAAA;AAAA,SACjB,CAAA;AAAA,QACD,UAAU,aAAc,CAAA;AAAA,UACtB,EAAI,EAAA,uBAAA;AAAA,UACJ,cAAgB,EAAA,wDAAA;AAAA,SACjB,CAAA;AAAA,OAAA;AAAA,KACH;AAAA,oBACCJ,cAAA,CAAAK,gBAAA,EAAA,EAAI,WAAa,EAAA,EAAA,EAAI,cAAc,EAClC,EAAA,QAAA,kBAAAL,cAAA;AAAA,MAACM,6BAAA;AAAA,MAAA;AAAA,QACC,IAAM,kBAAAN,cAAA,CAACO,wBAAiB,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,CAAA;AAAA,QACtC,SAAS,aAAc,CAAA;AAAA,UACrB,EAAI,EAAA,4BAAA;AAAA,UACJ,cACE,EAAA,wIAAA;AAAA,SACH,CAAA;AAAA,QACD,MACE,kBAAAP,cAAA;AAAA,UAACQ,uBAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,SAAA;AAAA,YACR,OAAA,iCAAUC,kBAAa,EAAA,EAAA,CAAA;AAAA,YACvB,IAAK,EAAA,yBAAA;AAAA,YACL,UAAU,EAAA,IAAA;AAAA,YACV,MAAO,EAAA,QAAA;AAAA,YAEN,QAAc,EAAA,aAAA,CAAA;AAAA,cACb,EAAI,EAAA,mBAAA;AAAA,cACJ,cAAgB,EAAA,YAAA;AAAA,aACjB,CAAA;AAAA,WAAA;AAAA,SACH;AAAA,OAAA;AAAA,KAGN,EAAA,CAAA;AAAA,GAAA,EACF,CACF,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/admin/{PurchaseSingleSignOn--gblfVu6.mjs → PurchaseSingleSignOn-VUU-U4wi.mjs}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Layout, Main, HeaderLayout, Box, EmptyStateLayout } from '@strapi/design-system';
-import { LinkButton } from '@strapi/design-system/v2';
-import { EmptyPermissions, ExternalLink } from '@strapi/icons';
+import { Layout, Main, HeaderLayout, Box, EmptyStateLayout, LinkButton } from '@strapi/design-system';
+import { ExternalLink } from '@strapi/icons';
+import { EmptyPermissions } from '@strapi/icons/symbols';
 import { useIntl } from 'react-intl';
 
 const PurchaseSingleSignOn = () => {
@@ -23,7 +23,7 @@ const PurchaseSingleSignOn = () => {
     /* @__PURE__ */ jsx(Box, { paddingLeft: 10, paddingRight: 10, children: /* @__PURE__ */ jsx(
       EmptyStateLayout,
       {
-        icon: /* @__PURE__ */ jsx(EmptyPermissions, { width: "10rem" }),
+        icon: /* @__PURE__ */ jsx(EmptyPermissions, { width: "16rem" }),
         content: formatMessage({
           id: "Settings.sso.not-available",
           defaultMessage: "SSO is only available as part of a paid plan. Upgrade to configure additional sign-in & sign-up methods for your administration panel."
@@ -48,4 +48,4 @@ const PurchaseSingleSignOn = () => {
 };
 
 export { PurchaseSingleSignOn };
-//# sourceMappingURL=PurchaseSingleSignOn--gblfVu6.mjs.map
+//# sourceMappingURL=PurchaseSingleSignOn-VUU-U4wi.mjs.map

package/dist/admin/PurchaseSingleSignOn-VUU-U4wi.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PurchaseSingleSignOn-VUU-U4wi.mjs","sources":["../../admin/src/pages/Settings/pages/PurchaseSingleSignOn.tsx"],"sourcesContent":["import {\n  Box,\n  Layout,\n  Main,\n  HeaderLayout,\n  EmptyStateLayout,\n  LinkButton,\n} from '@strapi/design-system';\nimport { ExternalLink } from '@strapi/icons';\nimport { EmptyPermissions } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\n\nconst PurchaseSingleSignOn = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Layout>\n      <Main>\n        <HeaderLayout\n          title={formatMessage({\n            id: 'Settings.sso.title',\n            defaultMessage: 'Single Sign-On',\n          })}\n          subtitle={formatMessage({\n            id: 'Settings.sso.subTitle',\n            defaultMessage: 'Configure the settings for the Single Sign-On feature.',\n          })}\n        />\n        <Box paddingLeft={10} paddingRight={10}>\n          <EmptyStateLayout\n            icon={<EmptyPermissions width=\"16rem\" />}\n            content={formatMessage({\n              id: 'Settings.sso.not-available',\n              defaultMessage:\n                'SSO is only available as part of a paid plan. Upgrade to configure additional sign-in & sign-up methods for your administration panel.',\n            })}\n            action={\n              <LinkButton\n                variant=\"default\"\n                endIcon={<ExternalLink />}\n                href=\"https://strp.cc/46Fk1BA\"\n                isExternal\n                target=\"_blank\"\n              >\n                {formatMessage({\n                  id: 'global.learn-more',\n                  defaultMessage: 'Learn more',\n                })}\n              </LinkButton>\n            }\n          />\n        </Box>\n      </Main>\n    </Layout>\n  );\n};\n\nexport { PurchaseSingleSignOn };\n"],"names":[],"mappings":";;;;;;AAYA,MAAM,uBAAuB,MAAM;AACjC,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,OAAQ,EAAA,CAAA;AAElC,EACE,uBAAA,GAAA,CAAC,MACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,IACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,OAAO,aAAc,CAAA;AAAA,UACnB,EAAI,EAAA,oBAAA;AAAA,UACJ,cAAgB,EAAA,gBAAA;AAAA,SACjB,CAAA;AAAA,QACD,UAAU,aAAc,CAAA;AAAA,UACtB,EAAI,EAAA,uBAAA;AAAA,UACJ,cAAgB,EAAA,wDAAA;AAAA,SACjB,CAAA;AAAA,OAAA;AAAA,KACH;AAAA,oBACC,GAAA,CAAA,GAAA,EAAA,EAAI,WAAa,EAAA,EAAA,EAAI,cAAc,EAClC,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,IAAM,kBAAA,GAAA,CAAC,gBAAiB,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,CAAA;AAAA,QACtC,SAAS,aAAc,CAAA;AAAA,UACrB,EAAI,EAAA,4BAAA;AAAA,UACJ,cACE,EAAA,wIAAA;AAAA,SACH,CAAA;AAAA,QACD,MACE,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,SAAA;AAAA,YACR,OAAA,sBAAU,YAAa,EAAA,EAAA,CAAA;AAAA,YACvB,IAAK,EAAA,yBAAA;AAAA,YACL,UAAU,EAAA,IAAA;AAAA,YACV,MAAO,EAAA,QAAA;AAAA,YAEN,QAAc,EAAA,aAAA,CAAA;AAAA,cACb,EAAI,EAAA,mBAAA;AAAA,cACJ,cAAgB,EAAA,YAAA;AAAA,aACjB,CAAA;AAAA,WAAA;AAAA,SACH;AAAA,OAAA;AAAA,KAGN,EAAA,CAAA;AAAA,GAAA,EACF,CACF,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/admin/{SSOProviders-JTam8pNP.js → SSOProviders-FZwT7RmU.js}

@@ -46,11 +46,11 @@ const SSOProviderButton = ({ provider }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tooltip, { label: provider.displayName, children: /* @__PURE__ */ jsxRuntime.jsx(SSOButton, { href: `${window.strapi.backendURL}/admin/connect/${provider.uid}`, children: provider.icon ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: provider.icon, "aria-hidden": true, alt: "", height: "32px" }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: provider.displayName }) }) });
 };
 const SSOButton = styled__default.default.a`
-  width: ${136 / 16}rem;
+  width: 13.6rem;
   display: flex;
   justify-content: center;
   align-items: center;
-  height: ${48 / 16}rem;
+  height: 4.8rem;
   border: 1px solid ${({ theme }) => theme.colors.neutral150};
   border-radius: ${({ theme }) => theme.borderRadius};
   text-decoration: inherit;
@@ -61,4 +61,4 @@ const SSOButton = styled__default.default.a`
 `;
 
 exports.SSOProviders = SSOProviders;
-//# sourceMappingURL=SSOProviders-JTam8pNP.js.map
+//# sourceMappingURL=SSOProviders-FZwT7RmU.js.map

package/dist/admin/{SSOProviders-JTam8pNP.js.map → SSOProviders-FZwT7RmU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SSOProviders-JTam8pNP.js","sources":["../../ee/admin/src/pages/AuthPage/components/SSOProviders.tsx"],"sourcesContent":["import { Flex, Grid, GridItem, Tooltip, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { Link } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport { GetProviders } from '../../../../../../shared/contracts/providers';\n\n/* -------------------------------------------------------------------------------------------------\n * SSOProviders\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SSOProvidersProps {\n  providers: GetProviders.Response;\n  displayAllProviders?: boolean;\n}\n\nconst SSOProviders = ({ providers, displayAllProviders }: SSOProvidersProps) => {\n  const { formatMessage } = useIntl();\n\n  if (displayAllProviders) {\n    return (\n      <Grid gap={4}>\n        {providers.map((provider) => (\n          <GridItem key={provider.uid} col={4}>\n            <SSOProviderButton provider={provider} />\n          </GridItem>\n        ))}\n      </Grid>\n    );\n  }\n\n  if (providers.length > 2 && !displayAllProviders) {\n    return (\n      <Grid gap={4}>\n        {providers.slice(0, 2).map((provider) => (\n          <GridItem key={provider.uid} col={4}>\n            <SSOProviderButton provider={provider} />\n          </GridItem>\n        ))}\n        <GridItem col={4}>\n          <Tooltip\n            label={formatMessage({\n              id: 'global.see-more',\n            })}\n          >\n            <SSOButton as={Link} to=\"/auth/providers\">\n              <span aria-hidden>•••</span>\n            </SSOButton>\n          </Tooltip>\n        </GridItem>\n      </Grid>\n    );\n  }\n\n  return (\n    <SSOProvidersWrapper justifyContent=\"center\">\n      {providers.map((provider) => (\n        <SSOProviderButton key={provider.uid} provider={provider} />\n      ))}\n    </SSOProvidersWrapper>\n  );\n};\n\nconst SSOProvidersWrapper = styled(Flex)`\n  & a:not(:first-child):not(:last-child) {\n    margin: 0 ${({ theme }) => theme.spaces[2]};\n  }\n  & a:first-child {\n    margin-right: ${({ theme }) => theme.spaces[2]};\n  }\n  & a:last-child {\n    margin-left: ${({ theme }) => theme.spaces[2]};\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * SSOProviderButton\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SSOProviderButtonProps {\n  provider: GetProviders.Response[number];\n}\n\nconst SSOProviderButton = ({ provider }: SSOProviderButtonProps) => {\n  return (\n    <Tooltip label={provider.displayName}>\n      <SSOButton href={`${window.strapi.backendURL}/admin/connect/${provider.uid}`}>\n        {provider.icon ? (\n          <img src={provider.icon} aria-hidden alt=\"\" height=\"32px\" />\n        ) : (\n          <Typography>{provider.displayName}</Typography>\n        )}\n      </SSOButton>\n    </Tooltip>\n  );\n};\n\nconst SSOButton = styled.a`\n  width: ${136 / 16}rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: ${48 / 16}rem;\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  text-decoration: inherit;\n  &:link {\n    text-decoration: none;\n  }\n  color: ${({ theme }) => theme.colors.neutral600};\n`;\n\nexport { SSOProviders };\nexport type { SSOProvidersProps };\n"],"names":["useIntl","Grid","jsx","GridItem","jsxs","Tooltip","Link","styled","Flex","Typography"],"mappings":"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"}
+{"version":3,"file":"SSOProviders-FZwT7RmU.js","sources":["../../ee/admin/src/pages/AuthPage/components/SSOProviders.tsx"],"sourcesContent":["import { Flex, Grid, GridItem, Tooltip, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { Link } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport { GetProviders } from '../../../../../../shared/contracts/providers';\n\n/* -------------------------------------------------------------------------------------------------\n * SSOProviders\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SSOProvidersProps {\n  providers: GetProviders.Response;\n  displayAllProviders?: boolean;\n}\n\nconst SSOProviders = ({ providers, displayAllProviders }: SSOProvidersProps) => {\n  const { formatMessage } = useIntl();\n\n  if (displayAllProviders) {\n    return (\n      <Grid gap={4}>\n        {providers.map((provider) => (\n          <GridItem key={provider.uid} col={4}>\n            <SSOProviderButton provider={provider} />\n          </GridItem>\n        ))}\n      </Grid>\n    );\n  }\n\n  if (providers.length > 2 && !displayAllProviders) {\n    return (\n      <Grid gap={4}>\n        {providers.slice(0, 2).map((provider) => (\n          <GridItem key={provider.uid} col={4}>\n            <SSOProviderButton provider={provider} />\n          </GridItem>\n        ))}\n        <GridItem col={4}>\n          <Tooltip\n            label={formatMessage({\n              id: 'global.see-more',\n            })}\n          >\n            <SSOButton as={Link} to=\"/auth/providers\">\n              <span aria-hidden>•••</span>\n            </SSOButton>\n          </Tooltip>\n        </GridItem>\n      </Grid>\n    );\n  }\n\n  return (\n    <SSOProvidersWrapper justifyContent=\"center\">\n      {providers.map((provider) => (\n        <SSOProviderButton key={provider.uid} provider={provider} />\n      ))}\n    </SSOProvidersWrapper>\n  );\n};\n\nconst SSOProvidersWrapper = styled(Flex)`\n  & a:not(:first-child):not(:last-child) {\n    margin: 0 ${({ theme }) => theme.spaces[2]};\n  }\n  & a:first-child {\n    margin-right: ${({ theme }) => theme.spaces[2]};\n  }\n  & a:last-child {\n    margin-left: ${({ theme }) => theme.spaces[2]};\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * SSOProviderButton\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SSOProviderButtonProps {\n  provider: GetProviders.Response[number];\n}\n\nconst SSOProviderButton = ({ provider }: SSOProviderButtonProps) => {\n  return (\n    <Tooltip label={provider.displayName}>\n      <SSOButton href={`${window.strapi.backendURL}/admin/connect/${provider.uid}`}>\n        {provider.icon ? (\n          <img src={provider.icon} aria-hidden alt=\"\" height=\"32px\" />\n        ) : (\n          <Typography>{provider.displayName}</Typography>\n        )}\n      </SSOButton>\n    </Tooltip>\n  );\n};\n\nconst SSOButton = styled.a`\n  width: 13.6rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 4.8rem;\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  text-decoration: inherit;\n  &:link {\n    text-decoration: none;\n  }\n  color: ${({ theme }) => theme.colors.neutral600};\n`;\n\nexport { SSOProviders };\nexport type { SSOProvidersProps };\n"],"names":["useIntl","Grid","jsx","GridItem","jsxs","Tooltip","Link","styled","Flex","Typography"],"mappings":"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"}

package/dist/admin/{SSOProviders-f1OPn1AH.mjs → SSOProviders-GcYDRAyn.mjs}

@@ -40,11 +40,11 @@ const SSOProviderButton = ({ provider }) => {
   return /* @__PURE__ */ jsx(Tooltip, { label: provider.displayName, children: /* @__PURE__ */ jsx(SSOButton, { href: `${window.strapi.backendURL}/admin/connect/${provider.uid}`, children: provider.icon ? /* @__PURE__ */ jsx("img", { src: provider.icon, "aria-hidden": true, alt: "", height: "32px" }) : /* @__PURE__ */ jsx(Typography, { children: provider.displayName }) }) });
 };
 const SSOButton = styled.a`
-  width: ${136 / 16}rem;
+  width: 13.6rem;
   display: flex;
   justify-content: center;
   align-items: center;
-  height: ${48 / 16}rem;
+  height: 4.8rem;
   border: 1px solid ${({ theme }) => theme.colors.neutral150};
   border-radius: ${({ theme }) => theme.borderRadius};
   text-decoration: inherit;
@@ -55,4 +55,4 @@ const SSOButton = styled.a`
 `;
 
 export { SSOProviders as S };
-//# sourceMappingURL=SSOProviders-f1OPn1AH.mjs.map
+//# sourceMappingURL=SSOProviders-GcYDRAyn.mjs.map

package/dist/admin/{SSOProviders-f1OPn1AH.mjs.map → SSOProviders-GcYDRAyn.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"SSOProviders-f1OPn1AH.mjs","sources":["../../ee/admin/src/pages/AuthPage/components/SSOProviders.tsx"],"sourcesContent":["import { Flex, Grid, GridItem, Tooltip, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { Link } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport { GetProviders } from '../../../../../../shared/contracts/providers';\n\n/* -------------------------------------------------------------------------------------------------\n * SSOProviders\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SSOProvidersProps {\n  providers: GetProviders.Response;\n  displayAllProviders?: boolean;\n}\n\nconst SSOProviders = ({ providers, displayAllProviders }: SSOProvidersProps) => {\n  const { formatMessage } = useIntl();\n\n  if (displayAllProviders) {\n    return (\n      <Grid gap={4}>\n        {providers.map((provider) => (\n          <GridItem key={provider.uid} col={4}>\n            <SSOProviderButton provider={provider} />\n          </GridItem>\n        ))}\n      </Grid>\n    );\n  }\n\n  if (providers.length > 2 && !displayAllProviders) {\n    return (\n      <Grid gap={4}>\n        {providers.slice(0, 2).map((provider) => (\n          <GridItem key={provider.uid} col={4}>\n            <SSOProviderButton provider={provider} />\n          </GridItem>\n        ))}\n        <GridItem col={4}>\n          <Tooltip\n            label={formatMessage({\n              id: 'global.see-more',\n            })}\n          >\n            <SSOButton as={Link} to=\"/auth/providers\">\n              <span aria-hidden>•••</span>\n            </SSOButton>\n          </Tooltip>\n        </GridItem>\n      </Grid>\n    );\n  }\n\n  return (\n    <SSOProvidersWrapper justifyContent=\"center\">\n      {providers.map((provider) => (\n        <SSOProviderButton key={provider.uid} provider={provider} />\n      ))}\n    </SSOProvidersWrapper>\n  );\n};\n\nconst SSOProvidersWrapper = styled(Flex)`\n  & a:not(:first-child):not(:last-child) {\n    margin: 0 ${({ theme }) => theme.spaces[2]};\n  }\n  & a:first-child {\n    margin-right: ${({ theme }) => theme.spaces[2]};\n  }\n  & a:last-child {\n    margin-left: ${({ theme }) => theme.spaces[2]};\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * SSOProviderButton\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SSOProviderButtonProps {\n  provider: GetProviders.Response[number];\n}\n\nconst SSOProviderButton = ({ provider }: SSOProviderButtonProps) => {\n  return (\n    <Tooltip label={provider.displayName}>\n      <SSOButton href={`${window.strapi.backendURL}/admin/connect/${provider.uid}`}>\n        {provider.icon ? (\n          <img src={provider.icon} aria-hidden alt=\"\" height=\"32px\" />\n        ) : (\n          <Typography>{provider.displayName}</Typography>\n        )}\n      </SSOButton>\n    </Tooltip>\n  );\n};\n\nconst SSOButton = styled.a`\n  width: ${136 / 16}rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: ${48 / 16}rem;\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  text-decoration: inherit;\n  &:link {\n    text-decoration: none;\n  }\n  color: ${({ theme }) => theme.colors.neutral600};\n`;\n\nexport { SSOProviders };\nexport type { SSOProvidersProps };\n"],"names":[],"mappings":";;;;;;AAgBA,MAAM,YAAe,GAAA,CAAC,EAAE,SAAA,EAAW,qBAA6C,KAAA;AAC9E,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,OAAQ,EAAA,CAAA;AAElC,EAAA,IAAI,mBAAqB,EAAA;AACvB,IAAA,2BACG,IAAK,EAAA,EAAA,GAAA,EAAK,GACR,QAAU,EAAA,SAAA,CAAA,GAAA,CAAI,CAAC,QACd,qBAAA,GAAA,CAAC,YAA4B,GAAK,EAAA,CAAA,EAChC,8BAAC,iBAAkB,EAAA,EAAA,QAAA,EAAoB,KAD1B,QAAS,CAAA,GAExB,CACD,CACH,EAAA,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,IAAI,SAAU,CAAA,MAAA,GAAS,CAAK,IAAA,CAAC,mBAAqB,EAAA;AAChD,IACE,uBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,GAAA,EAAK,CACR,EAAA,QAAA,EAAA;AAAA,MAAA,SAAA,CAAU,MAAM,CAAG,EAAA,CAAC,CAAE,CAAA,GAAA,CAAI,CAAC,QAC1B,qBAAA,GAAA,CAAC,QAA4B,EAAA,EAAA,GAAA,EAAK,GAChC,QAAC,kBAAA,GAAA,CAAA,iBAAA,EAAA,EAAkB,UAAoB,CAD1B,EAAA,EAAA,QAAA,CAAS,GAExB,CACD,CAAA;AAAA,sBACD,GAAA,CAAC,QAAS,EAAA,EAAA,GAAA,EAAK,CACb,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,OAAO,aAAc,CAAA;AAAA,YACnB,EAAI,EAAA,iBAAA;AAAA,WACL,CAAA;AAAA,UAED,QAAA,kBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,EAAA,EAAI,IAAM,EAAA,EAAA,EAAG,iBACtB,EAAA,QAAA,kBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,aAAA,EAAW,IAAC,EAAA,QAAA,EAAA,KAAA,EAAG,CACvB,EAAA,CAAA;AAAA,SAAA;AAAA,OAEJ,EAAA,CAAA;AAAA,KACF,EAAA,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBACG,GAAA,CAAA,mBAAA,EAAA,EAAoB,cAAe,EAAA,QAAA,EACjC,oBAAU,GAAI,CAAA,CAAC,QACd,qBAAA,GAAA,CAAC,iBAAqC,EAAA,EAAA,QAAA,EAAA,EAAd,QAAS,CAAA,GAAyB,CAC3D,CACH,EAAA,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,mBAAA,GAAsB,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA,cAAA,EAEvB,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,MAAA,CAAO,CAAC,CAAC,CAAA;AAAA;AAAA;AAAA,kBAAA,EAG1B,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,MAAA,CAAO,CAAC,CAAC,CAAA;AAAA;AAAA;AAAA,iBAAA,EAG/B,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,MAAA,CAAO,CAAC,CAAC,CAAA;AAAA;AAAA,CAAA,CAAA;AAYjD,MAAM,iBAAoB,GAAA,CAAC,EAAE,QAAA,EAAuC,KAAA;AAClE,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,QAAA,CAAS,aACvB,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,IAAM,EAAA,CAAA,EAAG,OAAO,MAAO,CAAA,UAAU,CAAkB,eAAA,EAAA,QAAA,CAAS,GAAG,CACvE,CAAA,EAAA,QAAA,EAAA,QAAA,CAAS,IACR,mBAAA,GAAA,CAAC,SAAI,GAAK,EAAA,QAAA,CAAS,IAAM,EAAA,aAAA,EAAW,MAAC,GAAI,EAAA,EAAA,EAAG,MAAO,EAAA,MAAA,EAAO,oBAEzD,GAAA,CAAA,UAAA,EAAA,EAAY,QAAS,EAAA,QAAA,CAAA,WAAA,EAAY,GAEtC,CACF,EAAA,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,MAAM,YAAY,MAAO,CAAA,CAAA,CAAA;AAAA,SAAA,EACd,MAAM,EAAE,CAAA;AAAA;AAAA;AAAA;AAAA,UAAA,EAIP,KAAK,EAAE,CAAA;AAAA,oBAAA,EACG,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,OAAO,UAAU,CAAA;AAAA,iBAAA,EACzC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAY,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAA,EAKzC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,OAAO,UAAU,CAAA;AAAA,CAAA;;;;"}
+{"version":3,"file":"SSOProviders-GcYDRAyn.mjs","sources":["../../ee/admin/src/pages/AuthPage/components/SSOProviders.tsx"],"sourcesContent":["import { Flex, Grid, GridItem, Tooltip, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { Link } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport { GetProviders } from '../../../../../../shared/contracts/providers';\n\n/* -------------------------------------------------------------------------------------------------\n * SSOProviders\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SSOProvidersProps {\n  providers: GetProviders.Response;\n  displayAllProviders?: boolean;\n}\n\nconst SSOProviders = ({ providers, displayAllProviders }: SSOProvidersProps) => {\n  const { formatMessage } = useIntl();\n\n  if (displayAllProviders) {\n    return (\n      <Grid gap={4}>\n        {providers.map((provider) => (\n          <GridItem key={provider.uid} col={4}>\n            <SSOProviderButton provider={provider} />\n          </GridItem>\n        ))}\n      </Grid>\n    );\n  }\n\n  if (providers.length > 2 && !displayAllProviders) {\n    return (\n      <Grid gap={4}>\n        {providers.slice(0, 2).map((provider) => (\n          <GridItem key={provider.uid} col={4}>\n            <SSOProviderButton provider={provider} />\n          </GridItem>\n        ))}\n        <GridItem col={4}>\n          <Tooltip\n            label={formatMessage({\n              id: 'global.see-more',\n            })}\n          >\n            <SSOButton as={Link} to=\"/auth/providers\">\n              <span aria-hidden>•••</span>\n            </SSOButton>\n          </Tooltip>\n        </GridItem>\n      </Grid>\n    );\n  }\n\n  return (\n    <SSOProvidersWrapper justifyContent=\"center\">\n      {providers.map((provider) => (\n        <SSOProviderButton key={provider.uid} provider={provider} />\n      ))}\n    </SSOProvidersWrapper>\n  );\n};\n\nconst SSOProvidersWrapper = styled(Flex)`\n  & a:not(:first-child):not(:last-child) {\n    margin: 0 ${({ theme }) => theme.spaces[2]};\n  }\n  & a:first-child {\n    margin-right: ${({ theme }) => theme.spaces[2]};\n  }\n  & a:last-child {\n    margin-left: ${({ theme }) => theme.spaces[2]};\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * SSOProviderButton\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SSOProviderButtonProps {\n  provider: GetProviders.Response[number];\n}\n\nconst SSOProviderButton = ({ provider }: SSOProviderButtonProps) => {\n  return (\n    <Tooltip label={provider.displayName}>\n      <SSOButton href={`${window.strapi.backendURL}/admin/connect/${provider.uid}`}>\n        {provider.icon ? (\n          <img src={provider.icon} aria-hidden alt=\"\" height=\"32px\" />\n        ) : (\n          <Typography>{provider.displayName}</Typography>\n        )}\n      </SSOButton>\n    </Tooltip>\n  );\n};\n\nconst SSOButton = styled.a`\n  width: 13.6rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 4.8rem;\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  text-decoration: inherit;\n  &:link {\n    text-decoration: none;\n  }\n  color: ${({ theme }) => theme.colors.neutral600};\n`;\n\nexport { SSOProviders };\nexport type { SSOProvidersProps };\n"],"names":[],"mappings":"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"}