@strapi/admin 5.26.0 → 5.27.0

package/dist/admin/admin/src/pages/Settings/pages/ApplicationInfo/ApplicationInfoPage.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationInfoPage.mjs","sources":["../../../../../../../../admin/src/pages/Settings/pages/ApplicationInfo/ApplicationInfoPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Button, Flex, Grid, Link, Typography } from '@strapi/design-system';\nimport { Check, ExternalLink } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useSelector } from 'react-redux';\n\nimport { Layouts } from '../../../../components/Layouts/Layout';\nimport { Page } from '../../../../components/PageHelpers';\nimport { useAppInfo } from '../../../../features/AppInfo';\nimport { useConfiguration } from '../../../../features/Configuration';\nimport { useTracking } from '../../../../features/Tracking';\nimport { useEnterprise } from '../../../../hooks/useEnterprise';\nimport { useFetchClient } from '../../../../hooks/useFetchClient';\nimport { useRBAC } from '../../../../hooks/useRBAC';\nimport { selectAdminPermissions } from '../../../../selectors';\n\nimport { LogoInput, LogoInputProps } from './components/LogoInput';\nimport { DIMENSION, SIZE } from './utils/constants';\n\nconst AdminSeatInfoCE = () => null;\nconst AIUageDataCE = () => null;\n\n/* -------------------------------------------------------------------------------------------------\n * ApplicationInfoPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ApplicationInfoPage = () => {\n  const { trackUsage } = useTracking();\n  const { formatMessage } = useIntl();\n  const { get } = useFetchClient();\n  const { logos: serverLogos, updateProjectSettings } = useConfiguration('ApplicationInfoPage');\n  const [logos, setLogos] = React.useState({ menu: serverLogos.menu, auth: serverLogos.auth });\n  const { settings } = useSelector(selectAdminPermissions);\n\n  const communityEdition = useAppInfo('ApplicationInfoPage', (state) => state.communityEdition);\n  const latestStrapiReleaseTag = useAppInfo(\n    'ApplicationInfoPage',\n    (state) => state.latestStrapiReleaseTag\n  );\n  const nodeVersion = useAppInfo('ApplicationInfoPage', (state) => state.nodeVersion);\n  const shouldUpdateStrapi = useAppInfo('ApplicationInfoPage', (state) => state.shouldUpdateStrapi);\n  const strapiVersion = useAppInfo('ApplicationInfoPage', (state) => state.strapiVersion);\n\n  const AdminSeatInfo = useEnterprise(\n    AdminSeatInfoCE,\n    async () =>\n      (\n        await import(\n          '../../../../../../ee/admin/src/pages/SettingsPage/pages/ApplicationInfoPage/components/AdminSeatInfo'\n        )\n      ).AdminSeatInfoEE\n  );\n  const isAiEnabled = window.strapi.ai?.enabled !== false;\n  const AIUsageData = useEnterprise(\n    AIUageDataCE,\n    async () =>\n      (\n        await import(\n          '../../../../../../ee/admin/src/pages/SettingsPage/pages/ApplicationInfoPage/components/AIUsage'\n        )\n      ).AIUsage,\n    {\n      enabled: isAiEnabled,\n    }\n  );\n\n  const {\n    allowedActions: { canRead, canUpdate },\n  } = useRBAC(settings ? settings['project-settings'] : {});\n\n  const handleSubmit: React.FormEventHandler<HTMLFormElement> = (e) => {\n    e.preventDefault();\n\n    updateProjectSettings({\n      authLogo: logos.auth.custom ?? null,\n      menuLogo: logos.menu.custom ?? null,\n    });\n  };\n\n  const handleChangeLogo =\n    (logo: 'menu' | 'auth'): LogoInputProps['onChangeLogo'] =>\n    (newLogo) => {\n      /**\n       * If there's no newLogo value we can assume we're reseting.\n       */\n      if (newLogo === null) {\n        trackUsage('didClickResetLogo', {\n          logo,\n        });\n      }\n\n      setLogos((prev) => ({\n        ...prev,\n        [logo]: {\n          ...prev[logo],\n          custom: newLogo,\n        },\n      }));\n    };\n\n  React.useEffect(() => {\n    setLogos({\n      menu: serverLogos.menu,\n      auth: serverLogos.auth,\n    });\n  }, [serverLogos]);\n\n  // block rendering until the EE component is fully loaded\n  if (!AdminSeatInfo) {\n    return null;\n  }\n\n  if (!AIUsageData) {\n    return null;\n  }\n\n  const isSaveDisabled =\n    logos.auth.custom === serverLogos.auth.custom && logos.menu.custom === serverLogos.menu.custom;\n\n  return (\n    <Layouts.Root>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          {\n            name: formatMessage({\n              id: 'Settings.application.header',\n              defaultMessage: 'Application',\n            }),\n          }\n        )}\n      </Page.Title>\n      <Page.Main>\n        <form onSubmit={handleSubmit}>\n          <Layouts.Header\n            title={formatMessage({\n              id: 'Settings.application.title',\n              defaultMessage: 'Overview',\n            })}\n            subtitle={formatMessage({\n              id: 'Settings.application.description',\n              defaultMessage: 'Administration panel’s global information',\n            })}\n            primaryAction={\n              canUpdate && (\n                <Button disabled={isSaveDisabled} type=\"submit\" startIcon={<Check />}>\n                  {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}\n                </Button>\n              )\n            }\n          />\n          <Layouts.Content>\n            <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n              <Flex\n                direction=\"column\"\n                alignItems=\"stretch\"\n                gap={4}\n                hasRadius\n                background=\"neutral0\"\n                shadow=\"tableShadow\"\n                paddingTop={6}\n                paddingBottom={6}\n                paddingRight={7}\n                paddingLeft={7}\n              >\n                <Typography variant=\"delta\" tag=\"h3\">\n                  {formatMessage({\n                    id: 'global.details',\n                    defaultMessage: 'Details',\n                  })}\n                </Typography>\n\n                <Grid.Root gap={5} tag=\"dl\">\n                  <Grid.Item col={6} s={12} direction=\"column\" alignItems=\"start\">\n                    <Typography variant=\"sigma\" textColor=\"neutral600\" tag=\"dt\">\n                      {formatMessage({\n                        id: 'Settings.application.strapiVersion',\n                        defaultMessage: 'strapi version',\n                      })}\n                    </Typography>\n                    <Flex gap={3} direction=\"column\" alignItems=\"start\" tag=\"dd\">\n                      <Typography>v{strapiVersion}</Typography>\n                      {shouldUpdateStrapi && (\n                        <Link\n                          href={`https://github.com/strapi/strapi/releases/tag/${latestStrapiReleaseTag}`}\n                          endIcon={<ExternalLink />}\n                        >\n                          {formatMessage({\n                            id: 'Settings.application.link-upgrade',\n                            defaultMessage: 'Upgrade your admin panel',\n                          })}\n                        </Link>\n                      )}\n                    </Flex>\n                  </Grid.Item>\n                  <Grid.Item col={6} s={12} direction=\"column\" alignItems=\"start\">\n                    <Typography variant=\"sigma\" textColor=\"neutral600\" tag=\"dt\">\n                      {formatMessage({\n                        id: 'Settings.application.edition-title',\n                        defaultMessage: 'current edition',\n                      })}\n                    </Typography>\n                    <Flex gap={3} direction=\"column\" alignItems=\"start\" tag=\"dd\">\n                      <Typography>\n                        {formatMessage(\n                          {\n                            id: 'Settings.application.ee-or-ce',\n                            defaultMessage:\n                              '{communityEdition, select, true {Community Edition} other {Enterprise Edition}}',\n                          },\n                          { communityEdition }\n                        )}\n                      </Typography>\n                      <Link href=\"https://strapi.io/pricing-self-hosted\" endIcon={<ExternalLink />}>\n                        {formatMessage({\n                          id: 'Settings.application.link-pricing',\n                          defaultMessage: 'See all pricing plans',\n                        })}\n                      </Link>\n                    </Flex>\n                  </Grid.Item>\n\n                  <Grid.Item col={6} s={12} direction=\"column\" alignItems=\"start\">\n                    <Typography variant=\"sigma\" textColor=\"neutral600\" tag=\"dt\">\n                      {formatMessage({\n                        id: 'Settings.application.node-version',\n                        defaultMessage: 'node version',\n                      })}\n                    </Typography>\n                    <Typography tag=\"dd\">{nodeVersion}</Typography>\n                  </Grid.Item>\n                  <AdminSeatInfo />\n                  <AIUsageData />\n                </Grid.Root>\n              </Flex>\n              {canRead && (\n                <Box\n                  hasRadius\n                  background=\"neutral0\"\n                  shadow=\"tableShadow\"\n                  paddingTop={6}\n                  paddingBottom={6}\n                  paddingRight={7}\n                  paddingLeft={7}\n                >\n                  <Typography variant=\"delta\" tag=\"h3\">\n                    {formatMessage({\n                      id: 'Settings.application.customization',\n                      defaultMessage: 'Customization',\n                    })}\n                  </Typography>\n                  <Typography variant=\"pi\" textColor=\"neutral600\">\n                    {formatMessage(\n                      {\n                        id: 'Settings.application.customization.size-details',\n                        defaultMessage:\n                          'Max dimension: {dimension}×{dimension}, Max file size: {size}KB',\n                      },\n                      { dimension: DIMENSION, size: SIZE }\n                    )}\n                  </Typography>\n                  <Grid.Root paddingTop={4} gap={4}>\n                    <Grid.Item col={6} s={12} direction=\"column\" alignItems=\"stretch\">\n                      <LogoInput\n                        canUpdate={canUpdate}\n                        customLogo={logos.menu.custom}\n                        defaultLogo={logos.menu.default}\n                        hint={formatMessage({\n                          id: 'Settings.application.customization.menu-logo.carousel-hint',\n                          defaultMessage: 'Replace the logo in the main navigation',\n                        })}\n                        label={formatMessage({\n                          id: 'Settings.application.customization.carousel.menu-logo.title',\n                          defaultMessage: 'Menu logo',\n                        })}\n                        onChangeLogo={handleChangeLogo('menu')}\n                      />\n                    </Grid.Item>\n                    <Grid.Item col={6} s={12} direction=\"column\" alignItems=\"stretch\">\n                      <LogoInput\n                        canUpdate={canUpdate}\n                        customLogo={logos.auth.custom}\n                        defaultLogo={logos.auth.default}\n                        hint={formatMessage({\n                          id: 'Settings.application.customization.auth-logo.carousel-hint',\n                          defaultMessage: 'Replace the logo in the authentication pages',\n                        })}\n                        label={formatMessage({\n                          id: 'Settings.application.customization.carousel.auth-logo.title',\n                          defaultMessage: 'Auth logo',\n                        })}\n                        onChangeLogo={handleChangeLogo('auth')}\n                      />\n                    </Grid.Item>\n                  </Grid.Root>\n                </Box>\n              )}\n            </Flex>\n          </Layouts.Content>\n        </form>\n      </Page.Main>\n    </Layouts.Root>\n  );\n};\n\nexport { ApplicationInfoPage };\n"],"names":["AdminSeatInfoCE","AIUageDataCE","ApplicationInfoPage","trackUsage","useTracking","formatMessage","useIntl","useFetchClient","logos","serverLogos","updateProjectSettings","useConfiguration","setLogos","React","useState","menu","auth","settings","useSelector","selectAdminPermissions","communityEdition","useAppInfo","state","latestStrapiReleaseTag","nodeVersion","shouldUpdateStrapi","strapiVersion","AdminSeatInfo","useEnterprise","AdminSeatInfoEE","isAiEnabled","window","strapi","ai","enabled","AIUsageData","AIUsage","allowedActions","canRead","canUpdate","useRBAC","handleSubmit","e","preventDefault","authLogo","custom","menuLogo","handleChangeLogo","logo","newLogo","prev","useEffect","isSaveDisabled","_jsxs","Layouts","Root","_jsx","Page","Title","id","defaultMessage","name","Main","form","onSubmit","Header","title","subtitle","primaryAction","Button","disabled","type","startIcon","Check","Content","Flex","direction","alignItems","gap","hasRadius","background","shadow","paddingTop","paddingBottom","paddingRight","paddingLeft","Typography","variant","tag","Grid","Item","col","s","textColor","Link","href","endIcon","ExternalLink","Box","dimension","DIMENSION","size","SIZE","LogoInput","customLogo","defaultLogo","default","hint","label","onChangeLogo"],"mappings":"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"}
+{"version":3,"file":"ApplicationInfoPage.mjs","sources":["../../../../../../../../admin/src/pages/Settings/pages/ApplicationInfo/ApplicationInfoPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Button, Flex, Grid, Link, Typography } from '@strapi/design-system';\nimport { Check, ExternalLink } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useSelector } from 'react-redux';\n\nimport { Layouts } from '../../../../components/Layouts/Layout';\nimport { Page } from '../../../../components/PageHelpers';\nimport { useAppInfo } from '../../../../features/AppInfo';\nimport { useConfiguration } from '../../../../features/Configuration';\nimport { useTracking } from '../../../../features/Tracking';\nimport { useEnterprise } from '../../../../hooks/useEnterprise';\nimport { useFetchClient } from '../../../../hooks/useFetchClient';\nimport { useRBAC } from '../../../../hooks/useRBAC';\nimport { selectAdminPermissions } from '../../../../selectors';\n\nimport { LogoInput, LogoInputProps } from './components/LogoInput';\nimport { DIMENSION, SIZE } from './utils/constants';\n\nconst AdminSeatInfoCE = () => null;\nconst AIUageDataCE = () => null;\n\n/* -------------------------------------------------------------------------------------------------\n * ApplicationInfoPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ApplicationInfoPage = () => {\n  const { trackUsage } = useTracking();\n  const { formatMessage } = useIntl();\n  const { get } = useFetchClient();\n  const { logos: serverLogos, updateProjectSettings } = useConfiguration('ApplicationInfoPage');\n  const [logos, setLogos] = React.useState({ menu: serverLogos.menu, auth: serverLogos.auth });\n  const { settings } = useSelector(selectAdminPermissions);\n\n  const communityEdition = useAppInfo('ApplicationInfoPage', (state) => state.communityEdition);\n  const latestStrapiReleaseTag = useAppInfo(\n    'ApplicationInfoPage',\n    (state) => state.latestStrapiReleaseTag\n  );\n  const nodeVersion = useAppInfo('ApplicationInfoPage', (state) => state.nodeVersion);\n  const shouldUpdateStrapi = useAppInfo('ApplicationInfoPage', (state) => state.shouldUpdateStrapi);\n  const strapiVersion = useAppInfo('ApplicationInfoPage', (state) => state.strapiVersion);\n\n  const AdminSeatInfo = useEnterprise(\n    AdminSeatInfoCE,\n    async () =>\n      (\n        await import(\n          '../../../../../../ee/admin/src/pages/SettingsPage/pages/ApplicationInfoPage/components/AdminSeatInfo'\n        )\n      ).AdminSeatInfoEE\n  );\n  const isAiEnabled = window.strapi.ai?.enabled !== false;\n  const AIUsageData = useEnterprise(\n    AIUageDataCE,\n    async () =>\n      (\n        await import(\n          '../../../../../../ee/admin/src/pages/SettingsPage/pages/ApplicationInfoPage/components/AIUsage'\n        )\n      ).AIUsage,\n    {\n      enabled: isAiEnabled,\n    }\n  );\n\n  const {\n    allowedActions: { canRead, canUpdate },\n  } = useRBAC(settings ? settings['project-settings'] : {});\n\n  const handleSubmit: React.FormEventHandler<HTMLFormElement> = (e) => {\n    e.preventDefault();\n\n    updateProjectSettings({\n      authLogo: logos.auth.custom ?? null,\n      menuLogo: logos.menu.custom ?? null,\n    });\n  };\n\n  const handleChangeLogo =\n    (logo: 'menu' | 'auth'): LogoInputProps['onChangeLogo'] =>\n    (newLogo) => {\n      /**\n       * If there's no newLogo value we can assume we're reseting.\n       */\n      if (newLogo === null) {\n        trackUsage('didClickResetLogo', {\n          logo,\n        });\n      }\n\n      setLogos((prev) => ({\n        ...prev,\n        [logo]: {\n          ...prev[logo],\n          custom: newLogo,\n        },\n      }));\n    };\n\n  React.useEffect(() => {\n    setLogos({\n      menu: serverLogos.menu,\n      auth: serverLogos.auth,\n    });\n  }, [serverLogos]);\n\n  // block rendering until the EE component is fully loaded\n  if (!AdminSeatInfo) {\n    return null;\n  }\n\n  if (!AIUsageData) {\n    return null;\n  }\n\n  const isSaveDisabled =\n    logos.auth.custom === serverLogos.auth.custom && logos.menu.custom === serverLogos.menu.custom;\n\n  return (\n    <>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          {\n            name: formatMessage({\n              id: 'Settings.application.header',\n              defaultMessage: 'Application',\n            }),\n          }\n        )}\n      </Page.Title>\n      <Page.Main>\n        <form onSubmit={handleSubmit}>\n          <Layouts.Header\n            title={formatMessage({\n              id: 'Settings.application.title',\n              defaultMessage: 'Overview',\n            })}\n            subtitle={formatMessage({\n              id: 'Settings.application.description',\n              defaultMessage: 'Administration panel’s global information',\n            })}\n            primaryAction={\n              canUpdate && (\n                <Button disabled={isSaveDisabled} type=\"submit\" startIcon={<Check />}>\n                  {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}\n                </Button>\n              )\n            }\n          />\n          <Layouts.Content>\n            <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n              <Flex\n                direction=\"column\"\n                alignItems=\"stretch\"\n                gap={4}\n                hasRadius\n                background=\"neutral0\"\n                shadow=\"tableShadow\"\n                paddingTop={6}\n                paddingBottom={6}\n                paddingRight={7}\n                paddingLeft={7}\n              >\n                <Typography variant=\"delta\" tag=\"h3\">\n                  {formatMessage({\n                    id: 'global.details',\n                    defaultMessage: 'Details',\n                  })}\n                </Typography>\n\n                <Grid.Root gap={5} tag=\"dl\">\n                  <Grid.Item col={6} s={12} direction=\"column\" alignItems=\"start\">\n                    <Typography variant=\"sigma\" textColor=\"neutral600\" tag=\"dt\">\n                      {formatMessage({\n                        id: 'Settings.application.strapiVersion',\n                        defaultMessage: 'strapi version',\n                      })}\n                    </Typography>\n                    <Flex gap={3} direction=\"column\" alignItems=\"start\" tag=\"dd\">\n                      <Typography>v{strapiVersion}</Typography>\n                      {shouldUpdateStrapi && (\n                        <Link\n                          href={`https://github.com/strapi/strapi/releases/tag/${latestStrapiReleaseTag}`}\n                          endIcon={<ExternalLink />}\n                        >\n                          {formatMessage({\n                            id: 'Settings.application.link-upgrade',\n                            defaultMessage: 'Upgrade your admin panel',\n                          })}\n                        </Link>\n                      )}\n                    </Flex>\n                  </Grid.Item>\n                  <Grid.Item col={6} s={12} direction=\"column\" alignItems=\"start\">\n                    <Typography variant=\"sigma\" textColor=\"neutral600\" tag=\"dt\">\n                      {formatMessage({\n                        id: 'Settings.application.edition-title',\n                        defaultMessage: 'current edition',\n                      })}\n                    </Typography>\n                    <Flex gap={3} direction=\"column\" alignItems=\"start\" tag=\"dd\">\n                      <Typography>\n                        {formatMessage(\n                          {\n                            id: 'Settings.application.ee-or-ce',\n                            defaultMessage:\n                              '{communityEdition, select, true {Community Edition} other {Enterprise Edition}}',\n                          },\n                          { communityEdition }\n                        )}\n                      </Typography>\n                      <Link href=\"https://strapi.io/pricing-self-hosted\" endIcon={<ExternalLink />}>\n                        {formatMessage({\n                          id: 'Settings.application.link-pricing',\n                          defaultMessage: 'See all pricing plans',\n                        })}\n                      </Link>\n                    </Flex>\n                  </Grid.Item>\n\n                  <Grid.Item col={6} s={12} direction=\"column\" alignItems=\"start\">\n                    <Typography variant=\"sigma\" textColor=\"neutral600\" tag=\"dt\">\n                      {formatMessage({\n                        id: 'Settings.application.node-version',\n                        defaultMessage: 'node version',\n                      })}\n                    </Typography>\n                    <Typography tag=\"dd\">{nodeVersion}</Typography>\n                  </Grid.Item>\n                  <AdminSeatInfo />\n                  <AIUsageData />\n                </Grid.Root>\n              </Flex>\n              {canRead && (\n                <Box\n                  hasRadius\n                  background=\"neutral0\"\n                  shadow=\"tableShadow\"\n                  paddingTop={6}\n                  paddingBottom={6}\n                  paddingRight={7}\n                  paddingLeft={7}\n                >\n                  <Typography variant=\"delta\" tag=\"h3\">\n                    {formatMessage({\n                      id: 'Settings.application.customization',\n                      defaultMessage: 'Customization',\n                    })}\n                  </Typography>\n                  <Typography variant=\"pi\" textColor=\"neutral600\">\n                    {formatMessage(\n                      {\n                        id: 'Settings.application.customization.size-details',\n                        defaultMessage:\n                          'Max dimension: {dimension}×{dimension}, Max file size: {size}KB',\n                      },\n                      { dimension: DIMENSION, size: SIZE }\n                    )}\n                  </Typography>\n                  <Grid.Root paddingTop={4} gap={4}>\n                    <Grid.Item col={6} s={12} direction=\"column\" alignItems=\"stretch\">\n                      <LogoInput\n                        canUpdate={canUpdate}\n                        customLogo={logos.menu.custom}\n                        defaultLogo={logos.menu.default}\n                        hint={formatMessage({\n                          id: 'Settings.application.customization.menu-logo.carousel-hint',\n                          defaultMessage: 'Replace the logo in the main navigation',\n                        })}\n                        label={formatMessage({\n                          id: 'Settings.application.customization.carousel.menu-logo.title',\n                          defaultMessage: 'Menu logo',\n                        })}\n                        onChangeLogo={handleChangeLogo('menu')}\n                      />\n                    </Grid.Item>\n                    <Grid.Item col={6} s={12} direction=\"column\" alignItems=\"stretch\">\n                      <LogoInput\n                        canUpdate={canUpdate}\n                        customLogo={logos.auth.custom}\n                        defaultLogo={logos.auth.default}\n                        hint={formatMessage({\n                          id: 'Settings.application.customization.auth-logo.carousel-hint',\n                          defaultMessage: 'Replace the logo in the authentication pages',\n                        })}\n                        label={formatMessage({\n                          id: 'Settings.application.customization.carousel.auth-logo.title',\n                          defaultMessage: 'Auth logo',\n                        })}\n                        onChangeLogo={handleChangeLogo('auth')}\n                      />\n                    </Grid.Item>\n                  </Grid.Root>\n                </Box>\n              )}\n            </Flex>\n          </Layouts.Content>\n        </form>\n      </Page.Main>\n    </>\n  );\n};\n\nexport { ApplicationInfoPage };\n"],"names":["AdminSeatInfoCE","AIUageDataCE","ApplicationInfoPage","trackUsage","useTracking","formatMessage","useIntl","useFetchClient","logos","serverLogos","updateProjectSettings","useConfiguration","setLogos","React","useState","menu","auth","settings","useSelector","selectAdminPermissions","communityEdition","useAppInfo","state","latestStrapiReleaseTag","nodeVersion","shouldUpdateStrapi","strapiVersion","AdminSeatInfo","useEnterprise","AdminSeatInfoEE","isAiEnabled","window","strapi","ai","enabled","AIUsageData","AIUsage","allowedActions","canRead","canUpdate","useRBAC","handleSubmit","e","preventDefault","authLogo","custom","menuLogo","handleChangeLogo","logo","newLogo","prev","useEffect","isSaveDisabled","_jsxs","_Fragment","_jsx","Page","Title","id","defaultMessage","name","Main","form","onSubmit","Layouts","Header","title","subtitle","primaryAction","Button","disabled","type","startIcon","Check","Content","Flex","direction","alignItems","gap","hasRadius","background","shadow","paddingTop","paddingBottom","paddingRight","paddingLeft","Typography","variant","tag","Grid","Root","Item","col","s","textColor","Link","href","endIcon","ExternalLink","Box","dimension","DIMENSION","size","SIZE","LogoInput","customLogo","defaultLogo","default","hint","label","onChangeLogo"],"mappings":"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"}

package/dist/admin/admin/src/pages/Settings/pages/InstalledPlugins.js

@@ -65,7 +65,7 @@ const InstalledPlugins = ()=>{
     if (isLoading) {
         return /*#__PURE__*/ jsxRuntime.jsx(PageHelpers.Page.Loading, {});
     }
-    return /*#__PURE__*/ jsxRuntime.jsx(Layout.Layouts.Root, {
+    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: /*#__PURE__*/ jsxRuntime.jsxs(PageHelpers.Page.Main, {
             children: [
                 /*#__PURE__*/ jsxRuntime.jsx(Layout.Layouts.Header, {

package/dist/admin/admin/src/pages/Settings/pages/InstalledPlugins.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstalledPlugins.js","sources":["../../../../../../../admin/src/pages/Settings/pages/InstalledPlugins.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Table, Tbody, Td, Th, Thead, Tr, Typography, useNotifyAT } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { Layouts } from '../../../components/Layouts/Layout';\nimport { Page } from '../../../components/PageHelpers';\nimport { useTypedSelector } from '../../../core/store/hooks';\nimport { useNotification } from '../../../features/Notifications';\nimport { useAPIErrorHandler } from '../../../hooks/useAPIErrorHandler';\nimport { useGetPluginsQuery } from '../../../services/admin';\n\nconst InstalledPlugins = () => {\n  const { formatMessage } = useIntl();\n  const { notifyStatus } = useNotifyAT();\n  const { toggleNotification } = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n\n  const { isLoading, data, error } = useGetPluginsQuery();\n\n  React.useEffect(() => {\n    if (data) {\n      notifyStatus(\n        formatMessage(\n          {\n            id: 'app.utils.notify.data-loaded',\n            defaultMessage: 'The {target} has loaded',\n          },\n          {\n            target: formatMessage({\n              id: 'global.plugins',\n              defaultMessage: 'Plugins',\n            }),\n          }\n        )\n      );\n    }\n\n    if (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatAPIError(error),\n      });\n    }\n  }, [data, error, formatAPIError, formatMessage, notifyStatus, toggleNotification]);\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Layouts.Root>\n      <Page.Main>\n        <Layouts.Header\n          title={formatMessage({\n            id: 'global.plugins',\n            defaultMessage: 'Plugins',\n          })}\n          subtitle={formatMessage({\n            id: 'app.components.ListPluginsPage.description',\n            defaultMessage: 'List of the installed plugins in the project.',\n          })}\n        />\n        <Layouts.Content>\n          <Table colCount={2} rowCount={data?.plugins?.length ?? 0 + 1}>\n            <Thead>\n              <Tr>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({\n                      id: 'global.name',\n                      defaultMessage: 'Name',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({\n                      id: 'global.description',\n                      defaultMessage: 'description',\n                    })}\n                  </Typography>\n                </Th>\n              </Tr>\n            </Thead>\n            <Tbody>\n              {data?.plugins.map(({ name, displayName, description }) => {\n                return (\n                  <Tr key={name}>\n                    <Td>\n                      <Typography textColor=\"neutral800\" variant=\"omega\" fontWeight=\"bold\">\n                        {formatMessage({\n                          id: `global.plugins.${name}`,\n                          defaultMessage: displayName,\n                        })}\n                      </Typography>\n                    </Td>\n                    <Td>\n                      <Typography textColor=\"neutral800\">\n                        {formatMessage({\n                          id: `global.plugins.${name}.description`,\n                          defaultMessage: description,\n                        })}\n                      </Typography>\n                    </Td>\n                  </Tr>\n                );\n              })}\n            </Tbody>\n          </Table>\n        </Layouts.Content>\n      </Page.Main>\n    </Layouts.Root>\n  );\n};\n\nconst ProtectedInstalledPlugins = () => {\n  const { formatMessage } = useIntl();\n  const permissions = useTypedSelector((state) => state.admin_app.permissions);\n\n  return (\n    <Page.Protect permissions={permissions.marketplace?.main}>\n      <Page.Title>\n        {formatMessage({\n          id: 'global.plugins',\n          defaultMessage: 'Plugins',\n        })}\n      </Page.Title>\n      <InstalledPlugins />\n    </Page.Protect>\n  );\n};\n\nexport { ProtectedInstalledPlugins, InstalledPlugins };\n"],"names":["InstalledPlugins","formatMessage","useIntl","notifyStatus","useNotifyAT","toggleNotification","useNotification","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","isLoading","data","error","useGetPluginsQuery","React","useEffect","id","defaultMessage","target","type","message","_jsx","Page","Loading","Layouts","Root","_jsxs","Main","Header","title","subtitle","Content","Table","colCount","rowCount","plugins","length","Thead","Tr","Th","Typography","variant","textColor","Tbody","map","name","displayName","description","Td","fontWeight","ProtectedInstalledPlugins","permissions","useTypedSelector","state","admin_app","Protect","marketplace","main","Title"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAMA,gBAAmB,GAAA,IAAA;IACvB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,YAAY,EAAE,GAAGC,wBAAAA,EAAAA;IACzB,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,6BAAAA,EAAAA;AAC/B,IAAA,MAAM,EAAEC,uBAAAA,EAAyBC,cAAc,EAAE,GAAGC,qCAAAA,EAAAA;AAEpD,IAAA,MAAM,EAAEC,SAAS,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGC,wBAAAA,EAAAA;AAEnCC,IAAAA,gBAAAA,CAAMC,SAAS,CAAC,IAAA;AACd,QAAA,IAAIJ,IAAM,EAAA;AACRR,YAAAA,YAAAA,CACEF,aACE,CAAA;gBACEe,EAAI,EAAA,8BAAA;gBACJC,cAAgB,EAAA;aAElB,EAAA;AACEC,gBAAAA,MAAAA,EAAQjB,aAAc,CAAA;oBACpBe,EAAI,EAAA,gBAAA;oBACJC,cAAgB,EAAA;AAClB,iBAAA;AACF,aAAA,CAAA,CAAA;AAGN;AAEA,QAAA,IAAIL,KAAO,EAAA;YACTP,kBAAmB,CAAA;gBACjBc,IAAM,EAAA,QAAA;AACNC,gBAAAA,OAAAA,EAASZ,cAAeI,CAAAA,KAAAA;AAC1B,aAAA,CAAA;AACF;KACC,EAAA;AAACD,QAAAA,IAAAA;AAAMC,QAAAA,KAAAA;AAAOJ,QAAAA,cAAAA;AAAgBP,QAAAA,aAAAA;AAAeE,QAAAA,YAAAA;AAAcE,QAAAA;AAAmB,KAAA,CAAA;AAEjF,IAAA,IAAIK,SAAW,EAAA;QACb,qBAAOW,cAAA,CAACC,iBAAKC,OAAO,EAAA,EAAA,CAAA;AACtB;IAEA,qBACEF,cAAA,CAACG,eAAQC,IAAI,EAAA;gCACXC,eAAA,CAACJ,iBAAKK,IAAI,EAAA;;AACR,8BAAAN,cAAA,CAACG,eAAQI,MAAM,EAAA;AACbC,oBAAAA,KAAAA,EAAO5B,aAAc,CAAA;wBACnBe,EAAI,EAAA,gBAAA;wBACJC,cAAgB,EAAA;AAClB,qBAAA,CAAA;AACAa,oBAAAA,QAAAA,EAAU7B,aAAc,CAAA;wBACtBe,EAAI,EAAA,4CAAA;wBACJC,cAAgB,EAAA;AAClB,qBAAA;;AAEF,8BAAAI,cAAA,CAACG,eAAQO,OAAO,EAAA;AACd,oBAAA,QAAA,gBAAAL,eAACM,CAAAA,kBAAAA,EAAAA;wBAAMC,QAAU,EAAA,CAAA;wBAAGC,QAAUvB,EAAAA,IAAAA,EAAMwB,OAASC,EAAAA,MAAAA,IAAU,CAAI,GAAA,CAAA;;0CACzDf,cAACgB,CAAAA,kBAAAA,EAAAA;AACC,gCAAA,QAAA,gBAAAX,eAACY,CAAAA,eAAAA,EAAAA;;sDACCjB,cAACkB,CAAAA,eAAAA,EAAAA;AACC,4CAAA,QAAA,gBAAAlB,cAACmB,CAAAA,uBAAAA,EAAAA;gDAAWC,OAAQ,EAAA,OAAA;gDAAQC,SAAU,EAAA,YAAA;0DACnCzC,aAAc,CAAA;oDACbe,EAAI,EAAA,aAAA;oDACJC,cAAgB,EAAA;AAClB,iDAAA;;;sDAGJI,cAACkB,CAAAA,eAAAA,EAAAA;AACC,4CAAA,QAAA,gBAAAlB,cAACmB,CAAAA,uBAAAA,EAAAA;gDAAWC,OAAQ,EAAA,OAAA;gDAAQC,SAAU,EAAA,YAAA;0DACnCzC,aAAc,CAAA;oDACbe,EAAI,EAAA,oBAAA;oDACJC,cAAgB,EAAA;AAClB,iDAAA;;;;;;0CAKRI,cAACsB,CAAAA,kBAAAA,EAAAA;0CACEhC,IAAMwB,EAAAA,OAAAA,CAAQS,IAAI,CAAC,EAAEC,IAAI,EAAEC,WAAW,EAAEC,WAAW,EAAE,GAAA;AACpD,oCAAA,qBACErB,eAACY,CAAAA,eAAAA,EAAAA;;0DACCjB,cAAC2B,CAAAA,eAAAA,EAAAA;AACC,gDAAA,QAAA,gBAAA3B,cAACmB,CAAAA,uBAAAA,EAAAA;oDAAWE,SAAU,EAAA,YAAA;oDAAaD,OAAQ,EAAA,OAAA;oDAAQQ,UAAW,EAAA,MAAA;8DAC3DhD,aAAc,CAAA;AACbe,wDAAAA,EAAAA,EAAI,CAAC,eAAe,EAAE6B,IAAAA,CAAK,CAAC;wDAC5B5B,cAAgB6B,EAAAA;AAClB,qDAAA;;;0DAGJzB,cAAC2B,CAAAA,eAAAA,EAAAA;AACC,gDAAA,QAAA,gBAAA3B,cAACmB,CAAAA,uBAAAA,EAAAA;oDAAWE,SAAU,EAAA,YAAA;8DACnBzC,aAAc,CAAA;AACbe,wDAAAA,EAAAA,EAAI,CAAC,eAAe,EAAE6B,IAAAA,CAAK,YAAY,CAAC;wDACxC5B,cAAgB8B,EAAAA;AAClB,qDAAA;;;;AAdGF,qCAAAA,EAAAA,IAAAA,CAAAA;AAmBb,iCAAA;;;;;;;;AAOd;AAEA,MAAMK,yBAA4B,GAAA,IAAA;IAChC,MAAM,EAAEjD,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMiD,cAAcC,sBAAiB,CAAA,CAACC,QAAUA,KAAMC,CAAAA,SAAS,CAACH,WAAW,CAAA;IAE3E,qBACEzB,eAAA,CAACJ,iBAAKiC,OAAO,EAAA;QAACJ,WAAaA,EAAAA,WAAAA,CAAYK,WAAW,EAAEC,IAAAA;;AAClD,0BAAApC,cAAA,CAACC,iBAAKoC,KAAK,EAAA;0BACRzD,aAAc,CAAA;oBACbe,EAAI,EAAA,gBAAA;oBACJC,cAAgB,EAAA;AAClB,iBAAA;;0BAEFI,cAACrB,CAAAA,gBAAAA,EAAAA,EAAAA;;;AAGP;;;;;"}
+{"version":3,"file":"InstalledPlugins.js","sources":["../../../../../../../admin/src/pages/Settings/pages/InstalledPlugins.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Table, Tbody, Td, Th, Thead, Tr, Typography, useNotifyAT } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { Layouts } from '../../../components/Layouts/Layout';\nimport { Page } from '../../../components/PageHelpers';\nimport { useTypedSelector } from '../../../core/store/hooks';\nimport { useNotification } from '../../../features/Notifications';\nimport { useAPIErrorHandler } from '../../../hooks/useAPIErrorHandler';\nimport { useGetPluginsQuery } from '../../../services/admin';\n\nconst InstalledPlugins = () => {\n  const { formatMessage } = useIntl();\n  const { notifyStatus } = useNotifyAT();\n  const { toggleNotification } = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n\n  const { isLoading, data, error } = useGetPluginsQuery();\n\n  React.useEffect(() => {\n    if (data) {\n      notifyStatus(\n        formatMessage(\n          {\n            id: 'app.utils.notify.data-loaded',\n            defaultMessage: 'The {target} has loaded',\n          },\n          {\n            target: formatMessage({\n              id: 'global.plugins',\n              defaultMessage: 'Plugins',\n            }),\n          }\n        )\n      );\n    }\n\n    if (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatAPIError(error),\n      });\n    }\n  }, [data, error, formatAPIError, formatMessage, notifyStatus, toggleNotification]);\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <>\n      <Page.Main>\n        <Layouts.Header\n          title={formatMessage({\n            id: 'global.plugins',\n            defaultMessage: 'Plugins',\n          })}\n          subtitle={formatMessage({\n            id: 'app.components.ListPluginsPage.description',\n            defaultMessage: 'List of the installed plugins in the project.',\n          })}\n        />\n        <Layouts.Content>\n          <Table colCount={2} rowCount={data?.plugins?.length ?? 0 + 1}>\n            <Thead>\n              <Tr>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({\n                      id: 'global.name',\n                      defaultMessage: 'Name',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({\n                      id: 'global.description',\n                      defaultMessage: 'description',\n                    })}\n                  </Typography>\n                </Th>\n              </Tr>\n            </Thead>\n            <Tbody>\n              {data?.plugins.map(({ name, displayName, description }) => {\n                return (\n                  <Tr key={name}>\n                    <Td>\n                      <Typography textColor=\"neutral800\" variant=\"omega\" fontWeight=\"bold\">\n                        {formatMessage({\n                          id: `global.plugins.${name}`,\n                          defaultMessage: displayName,\n                        })}\n                      </Typography>\n                    </Td>\n                    <Td>\n                      <Typography textColor=\"neutral800\">\n                        {formatMessage({\n                          id: `global.plugins.${name}.description`,\n                          defaultMessage: description,\n                        })}\n                      </Typography>\n                    </Td>\n                  </Tr>\n                );\n              })}\n            </Tbody>\n          </Table>\n        </Layouts.Content>\n      </Page.Main>\n    </>\n  );\n};\n\nconst ProtectedInstalledPlugins = () => {\n  const { formatMessage } = useIntl();\n  const permissions = useTypedSelector((state) => state.admin_app.permissions);\n\n  return (\n    <Page.Protect permissions={permissions.marketplace?.main}>\n      <Page.Title>\n        {formatMessage({\n          id: 'global.plugins',\n          defaultMessage: 'Plugins',\n        })}\n      </Page.Title>\n      <InstalledPlugins />\n    </Page.Protect>\n  );\n};\n\nexport { ProtectedInstalledPlugins, InstalledPlugins };\n"],"names":["InstalledPlugins","formatMessage","useIntl","notifyStatus","useNotifyAT","toggleNotification","useNotification","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","isLoading","data","error","useGetPluginsQuery","React","useEffect","id","defaultMessage","target","type","message","_jsx","Page","Loading","_Fragment","_jsxs","Main","Layouts","Header","title","subtitle","Content","Table","colCount","rowCount","plugins","length","Thead","Tr","Th","Typography","variant","textColor","Tbody","map","name","displayName","description","Td","fontWeight","ProtectedInstalledPlugins","permissions","useTypedSelector","state","admin_app","Protect","marketplace","main","Title"],"mappings":"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"}

package/dist/admin/admin/src/pages/Settings/pages/InstalledPlugins.mjs

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import { useNotifyAT, Table, Thead, Tr, Th, Typography, Tbody, Td } from '@strapi/design-system';
 import { useIntl } from 'react-intl';
@@ -44,7 +44,7 @@ const InstalledPlugins = ()=>{
     if (isLoading) {
         return /*#__PURE__*/ jsx(Page.Loading, {});
     }
-    return /*#__PURE__*/ jsx(Layouts.Root, {
+    return /*#__PURE__*/ jsx(Fragment, {
         children: /*#__PURE__*/ jsxs(Page.Main, {
             children: [
                 /*#__PURE__*/ jsx(Layouts.Header, {

package/dist/admin/admin/src/pages/Settings/pages/InstalledPlugins.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InstalledPlugins.mjs","sources":["../../../../../../../admin/src/pages/Settings/pages/InstalledPlugins.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Table, Tbody, Td, Th, Thead, Tr, Typography, useNotifyAT } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { Layouts } from '../../../components/Layouts/Layout';\nimport { Page } from '../../../components/PageHelpers';\nimport { useTypedSelector } from '../../../core/store/hooks';\nimport { useNotification } from '../../../features/Notifications';\nimport { useAPIErrorHandler } from '../../../hooks/useAPIErrorHandler';\nimport { useGetPluginsQuery } from '../../../services/admin';\n\nconst InstalledPlugins = () => {\n  const { formatMessage } = useIntl();\n  const { notifyStatus } = useNotifyAT();\n  const { toggleNotification } = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n\n  const { isLoading, data, error } = useGetPluginsQuery();\n\n  React.useEffect(() => {\n    if (data) {\n      notifyStatus(\n        formatMessage(\n          {\n            id: 'app.utils.notify.data-loaded',\n            defaultMessage: 'The {target} has loaded',\n          },\n          {\n            target: formatMessage({\n              id: 'global.plugins',\n              defaultMessage: 'Plugins',\n            }),\n          }\n        )\n      );\n    }\n\n    if (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatAPIError(error),\n      });\n    }\n  }, [data, error, formatAPIError, formatMessage, notifyStatus, toggleNotification]);\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Layouts.Root>\n      <Page.Main>\n        <Layouts.Header\n          title={formatMessage({\n            id: 'global.plugins',\n            defaultMessage: 'Plugins',\n          })}\n          subtitle={formatMessage({\n            id: 'app.components.ListPluginsPage.description',\n            defaultMessage: 'List of the installed plugins in the project.',\n          })}\n        />\n        <Layouts.Content>\n          <Table colCount={2} rowCount={data?.plugins?.length ?? 0 + 1}>\n            <Thead>\n              <Tr>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({\n                      id: 'global.name',\n                      defaultMessage: 'Name',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({\n                      id: 'global.description',\n                      defaultMessage: 'description',\n                    })}\n                  </Typography>\n                </Th>\n              </Tr>\n            </Thead>\n            <Tbody>\n              {data?.plugins.map(({ name, displayName, description }) => {\n                return (\n                  <Tr key={name}>\n                    <Td>\n                      <Typography textColor=\"neutral800\" variant=\"omega\" fontWeight=\"bold\">\n                        {formatMessage({\n                          id: `global.plugins.${name}`,\n                          defaultMessage: displayName,\n                        })}\n                      </Typography>\n                    </Td>\n                    <Td>\n                      <Typography textColor=\"neutral800\">\n                        {formatMessage({\n                          id: `global.plugins.${name}.description`,\n                          defaultMessage: description,\n                        })}\n                      </Typography>\n                    </Td>\n                  </Tr>\n                );\n              })}\n            </Tbody>\n          </Table>\n        </Layouts.Content>\n      </Page.Main>\n    </Layouts.Root>\n  );\n};\n\nconst ProtectedInstalledPlugins = () => {\n  const { formatMessage } = useIntl();\n  const permissions = useTypedSelector((state) => state.admin_app.permissions);\n\n  return (\n    <Page.Protect permissions={permissions.marketplace?.main}>\n      <Page.Title>\n        {formatMessage({\n          id: 'global.plugins',\n          defaultMessage: 'Plugins',\n        })}\n      </Page.Title>\n      <InstalledPlugins />\n    </Page.Protect>\n  );\n};\n\nexport { ProtectedInstalledPlugins, InstalledPlugins };\n"],"names":["InstalledPlugins","formatMessage","useIntl","notifyStatus","useNotifyAT","toggleNotification","useNotification","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","isLoading","data","error","useGetPluginsQuery","React","useEffect","id","defaultMessage","target","type","message","_jsx","Page","Loading","Layouts","Root","_jsxs","Main","Header","title","subtitle","Content","Table","colCount","rowCount","plugins","length","Thead","Tr","Th","Typography","variant","textColor","Tbody","map","name","displayName","description","Td","fontWeight","ProtectedInstalledPlugins","permissions","useTypedSelector","state","admin_app","Protect","marketplace","main","Title"],"mappings":"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"}
+{"version":3,"file":"InstalledPlugins.mjs","sources":["../../../../../../../admin/src/pages/Settings/pages/InstalledPlugins.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Table, Tbody, Td, Th, Thead, Tr, Typography, useNotifyAT } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { Layouts } from '../../../components/Layouts/Layout';\nimport { Page } from '../../../components/PageHelpers';\nimport { useTypedSelector } from '../../../core/store/hooks';\nimport { useNotification } from '../../../features/Notifications';\nimport { useAPIErrorHandler } from '../../../hooks/useAPIErrorHandler';\nimport { useGetPluginsQuery } from '../../../services/admin';\n\nconst InstalledPlugins = () => {\n  const { formatMessage } = useIntl();\n  const { notifyStatus } = useNotifyAT();\n  const { toggleNotification } = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n\n  const { isLoading, data, error } = useGetPluginsQuery();\n\n  React.useEffect(() => {\n    if (data) {\n      notifyStatus(\n        formatMessage(\n          {\n            id: 'app.utils.notify.data-loaded',\n            defaultMessage: 'The {target} has loaded',\n          },\n          {\n            target: formatMessage({\n              id: 'global.plugins',\n              defaultMessage: 'Plugins',\n            }),\n          }\n        )\n      );\n    }\n\n    if (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatAPIError(error),\n      });\n    }\n  }, [data, error, formatAPIError, formatMessage, notifyStatus, toggleNotification]);\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <>\n      <Page.Main>\n        <Layouts.Header\n          title={formatMessage({\n            id: 'global.plugins',\n            defaultMessage: 'Plugins',\n          })}\n          subtitle={formatMessage({\n            id: 'app.components.ListPluginsPage.description',\n            defaultMessage: 'List of the installed plugins in the project.',\n          })}\n        />\n        <Layouts.Content>\n          <Table colCount={2} rowCount={data?.plugins?.length ?? 0 + 1}>\n            <Thead>\n              <Tr>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({\n                      id: 'global.name',\n                      defaultMessage: 'Name',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({\n                      id: 'global.description',\n                      defaultMessage: 'description',\n                    })}\n                  </Typography>\n                </Th>\n              </Tr>\n            </Thead>\n            <Tbody>\n              {data?.plugins.map(({ name, displayName, description }) => {\n                return (\n                  <Tr key={name}>\n                    <Td>\n                      <Typography textColor=\"neutral800\" variant=\"omega\" fontWeight=\"bold\">\n                        {formatMessage({\n                          id: `global.plugins.${name}`,\n                          defaultMessage: displayName,\n                        })}\n                      </Typography>\n                    </Td>\n                    <Td>\n                      <Typography textColor=\"neutral800\">\n                        {formatMessage({\n                          id: `global.plugins.${name}.description`,\n                          defaultMessage: description,\n                        })}\n                      </Typography>\n                    </Td>\n                  </Tr>\n                );\n              })}\n            </Tbody>\n          </Table>\n        </Layouts.Content>\n      </Page.Main>\n    </>\n  );\n};\n\nconst ProtectedInstalledPlugins = () => {\n  const { formatMessage } = useIntl();\n  const permissions = useTypedSelector((state) => state.admin_app.permissions);\n\n  return (\n    <Page.Protect permissions={permissions.marketplace?.main}>\n      <Page.Title>\n        {formatMessage({\n          id: 'global.plugins',\n          defaultMessage: 'Plugins',\n        })}\n      </Page.Title>\n      <InstalledPlugins />\n    </Page.Protect>\n  );\n};\n\nexport { ProtectedInstalledPlugins, InstalledPlugins };\n"],"names":["InstalledPlugins","formatMessage","useIntl","notifyStatus","useNotifyAT","toggleNotification","useNotification","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","isLoading","data","error","useGetPluginsQuery","React","useEffect","id","defaultMessage","target","type","message","_jsx","Page","Loading","_Fragment","_jsxs","Main","Layouts","Header","title","subtitle","Content","Table","colCount","rowCount","plugins","length","Thead","Tr","Th","Typography","variant","textColor","Tbody","map","name","displayName","description","Td","fontWeight","ProtectedInstalledPlugins","permissions","useTypedSelector","state","admin_app","Protect","marketplace","main","Title"],"mappings":"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"}

package/dist/admin/admin/src/pages/Settings/pages/PurchaseAuditLogs.js

@@ -5,6 +5,7 @@ var designSystem = require('@strapi/design-system');
 var icons = require('@strapi/icons');
 var reactIntl = require('react-intl');
 var Layout = require('../../../components/Layouts/Layout.js');
+var theme = require('../../../constants/theme.js');
 var hooks = require('../../../core/store/hooks.js');
 var purchasePageAuditLogsIllustrationDark = require('../assets/purchase-page-audit-logs-illustration-dark.svg.js');
 var purchasePageAuditLogsIllustrationLight = require('../assets/purchase-page-audit-logs-illustration-light.svg.js');
@@ -13,7 +14,7 @@ const PurchaseAuditLogs = ()=>{
     const { formatMessage } = reactIntl.useIntl();
     const currentTheme = hooks.useTypedSelector((state)=>state.admin_app.theme.currentTheme);
     const illustration = currentTheme === 'light' ? purchasePageAuditLogsIllustrationLight : purchasePageAuditLogsIllustrationDark;
-    return /*#__PURE__*/ jsxRuntime.jsx(Layout.Layouts.Root, {
+    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Main, {
             children: [
                 /*#__PURE__*/ jsxRuntime.jsx(Layout.Layouts.Header, {
@@ -23,8 +24,8 @@ const PurchaseAuditLogs = ()=>{
                     })
                 }),
                 /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                    marginLeft: 10,
-                    marginRight: 10,
+                    marginLeft: theme.RESPONSIVE_DEFAULT_SPACING,
+                    marginRight: theme.RESPONSIVE_DEFAULT_SPACING,
                     shadow: "filterShadow",
                     hasRadius: true,
                     background: "neutral0",

package/dist/admin/admin/src/pages/Settings/pages/PurchaseAuditLogs.js.map

@@ -1 +1 @@
-{"version":3,"file":"PurchaseAuditLogs.js","sources":["../../../../../../../admin/src/pages/Settings/pages/PurchaseAuditLogs.tsx"],"sourcesContent":["import { Box, Main, Flex, Typography, Grid, LinkButton } from '@strapi/design-system';\nimport { ExternalLink, Check, ListSearch } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { Layouts } from '../../../components/Layouts/Layout';\nimport { useTypedSelector } from '../../../core/store/hooks';\nimport darkIllustration from '../assets/purchase-page-audit-logs-illustration-dark.svg';\nimport lightIllustration from '../assets/purchase-page-audit-logs-illustration-light.svg';\n\nconst PurchaseAuditLogs = () => {\n  const { formatMessage } = useIntl();\n  const currentTheme = useTypedSelector((state) => state.admin_app.theme.currentTheme);\n\n  const illustration = currentTheme === 'light' ? lightIllustration : darkIllustration;\n  return (\n    <Layouts.Root>\n      <Main>\n        <Layouts.Header\n          title={formatMessage({ id: 'global.auditLogs', defaultMessage: 'Audit Logs' })}\n        />\n        <Box\n          marginLeft={10}\n          marginRight={10}\n          shadow=\"filterShadow\"\n          hasRadius\n          background=\"neutral0\"\n          borderColor={'neutral150'}\n          overflow={'hidden'}\n        >\n          <Grid.Root>\n            <Grid.Item col={6} s={12} alignItems={'flex-start'}>\n              <Flex direction=\"column\" alignItems=\"flex-start\" padding={7} width={'100%'}>\n                <Flex>\n                  <ListSearch fill=\"primary600\" width={`24px`} height={`24px`} />\n                </Flex>\n                <Flex paddingTop={3} paddingBottom={4}>\n                  <Typography variant=\"beta\" fontWeight=\"bold\">\n                    {formatMessage({\n                      id: 'Settings.page.PurchaseAudit-logs.description',\n                      defaultMessage: 'Track and review changes with your team',\n                    })}\n                  </Typography>\n                </Flex>\n                <Flex direction=\"column\" alignItems={'flex-start'} gap={2}>\n                  <Flex gap={2}>\n                    <Check\n                      fill=\"success500\"\n                      width={`16px`}\n                      height={`16px`}\n                      style={{ flexShrink: 0 }}\n                    />\n                    <Typography textColor=\"neutral700\">\n                      {formatMessage({\n                        id: 'Settings.page.PurchaseAudit-logs.perks1',\n                        defaultMessage: 'Easily track changes',\n                      })}\n                    </Typography>\n                  </Flex>\n\n                  <Flex gap={2}>\n                    <Check\n                      fill=\"success500\"\n                      width={`16px`}\n                      height={`16px`}\n                      style={{ flexShrink: 0 }}\n                    />\n                    <Typography textColor=\"neutral700\">\n                      {formatMessage({\n                        id: 'Settings.page.PurchaseAudit-logs.perks2',\n                        defaultMessage: 'Review changes with ease',\n                      })}\n                    </Typography>\n                  </Flex>\n\n                  <Flex gap={2}>\n                    <Check\n                      fill=\"success500\"\n                      width={`16px`}\n                      height={`16px`}\n                      style={{ flexShrink: 0 }}\n                    />\n                    <Typography textColor=\"neutral700\">\n                      {formatMessage({\n                        id: 'Settings.page.PurchaseAudit-logs.perks3',\n                        defaultMessage: 'Maintain security and compliance',\n                      })}\n                    </Typography>\n                  </Flex>\n                </Flex>\n                <Flex gap={2} marginTop={7}>\n                  <LinkButton\n                    variant=\"default\"\n                    href=\"https://strapi.io/pricing-self-hosted?utm_campaign=In-Product-CTA&utm_source=Audit-Logs\"\n                  >\n                    {formatMessage({\n                      id: 'Settings.page.purchase.upgrade.cta',\n                      defaultMessage: 'Upgrade',\n                    })}\n                  </LinkButton>\n                  <LinkButton\n                    variant=\"tertiary\"\n                    endIcon={<ExternalLink />}\n                    href=\"https://strapi.io/features/audit-logs?utm_campaign=In-Product-CTA&utm_source=Audit-Logs\"\n                  >\n                    {formatMessage({\n                      id: 'Settings.page.purchase.learn-more.cta',\n                      defaultMessage: 'Learn more',\n                    })}\n                  </LinkButton>\n                </Flex>\n              </Flex>\n            </Grid.Item>\n            <Grid.Item col={6} s={12} background=\"primary100\" minHeight={'280px'}>\n              <div style={{ position: 'relative', width: '100%', height: '100%' }}>\n                <img\n                  src={illustration}\n                  alt=\"purchase-page-audit-logs-illustration\"\n                  width=\"100%\"\n                  height=\"100%\"\n                  style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    width: '100%',\n                    height: '100%',\n                    objectFit: 'cover',\n                    objectPosition: 'top left',\n                  }}\n                />\n              </div>\n            </Grid.Item>\n          </Grid.Root>\n        </Box>\n      </Main>\n    </Layouts.Root>\n  );\n};\n\nexport { PurchaseAuditLogs };\n"],"names":["PurchaseAuditLogs","formatMessage","useIntl","currentTheme","useTypedSelector","state","admin_app","theme","illustration","lightIllustration","darkIllustration","_jsx","Layouts","Root","_jsxs","Main","Header","title","id","defaultMessage","Box","marginLeft","marginRight","shadow","hasRadius","background","borderColor","overflow","Grid","Item","col","s","alignItems","Flex","direction","padding","width","ListSearch","fill","height","paddingTop","paddingBottom","Typography","variant","fontWeight","gap","Check","style","flexShrink","textColor","marginTop","LinkButton","href","endIcon","ExternalLink","minHeight","div","position","img","src","alt","top","left","objectFit","objectPosition"],"mappings":"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"}
+{"version":3,"file":"PurchaseAuditLogs.js","sources":["../../../../../../../admin/src/pages/Settings/pages/PurchaseAuditLogs.tsx"],"sourcesContent":["import { Box, Main, Flex, Typography, Grid, LinkButton } from '@strapi/design-system';\nimport { ExternalLink, Check, ListSearch } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { Layouts } from '../../../components/Layouts/Layout';\nimport { RESPONSIVE_DEFAULT_SPACING } from '../../../constants/theme';\nimport { useTypedSelector } from '../../../core/store/hooks';\nimport darkIllustration from '../assets/purchase-page-audit-logs-illustration-dark.svg';\nimport lightIllustration from '../assets/purchase-page-audit-logs-illustration-light.svg';\n\nconst PurchaseAuditLogs = () => {\n  const { formatMessage } = useIntl();\n  const currentTheme = useTypedSelector((state) => state.admin_app.theme.currentTheme);\n\n  const illustration = currentTheme === 'light' ? lightIllustration : darkIllustration;\n  return (\n    <>\n      <Main>\n        <Layouts.Header\n          title={formatMessage({ id: 'global.auditLogs', defaultMessage: 'Audit Logs' })}\n        />\n        <Box\n          marginLeft={RESPONSIVE_DEFAULT_SPACING}\n          marginRight={RESPONSIVE_DEFAULT_SPACING}\n          shadow=\"filterShadow\"\n          hasRadius\n          background=\"neutral0\"\n          borderColor={'neutral150'}\n          overflow={'hidden'}\n        >\n          <Grid.Root>\n            <Grid.Item col={6} s={12} alignItems={'flex-start'}>\n              <Flex direction=\"column\" alignItems=\"flex-start\" padding={7} width={'100%'}>\n                <Flex>\n                  <ListSearch fill=\"primary600\" width={`24px`} height={`24px`} />\n                </Flex>\n                <Flex paddingTop={3} paddingBottom={4}>\n                  <Typography variant=\"beta\" fontWeight=\"bold\">\n                    {formatMessage({\n                      id: 'Settings.page.PurchaseAudit-logs.description',\n                      defaultMessage: 'Track and review changes with your team',\n                    })}\n                  </Typography>\n                </Flex>\n                <Flex direction=\"column\" alignItems={'flex-start'} gap={2}>\n                  <Flex gap={2}>\n                    <Check\n                      fill=\"success500\"\n                      width={`16px`}\n                      height={`16px`}\n                      style={{ flexShrink: 0 }}\n                    />\n                    <Typography textColor=\"neutral700\">\n                      {formatMessage({\n                        id: 'Settings.page.PurchaseAudit-logs.perks1',\n                        defaultMessage: 'Easily track changes',\n                      })}\n                    </Typography>\n                  </Flex>\n\n                  <Flex gap={2}>\n                    <Check\n                      fill=\"success500\"\n                      width={`16px`}\n                      height={`16px`}\n                      style={{ flexShrink: 0 }}\n                    />\n                    <Typography textColor=\"neutral700\">\n                      {formatMessage({\n                        id: 'Settings.page.PurchaseAudit-logs.perks2',\n                        defaultMessage: 'Review changes with ease',\n                      })}\n                    </Typography>\n                  </Flex>\n\n                  <Flex gap={2}>\n                    <Check\n                      fill=\"success500\"\n                      width={`16px`}\n                      height={`16px`}\n                      style={{ flexShrink: 0 }}\n                    />\n                    <Typography textColor=\"neutral700\">\n                      {formatMessage({\n                        id: 'Settings.page.PurchaseAudit-logs.perks3',\n                        defaultMessage: 'Maintain security and compliance',\n                      })}\n                    </Typography>\n                  </Flex>\n                </Flex>\n                <Flex gap={2} marginTop={7}>\n                  <LinkButton\n                    variant=\"default\"\n                    href=\"https://strapi.io/pricing-self-hosted?utm_campaign=In-Product-CTA&utm_source=Audit-Logs\"\n                  >\n                    {formatMessage({\n                      id: 'Settings.page.purchase.upgrade.cta',\n                      defaultMessage: 'Upgrade',\n                    })}\n                  </LinkButton>\n                  <LinkButton\n                    variant=\"tertiary\"\n                    endIcon={<ExternalLink />}\n                    href=\"https://strapi.io/features/audit-logs?utm_campaign=In-Product-CTA&utm_source=Audit-Logs\"\n                  >\n                    {formatMessage({\n                      id: 'Settings.page.purchase.learn-more.cta',\n                      defaultMessage: 'Learn more',\n                    })}\n                  </LinkButton>\n                </Flex>\n              </Flex>\n            </Grid.Item>\n            <Grid.Item col={6} s={12} background=\"primary100\" minHeight={'280px'}>\n              <div style={{ position: 'relative', width: '100%', height: '100%' }}>\n                <img\n                  src={illustration}\n                  alt=\"purchase-page-audit-logs-illustration\"\n                  width=\"100%\"\n                  height=\"100%\"\n                  style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    width: '100%',\n                    height: '100%',\n                    objectFit: 'cover',\n                    objectPosition: 'top left',\n                  }}\n                />\n              </div>\n            </Grid.Item>\n          </Grid.Root>\n        </Box>\n      </Main>\n    </>\n  );\n};\n\nexport { PurchaseAuditLogs };\n"],"names":["PurchaseAuditLogs","formatMessage","useIntl","currentTheme","useTypedSelector","state","admin_app","theme","illustration","lightIllustration","darkIllustration","_jsx","_Fragment","_jsxs","Main","Layouts","Header","title","id","defaultMessage","Box","marginLeft","RESPONSIVE_DEFAULT_SPACING","marginRight","shadow","hasRadius","background","borderColor","overflow","Grid","Root","Item","col","s","alignItems","Flex","direction","padding","width","ListSearch","fill","height","paddingTop","paddingBottom","Typography","variant","fontWeight","gap","Check","style","flexShrink","textColor","marginTop","LinkButton","href","endIcon","ExternalLink","minHeight","div","position","img","src","alt","top","left","objectFit","objectPosition"],"mappings":";;;;;;;;;;;;AAUA,MAAMA,iBAAoB,GAAA,IAAA;IACxB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAMC,YAAAA,GAAeC,uBAAiB,CAACC,KAAAA,GAAUA,MAAMC,SAAS,CAACC,KAAK,CAACJ,YAAY,CAAA;IAEnF,MAAMK,YAAAA,GAAeL,YAAiB,KAAA,OAAA,GAAUM,sCAAoBC,GAAAA,qCAAAA;IACpE,qBACEC,cAAA,CAAAC,mBAAA,EAAA;AACE,QAAA,QAAA,gBAAAC,eAACC,CAAAA,iBAAAA,EAAAA;;AACC,8BAAAH,cAAA,CAACI,eAAQC,MAAM,EAAA;AACbC,oBAAAA,KAAAA,EAAOhB,aAAc,CAAA;wBAAEiB,EAAI,EAAA,kBAAA;wBAAoBC,cAAgB,EAAA;AAAa,qBAAA;;8BAE9ER,cAACS,CAAAA,gBAAAA,EAAAA;oBACCC,UAAYC,EAAAA,gCAAAA;oBACZC,WAAaD,EAAAA,gCAAAA;oBACbE,MAAO,EAAA,cAAA;oBACPC,SAAS,EAAA,IAAA;oBACTC,UAAW,EAAA,UAAA;oBACXC,WAAa,EAAA,YAAA;oBACbC,QAAU,EAAA,QAAA;4CAEVf,eAAA,CAACgB,kBAAKC,IAAI,EAAA;;AACR,0CAAAnB,cAAA,CAACkB,kBAAKE,IAAI,EAAA;gCAACC,GAAK,EAAA,CAAA;gCAAGC,CAAG,EAAA,EAAA;gCAAIC,UAAY,EAAA,YAAA;AACpC,gCAAA,QAAA,gBAAArB,eAACsB,CAAAA,iBAAAA,EAAAA;oCAAKC,SAAU,EAAA,QAAA;oCAASF,UAAW,EAAA,YAAA;oCAAaG,OAAS,EAAA,CAAA;oCAAGC,KAAO,EAAA,MAAA;;sDAClE3B,cAACwB,CAAAA,iBAAAA,EAAAA;AACC,4CAAA,QAAA,gBAAAxB,cAAC4B,CAAAA,gBAAAA,EAAAA;gDAAWC,IAAK,EAAA,YAAA;gDAAaF,KAAO,EAAA,CAAC,IAAI,CAAC;gDAAEG,MAAQ,EAAA,CAAC,IAAI;;;sDAE5D9B,cAACwB,CAAAA,iBAAAA,EAAAA;4CAAKO,UAAY,EAAA,CAAA;4CAAGC,aAAe,EAAA,CAAA;AAClC,4CAAA,QAAA,gBAAAhC,cAACiC,CAAAA,uBAAAA,EAAAA;gDAAWC,OAAQ,EAAA,MAAA;gDAAOC,UAAW,EAAA,MAAA;0DACnC7C,aAAc,CAAA;oDACbiB,EAAI,EAAA,8CAAA;oDACJC,cAAgB,EAAA;AAClB,iDAAA;;;sDAGJN,eAACsB,CAAAA,iBAAAA,EAAAA;4CAAKC,SAAU,EAAA,QAAA;4CAASF,UAAY,EAAA,YAAA;4CAAca,GAAK,EAAA,CAAA;;8DACtDlC,eAACsB,CAAAA,iBAAAA,EAAAA;oDAAKY,GAAK,EAAA,CAAA;;sEACTpC,cAACqC,CAAAA,WAAAA,EAAAA;4DACCR,IAAK,EAAA,YAAA;4DACLF,KAAO,EAAA,CAAC,IAAI,CAAC;4DACbG,MAAQ,EAAA,CAAC,IAAI,CAAC;4DACdQ,KAAO,EAAA;gEAAEC,UAAY,EAAA;AAAE;;sEAEzBvC,cAACiC,CAAAA,uBAAAA,EAAAA;4DAAWO,SAAU,EAAA,YAAA;sEACnBlD,aAAc,CAAA;gEACbiB,EAAI,EAAA,yCAAA;gEACJC,cAAgB,EAAA;AAClB,6DAAA;;;;8DAIJN,eAACsB,CAAAA,iBAAAA,EAAAA;oDAAKY,GAAK,EAAA,CAAA;;sEACTpC,cAACqC,CAAAA,WAAAA,EAAAA;4DACCR,IAAK,EAAA,YAAA;4DACLF,KAAO,EAAA,CAAC,IAAI,CAAC;4DACbG,MAAQ,EAAA,CAAC,IAAI,CAAC;4DACdQ,KAAO,EAAA;gEAAEC,UAAY,EAAA;AAAE;;sEAEzBvC,cAACiC,CAAAA,uBAAAA,EAAAA;4DAAWO,SAAU,EAAA,YAAA;sEACnBlD,aAAc,CAAA;gEACbiB,EAAI,EAAA,yCAAA;gEACJC,cAAgB,EAAA;AAClB,6DAAA;;;;8DAIJN,eAACsB,CAAAA,iBAAAA,EAAAA;oDAAKY,GAAK,EAAA,CAAA;;sEACTpC,cAACqC,CAAAA,WAAAA,EAAAA;4DACCR,IAAK,EAAA,YAAA;4DACLF,KAAO,EAAA,CAAC,IAAI,CAAC;4DACbG,MAAQ,EAAA,CAAC,IAAI,CAAC;4DACdQ,KAAO,EAAA;gEAAEC,UAAY,EAAA;AAAE;;sEAEzBvC,cAACiC,CAAAA,uBAAAA,EAAAA;4DAAWO,SAAU,EAAA,YAAA;sEACnBlD,aAAc,CAAA;gEACbiB,EAAI,EAAA,yCAAA;gEACJC,cAAgB,EAAA;AAClB,6DAAA;;;;;;sDAINN,eAACsB,CAAAA,iBAAAA,EAAAA;4CAAKY,GAAK,EAAA,CAAA;4CAAGK,SAAW,EAAA,CAAA;;8DACvBzC,cAAC0C,CAAAA,uBAAAA,EAAAA;oDACCR,OAAQ,EAAA,SAAA;oDACRS,IAAK,EAAA,yFAAA;8DAEJrD,aAAc,CAAA;wDACbiB,EAAI,EAAA,oCAAA;wDACJC,cAAgB,EAAA;AAClB,qDAAA;;8DAEFR,cAAC0C,CAAAA,uBAAAA,EAAAA;oDACCR,OAAQ,EAAA,UAAA;AACRU,oDAAAA,OAAAA,gBAAS5C,cAAC6C,CAAAA,kBAAAA,EAAAA,EAAAA,CAAAA;oDACVF,IAAK,EAAA,yFAAA;8DAEJrD,aAAc,CAAA;wDACbiB,EAAI,EAAA,uCAAA;wDACJC,cAAgB,EAAA;AAClB,qDAAA;;;;;;;AAKR,0CAAAR,cAAA,CAACkB,kBAAKE,IAAI,EAAA;gCAACC,GAAK,EAAA,CAAA;gCAAGC,CAAG,EAAA,EAAA;gCAAIP,UAAW,EAAA,YAAA;gCAAa+B,SAAW,EAAA,OAAA;AAC3D,gCAAA,QAAA,gBAAA9C,cAAC+C,CAAAA,KAAAA,EAAAA;oCAAIT,KAAO,EAAA;wCAAEU,QAAU,EAAA,UAAA;wCAAYrB,KAAO,EAAA,MAAA;wCAAQG,MAAQ,EAAA;AAAO,qCAAA;AAChE,oCAAA,QAAA,gBAAA9B,cAACiD,CAAAA,KAAAA,EAAAA;wCACCC,GAAKrD,EAAAA,YAAAA;wCACLsD,GAAI,EAAA,uCAAA;wCACJxB,KAAM,EAAA,MAAA;wCACNG,MAAO,EAAA,MAAA;wCACPQ,KAAO,EAAA;4CACLU,QAAU,EAAA,UAAA;4CACVI,GAAK,EAAA,CAAA;4CACLC,IAAM,EAAA,CAAA;4CACN1B,KAAO,EAAA,MAAA;4CACPG,MAAQ,EAAA,MAAA;4CACRwB,SAAW,EAAA,OAAA;4CACXC,cAAgB,EAAA;AAClB;;;;;;;;;;AASlB;;;;"}

package/dist/admin/admin/src/pages/Settings/pages/PurchaseAuditLogs.mjs

@@ -1,8 +1,9 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { Main, Box, Grid, Flex, Typography, LinkButton } from '@strapi/design-system';
 import { ListSearch, Check, ExternalLink } from '@strapi/icons';
 import { useIntl } from 'react-intl';
 import { Layouts } from '../../../components/Layouts/Layout.mjs';
+import { RESPONSIVE_DEFAULT_SPACING } from '../../../constants/theme.mjs';
 import { useTypedSelector } from '../../../core/store/hooks.mjs';
 import img$1 from '../assets/purchase-page-audit-logs-illustration-dark.svg.mjs';
 import img from '../assets/purchase-page-audit-logs-illustration-light.svg.mjs';
@@ -11,7 +12,7 @@ const PurchaseAuditLogs = ()=>{
     const { formatMessage } = useIntl();
     const currentTheme = useTypedSelector((state)=>state.admin_app.theme.currentTheme);
     const illustration = currentTheme === 'light' ? img : img$1;
-    return /*#__PURE__*/ jsx(Layouts.Root, {
+    return /*#__PURE__*/ jsx(Fragment, {
         children: /*#__PURE__*/ jsxs(Main, {
             children: [
                 /*#__PURE__*/ jsx(Layouts.Header, {
@@ -21,8 +22,8 @@ const PurchaseAuditLogs = ()=>{
                     })
                 }),
                 /*#__PURE__*/ jsx(Box, {
-                    marginLeft: 10,
-                    marginRight: 10,
+                    marginLeft: RESPONSIVE_DEFAULT_SPACING,
+                    marginRight: RESPONSIVE_DEFAULT_SPACING,
                     shadow: "filterShadow",
                     hasRadius: true,
                     background: "neutral0",

package/dist/admin/admin/src/pages/Settings/pages/PurchaseAuditLogs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PurchaseAuditLogs.mjs","sources":["../../../../../../../admin/src/pages/Settings/pages/PurchaseAuditLogs.tsx"],"sourcesContent":["import { Box, Main, Flex, Typography, Grid, LinkButton } from '@strapi/design-system';\nimport { ExternalLink, Check, ListSearch } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { Layouts } from '../../../components/Layouts/Layout';\nimport { useTypedSelector } from '../../../core/store/hooks';\nimport darkIllustration from '../assets/purchase-page-audit-logs-illustration-dark.svg';\nimport lightIllustration from '../assets/purchase-page-audit-logs-illustration-light.svg';\n\nconst PurchaseAuditLogs = () => {\n  const { formatMessage } = useIntl();\n  const currentTheme = useTypedSelector((state) => state.admin_app.theme.currentTheme);\n\n  const illustration = currentTheme === 'light' ? lightIllustration : darkIllustration;\n  return (\n    <Layouts.Root>\n      <Main>\n        <Layouts.Header\n          title={formatMessage({ id: 'global.auditLogs', defaultMessage: 'Audit Logs' })}\n        />\n        <Box\n          marginLeft={10}\n          marginRight={10}\n          shadow=\"filterShadow\"\n          hasRadius\n          background=\"neutral0\"\n          borderColor={'neutral150'}\n          overflow={'hidden'}\n        >\n          <Grid.Root>\n            <Grid.Item col={6} s={12} alignItems={'flex-start'}>\n              <Flex direction=\"column\" alignItems=\"flex-start\" padding={7} width={'100%'}>\n                <Flex>\n                  <ListSearch fill=\"primary600\" width={`24px`} height={`24px`} />\n                </Flex>\n                <Flex paddingTop={3} paddingBottom={4}>\n                  <Typography variant=\"beta\" fontWeight=\"bold\">\n                    {formatMessage({\n                      id: 'Settings.page.PurchaseAudit-logs.description',\n                      defaultMessage: 'Track and review changes with your team',\n                    })}\n                  </Typography>\n                </Flex>\n                <Flex direction=\"column\" alignItems={'flex-start'} gap={2}>\n                  <Flex gap={2}>\n                    <Check\n                      fill=\"success500\"\n                      width={`16px`}\n                      height={`16px`}\n                      style={{ flexShrink: 0 }}\n                    />\n                    <Typography textColor=\"neutral700\">\n                      {formatMessage({\n                        id: 'Settings.page.PurchaseAudit-logs.perks1',\n                        defaultMessage: 'Easily track changes',\n                      })}\n                    </Typography>\n                  </Flex>\n\n                  <Flex gap={2}>\n                    <Check\n                      fill=\"success500\"\n                      width={`16px`}\n                      height={`16px`}\n                      style={{ flexShrink: 0 }}\n                    />\n                    <Typography textColor=\"neutral700\">\n                      {formatMessage({\n                        id: 'Settings.page.PurchaseAudit-logs.perks2',\n                        defaultMessage: 'Review changes with ease',\n                      })}\n                    </Typography>\n                  </Flex>\n\n                  <Flex gap={2}>\n                    <Check\n                      fill=\"success500\"\n                      width={`16px`}\n                      height={`16px`}\n                      style={{ flexShrink: 0 }}\n                    />\n                    <Typography textColor=\"neutral700\">\n                      {formatMessage({\n                        id: 'Settings.page.PurchaseAudit-logs.perks3',\n                        defaultMessage: 'Maintain security and compliance',\n                      })}\n                    </Typography>\n                  </Flex>\n                </Flex>\n                <Flex gap={2} marginTop={7}>\n                  <LinkButton\n                    variant=\"default\"\n                    href=\"https://strapi.io/pricing-self-hosted?utm_campaign=In-Product-CTA&utm_source=Audit-Logs\"\n                  >\n                    {formatMessage({\n                      id: 'Settings.page.purchase.upgrade.cta',\n                      defaultMessage: 'Upgrade',\n                    })}\n                  </LinkButton>\n                  <LinkButton\n                    variant=\"tertiary\"\n                    endIcon={<ExternalLink />}\n                    href=\"https://strapi.io/features/audit-logs?utm_campaign=In-Product-CTA&utm_source=Audit-Logs\"\n                  >\n                    {formatMessage({\n                      id: 'Settings.page.purchase.learn-more.cta',\n                      defaultMessage: 'Learn more',\n                    })}\n                  </LinkButton>\n                </Flex>\n              </Flex>\n            </Grid.Item>\n            <Grid.Item col={6} s={12} background=\"primary100\" minHeight={'280px'}>\n              <div style={{ position: 'relative', width: '100%', height: '100%' }}>\n                <img\n                  src={illustration}\n                  alt=\"purchase-page-audit-logs-illustration\"\n                  width=\"100%\"\n                  height=\"100%\"\n                  style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    width: '100%',\n                    height: '100%',\n                    objectFit: 'cover',\n                    objectPosition: 'top left',\n                  }}\n                />\n              </div>\n            </Grid.Item>\n          </Grid.Root>\n        </Box>\n      </Main>\n    </Layouts.Root>\n  );\n};\n\nexport { PurchaseAuditLogs };\n"],"names":["PurchaseAuditLogs","formatMessage","useIntl","currentTheme","useTypedSelector","state","admin_app","theme","illustration","lightIllustration","darkIllustration","_jsx","Layouts","Root","_jsxs","Main","Header","title","id","defaultMessage","Box","marginLeft","marginRight","shadow","hasRadius","background","borderColor","overflow","Grid","Item","col","s","alignItems","Flex","direction","padding","width","ListSearch","fill","height","paddingTop","paddingBottom","Typography","variant","fontWeight","gap","Check","style","flexShrink","textColor","marginTop","LinkButton","href","endIcon","ExternalLink","minHeight","div","position","img","src","alt","top","left","objectFit","objectPosition"],"mappings":";;;;;;;;;AASA,MAAMA,iBAAoB,GAAA,IAAA;IACxB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAMC,YAAAA,GAAeC,iBAAiB,CAACC,KAAAA,GAAUA,MAAMC,SAAS,CAACC,KAAK,CAACJ,YAAY,CAAA;IAEnF,MAAMK,YAAAA,GAAeL,YAAiB,KAAA,OAAA,GAAUM,GAAoBC,GAAAA,KAAAA;IACpE,qBACEC,GAAA,CAACC,QAAQC,IAAI,EAAA;AACX,QAAA,QAAA,gBAAAC,IAACC,CAAAA,IAAAA,EAAAA;;AACC,8BAAAJ,GAAA,CAACC,QAAQI,MAAM,EAAA;AACbC,oBAAAA,KAAAA,EAAOhB,aAAc,CAAA;wBAAEiB,EAAI,EAAA,kBAAA;wBAAoBC,cAAgB,EAAA;AAAa,qBAAA;;8BAE9ER,GAACS,CAAAA,GAAAA,EAAAA;oBACCC,UAAY,EAAA,EAAA;oBACZC,WAAa,EAAA,EAAA;oBACbC,MAAO,EAAA,cAAA;oBACPC,SAAS,EAAA,IAAA;oBACTC,UAAW,EAAA,UAAA;oBACXC,WAAa,EAAA,YAAA;oBACbC,QAAU,EAAA,QAAA;4CAEVb,IAAA,CAACc,KAAKf,IAAI,EAAA;;AACR,0CAAAF,GAAA,CAACiB,KAAKC,IAAI,EAAA;gCAACC,GAAK,EAAA,CAAA;gCAAGC,CAAG,EAAA,EAAA;gCAAIC,UAAY,EAAA,YAAA;AACpC,gCAAA,QAAA,gBAAAlB,IAACmB,CAAAA,IAAAA,EAAAA;oCAAKC,SAAU,EAAA,QAAA;oCAASF,UAAW,EAAA,YAAA;oCAAaG,OAAS,EAAA,CAAA;oCAAGC,KAAO,EAAA,MAAA;;sDAClEzB,GAACsB,CAAAA,IAAAA,EAAAA;AACC,4CAAA,QAAA,gBAAAtB,GAAC0B,CAAAA,UAAAA,EAAAA;gDAAWC,IAAK,EAAA,YAAA;gDAAaF,KAAO,EAAA,CAAC,IAAI,CAAC;gDAAEG,MAAQ,EAAA,CAAC,IAAI;;;sDAE5D5B,GAACsB,CAAAA,IAAAA,EAAAA;4CAAKO,UAAY,EAAA,CAAA;4CAAGC,aAAe,EAAA,CAAA;AAClC,4CAAA,QAAA,gBAAA9B,GAAC+B,CAAAA,UAAAA,EAAAA;gDAAWC,OAAQ,EAAA,MAAA;gDAAOC,UAAW,EAAA,MAAA;0DACnC3C,aAAc,CAAA;oDACbiB,EAAI,EAAA,8CAAA;oDACJC,cAAgB,EAAA;AAClB,iDAAA;;;sDAGJL,IAACmB,CAAAA,IAAAA,EAAAA;4CAAKC,SAAU,EAAA,QAAA;4CAASF,UAAY,EAAA,YAAA;4CAAca,GAAK,EAAA,CAAA;;8DACtD/B,IAACmB,CAAAA,IAAAA,EAAAA;oDAAKY,GAAK,EAAA,CAAA;;sEACTlC,GAACmC,CAAAA,KAAAA,EAAAA;4DACCR,IAAK,EAAA,YAAA;4DACLF,KAAO,EAAA,CAAC,IAAI,CAAC;4DACbG,MAAQ,EAAA,CAAC,IAAI,CAAC;4DACdQ,KAAO,EAAA;gEAAEC,UAAY,EAAA;AAAE;;sEAEzBrC,GAAC+B,CAAAA,UAAAA,EAAAA;4DAAWO,SAAU,EAAA,YAAA;sEACnBhD,aAAc,CAAA;gEACbiB,EAAI,EAAA,yCAAA;gEACJC,cAAgB,EAAA;AAClB,6DAAA;;;;8DAIJL,IAACmB,CAAAA,IAAAA,EAAAA;oDAAKY,GAAK,EAAA,CAAA;;sEACTlC,GAACmC,CAAAA,KAAAA,EAAAA;4DACCR,IAAK,EAAA,YAAA;4DACLF,KAAO,EAAA,CAAC,IAAI,CAAC;4DACbG,MAAQ,EAAA,CAAC,IAAI,CAAC;4DACdQ,KAAO,EAAA;gEAAEC,UAAY,EAAA;AAAE;;sEAEzBrC,GAAC+B,CAAAA,UAAAA,EAAAA;4DAAWO,SAAU,EAAA,YAAA;sEACnBhD,aAAc,CAAA;gEACbiB,EAAI,EAAA,yCAAA;gEACJC,cAAgB,EAAA;AAClB,6DAAA;;;;8DAIJL,IAACmB,CAAAA,IAAAA,EAAAA;oDAAKY,GAAK,EAAA,CAAA;;sEACTlC,GAACmC,CAAAA,KAAAA,EAAAA;4DACCR,IAAK,EAAA,YAAA;4DACLF,KAAO,EAAA,CAAC,IAAI,CAAC;4DACbG,MAAQ,EAAA,CAAC,IAAI,CAAC;4DACdQ,KAAO,EAAA;gEAAEC,UAAY,EAAA;AAAE;;sEAEzBrC,GAAC+B,CAAAA,UAAAA,EAAAA;4DAAWO,SAAU,EAAA,YAAA;sEACnBhD,aAAc,CAAA;gEACbiB,EAAI,EAAA,yCAAA;gEACJC,cAAgB,EAAA;AAClB,6DAAA;;;;;;sDAINL,IAACmB,CAAAA,IAAAA,EAAAA;4CAAKY,GAAK,EAAA,CAAA;4CAAGK,SAAW,EAAA,CAAA;;8DACvBvC,GAACwC,CAAAA,UAAAA,EAAAA;oDACCR,OAAQ,EAAA,SAAA;oDACRS,IAAK,EAAA,yFAAA;8DAEJnD,aAAc,CAAA;wDACbiB,EAAI,EAAA,oCAAA;wDACJC,cAAgB,EAAA;AAClB,qDAAA;;8DAEFR,GAACwC,CAAAA,UAAAA,EAAAA;oDACCR,OAAQ,EAAA,UAAA;AACRU,oDAAAA,OAAAA,gBAAS1C,GAAC2C,CAAAA,YAAAA,EAAAA,EAAAA,CAAAA;oDACVF,IAAK,EAAA,yFAAA;8DAEJnD,aAAc,CAAA;wDACbiB,EAAI,EAAA,uCAAA;wDACJC,cAAgB,EAAA;AAClB,qDAAA;;;;;;;AAKR,0CAAAR,GAAA,CAACiB,KAAKC,IAAI,EAAA;gCAACC,GAAK,EAAA,CAAA;gCAAGC,CAAG,EAAA,EAAA;gCAAIN,UAAW,EAAA,YAAA;gCAAa8B,SAAW,EAAA,OAAA;AAC3D,gCAAA,QAAA,gBAAA5C,GAAC6C,CAAAA,KAAAA,EAAAA;oCAAIT,KAAO,EAAA;wCAAEU,QAAU,EAAA,UAAA;wCAAYrB,KAAO,EAAA,MAAA;wCAAQG,MAAQ,EAAA;AAAO,qCAAA;AAChE,oCAAA,QAAA,gBAAA5B,GAAC+C,CAAAA,KAAAA,EAAAA;wCACCC,GAAKnD,EAAAA,YAAAA;wCACLoD,GAAI,EAAA,uCAAA;wCACJxB,KAAM,EAAA,MAAA;wCACNG,MAAO,EAAA,MAAA;wCACPQ,KAAO,EAAA;4CACLU,QAAU,EAAA,UAAA;4CACVI,GAAK,EAAA,CAAA;4CACLC,IAAM,EAAA,CAAA;4CACN1B,KAAO,EAAA,MAAA;4CACPG,MAAQ,EAAA,MAAA;4CACRwB,SAAW,EAAA,OAAA;4CACXC,cAAgB,EAAA;AAClB;;;;;;;;;;AASlB;;;;"}
+{"version":3,"file":"PurchaseAuditLogs.mjs","sources":["../../../../../../../admin/src/pages/Settings/pages/PurchaseAuditLogs.tsx"],"sourcesContent":["import { Box, Main, Flex, Typography, Grid, LinkButton } from '@strapi/design-system';\nimport { ExternalLink, Check, ListSearch } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { Layouts } from '../../../components/Layouts/Layout';\nimport { RESPONSIVE_DEFAULT_SPACING } from '../../../constants/theme';\nimport { useTypedSelector } from '../../../core/store/hooks';\nimport darkIllustration from '../assets/purchase-page-audit-logs-illustration-dark.svg';\nimport lightIllustration from '../assets/purchase-page-audit-logs-illustration-light.svg';\n\nconst PurchaseAuditLogs = () => {\n  const { formatMessage } = useIntl();\n  const currentTheme = useTypedSelector((state) => state.admin_app.theme.currentTheme);\n\n  const illustration = currentTheme === 'light' ? lightIllustration : darkIllustration;\n  return (\n    <>\n      <Main>\n        <Layouts.Header\n          title={formatMessage({ id: 'global.auditLogs', defaultMessage: 'Audit Logs' })}\n        />\n        <Box\n          marginLeft={RESPONSIVE_DEFAULT_SPACING}\n          marginRight={RESPONSIVE_DEFAULT_SPACING}\n          shadow=\"filterShadow\"\n          hasRadius\n          background=\"neutral0\"\n          borderColor={'neutral150'}\n          overflow={'hidden'}\n        >\n          <Grid.Root>\n            <Grid.Item col={6} s={12} alignItems={'flex-start'}>\n              <Flex direction=\"column\" alignItems=\"flex-start\" padding={7} width={'100%'}>\n                <Flex>\n                  <ListSearch fill=\"primary600\" width={`24px`} height={`24px`} />\n                </Flex>\n                <Flex paddingTop={3} paddingBottom={4}>\n                  <Typography variant=\"beta\" fontWeight=\"bold\">\n                    {formatMessage({\n                      id: 'Settings.page.PurchaseAudit-logs.description',\n                      defaultMessage: 'Track and review changes with your team',\n                    })}\n                  </Typography>\n                </Flex>\n                <Flex direction=\"column\" alignItems={'flex-start'} gap={2}>\n                  <Flex gap={2}>\n                    <Check\n                      fill=\"success500\"\n                      width={`16px`}\n                      height={`16px`}\n                      style={{ flexShrink: 0 }}\n                    />\n                    <Typography textColor=\"neutral700\">\n                      {formatMessage({\n                        id: 'Settings.page.PurchaseAudit-logs.perks1',\n                        defaultMessage: 'Easily track changes',\n                      })}\n                    </Typography>\n                  </Flex>\n\n                  <Flex gap={2}>\n                    <Check\n                      fill=\"success500\"\n                      width={`16px`}\n                      height={`16px`}\n                      style={{ flexShrink: 0 }}\n                    />\n                    <Typography textColor=\"neutral700\">\n                      {formatMessage({\n                        id: 'Settings.page.PurchaseAudit-logs.perks2',\n                        defaultMessage: 'Review changes with ease',\n                      })}\n                    </Typography>\n                  </Flex>\n\n                  <Flex gap={2}>\n                    <Check\n                      fill=\"success500\"\n                      width={`16px`}\n                      height={`16px`}\n                      style={{ flexShrink: 0 }}\n                    />\n                    <Typography textColor=\"neutral700\">\n                      {formatMessage({\n                        id: 'Settings.page.PurchaseAudit-logs.perks3',\n                        defaultMessage: 'Maintain security and compliance',\n                      })}\n                    </Typography>\n                  </Flex>\n                </Flex>\n                <Flex gap={2} marginTop={7}>\n                  <LinkButton\n                    variant=\"default\"\n                    href=\"https://strapi.io/pricing-self-hosted?utm_campaign=In-Product-CTA&utm_source=Audit-Logs\"\n                  >\n                    {formatMessage({\n                      id: 'Settings.page.purchase.upgrade.cta',\n                      defaultMessage: 'Upgrade',\n                    })}\n                  </LinkButton>\n                  <LinkButton\n                    variant=\"tertiary\"\n                    endIcon={<ExternalLink />}\n                    href=\"https://strapi.io/features/audit-logs?utm_campaign=In-Product-CTA&utm_source=Audit-Logs\"\n                  >\n                    {formatMessage({\n                      id: 'Settings.page.purchase.learn-more.cta',\n                      defaultMessage: 'Learn more',\n                    })}\n                  </LinkButton>\n                </Flex>\n              </Flex>\n            </Grid.Item>\n            <Grid.Item col={6} s={12} background=\"primary100\" minHeight={'280px'}>\n              <div style={{ position: 'relative', width: '100%', height: '100%' }}>\n                <img\n                  src={illustration}\n                  alt=\"purchase-page-audit-logs-illustration\"\n                  width=\"100%\"\n                  height=\"100%\"\n                  style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    width: '100%',\n                    height: '100%',\n                    objectFit: 'cover',\n                    objectPosition: 'top left',\n                  }}\n                />\n              </div>\n            </Grid.Item>\n          </Grid.Root>\n        </Box>\n      </Main>\n    </>\n  );\n};\n\nexport { PurchaseAuditLogs };\n"],"names":["PurchaseAuditLogs","formatMessage","useIntl","currentTheme","useTypedSelector","state","admin_app","theme","illustration","lightIllustration","darkIllustration","_jsx","_Fragment","_jsxs","Main","Layouts","Header","title","id","defaultMessage","Box","marginLeft","RESPONSIVE_DEFAULT_SPACING","marginRight","shadow","hasRadius","background","borderColor","overflow","Grid","Root","Item","col","s","alignItems","Flex","direction","padding","width","ListSearch","fill","height","paddingTop","paddingBottom","Typography","variant","fontWeight","gap","Check","style","flexShrink","textColor","marginTop","LinkButton","href","endIcon","ExternalLink","minHeight","div","position","img","src","alt","top","left","objectFit","objectPosition"],"mappings":"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"}

package/dist/admin/admin/src/pages/Settings/pages/PurchaseContentHistory.js

@@ -5,6 +5,7 @@ var designSystem = require('@strapi/design-system');
 var icons = require('@strapi/icons');
 var reactIntl = require('react-intl');
 var Layout = require('../../../components/Layouts/Layout.js');
+var theme = require('../../../constants/theme.js');
 var hooks = require('../../../core/store/hooks.js');
 var purchasePageContentHistoryIllustrationDark = require('../assets/purchase-page-content-history-illustration-dark.svg.js');
 var purchasePageContentHistoryIllustrationLight = require('../assets/purchase-page-content-history-illustration-light.svg.js');
@@ -13,7 +14,7 @@ const PurchaseContentHistory = ()=>{
     const { formatMessage } = reactIntl.useIntl();
     const currentTheme = hooks.useTypedSelector((state)=>state.admin_app.theme.currentTheme);
     const illustration = currentTheme === 'light' ? purchasePageContentHistoryIllustrationLight : purchasePageContentHistoryIllustrationDark;
-    return /*#__PURE__*/ jsxRuntime.jsx(Layout.Layouts.Root, {
+    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Main, {
             children: [
                 /*#__PURE__*/ jsxRuntime.jsx(Layout.Layouts.Header, {
@@ -23,8 +24,8 @@ const PurchaseContentHistory = ()=>{
                     })
                 }),
                 /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                    marginLeft: 10,
-                    marginRight: 10,
+                    marginLeft: theme.RESPONSIVE_DEFAULT_SPACING,
+                    marginRight: theme.RESPONSIVE_DEFAULT_SPACING,
                     shadow: "filterShadow",
                     hasRadius: true,
                     background: "neutral0",

package/dist/admin/admin/src/pages/Settings/pages/PurchaseContentHistory.js.map

@@ -1 +1 @@
-{"version":3,"file":"PurchaseContentHistory.js","sources":["../../../../../../../admin/src/pages/Settings/pages/PurchaseContentHistory.tsx"],"sourcesContent":["import { Box, Main, Flex, Typography, Grid, LinkButton } from '@strapi/design-system';\nimport { ExternalLink, Check, ClockCounterClockwise } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { Layouts } from '../../../components/Layouts/Layout';\nimport { useTypedSelector } from '../../../core/store/hooks';\nimport darkIllustration from '../assets/purchase-page-content-history-illustration-dark.svg';\nimport lightIllustration from '../assets/purchase-page-content-history-illustration-light.svg';\n\nconst PurchaseContentHistory = () => {\n  const { formatMessage } = useIntl();\n  const currentTheme = useTypedSelector((state) => state.admin_app.theme.currentTheme);\n\n  const illustration = currentTheme === 'light' ? lightIllustration : darkIllustration;\n  return (\n    <Layouts.Root>\n      <Main>\n        <Layouts.Header\n          title={formatMessage({\n            id: 'Settings.content-history.title',\n            defaultMessage: 'Content History',\n          })}\n        />\n        <Box\n          marginLeft={10}\n          marginRight={10}\n          shadow=\"filterShadow\"\n          hasRadius\n          background=\"neutral0\"\n          borderColor={'neutral150'}\n          overflow={'hidden'}\n        >\n          <Grid.Root>\n            <Grid.Item col={6} s={12} alignItems={'flex-start'}>\n              <Flex direction=\"column\" alignItems=\"flex-start\" padding={7} width={'100%'}>\n                <Flex>\n                  <ClockCounterClockwise fill=\"primary600\" width={`24px`} height={`24px`} />\n                </Flex>\n                <Flex paddingTop={3} paddingBottom={4}>\n                  <Typography variant=\"beta\" fontWeight=\"bold\">\n                    {formatMessage({\n                      id: 'Settings.page.PurchaseContent-history.description',\n                      defaultMessage: 'Instantly revert content changes',\n                    })}\n                  </Typography>\n                </Flex>\n                <Flex direction=\"column\" alignItems={'flex-start'} gap={2}>\n                  <Flex gap={2}>\n                    <Check\n                      fill=\"success500\"\n                      width={`16px`}\n                      height={`16px`}\n                      style={{ flexShrink: 0 }}\n                    />\n                    <Typography textColor=\"neutral700\">\n                      {formatMessage({\n                        id: 'Settings.page.PurchaseContent-history.perks1',\n                        defaultMessage: 'Browse your content history',\n                      })}\n                    </Typography>\n                  </Flex>\n\n                  <Flex gap={2}>\n                    <Check\n                      fill=\"success500\"\n                      width={`16px`}\n                      height={`16px`}\n                      style={{ flexShrink: 0 }}\n                    />\n                    <Typography textColor=\"neutral700\">\n                      {formatMessage({\n                        id: 'Settings.page.PurchaseContent-history.perks2',\n                        defaultMessage: 'Revert changes in one click',\n                      })}\n                    </Typography>\n                  </Flex>\n\n                  <Flex gap={2}>\n                    <Check\n                      fill=\"success500\"\n                      width={`16px`}\n                      height={`16px`}\n                      style={{ flexShrink: 0 }}\n                    />\n                    <Typography textColor=\"neutral700\">\n                      {formatMessage({\n                        id: 'Settings.page.PurchaseContent-history.perks3',\n                        defaultMessage: 'Track changes across locales',\n                      })}\n                    </Typography>\n                  </Flex>\n                </Flex>\n\n                <Flex gap={2} marginTop={7}>\n                  <LinkButton\n                    variant=\"default\"\n                    href=\"https://strapi.io/pricing-self-hosted?utm_campaign=In-Product-CTA&utm_source=Content-History\"\n                  >\n                    {formatMessage({\n                      id: 'Settings.page.purchase.upgrade.cta',\n                      defaultMessage: 'Upgrade',\n                    })}\n                  </LinkButton>\n                  <LinkButton\n                    variant=\"tertiary\"\n                    endIcon={<ExternalLink />}\n                    href=\"https://strapi.io/features/content-history?utm_campaign=In-Product-CTA&utm_source=Content-History\"\n                  >\n                    {formatMessage({\n                      id: 'Settings.page.purchase.learn-more.cta',\n                      defaultMessage: 'Learn more',\n                    })}\n                  </LinkButton>\n                </Flex>\n              </Flex>\n            </Grid.Item>\n            <Grid.Item col={6} s={12} background=\"primary100\" minHeight={'280px'}>\n              <div style={{ position: 'relative', width: '100%', height: '100%' }}>\n                <img\n                  src={illustration}\n                  alt=\"purchase-page-content-history-illustration\"\n                  width=\"100%\"\n                  height=\"100%\"\n                  style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    width: '100%',\n                    height: '100%',\n                    objectFit: 'cover',\n                    objectPosition: 'top left',\n                  }}\n                />\n              </div>\n            </Grid.Item>\n          </Grid.Root>\n        </Box>\n      </Main>\n    </Layouts.Root>\n  );\n};\n\nexport { PurchaseContentHistory };\n"],"names":["PurchaseContentHistory","formatMessage","useIntl","currentTheme","useTypedSelector","state","admin_app","theme","illustration","lightIllustration","darkIllustration","_jsx","Layouts","Root","_jsxs","Main","Header","title","id","defaultMessage","Box","marginLeft","marginRight","shadow","hasRadius","background","borderColor","overflow","Grid","Item","col","s","alignItems","Flex","direction","padding","width","ClockCounterClockwise","fill","height","paddingTop","paddingBottom","Typography","variant","fontWeight","gap","Check","style","flexShrink","textColor","marginTop","LinkButton","href","endIcon","ExternalLink","minHeight","div","position","img","src","alt","top","left","objectFit","objectPosition"],"mappings":";;;;;;;;;;;AASA,MAAMA,sBAAyB,GAAA,IAAA;IAC7B,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAMC,YAAAA,GAAeC,uBAAiB,CAACC,KAAAA,GAAUA,MAAMC,SAAS,CAACC,KAAK,CAACJ,YAAY,CAAA;IAEnF,MAAMK,YAAAA,GAAeL,YAAiB,KAAA,OAAA,GAAUM,2CAAoBC,GAAAA,0CAAAA;IACpE,qBACEC,cAAA,CAACC,eAAQC,IAAI,EAAA;AACX,QAAA,QAAA,gBAAAC,eAACC,CAAAA,iBAAAA,EAAAA;;AACC,8BAAAJ,cAAA,CAACC,eAAQI,MAAM,EAAA;AACbC,oBAAAA,KAAAA,EAAOhB,aAAc,CAAA;wBACnBiB,EAAI,EAAA,gCAAA;wBACJC,cAAgB,EAAA;AAClB,qBAAA;;8BAEFR,cAACS,CAAAA,gBAAAA,EAAAA;oBACCC,UAAY,EAAA,EAAA;oBACZC,WAAa,EAAA,EAAA;oBACbC,MAAO,EAAA,cAAA;oBACPC,SAAS,EAAA,IAAA;oBACTC,UAAW,EAAA,UAAA;oBACXC,WAAa,EAAA,YAAA;oBACbC,QAAU,EAAA,QAAA;4CAEVb,eAAA,CAACc,kBAAKf,IAAI,EAAA;;AACR,0CAAAF,cAAA,CAACiB,kBAAKC,IAAI,EAAA;gCAACC,GAAK,EAAA,CAAA;gCAAGC,CAAG,EAAA,EAAA;gCAAIC,UAAY,EAAA,YAAA;AACpC,gCAAA,QAAA,gBAAAlB,eAACmB,CAAAA,iBAAAA,EAAAA;oCAAKC,SAAU,EAAA,QAAA;oCAASF,UAAW,EAAA,YAAA;oCAAaG,OAAS,EAAA,CAAA;oCAAGC,KAAO,EAAA,MAAA;;sDAClEzB,cAACsB,CAAAA,iBAAAA,EAAAA;AACC,4CAAA,QAAA,gBAAAtB,cAAC0B,CAAAA,2BAAAA,EAAAA;gDAAsBC,IAAK,EAAA,YAAA;gDAAaF,KAAO,EAAA,CAAC,IAAI,CAAC;gDAAEG,MAAQ,EAAA,CAAC,IAAI;;;sDAEvE5B,cAACsB,CAAAA,iBAAAA,EAAAA;4CAAKO,UAAY,EAAA,CAAA;4CAAGC,aAAe,EAAA,CAAA;AAClC,4CAAA,QAAA,gBAAA9B,cAAC+B,CAAAA,uBAAAA,EAAAA;gDAAWC,OAAQ,EAAA,MAAA;gDAAOC,UAAW,EAAA,MAAA;0DACnC3C,aAAc,CAAA;oDACbiB,EAAI,EAAA,mDAAA;oDACJC,cAAgB,EAAA;AAClB,iDAAA;;;sDAGJL,eAACmB,CAAAA,iBAAAA,EAAAA;4CAAKC,SAAU,EAAA,QAAA;4CAASF,UAAY,EAAA,YAAA;4CAAca,GAAK,EAAA,CAAA;;8DACtD/B,eAACmB,CAAAA,iBAAAA,EAAAA;oDAAKY,GAAK,EAAA,CAAA;;sEACTlC,cAACmC,CAAAA,WAAAA,EAAAA;4DACCR,IAAK,EAAA,YAAA;4DACLF,KAAO,EAAA,CAAC,IAAI,CAAC;4DACbG,MAAQ,EAAA,CAAC,IAAI,CAAC;4DACdQ,KAAO,EAAA;gEAAEC,UAAY,EAAA;AAAE;;sEAEzBrC,cAAC+B,CAAAA,uBAAAA,EAAAA;4DAAWO,SAAU,EAAA,YAAA;sEACnBhD,aAAc,CAAA;gEACbiB,EAAI,EAAA,8CAAA;gEACJC,cAAgB,EAAA;AAClB,6DAAA;;;;8DAIJL,eAACmB,CAAAA,iBAAAA,EAAAA;oDAAKY,GAAK,EAAA,CAAA;;sEACTlC,cAACmC,CAAAA,WAAAA,EAAAA;4DACCR,IAAK,EAAA,YAAA;4DACLF,KAAO,EAAA,CAAC,IAAI,CAAC;4DACbG,MAAQ,EAAA,CAAC,IAAI,CAAC;4DACdQ,KAAO,EAAA;gEAAEC,UAAY,EAAA;AAAE;;sEAEzBrC,cAAC+B,CAAAA,uBAAAA,EAAAA;4DAAWO,SAAU,EAAA,YAAA;sEACnBhD,aAAc,CAAA;gEACbiB,EAAI,EAAA,8CAAA;gEACJC,cAAgB,EAAA;AAClB,6DAAA;;;;8DAIJL,eAACmB,CAAAA,iBAAAA,EAAAA;oDAAKY,GAAK,EAAA,CAAA;;sEACTlC,cAACmC,CAAAA,WAAAA,EAAAA;4DACCR,IAAK,EAAA,YAAA;4DACLF,KAAO,EAAA,CAAC,IAAI,CAAC;4DACbG,MAAQ,EAAA,CAAC,IAAI,CAAC;4DACdQ,KAAO,EAAA;gEAAEC,UAAY,EAAA;AAAE;;sEAEzBrC,cAAC+B,CAAAA,uBAAAA,EAAAA;4DAAWO,SAAU,EAAA,YAAA;sEACnBhD,aAAc,CAAA;gEACbiB,EAAI,EAAA,8CAAA;gEACJC,cAAgB,EAAA;AAClB,6DAAA;;;;;;sDAKNL,eAACmB,CAAAA,iBAAAA,EAAAA;4CAAKY,GAAK,EAAA,CAAA;4CAAGK,SAAW,EAAA,CAAA;;8DACvBvC,cAACwC,CAAAA,uBAAAA,EAAAA;oDACCR,OAAQ,EAAA,SAAA;oDACRS,IAAK,EAAA,8FAAA;8DAEJnD,aAAc,CAAA;wDACbiB,EAAI,EAAA,oCAAA;wDACJC,cAAgB,EAAA;AAClB,qDAAA;;8DAEFR,cAACwC,CAAAA,uBAAAA,EAAAA;oDACCR,OAAQ,EAAA,UAAA;AACRU,oDAAAA,OAAAA,gBAAS1C,cAAC2C,CAAAA,kBAAAA,EAAAA,EAAAA,CAAAA;oDACVF,IAAK,EAAA,mGAAA;8DAEJnD,aAAc,CAAA;wDACbiB,EAAI,EAAA,uCAAA;wDACJC,cAAgB,EAAA;AAClB,qDAAA;;;;;;;AAKR,0CAAAR,cAAA,CAACiB,kBAAKC,IAAI,EAAA;gCAACC,GAAK,EAAA,CAAA;gCAAGC,CAAG,EAAA,EAAA;gCAAIN,UAAW,EAAA,YAAA;gCAAa8B,SAAW,EAAA,OAAA;AAC3D,gCAAA,QAAA,gBAAA5C,cAAC6C,CAAAA,KAAAA,EAAAA;oCAAIT,KAAO,EAAA;wCAAEU,QAAU,EAAA,UAAA;wCAAYrB,KAAO,EAAA,MAAA;wCAAQG,MAAQ,EAAA;AAAO,qCAAA;AAChE,oCAAA,QAAA,gBAAA5B,cAAC+C,CAAAA,KAAAA,EAAAA;wCACCC,GAAKnD,EAAAA,YAAAA;wCACLoD,GAAI,EAAA,4CAAA;wCACJxB,KAAM,EAAA,MAAA;wCACNG,MAAO,EAAA,MAAA;wCACPQ,KAAO,EAAA;4CACLU,QAAU,EAAA,UAAA;4CACVI,GAAK,EAAA,CAAA;4CACLC,IAAM,EAAA,CAAA;4CACN1B,KAAO,EAAA,MAAA;4CACPG,MAAQ,EAAA,MAAA;4CACRwB,SAAW,EAAA,OAAA;4CACXC,cAAgB,EAAA;AAClB;;;;;;;;;;AASlB;;;;"}
+{"version":3,"file":"PurchaseContentHistory.js","sources":["../../../../../../../admin/src/pages/Settings/pages/PurchaseContentHistory.tsx"],"sourcesContent":["import { Box, Main, Flex, Typography, Grid, LinkButton } from '@strapi/design-system';\nimport { ExternalLink, Check, ClockCounterClockwise } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { Layouts } from '../../../components/Layouts/Layout';\nimport { RESPONSIVE_DEFAULT_SPACING } from '../../../constants/theme';\nimport { useTypedSelector } from '../../../core/store/hooks';\nimport darkIllustration from '../assets/purchase-page-content-history-illustration-dark.svg';\nimport lightIllustration from '../assets/purchase-page-content-history-illustration-light.svg';\n\nconst PurchaseContentHistory = () => {\n  const { formatMessage } = useIntl();\n  const currentTheme = useTypedSelector((state) => state.admin_app.theme.currentTheme);\n\n  const illustration = currentTheme === 'light' ? lightIllustration : darkIllustration;\n  return (\n    <>\n      <Main>\n        <Layouts.Header\n          title={formatMessage({\n            id: 'Settings.content-history.title',\n            defaultMessage: 'Content History',\n          })}\n        />\n        <Box\n          marginLeft={RESPONSIVE_DEFAULT_SPACING}\n          marginRight={RESPONSIVE_DEFAULT_SPACING}\n          shadow=\"filterShadow\"\n          hasRadius\n          background=\"neutral0\"\n          borderColor={'neutral150'}\n          overflow={'hidden'}\n        >\n          <Grid.Root>\n            <Grid.Item col={6} s={12} alignItems={'flex-start'}>\n              <Flex direction=\"column\" alignItems=\"flex-start\" padding={7} width={'100%'}>\n                <Flex>\n                  <ClockCounterClockwise fill=\"primary600\" width={`24px`} height={`24px`} />\n                </Flex>\n                <Flex paddingTop={3} paddingBottom={4}>\n                  <Typography variant=\"beta\" fontWeight=\"bold\">\n                    {formatMessage({\n                      id: 'Settings.page.PurchaseContent-history.description',\n                      defaultMessage: 'Instantly revert content changes',\n                    })}\n                  </Typography>\n                </Flex>\n                <Flex direction=\"column\" alignItems={'flex-start'} gap={2}>\n                  <Flex gap={2}>\n                    <Check\n                      fill=\"success500\"\n                      width={`16px`}\n                      height={`16px`}\n                      style={{ flexShrink: 0 }}\n                    />\n                    <Typography textColor=\"neutral700\">\n                      {formatMessage({\n                        id: 'Settings.page.PurchaseContent-history.perks1',\n                        defaultMessage: 'Browse your content history',\n                      })}\n                    </Typography>\n                  </Flex>\n\n                  <Flex gap={2}>\n                    <Check\n                      fill=\"success500\"\n                      width={`16px`}\n                      height={`16px`}\n                      style={{ flexShrink: 0 }}\n                    />\n                    <Typography textColor=\"neutral700\">\n                      {formatMessage({\n                        id: 'Settings.page.PurchaseContent-history.perks2',\n                        defaultMessage: 'Revert changes in one click',\n                      })}\n                    </Typography>\n                  </Flex>\n\n                  <Flex gap={2}>\n                    <Check\n                      fill=\"success500\"\n                      width={`16px`}\n                      height={`16px`}\n                      style={{ flexShrink: 0 }}\n                    />\n                    <Typography textColor=\"neutral700\">\n                      {formatMessage({\n                        id: 'Settings.page.PurchaseContent-history.perks3',\n                        defaultMessage: 'Track changes across locales',\n                      })}\n                    </Typography>\n                  </Flex>\n                </Flex>\n\n                <Flex gap={2} marginTop={7}>\n                  <LinkButton\n                    variant=\"default\"\n                    href=\"https://strapi.io/pricing-self-hosted?utm_campaign=In-Product-CTA&utm_source=Content-History\"\n                  >\n                    {formatMessage({\n                      id: 'Settings.page.purchase.upgrade.cta',\n                      defaultMessage: 'Upgrade',\n                    })}\n                  </LinkButton>\n                  <LinkButton\n                    variant=\"tertiary\"\n                    endIcon={<ExternalLink />}\n                    href=\"https://strapi.io/features/content-history?utm_campaign=In-Product-CTA&utm_source=Content-History\"\n                  >\n                    {formatMessage({\n                      id: 'Settings.page.purchase.learn-more.cta',\n                      defaultMessage: 'Learn more',\n                    })}\n                  </LinkButton>\n                </Flex>\n              </Flex>\n            </Grid.Item>\n            <Grid.Item col={6} s={12} background=\"primary100\" minHeight={'280px'}>\n              <div style={{ position: 'relative', width: '100%', height: '100%' }}>\n                <img\n                  src={illustration}\n                  alt=\"purchase-page-content-history-illustration\"\n                  width=\"100%\"\n                  height=\"100%\"\n                  style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    width: '100%',\n                    height: '100%',\n                    objectFit: 'cover',\n                    objectPosition: 'top left',\n                  }}\n                />\n              </div>\n            </Grid.Item>\n          </Grid.Root>\n        </Box>\n      </Main>\n    </>\n  );\n};\n\nexport { PurchaseContentHistory };\n"],"names":["PurchaseContentHistory","formatMessage","useIntl","currentTheme","useTypedSelector","state","admin_app","theme","illustration","lightIllustration","darkIllustration","_jsx","_Fragment","_jsxs","Main","Layouts","Header","title","id","defaultMessage","Box","marginLeft","RESPONSIVE_DEFAULT_SPACING","marginRight","shadow","hasRadius","background","borderColor","overflow","Grid","Root","Item","col","s","alignItems","Flex","direction","padding","width","ClockCounterClockwise","fill","height","paddingTop","paddingBottom","Typography","variant","fontWeight","gap","Check","style","flexShrink","textColor","marginTop","LinkButton","href","endIcon","ExternalLink","minHeight","div","position","img","src","alt","top","left","objectFit","objectPosition"],"mappings":"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"}

package/dist/admin/admin/src/pages/Settings/pages/PurchaseContentHistory.mjs

@@ -1,8 +1,9 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { Main, Box, Grid, Flex, Typography, LinkButton } from '@strapi/design-system';
 import { ClockCounterClockwise, Check, ExternalLink } from '@strapi/icons';
 import { useIntl } from 'react-intl';
 import { Layouts } from '../../../components/Layouts/Layout.mjs';
+import { RESPONSIVE_DEFAULT_SPACING } from '../../../constants/theme.mjs';
 import { useTypedSelector } from '../../../core/store/hooks.mjs';
 import img$1 from '../assets/purchase-page-content-history-illustration-dark.svg.mjs';
 import img from '../assets/purchase-page-content-history-illustration-light.svg.mjs';
@@ -11,7 +12,7 @@ const PurchaseContentHistory = ()=>{
     const { formatMessage } = useIntl();
     const currentTheme = useTypedSelector((state)=>state.admin_app.theme.currentTheme);
     const illustration = currentTheme === 'light' ? img : img$1;
-    return /*#__PURE__*/ jsx(Layouts.Root, {
+    return /*#__PURE__*/ jsx(Fragment, {
         children: /*#__PURE__*/ jsxs(Main, {
             children: [
                 /*#__PURE__*/ jsx(Layouts.Header, {
@@ -21,8 +22,8 @@ const PurchaseContentHistory = ()=>{
                     })
                 }),
                 /*#__PURE__*/ jsx(Box, {
-                    marginLeft: 10,
-                    marginRight: 10,
+                    marginLeft: RESPONSIVE_DEFAULT_SPACING,
+                    marginRight: RESPONSIVE_DEFAULT_SPACING,
                     shadow: "filterShadow",
                     hasRadius: true,
                     background: "neutral0",

package/dist/admin/admin/src/pages/Settings/pages/PurchaseContentHistory.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PurchaseContentHistory.mjs","sources":["../../../../../../../admin/src/pages/Settings/pages/PurchaseContentHistory.tsx"],"sourcesContent":["import { Box, Main, Flex, Typography, Grid, LinkButton } from '@strapi/design-system';\nimport { ExternalLink, Check, ClockCounterClockwise } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { Layouts } from '../../../components/Layouts/Layout';\nimport { useTypedSelector } from '../../../core/store/hooks';\nimport darkIllustration from '../assets/purchase-page-content-history-illustration-dark.svg';\nimport lightIllustration from '../assets/purchase-page-content-history-illustration-light.svg';\n\nconst PurchaseContentHistory = () => {\n  const { formatMessage } = useIntl();\n  const currentTheme = useTypedSelector((state) => state.admin_app.theme.currentTheme);\n\n  const illustration = currentTheme === 'light' ? lightIllustration : darkIllustration;\n  return (\n    <Layouts.Root>\n      <Main>\n        <Layouts.Header\n          title={formatMessage({\n            id: 'Settings.content-history.title',\n            defaultMessage: 'Content History',\n          })}\n        />\n        <Box\n          marginLeft={10}\n          marginRight={10}\n          shadow=\"filterShadow\"\n          hasRadius\n          background=\"neutral0\"\n          borderColor={'neutral150'}\n          overflow={'hidden'}\n        >\n          <Grid.Root>\n            <Grid.Item col={6} s={12} alignItems={'flex-start'}>\n              <Flex direction=\"column\" alignItems=\"flex-start\" padding={7} width={'100%'}>\n                <Flex>\n                  <ClockCounterClockwise fill=\"primary600\" width={`24px`} height={`24px`} />\n                </Flex>\n                <Flex paddingTop={3} paddingBottom={4}>\n                  <Typography variant=\"beta\" fontWeight=\"bold\">\n                    {formatMessage({\n                      id: 'Settings.page.PurchaseContent-history.description',\n                      defaultMessage: 'Instantly revert content changes',\n                    })}\n                  </Typography>\n                </Flex>\n                <Flex direction=\"column\" alignItems={'flex-start'} gap={2}>\n                  <Flex gap={2}>\n                    <Check\n                      fill=\"success500\"\n                      width={`16px`}\n                      height={`16px`}\n                      style={{ flexShrink: 0 }}\n                    />\n                    <Typography textColor=\"neutral700\">\n                      {formatMessage({\n                        id: 'Settings.page.PurchaseContent-history.perks1',\n                        defaultMessage: 'Browse your content history',\n                      })}\n                    </Typography>\n                  </Flex>\n\n                  <Flex gap={2}>\n                    <Check\n                      fill=\"success500\"\n                      width={`16px`}\n                      height={`16px`}\n                      style={{ flexShrink: 0 }}\n                    />\n                    <Typography textColor=\"neutral700\">\n                      {formatMessage({\n                        id: 'Settings.page.PurchaseContent-history.perks2',\n                        defaultMessage: 'Revert changes in one click',\n                      })}\n                    </Typography>\n                  </Flex>\n\n                  <Flex gap={2}>\n                    <Check\n                      fill=\"success500\"\n                      width={`16px`}\n                      height={`16px`}\n                      style={{ flexShrink: 0 }}\n                    />\n                    <Typography textColor=\"neutral700\">\n                      {formatMessage({\n                        id: 'Settings.page.PurchaseContent-history.perks3',\n                        defaultMessage: 'Track changes across locales',\n                      })}\n                    </Typography>\n                  </Flex>\n                </Flex>\n\n                <Flex gap={2} marginTop={7}>\n                  <LinkButton\n                    variant=\"default\"\n                    href=\"https://strapi.io/pricing-self-hosted?utm_campaign=In-Product-CTA&utm_source=Content-History\"\n                  >\n                    {formatMessage({\n                      id: 'Settings.page.purchase.upgrade.cta',\n                      defaultMessage: 'Upgrade',\n                    })}\n                  </LinkButton>\n                  <LinkButton\n                    variant=\"tertiary\"\n                    endIcon={<ExternalLink />}\n                    href=\"https://strapi.io/features/content-history?utm_campaign=In-Product-CTA&utm_source=Content-History\"\n                  >\n                    {formatMessage({\n                      id: 'Settings.page.purchase.learn-more.cta',\n                      defaultMessage: 'Learn more',\n                    })}\n                  </LinkButton>\n                </Flex>\n              </Flex>\n            </Grid.Item>\n            <Grid.Item col={6} s={12} background=\"primary100\" minHeight={'280px'}>\n              <div style={{ position: 'relative', width: '100%', height: '100%' }}>\n                <img\n                  src={illustration}\n                  alt=\"purchase-page-content-history-illustration\"\n                  width=\"100%\"\n                  height=\"100%\"\n                  style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    width: '100%',\n                    height: '100%',\n                    objectFit: 'cover',\n                    objectPosition: 'top left',\n                  }}\n                />\n              </div>\n            </Grid.Item>\n          </Grid.Root>\n        </Box>\n      </Main>\n    </Layouts.Root>\n  );\n};\n\nexport { PurchaseContentHistory };\n"],"names":["PurchaseContentHistory","formatMessage","useIntl","currentTheme","useTypedSelector","state","admin_app","theme","illustration","lightIllustration","darkIllustration","_jsx","Layouts","Root","_jsxs","Main","Header","title","id","defaultMessage","Box","marginLeft","marginRight","shadow","hasRadius","background","borderColor","overflow","Grid","Item","col","s","alignItems","Flex","direction","padding","width","ClockCounterClockwise","fill","height","paddingTop","paddingBottom","Typography","variant","fontWeight","gap","Check","style","flexShrink","textColor","marginTop","LinkButton","href","endIcon","ExternalLink","minHeight","div","position","img","src","alt","top","left","objectFit","objectPosition"],"mappings":"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"}
+{"version":3,"file":"PurchaseContentHistory.mjs","sources":["../../../../../../../admin/src/pages/Settings/pages/PurchaseContentHistory.tsx"],"sourcesContent":["import { Box, Main, Flex, Typography, Grid, LinkButton } from '@strapi/design-system';\nimport { ExternalLink, Check, ClockCounterClockwise } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { Layouts } from '../../../components/Layouts/Layout';\nimport { RESPONSIVE_DEFAULT_SPACING } from '../../../constants/theme';\nimport { useTypedSelector } from '../../../core/store/hooks';\nimport darkIllustration from '../assets/purchase-page-content-history-illustration-dark.svg';\nimport lightIllustration from '../assets/purchase-page-content-history-illustration-light.svg';\n\nconst PurchaseContentHistory = () => {\n  const { formatMessage } = useIntl();\n  const currentTheme = useTypedSelector((state) => state.admin_app.theme.currentTheme);\n\n  const illustration = currentTheme === 'light' ? lightIllustration : darkIllustration;\n  return (\n    <>\n      <Main>\n        <Layouts.Header\n          title={formatMessage({\n            id: 'Settings.content-history.title',\n            defaultMessage: 'Content History',\n          })}\n        />\n        <Box\n          marginLeft={RESPONSIVE_DEFAULT_SPACING}\n          marginRight={RESPONSIVE_DEFAULT_SPACING}\n          shadow=\"filterShadow\"\n          hasRadius\n          background=\"neutral0\"\n          borderColor={'neutral150'}\n          overflow={'hidden'}\n        >\n          <Grid.Root>\n            <Grid.Item col={6} s={12} alignItems={'flex-start'}>\n              <Flex direction=\"column\" alignItems=\"flex-start\" padding={7} width={'100%'}>\n                <Flex>\n                  <ClockCounterClockwise fill=\"primary600\" width={`24px`} height={`24px`} />\n                </Flex>\n                <Flex paddingTop={3} paddingBottom={4}>\n                  <Typography variant=\"beta\" fontWeight=\"bold\">\n                    {formatMessage({\n                      id: 'Settings.page.PurchaseContent-history.description',\n                      defaultMessage: 'Instantly revert content changes',\n                    })}\n                  </Typography>\n                </Flex>\n                <Flex direction=\"column\" alignItems={'flex-start'} gap={2}>\n                  <Flex gap={2}>\n                    <Check\n                      fill=\"success500\"\n                      width={`16px`}\n                      height={`16px`}\n                      style={{ flexShrink: 0 }}\n                    />\n                    <Typography textColor=\"neutral700\">\n                      {formatMessage({\n                        id: 'Settings.page.PurchaseContent-history.perks1',\n                        defaultMessage: 'Browse your content history',\n                      })}\n                    </Typography>\n                  </Flex>\n\n                  <Flex gap={2}>\n                    <Check\n                      fill=\"success500\"\n                      width={`16px`}\n                      height={`16px`}\n                      style={{ flexShrink: 0 }}\n                    />\n                    <Typography textColor=\"neutral700\">\n                      {formatMessage({\n                        id: 'Settings.page.PurchaseContent-history.perks2',\n                        defaultMessage: 'Revert changes in one click',\n                      })}\n                    </Typography>\n                  </Flex>\n\n                  <Flex gap={2}>\n                    <Check\n                      fill=\"success500\"\n                      width={`16px`}\n                      height={`16px`}\n                      style={{ flexShrink: 0 }}\n                    />\n                    <Typography textColor=\"neutral700\">\n                      {formatMessage({\n                        id: 'Settings.page.PurchaseContent-history.perks3',\n                        defaultMessage: 'Track changes across locales',\n                      })}\n                    </Typography>\n                  </Flex>\n                </Flex>\n\n                <Flex gap={2} marginTop={7}>\n                  <LinkButton\n                    variant=\"default\"\n                    href=\"https://strapi.io/pricing-self-hosted?utm_campaign=In-Product-CTA&utm_source=Content-History\"\n                  >\n                    {formatMessage({\n                      id: 'Settings.page.purchase.upgrade.cta',\n                      defaultMessage: 'Upgrade',\n                    })}\n                  </LinkButton>\n                  <LinkButton\n                    variant=\"tertiary\"\n                    endIcon={<ExternalLink />}\n                    href=\"https://strapi.io/features/content-history?utm_campaign=In-Product-CTA&utm_source=Content-History\"\n                  >\n                    {formatMessage({\n                      id: 'Settings.page.purchase.learn-more.cta',\n                      defaultMessage: 'Learn more',\n                    })}\n                  </LinkButton>\n                </Flex>\n              </Flex>\n            </Grid.Item>\n            <Grid.Item col={6} s={12} background=\"primary100\" minHeight={'280px'}>\n              <div style={{ position: 'relative', width: '100%', height: '100%' }}>\n                <img\n                  src={illustration}\n                  alt=\"purchase-page-content-history-illustration\"\n                  width=\"100%\"\n                  height=\"100%\"\n                  style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    width: '100%',\n                    height: '100%',\n                    objectFit: 'cover',\n                    objectPosition: 'top left',\n                  }}\n                />\n              </div>\n            </Grid.Item>\n          </Grid.Root>\n        </Box>\n      </Main>\n    </>\n  );\n};\n\nexport { PurchaseContentHistory };\n"],"names":["PurchaseContentHistory","formatMessage","useIntl","currentTheme","useTypedSelector","state","admin_app","theme","illustration","lightIllustration","darkIllustration","_jsx","_Fragment","_jsxs","Main","Layouts","Header","title","id","defaultMessage","Box","marginLeft","RESPONSIVE_DEFAULT_SPACING","marginRight","shadow","hasRadius","background","borderColor","overflow","Grid","Root","Item","col","s","alignItems","Flex","direction","padding","width","ClockCounterClockwise","fill","height","paddingTop","paddingBottom","Typography","variant","fontWeight","gap","Check","style","flexShrink","textColor","marginTop","LinkButton","href","endIcon","ExternalLink","minHeight","div","position","img","src","alt","top","left","objectFit","objectPosition"],"mappings":"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"}