@strapi/admin 4.26.0 → 4.26.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProfilePage-tsQTE5CP.mjs","sources":["../../admin/src/pages/ProfilePage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Box,\n  Button,\n  ContentLayout,\n  Flex,\n  HeaderLayout,\n  Main,\n  useNotifyAT,\n  Grid,\n  GridItem,\n  Typography,\n  SingleSelect,\n  SingleSelectOption,\n  TextInput,\n  FieldAction,\n} from '@strapi/design-system';\nimport {\n  Form,\n  GenericInput,\n  GenericInputProps,\n  LoadingIndicatorPage,\n  pxToRem,\n  translatedErrors,\n  useFocusWhenNavigate,\n  useNotification,\n  useOverlayBlocker,\n  useTracking,\n  useAPIErrorHandler,\n} from '@strapi/helper-plugin';\nimport { Check, Eye, EyeStriked } from '@strapi/icons';\nimport { Formik, FormikHelpers } from 'formik';\nimport upperFirst from 'lodash/upperFirst';\nimport { Helmet } from 'react-helmet';\nimport { useIntl } from 'react-intl';\nimport styled from 'styled-components';\nimport * as yup from 'yup';\n\nimport { useTypedDispatch, useTypedSelector } from '../core/store/hooks';\nimport { useAuth } from '../features/Auth';\nimport { AppState, setAppTheme } from '../reducer';\nimport { useIsSSOLockedQuery, useUpdateMeMutation } from '../services/auth';\nimport { isBaseQueryError } from '../utils/baseQuery';\nimport { getFullName } from '../utils/getFullName';\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(translatedErrors.required)\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 { lockApp, unlockApp } = useOverlayBlocker();\n  const { notifyStatus } = useNotifyAT();\n  const currentTheme = useTypedSelector((state) => state.admin_app.theme.currentTheme);\n  const dispatch = useTypedDispatch();\n  const {\n    _unstableFormatValidationErrors: formatValidationErrors,\n    _unstableFormatAPIError: formatApiError,\n  } = useAPIErrorHandler();\n\n  useFocusWhenNavigate();\n\n  const { user } = useAuth('ProfilePage');\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: 'warning',\n        message: { 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: 'warning',\n        message: { id: 'Settings.permissions.users.sso.provider.error' },\n      });\n    }\n  }, [error, 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 }: FormikHelpers<UpdateUsersMeBody>\n  ) => {\n    // @ts-expect-error – we're going to implement a context assertion to avoid this\n    lockApp();\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: { id: 'notification.success.saved', defaultMessage: 'Saved' },\n      });\n    }\n\n    if ('error' in res) {\n      if (\n        isBaseQueryError(res.error) &&\n        (res.error.name === 'ValidationError' || res.error.message === 'ValidationError')\n      ) {\n        // @ts-expect-error – We get a BadRequest error here instead of a ValidationError if the currentPassword is wrong.\n        setErrors(formatValidationErrors(res.error));\n      } else if (isBaseQueryError(res.error)) {\n        toggleNotification({\n          type: 'warning',\n          message: formatApiError(res.error),\n        });\n      } else {\n        toggleNotification({\n          type: 'warning',\n          message: { id: 'notification.error', defaultMessage: 'An error occured' },\n        });\n      }\n    }\n\n    unlockApp?.();\n  };\n\n  if (isLoading) {\n    return (\n      <Main aria-busy=\"true\">\n        <Helmet\n          title={formatMessage({\n            id: 'Settings.profile.form.section.helmet.title',\n            defaultMessage: 'User profile',\n          })}\n        />\n        <HeaderLayout\n          title={formatMessage({\n            id: 'Settings.profile.form.section.profile.page.title',\n            defaultMessage: 'Profile page',\n          })}\n        />\n        <ContentLayout>\n          <LoadingIndicatorPage />\n        </ContentLayout>\n      </Main>\n    );\n  }\n\n  const hasLockedRole = dataSSO?.isSSOLocked ?? false;\n  const { email, firstname, lastname, username, preferedLanguage } = user ?? {};\n  const initialData = {\n    email,\n    firstname,\n    lastname,\n    username,\n    preferedLanguage,\n    currentTheme,\n    confirmPassword: '',\n    password: '',\n  };\n\n  return (\n    <Main aria-busy={isSubmittingForm}>\n      <Helmet\n        title={formatMessage({\n          id: 'Settings.profile.form.section.helmet.title',\n          defaultMessage: 'User profile',\n        })}\n      />\n      <Formik\n        onSubmit={handleSubmit}\n        initialValues={initialData}\n        validateOnChange={false}\n        validationSchema={PROFILE_VALIDTION_SCHEMA}\n        enableReinitialize\n      >\n        {({\n          errors,\n          values: {\n            email,\n            firstname,\n            lastname,\n            username,\n            preferedLanguage,\n            currentTheme,\n            ...passwordValues\n          },\n          handleChange,\n          isSubmitting,\n          dirty,\n        }) => {\n          return (\n            <Form>\n              <HeaderLayout\n                title={username || getFullName(firstname ?? '', lastname)}\n                primaryAction={\n                  <Button\n                    startIcon={<Check />}\n                    loading={isSubmitting}\n                    type=\"submit\"\n                    disabled={!dirty}\n                  >\n                    {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}\n                  </Button>\n                }\n              />\n              <Box paddingBottom={10}>\n                <ContentLayout>\n                  <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n                    <UserInfoSection\n                      errors={errors}\n                      onChange={handleChange}\n                      values={{\n                        firstname,\n                        lastname,\n                        username,\n                        email,\n                      }}\n                    />\n                    {!hasLockedRole && (\n                      <PasswordSection\n                        errors={errors}\n                        onChange={handleChange}\n                        values={passwordValues}\n                      />\n                    )}\n                    <PreferencesSection\n                      onChange={handleChange}\n                      values={{\n                        preferedLanguage,\n                        currentTheme,\n                      }}\n                      localeNames={localeNames}\n                    />\n                  </Flex>\n                </ContentLayout>\n              </Box>\n            </Form>\n          );\n        }}\n      </Formik>\n    </Main>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * PasswordSection\n * -----------------------------------------------------------------------------------------------*/\n\ninterface PasswordSectionProps {\n  errors: { currentPassword?: string; password?: string; confirmPassword?: string };\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  values: {\n    currentPassword?: string;\n    password?: string;\n    confirmPassword?: string;\n  };\n}\n\nconst PasswordSection = ({ errors, onChange, values }: PasswordSectionProps) => {\n  const { formatMessage } = useIntl();\n  const [currentPasswordShown, setCurrentPasswordShown] = React.useState(false);\n  const [passwordShown, setPasswordShown] = React.useState(false);\n  const [passwordConfirmShown, setPasswordConfirmShown] = React.useState(false);\n\n  return (\n    <Box\n      background=\"neutral0\"\n      hasRadius\n      shadow=\"filterShadow\"\n      paddingTop={6}\n      paddingBottom={6}\n      paddingLeft={7}\n      paddingRight={7}\n    >\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={4}>\n        <Typography variant=\"delta\" as=\"h2\">\n          {formatMessage({\n            id: 'global.change-password',\n            defaultMessage: 'Change password',\n          })}\n        </Typography>\n        <Grid gap={5}>\n          <GridItem s={12} col={6}>\n            <TextInput\n              error={\n                errors.currentPassword\n                  ? formatMessage({\n                      id: errors.currentPassword,\n                      defaultMessage: errors.currentPassword,\n                    })\n                  : ''\n              }\n              onChange={onChange}\n              value={values.currentPassword}\n              label={formatMessage({\n                id: 'Auth.form.currentPassword.label',\n                defaultMessage: 'Current Password',\n              })}\n              name=\"currentPassword\"\n              type={currentPasswordShown ? 'text' : 'password'}\n              endAction={\n                <FieldActionWrapper\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    setCurrentPasswordShown((prev) => !prev);\n                  }}\n                  label={formatMessage(\n                    currentPasswordShown\n                      ? {\n                          id: 'Auth.form.password.show-password',\n                          defaultMessage: 'Show password',\n                        }\n                      : {\n                          id: 'Auth.form.password.hide-password',\n                          defaultMessage: 'Hide password',\n                        }\n                  )}\n                >\n                  {currentPasswordShown ? <Eye /> : <EyeStriked />}\n                </FieldActionWrapper>\n              }\n            />\n          </GridItem>\n        </Grid>\n        <Grid gap={5}>\n          <GridItem s={12} col={6}>\n            <PasswordInput\n              error={\n                errors.password\n                  ? formatMessage({\n                      id: errors.password,\n                      defaultMessage: errors.password,\n                    })\n                  : ''\n              }\n              onChange={onChange}\n              value={values.password}\n              label={formatMessage({\n                id: 'global.password',\n                defaultMessage: 'Password',\n              })}\n              name=\"password\"\n              type={passwordShown ? 'text' : 'password'}\n              autoComplete=\"new-password\"\n              endAction={\n                <FieldActionWrapper\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    setPasswordShown((prev) => !prev);\n                  }}\n                  label={formatMessage(\n                    passwordShown\n                      ? {\n                          id: 'Auth.form.password.show-password',\n                          defaultMessage: 'Show password',\n                        }\n                      : {\n                          id: 'Auth.form.password.hide-password',\n                          defaultMessage: 'Hide password',\n                        }\n                  )}\n                >\n                  {passwordShown ? <Eye /> : <EyeStriked />}\n                </FieldActionWrapper>\n              }\n            />\n          </GridItem>\n          <GridItem s={12} col={6}>\n            <PasswordInput\n              error={\n                errors.confirmPassword\n                  ? formatMessage({\n                      id: errors.confirmPassword,\n                      defaultMessage: errors.confirmPassword,\n                    })\n                  : ''\n              }\n              onChange={onChange}\n              value={values.confirmPassword}\n              label={formatMessage({\n                id: 'Auth.form.confirmPassword.label',\n                defaultMessage: 'Confirm Password',\n              })}\n              name=\"confirmPassword\"\n              type={passwordConfirmShown ? 'text' : 'password'}\n              autoComplete=\"new-password\"\n              endAction={\n                <FieldActionWrapper\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    setPasswordConfirmShown((prev) => !prev);\n                  }}\n                  label={formatMessage(\n                    passwordConfirmShown\n                      ? {\n                          id: 'Auth.form.password.show-password',\n                          defaultMessage: 'Show password',\n                        }\n                      : {\n                          id: 'Auth.form.password.hide-password',\n                          defaultMessage: 'Hide password',\n                        }\n                  )}\n                >\n                  {passwordConfirmShown ? <Eye /> : <EyeStriked />}\n                </FieldActionWrapper>\n              }\n            />\n          </GridItem>\n        </Grid>\n      </Flex>\n    </Box>\n  );\n};\n\nconst PasswordInput = styled(TextInput)`\n  ::-ms-reveal {\n    display: none;\n  }\n`;\n\n// Wrapper of the Eye Icon able to show or hide the Password inside the field\nconst FieldActionWrapper = styled(FieldAction)`\n  svg {\n    height: ${pxToRem(16)};\n    width: ${pxToRem(16)};\n    path {\n      fill: ${({ theme }) => theme.colors.neutral600};\n    }\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * PreferencesSection\n * -----------------------------------------------------------------------------------------------*/\n\ninterface PreferencesSectionProps extends Pick<GenericInputProps, 'onChange'> {\n  values: {\n    preferedLanguage?: string;\n    currentTheme?: string;\n  };\n  localeNames: Record<string, string>;\n}\n\nconst PreferencesSection = ({ onChange, values, 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          <GridItem s={12} col={6}>\n            <SingleSelect\n              label={formatMessage({\n                id: 'Settings.profile.form.section.experience.interfaceLanguage',\n                defaultMessage: 'Interface language',\n              })}\n              placeholder={formatMessage({\n                id: 'global.select',\n                defaultMessage: 'Select',\n              })}\n              hint={formatMessage({\n                id: 'Settings.profile.form.section.experience.interfaceLanguage.hint',\n                defaultMessage: 'This will only display your own interface in the chosen language.',\n              })}\n              onClear={() => {\n                onChange({\n                  target: { name: 'preferedLanguage', value: null },\n                });\n              }}\n              clearLabel={formatMessage({\n                id: 'Settings.profile.form.section.experience.clear.select',\n                defaultMessage: 'Clear the interface language selected',\n              })}\n              value={values.preferedLanguage}\n              onChange={(e) => {\n                onChange({\n                  target: { name: 'preferedLanguage', value: e },\n                });\n              }}\n            >\n              {Object.entries(localeNames).map(([language, langName]) => (\n                <SingleSelectOption value={language} key={language}>\n                  {langName}\n                </SingleSelectOption>\n              ))}\n            </SingleSelect>\n          </GridItem>\n          <GridItem s={12} col={6}>\n            <SingleSelect\n              label={formatMessage({\n                id: 'Settings.profile.form.section.experience.mode.label',\n                defaultMessage: 'Interface mode',\n              })}\n              placeholder={formatMessage({\n                id: 'components.Select.placeholder',\n                defaultMessage: 'Select',\n              })}\n              hint={formatMessage({\n                id: 'Settings.profile.form.section.experience.mode.hint',\n                defaultMessage: 'Displays your interface in the chosen mode.',\n              })}\n              value={values.currentTheme}\n              onChange={(e) => {\n                onChange({\n                  target: { name: 'currentTheme', value: e },\n                });\n              }}\n            >\n              <SingleSelectOption value=\"system\">\n                {formatMessage({\n                  id: 'Settings.profile.form.section.experience.mode.option-system-label',\n                  defaultMessage: 'Use system settings',\n                })}\n              </SingleSelectOption>\n              {themesToDisplay.map((theme) => (\n                <SingleSelectOption value={theme} key={theme}>\n                  {formatMessage(\n                    {\n                      id: 'Settings.profile.form.section.experience.mode.option-label',\n                      defaultMessage: '{name} mode',\n                    },\n                    {\n                      name: formatMessage({\n                        id: theme,\n                        defaultMessage: upperFirst(theme),\n                      }),\n                    }\n                  )}\n                </SingleSelectOption>\n              ))}\n            </SingleSelect>\n          </GridItem>\n        </Grid>\n      </Flex>\n    </Box>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * UserInfoSection\n * -----------------------------------------------------------------------------------------------*/\n\ninterface UserInfoSectionProps extends Pick<GenericInputProps, 'onChange'> {\n  errors: { firstname?: string; lastname?: string; username?: string; email?: string };\n  values: {\n    firstname?: string;\n    lastname?: string;\n    username?: string;\n    email?: string;\n  };\n}\n\nconst UserInfoSection = ({ errors, onChange, values }: UserInfoSectionProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Box\n      background=\"neutral0\"\n      hasRadius\n      shadow=\"filterShadow\"\n      paddingTop={6}\n      paddingBottom={6}\n      paddingLeft={7}\n      paddingRight={7}\n    >\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={4}>\n        <Typography variant=\"delta\" as=\"h2\">\n          {formatMessage({\n            id: 'global.profile',\n            defaultMessage: 'Profile',\n          })}\n        </Typography>\n        <Grid gap={5}>\n          <GridItem s={12} col={6}>\n            <GenericInput\n              intlLabel={{\n                id: 'Auth.form.firstname.label',\n                defaultMessage: 'First name',\n              }}\n              error={errors.firstname}\n              onChange={onChange}\n              value={values.firstname}\n              type=\"text\"\n              name=\"firstname\"\n              required\n            />\n          </GridItem>\n          <GridItem s={12} col={6}>\n            <GenericInput\n              intlLabel={{\n                id: 'Auth.form.lastname.label',\n                defaultMessage: 'Last name',\n              }}\n              error={errors.lastname}\n              onChange={onChange}\n              value={values.lastname}\n              type=\"text\"\n              name=\"lastname\"\n            />\n          </GridItem>\n          <GridItem s={12} col={6}>\n            <GenericInput\n              intlLabel={{ id: 'Auth.form.email.label', defaultMessage: 'Email' }}\n              error={errors.email}\n              onChange={onChange}\n              value={values.email}\n              type=\"email\"\n              name=\"email\"\n              required\n            />\n          </GridItem>\n          <GridItem s={12} col={6}>\n            <GenericInput\n              intlLabel={{\n                id: 'Auth.form.username.label',\n                defaultMessage: 'Username',\n              }}\n              error={errors.username}\n              onChange={onChange}\n              value={values.username}\n              type=\"text\"\n              name=\"username\"\n            />\n          </GridItem>\n        </Grid>\n      </Flex>\n    </Box>\n  );\n};\n\nexport { ProfilePage };\n"],"names":["currentTheme","email","firstname","lastname","username","preferedLanguage"],"mappings":"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"}

package/dist/_chunks/PurchaseAuditLogs-BWYLuIfm.mjs

@@ -0,0 +1,48 @@
+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 { ExternalLink, EmptyPermissions } from "@strapi/icons";
+import { useIntl } from "react-intl";
+const PurchaseAuditLogs = () => {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsx(Layout, { children: /* @__PURE__ */ jsxs(Main, { children: [
+    /* @__PURE__ */ jsx(
+      HeaderLayout,
+      {
+        title: formatMessage({ id: "global.auditLogs", defaultMessage: "Audit Logs" }),
+        subtitle: formatMessage({
+          id: "Settings.permissions.auditLogs.listview.header.subtitle",
+          defaultMessage: "Logs of all the activities that happened in your environment"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(Box, { paddingLeft: 10, paddingRight: 10, children: /* @__PURE__ */ jsx(
+      EmptyStateLayout,
+      {
+        icon: /* @__PURE__ */ jsx(EmptyPermissions, { width: "10rem" }),
+        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__ */ jsx(
+          LinkButton,
+          {
+            variant: "default",
+            endIcon: /* @__PURE__ */ jsx(ExternalLink, {}),
+            href: "https://strp.cc/45mbAdF",
+            isExternal: true,
+            target: "_blank",
+            children: formatMessage({
+              id: "global.learn-more",
+              defaultMessage: "Learn more"
+            })
+          }
+        )
+      }
+    ) })
+  ] }) });
+};
+export {
+  PurchaseAuditLogs
+};
+//# sourceMappingURL=PurchaseAuditLogs-BWYLuIfm.mjs.map

package/dist/_chunks/PurchaseAuditLogs-BWYLuIfm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PurchaseAuditLogs-BWYLuIfm.mjs","sources":["../../admin/src/pages/Settings/pages/PurchaseAuditLogs.tsx"],"sourcesContent":["import { Box, Layout, Main, HeaderLayout, EmptyStateLayout } from '@strapi/design-system';\nimport { LinkButton } from '@strapi/design-system/v2';\nimport { ExternalLink, EmptyPermissions } from '@strapi/icons';\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=\"10rem\" />}\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":";;;;;AAKA,MAAM,oBAAoB,MAAM;AAC9B,QAAM,EAAE,cAAA,IAAkB,QAAA;AAE1B,SACE,oBAAC,QAAA,EACC,UAAA,qBAAC,MAAA,EACC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,cAAc,EAAE,IAAI,oBAAoB,gBAAgB,cAAc;AAAA,QAC7E,UAAU,cAAc;AAAA,UACtB,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,oBAAC,KAAA,EAAI,aAAa,IAAI,cAAc,IAClC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,oBAAC,kBAAA,EAAiB,OAAM,QAAA,CAAQ;AAAA,QACtC,SAAS,cAAc;AAAA,UACrB,IAAI;AAAA,UACJ,gBACE;AAAA,QAAA,CACH;AAAA,QACD,QACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,6BAAU,cAAA,EAAa;AAAA,YACvB,MAAK;AAAA,YACL,YAAU;AAAA,YACV,QAAO;AAAA,YAEN,UAAA,cAAc;AAAA,cACb,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAAA,CACjB;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA,EAEJ,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/_chunks/PurchaseAuditLogs-DGjR2gAT.js

@@ -0,0 +1,48 @@
+"use strict";
+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 reactIntl = require("react-intl");
+const PurchaseAuditLogs = () => {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Layout, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.HeaderLayout,
+      {
+        title: formatMessage({ id: "global.auditLogs", defaultMessage: "Audit Logs" }),
+        subtitle: formatMessage({
+          id: "Settings.permissions.auditLogs.listview.header.subtitle",
+          defaultMessage: "Logs of all the activities that happened in your environment"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 10, paddingRight: 10, children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.EmptyStateLayout,
+      {
+        icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.EmptyPermissions, { width: "10rem" }),
+        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,
+          {
+            variant: "default",
+            endIcon: /* @__PURE__ */ jsxRuntime.jsx(Icons.ExternalLink, {}),
+            href: "https://strp.cc/45mbAdF",
+            isExternal: true,
+            target: "_blank",
+            children: formatMessage({
+              id: "global.learn-more",
+              defaultMessage: "Learn more"
+            })
+          }
+        )
+      }
+    ) })
+  ] }) });
+};
+exports.PurchaseAuditLogs = PurchaseAuditLogs;
+//# sourceMappingURL=PurchaseAuditLogs-DGjR2gAT.js.map

package/dist/_chunks/PurchaseAuditLogs-DGjR2gAT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PurchaseAuditLogs-DGjR2gAT.js","sources":["../../admin/src/pages/Settings/pages/PurchaseAuditLogs.tsx"],"sourcesContent":["import { Box, Layout, Main, HeaderLayout, EmptyStateLayout } from '@strapi/design-system';\nimport { LinkButton } from '@strapi/design-system/v2';\nimport { ExternalLink, EmptyPermissions } from '@strapi/icons';\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=\"10rem\" />}\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":";;;;;;;AAKA,MAAM,oBAAoB,MAAM;AAC9B,QAAM,EAAE,cAAA,IAAkBA,kBAAA;AAE1B,SACEC,2BAAAA,IAACC,aAAAA,QAAA,EACC,UAAAC,2BAAAA,KAACC,aAAAA,MAAA,EACC,UAAA;AAAA,IAAAH,2BAAAA;AAAAA,MAACI,aAAAA;AAAAA,MAAA;AAAA,QACC,OAAO,cAAc,EAAE,IAAI,oBAAoB,gBAAgB,cAAc;AAAA,QAC7E,UAAU,cAAc;AAAA,UACtB,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEHJ,2BAAAA,IAACK,aAAAA,KAAA,EAAI,aAAa,IAAI,cAAc,IAClC,UAAAL,2BAAAA;AAAAA,MAACM,aAAAA;AAAAA,MAAA;AAAA,QACC,MAAMN,2BAAAA,IAACO,MAAAA,kBAAA,EAAiB,OAAM,QAAA,CAAQ;AAAA,QACtC,SAAS,cAAc;AAAA,UACrB,IAAI;AAAA,UACJ,gBACE;AAAA,QAAA,CACH;AAAA,QACD,QACEP,2BAAAA;AAAAA,UAACQ,GAAAA;AAAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,wCAAUC,MAAAA,cAAA,EAAa;AAAA,YACvB,MAAK;AAAA,YACL,YAAU;AAAA,YACV,QAAO;AAAA,YAEN,UAAA,cAAc;AAAA,cACb,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAAA,CACjB;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA,EAEJ,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;;"}

package/dist/_chunks/PurchaseReviewWorkflows-BRvbD9Sb.mjs

@@ -0,0 +1,51 @@
+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 { ExternalLink, EmptyPermissions } from "@strapi/icons";
+import { useIntl } from "react-intl";
+const PurchaseReviewWorkflows = () => {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsx(Layout, { children: /* @__PURE__ */ jsxs(Main, { children: [
+    /* @__PURE__ */ jsx(
+      HeaderLayout,
+      {
+        title: formatMessage({
+          id: "Settings.review-workflows.list.page.title",
+          defaultMessage: "Review Workflows"
+        }),
+        subtitle: formatMessage({
+          id: "Settings.review-workflows.list.page.subtitle",
+          defaultMessage: "Manage your content review process"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(Box, { paddingLeft: 10, paddingRight: 10, children: /* @__PURE__ */ jsx(
+      EmptyStateLayout,
+      {
+        icon: /* @__PURE__ */ jsx(EmptyPermissions, { width: "10rem" }),
+        content: formatMessage({
+          id: "Settings.review-workflows.not-available",
+          defaultMessage: "Review Workflows is only available as part of a paid plan. Upgrade to create and manage workflows."
+        }),
+        action: /* @__PURE__ */ jsx(
+          LinkButton,
+          {
+            variant: "default",
+            endIcon: /* @__PURE__ */ jsx(ExternalLink, {}),
+            href: "https://strp.cc/3tdNfJq",
+            isExternal: true,
+            target: "_blank",
+            children: formatMessage({
+              id: "global.learn-more",
+              defaultMessage: "Learn more"
+            })
+          }
+        )
+      }
+    ) })
+  ] }) });
+};
+export {
+  PurchaseReviewWorkflows
+};
+//# sourceMappingURL=PurchaseReviewWorkflows-BRvbD9Sb.mjs.map

package/dist/_chunks/PurchaseReviewWorkflows-BRvbD9Sb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PurchaseReviewWorkflows-BRvbD9Sb.mjs","sources":["../../admin/src/pages/Settings/pages/PurchaseReviewWorkflows.tsx"],"sourcesContent":["import { Box, Layout, Main, HeaderLayout, EmptyStateLayout } from '@strapi/design-system';\nimport { LinkButton } from '@strapi/design-system/v2';\nimport { ExternalLink, EmptyPermissions } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nconst PurchaseReviewWorkflows = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Layout>\n      <Main>\n        <HeaderLayout\n          title={formatMessage({\n            id: 'Settings.review-workflows.list.page.title',\n            defaultMessage: 'Review Workflows',\n          })}\n          subtitle={formatMessage({\n            id: 'Settings.review-workflows.list.page.subtitle',\n            defaultMessage: 'Manage your content review process',\n          })}\n        />\n        <Box paddingLeft={10} paddingRight={10}>\n          <EmptyStateLayout\n            icon={<EmptyPermissions width=\"10rem\" />}\n            content={formatMessage({\n              id: 'Settings.review-workflows.not-available',\n              defaultMessage:\n                'Review Workflows is only available as part of a paid plan. Upgrade to create and manage workflows.',\n            })}\n            action={\n              <LinkButton\n                variant=\"default\"\n                endIcon={<ExternalLink />}\n                href=\"https://strp.cc/3tdNfJq\"\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 { PurchaseReviewWorkflows };\n"],"names":[],"mappings":";;;;;AAKA,MAAM,0BAA0B,MAAM;AACpC,QAAM,EAAE,cAAA,IAAkB,QAAA;AAE1B,SACE,oBAAC,QAAA,EACC,UAAA,qBAAC,MAAA,EACC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,cAAc;AAAA,UACnB,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB;AAAA,QACD,UAAU,cAAc;AAAA,UACtB,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,oBAAC,KAAA,EAAI,aAAa,IAAI,cAAc,IAClC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,oBAAC,kBAAA,EAAiB,OAAM,QAAA,CAAQ;AAAA,QACtC,SAAS,cAAc;AAAA,UACrB,IAAI;AAAA,UACJ,gBACE;AAAA,QAAA,CACH;AAAA,QACD,QACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,6BAAU,cAAA,EAAa;AAAA,YACvB,MAAK;AAAA,YACL,YAAU;AAAA,YACV,QAAO;AAAA,YAEN,UAAA,cAAc;AAAA,cACb,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAAA,CACjB;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA,EAEJ,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/_chunks/PurchaseReviewWorkflows-BvQ-ooJt.js

@@ -0,0 +1,51 @@
+"use strict";
+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 reactIntl = require("react-intl");
+const PurchaseReviewWorkflows = () => {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Layout, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.HeaderLayout,
+      {
+        title: formatMessage({
+          id: "Settings.review-workflows.list.page.title",
+          defaultMessage: "Review Workflows"
+        }),
+        subtitle: formatMessage({
+          id: "Settings.review-workflows.list.page.subtitle",
+          defaultMessage: "Manage your content review process"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 10, paddingRight: 10, children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.EmptyStateLayout,
+      {
+        icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.EmptyPermissions, { width: "10rem" }),
+        content: formatMessage({
+          id: "Settings.review-workflows.not-available",
+          defaultMessage: "Review Workflows is only available as part of a paid plan. Upgrade to create and manage workflows."
+        }),
+        action: /* @__PURE__ */ jsxRuntime.jsx(
+          v2.LinkButton,
+          {
+            variant: "default",
+            endIcon: /* @__PURE__ */ jsxRuntime.jsx(Icons.ExternalLink, {}),
+            href: "https://strp.cc/3tdNfJq",
+            isExternal: true,
+            target: "_blank",
+            children: formatMessage({
+              id: "global.learn-more",
+              defaultMessage: "Learn more"
+            })
+          }
+        )
+      }
+    ) })
+  ] }) });
+};
+exports.PurchaseReviewWorkflows = PurchaseReviewWorkflows;
+//# sourceMappingURL=PurchaseReviewWorkflows-BvQ-ooJt.js.map

package/dist/_chunks/PurchaseReviewWorkflows-BvQ-ooJt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PurchaseReviewWorkflows-BvQ-ooJt.js","sources":["../../admin/src/pages/Settings/pages/PurchaseReviewWorkflows.tsx"],"sourcesContent":["import { Box, Layout, Main, HeaderLayout, EmptyStateLayout } from '@strapi/design-system';\nimport { LinkButton } from '@strapi/design-system/v2';\nimport { ExternalLink, EmptyPermissions } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nconst PurchaseReviewWorkflows = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Layout>\n      <Main>\n        <HeaderLayout\n          title={formatMessage({\n            id: 'Settings.review-workflows.list.page.title',\n            defaultMessage: 'Review Workflows',\n          })}\n          subtitle={formatMessage({\n            id: 'Settings.review-workflows.list.page.subtitle',\n            defaultMessage: 'Manage your content review process',\n          })}\n        />\n        <Box paddingLeft={10} paddingRight={10}>\n          <EmptyStateLayout\n            icon={<EmptyPermissions width=\"10rem\" />}\n            content={formatMessage({\n              id: 'Settings.review-workflows.not-available',\n              defaultMessage:\n                'Review Workflows is only available as part of a paid plan. Upgrade to create and manage workflows.',\n            })}\n            action={\n              <LinkButton\n                variant=\"default\"\n                endIcon={<ExternalLink />}\n                href=\"https://strp.cc/3tdNfJq\"\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 { PurchaseReviewWorkflows };\n"],"names":["useIntl","jsx","Layout","jsxs","Main","HeaderLayout","Box","EmptyStateLayout","EmptyPermissions","LinkButton","ExternalLink"],"mappings":";;;;;;;AAKA,MAAM,0BAA0B,MAAM;AACpC,QAAM,EAAE,cAAA,IAAkBA,kBAAA;AAE1B,SACEC,2BAAAA,IAACC,aAAAA,QAAA,EACC,UAAAC,2BAAAA,KAACC,aAAAA,MAAA,EACC,UAAA;AAAA,IAAAH,2BAAAA;AAAAA,MAACI,aAAAA;AAAAA,MAAA;AAAA,QACC,OAAO,cAAc;AAAA,UACnB,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB;AAAA,QACD,UAAU,cAAc;AAAA,UACtB,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEHJ,2BAAAA,IAACK,aAAAA,KAAA,EAAI,aAAa,IAAI,cAAc,IAClC,UAAAL,2BAAAA;AAAAA,MAACM,aAAAA;AAAAA,MAAA;AAAA,QACC,MAAMN,2BAAAA,IAACO,MAAAA,kBAAA,EAAiB,OAAM,QAAA,CAAQ;AAAA,QACtC,SAAS,cAAc;AAAA,UACrB,IAAI;AAAA,UACJ,gBACE;AAAA,QAAA,CACH;AAAA,QACD,QACEP,2BAAAA;AAAAA,UAACQ,GAAAA;AAAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,wCAAUC,MAAAA,cAAA,EAAa;AAAA,YACvB,MAAK;AAAA,YACL,YAAU;AAAA,YACV,QAAO;AAAA,YAEN,UAAA,cAAc;AAAA,cACb,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAAA,CACjB;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA,EAEJ,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;;"}

package/dist/_chunks/PurchaseSingleSignOn-BybUr_h7.js

@@ -0,0 +1,51 @@
+"use strict";
+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 reactIntl = require("react-intl");
+const PurchaseSingleSignOn = () => {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Layout, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.HeaderLayout,
+      {
+        title: formatMessage({
+          id: "Settings.sso.title",
+          defaultMessage: "Single Sign-On"
+        }),
+        subtitle: formatMessage({
+          id: "Settings.sso.subTitle",
+          defaultMessage: "Configure the settings for the Single Sign-On feature."
+        })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 10, paddingRight: 10, children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.EmptyStateLayout,
+      {
+        icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.EmptyPermissions, { width: "10rem" }),
+        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,
+          {
+            variant: "default",
+            endIcon: /* @__PURE__ */ jsxRuntime.jsx(Icons.ExternalLink, {}),
+            href: "https://strp.cc/46Fk1BA",
+            isExternal: true,
+            target: "_blank",
+            children: formatMessage({
+              id: "global.learn-more",
+              defaultMessage: "Learn more"
+            })
+          }
+        )
+      }
+    ) })
+  ] }) });
+};
+exports.PurchaseSingleSignOn = PurchaseSingleSignOn;
+//# sourceMappingURL=PurchaseSingleSignOn-BybUr_h7.js.map

package/dist/_chunks/PurchaseSingleSignOn-BybUr_h7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PurchaseSingleSignOn-BybUr_h7.js","sources":["../../admin/src/pages/Settings/pages/PurchaseSingleSignOn.tsx"],"sourcesContent":["import { Box, Layout, Main, HeaderLayout, EmptyStateLayout } from '@strapi/design-system';\nimport { LinkButton } from '@strapi/design-system/v2';\nimport { ExternalLink, EmptyPermissions } from '@strapi/icons';\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=\"10rem\" />}\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":";;;;;;;AAKA,MAAM,uBAAuB,MAAM;AACjC,QAAM,EAAE,cAAA,IAAkBA,kBAAA;AAE1B,SACEC,2BAAAA,IAACC,aAAAA,QAAA,EACC,UAAAC,2BAAAA,KAACC,aAAAA,MAAA,EACC,UAAA;AAAA,IAAAH,2BAAAA;AAAAA,MAACI,aAAAA;AAAAA,MAAA;AAAA,QACC,OAAO,cAAc;AAAA,UACnB,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB;AAAA,QACD,UAAU,cAAc;AAAA,UACtB,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEHJ,2BAAAA,IAACK,aAAAA,KAAA,EAAI,aAAa,IAAI,cAAc,IAClC,UAAAL,2BAAAA;AAAAA,MAACM,aAAAA;AAAAA,MAAA;AAAA,QACC,MAAMN,2BAAAA,IAACO,MAAAA,kBAAA,EAAiB,OAAM,QAAA,CAAQ;AAAA,QACtC,SAAS,cAAc;AAAA,UACrB,IAAI;AAAA,UACJ,gBACE;AAAA,QAAA,CACH;AAAA,QACD,QACEP,2BAAAA;AAAAA,UAACQ,GAAAA;AAAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,wCAAUC,MAAAA,cAAA,EAAa;AAAA,YACvB,MAAK;AAAA,YACL,YAAU;AAAA,YACV,QAAO;AAAA,YAEN,UAAA,cAAc;AAAA,cACb,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAAA,CACjB;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA,EAEJ,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;;"}

package/dist/_chunks/PurchaseSingleSignOn-Yrx7jiC3.mjs

@@ -0,0 +1,51 @@
+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 { ExternalLink, EmptyPermissions } from "@strapi/icons";
+import { useIntl } from "react-intl";
+const PurchaseSingleSignOn = () => {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsx(Layout, { children: /* @__PURE__ */ jsxs(Main, { children: [
+    /* @__PURE__ */ jsx(
+      HeaderLayout,
+      {
+        title: formatMessage({
+          id: "Settings.sso.title",
+          defaultMessage: "Single Sign-On"
+        }),
+        subtitle: formatMessage({
+          id: "Settings.sso.subTitle",
+          defaultMessage: "Configure the settings for the Single Sign-On feature."
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(Box, { paddingLeft: 10, paddingRight: 10, children: /* @__PURE__ */ jsx(
+      EmptyStateLayout,
+      {
+        icon: /* @__PURE__ */ jsx(EmptyPermissions, { width: "10rem" }),
+        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__ */ jsx(
+          LinkButton,
+          {
+            variant: "default",
+            endIcon: /* @__PURE__ */ jsx(ExternalLink, {}),
+            href: "https://strp.cc/46Fk1BA",
+            isExternal: true,
+            target: "_blank",
+            children: formatMessage({
+              id: "global.learn-more",
+              defaultMessage: "Learn more"
+            })
+          }
+        )
+      }
+    ) })
+  ] }) });
+};
+export {
+  PurchaseSingleSignOn
+};
+//# sourceMappingURL=PurchaseSingleSignOn-Yrx7jiC3.mjs.map

package/dist/_chunks/PurchaseSingleSignOn-Yrx7jiC3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PurchaseSingleSignOn-Yrx7jiC3.mjs","sources":["../../admin/src/pages/Settings/pages/PurchaseSingleSignOn.tsx"],"sourcesContent":["import { Box, Layout, Main, HeaderLayout, EmptyStateLayout } from '@strapi/design-system';\nimport { LinkButton } from '@strapi/design-system/v2';\nimport { ExternalLink, EmptyPermissions } from '@strapi/icons';\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=\"10rem\" />}\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":";;;;;AAKA,MAAM,uBAAuB,MAAM;AACjC,QAAM,EAAE,cAAA,IAAkB,QAAA;AAE1B,SACE,oBAAC,QAAA,EACC,UAAA,qBAAC,MAAA,EACC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,cAAc;AAAA,UACnB,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB;AAAA,QACD,UAAU,cAAc;AAAA,UACtB,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,oBAAC,KAAA,EAAI,aAAa,IAAI,cAAc,IAClC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,oBAAC,kBAAA,EAAiB,OAAM,QAAA,CAAQ;AAAA,QACtC,SAAS,cAAc;AAAA,UACrB,IAAI;AAAA,UACJ,gBACE;AAAA,QAAA,CACH;AAAA,QACD,QACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,6BAAU,cAAA,EAAa;AAAA,YACvB,MAAK;AAAA,YACL,YAAU;AAAA,YACV,QAAO;AAAA,YAEN,UAAA,cAAc;AAAA,cACb,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAAA,CACjB;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA,EAEJ,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/_chunks/ReviewWorkflowsColumn-Bv3HsxcV.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewWorkflowsColumn-Bv3HsxcV.js","sources":["../../ee/admin/src/content-manager/pages/ListView/components/ReviewWorkflowsStageEE.tsx","../../ee/admin/src/content-manager/pages/ListView/components/ReviewWorkflowsAssigneeEE.tsx"],"sourcesContent":["import { Box, Flex, Typography } from '@strapi/design-system';\nimport { pxToRem } from '@strapi/helper-plugin';\n\nimport { STAGE_COLOR_DEFAULT } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/constants';\nimport { getStageColorByHex } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/utils/colors';\n\ninterface ReviewWorkflowsStageEEProps {\n  color?: string;\n  name: string;\n}\n\nconst ReviewWorkflowsStageEE = ({\n  color = STAGE_COLOR_DEFAULT,\n  name,\n}: ReviewWorkflowsStageEEProps) => {\n  const { themeColorName } = getStageColorByHex(color) ?? {};\n\n  return (\n    <Flex alignItems=\"center\" gap={2} maxWidth={pxToRem(300)}>\n      <Box\n        height={2}\n        background={color}\n        borderColor={themeColorName === 'neutral0' ? 'neutral150' : undefined}\n        hasRadius\n        shrink={0}\n        width={2}\n      />\n\n      <Typography fontWeight=\"regular\" textColor=\"neutral700\" ellipsis>\n        {name}\n      </Typography>\n    </Flex>\n  );\n};\n\nexport { ReviewWorkflowsStageEE };\nexport type { ReviewWorkflowsStageEEProps };\n","import { Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { getDisplayName } from '../../../../../../../admin/src/content-manager/utils/users';\nimport { SanitizedAdminUser } from '../../../../../../../shared/contracts/shared';\n\ninterface ReviewWorkflowsAssigneeEEProps {\n  user: Pick<SanitizedAdminUser, 'firstname' | 'lastname' | 'username' | 'email'>;\n}\n\nconst ReviewWorkflowsAssigneeEE = ({ user }: ReviewWorkflowsAssigneeEEProps) => {\n  const { formatMessage } = useIntl();\n\n  return <Typography textColor=\"neutral800\">{getDisplayName(user, formatMessage)}</Typography>;\n};\n\nexport { ReviewWorkflowsAssigneeEE };\nexport type { ReviewWorkflowsAssigneeEEProps };\n"],"names":["STAGE_COLOR_DEFAULT","getStageColorByHex","jsxs","Flex","pxToRem","jsx","Box","Typography","useIntl","getDisplayName"],"mappings":";;;;;;;;;AAWA,MAAM,yBAAyB,CAAC;AAAA,EAC9B,QAAQA,UAAAA;AAAAA,EACR;AACF,MAAmC;AACjC,QAAM,EAAE,eAAA,IAAmBC,0BAAmB,KAAK,KAAK,CAAA;AAExD,SACEC,gCAACC,aAAAA,QAAK,YAAW,UAAS,KAAK,GAAG,UAAUC,aAAAA,QAAQ,GAAG,GACrD,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,aAAAA;AAAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,aAAa,mBAAmB,aAAa,eAAe;AAAA,QAC5D,WAAS;AAAA,QACT,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAGTD,2BAAAA,IAACE,aAAAA,cAAW,YAAW,WAAU,WAAU,cAAa,UAAQ,MAC7D,UAAA,KAAA,CACH;AAAA,EAAA,GACF;AAEJ;ACvBA,MAAM,4BAA4B,CAAC,EAAE,WAA2C;AAC9E,QAAM,EAAE,cAAA,IAAkBC,kBAAA;AAE1B,wCAAQD,yBAAA,EAAW,WAAU,cAAc,UAAAE,qBAAe,MAAM,aAAa,GAAE;AACjF;;;"}

package/dist/_chunks/ReviewWorkflowsColumn-WhvmNSc8.mjs

@@ -0,0 +1,36 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Flex, Box, Typography } from "@strapi/design-system";
+import { pxToRem } from "@strapi/helper-plugin";
+import { b as STAGE_COLOR_DEFAULT } from "./constants-CeIfN9Z8.mjs";
+import { g as getStageColorByHex } from "./colors-CYJuPzU8.mjs";
+import { useIntl } from "react-intl";
+import { l as getDisplayName } from "./index-Cwr9u7_W.mjs";
+const ReviewWorkflowsStageEE = ({
+  color = STAGE_COLOR_DEFAULT,
+  name
+}) => {
+  const { themeColorName } = getStageColorByHex(color) ?? {};
+  return /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, maxWidth: pxToRem(300), children: [
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        height: 2,
+        background: color,
+        borderColor: themeColorName === "neutral0" ? "neutral150" : void 0,
+        hasRadius: true,
+        shrink: 0,
+        width: 2
+      }
+    ),
+    /* @__PURE__ */ jsx(Typography, { fontWeight: "regular", textColor: "neutral700", ellipsis: true, children: name })
+  ] });
+};
+const ReviewWorkflowsAssigneeEE = ({ user }) => {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: getDisplayName(user, formatMessage) });
+};
+export {
+  ReviewWorkflowsAssigneeEE,
+  ReviewWorkflowsStageEE
+};
+//# sourceMappingURL=ReviewWorkflowsColumn-WhvmNSc8.mjs.map

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

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

package/dist/_chunks/SSOProviders-BfKYr9fq.js

@@ -0,0 +1,59 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const designSystem = require("@strapi/design-system");
+const reactIntl = require("react-intl");
+const reactRouterDom = require("react-router-dom");
+const styled = require("styled-components");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const styled__default = /* @__PURE__ */ _interopDefault(styled);
+const SSOProviders = ({ providers, displayAllProviders }) => {
+  const { formatMessage } = reactIntl.useIntl();
+  if (displayAllProviders) {
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid, { gap: 4, children: providers.map((provider) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 4, children: /* @__PURE__ */ jsxRuntime.jsx(SSOProviderButton, { provider }) }, provider.uid)) });
+  }
+  if (providers.length > 2 && !displayAllProviders) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid, { gap: 4, children: [
+      providers.slice(0, 2).map((provider) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 4, children: /* @__PURE__ */ jsxRuntime.jsx(SSOProviderButton, { provider }) }, provider.uid)),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Tooltip,
+        {
+          label: formatMessage({
+            id: "global.see-more"
+          }),
+          children: /* @__PURE__ */ jsxRuntime.jsx(SSOButton, { as: reactRouterDom.Link, to: "/auth/providers", children: /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, children: "•••" }) })
+        }
+      ) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(SSOProvidersWrapper, { justifyContent: "center", children: providers.map((provider) => /* @__PURE__ */ jsxRuntime.jsx(SSOProviderButton, { provider }, provider.uid)) });
+};
+const SSOProvidersWrapper = styled__default.default(designSystem.Flex)`
+  & a:not(:first-child):not(:last-child) {
+    margin: 0 ${({ theme }) => theme.spaces[2]};
+  }
+  & a:first-child {
+    margin-right: ${({ theme }) => theme.spaces[2]};
+  }
+  & a:last-child {
+    margin-left: ${({ theme }) => theme.spaces[2]};
+  }
+`;
+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;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: ${48 / 16}rem;
+  border: 1px solid ${({ theme }) => theme.colors.neutral150};
+  border-radius: ${({ theme }) => theme.borderRadius};
+  text-decoration: inherit;
+  &:link {
+    text-decoration: none;
+  }
+  color: ${({ theme }) => theme.colors.neutral600};
+`;
+exports.SSOProviders = SSOProviders;
+//# sourceMappingURL=SSOProviders-BfKYr9fq.js.map

package/dist/_chunks/SSOProviders-BfKYr9fq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SSOProviders-BfKYr9fq.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":";;;;;;;;AAgBA,MAAM,eAAe,CAAC,EAAE,WAAW,0BAA6C;AAC9E,QAAM,EAAE,cAAA,IAAkBA,kBAAA;AAE1B,MAAI,qBAAqB;AACvB,0CACGC,aAAAA,MAAA,EAAK,KAAK,GACR,UAAA,UAAU,IAAI,CAAC,aACdC,2BAAAA,IAACC,aAAAA,YAA4B,KAAK,GAChC,yCAAC,mBAAA,EAAkB,SAAA,CAAoB,KAD1B,SAAS,GAExB,CACD,EAAA,CACH;AAAA,EAEJ;AAEA,MAAI,UAAU,SAAS,KAAK,CAAC,qBAAqB;AAChD,WACEC,2BAAAA,KAACH,aAAAA,MAAA,EAAK,KAAK,GACR,UAAA;AAAA,MAAA,UAAU,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,aAC1BC,2BAAAA,IAACC,uBAAA,EAA4B,KAAK,GAChC,UAAAD,2BAAAA,IAAC,mBAAA,EAAkB,UAAoB,EAAA,GAD1B,SAAS,GAExB,CACD;AAAA,MACDA,2BAAAA,IAACC,aAAAA,UAAA,EAAS,KAAK,GACb,UAAAD,2BAAAA;AAAAA,QAACG,aAAAA;AAAAA,QAAA;AAAA,UACC,OAAO,cAAc;AAAA,YACnB,IAAI;AAAA,UAAA,CACL;AAAA,UAED,UAAAH,2BAAAA,IAAC,WAAA,EAAU,IAAII,eAAAA,MAAM,IAAG,mBACtB,UAAAJ,2BAAAA,IAAC,QAAA,EAAK,eAAW,MAAC,UAAA,MAAA,CAAG,EAAA,CACvB;AAAA,QAAA;AAAA,MAAA,EACF,CACF;AAAA,IAAA,GACF;AAAA,EAEJ;AAEA,SACEA,2BAAAA,IAAC,qBAAA,EAAoB,gBAAe,UACjC,oBAAU,IAAI,CAAC,aACdA,2BAAAA,IAAC,mBAAA,EAAqC,SAAA,GAAd,SAAS,GAAyB,CAC3D,GACH;AAEJ;AAEA,MAAM,sBAAsBK,gBAAAA,QAAOC,iBAAI;AAAA;AAAA,gBAEvB,CAAC,EAAE,MAAA,MAAY,MAAM,OAAO,CAAC,CAAC;AAAA;AAAA;AAAA,oBAG1B,CAAC,EAAE,MAAA,MAAY,MAAM,OAAO,CAAC,CAAC;AAAA;AAAA;AAAA,mBAG/B,CAAC,EAAE,MAAA,MAAY,MAAM,OAAO,CAAC,CAAC;AAAA;AAAA;AAYjD,MAAM,oBAAoB,CAAC,EAAE,eAAuC;AAClE,SACEN,2BAAAA,IAACG,aAAAA,SAAA,EAAQ,OAAO,SAAS,aACvB,UAAAH,2BAAAA,IAAC,WAAA,EAAU,MAAM,GAAG,OAAO,OAAO,UAAU,kBAAkB,SAAS,GAAG,IACvE,UAAA,SAAS,OACRA,+BAAC,SAAI,KAAK,SAAS,MAAM,eAAW,MAAC,KAAI,IAAG,QAAO,QAAO,IAE1DA,+BAACO,aAAAA,YAAA,EAAY,UAAA,SAAS,YAAA,CAAY,GAEtC,GACF;AAEJ;AAEA,MAAM,YAAYF,gBAAAA,QAAO;AAAA,WACd,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA,YAIP,KAAK,EAAE;AAAA,sBACG,CAAC,EAAE,MAAA,MAAY,MAAM,OAAO,UAAU;AAAA,mBACzC,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,WAKzC,CAAC,EAAE,MAAA,MAAY,MAAM,OAAO,UAAU;AAAA;;"}