{"version":3,"file":"PurchaseContentReleases.mjs","sources":["../../../admin/src/pages/PurchaseContentReleases.tsx"],"sourcesContent":["import { Layouts, RESPONSIVE_DEFAULT_SPACING } from '@strapi/admin/strapi-admin';\nimport { Box, Main, Flex, Typography, Grid, LinkButton } from '@strapi/design-system';\nimport { ExternalLink, Check, PaperPlane } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport darkIllustration from '../assets/purchase-page-illustration-dark.jpg';\nimport lightIllustration from '../assets/purchase-page-illustration-light.jpg';\nimport { useTypedSelector } from '../modules/hooks';\n\nconst PurchaseContentReleases = () => {\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: 'content-releases.pages.Releases.title',\n            defaultMessage: 'Releases',\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} xs={12} alignItems={'flex-start'}>\n              <Flex direction=\"column\" alignItems=\"flex-start\" padding={7} width={'100%'}>\n                <Flex>\n                  <PaperPlane fill=\"primary600\" width={`24px`} height={`24px`} />\n                </Flex>\n                <Flex paddingTop={3} paddingBottom={4}>\n                  <Typography variant=\"beta\" fontWeight=\"bold\">\n                    {formatMessage({\n                      id: 'pages.PurchaseRelease.description',\n                      defaultMessage: 'Group content and publish updates together',\n                    })}\n                  </Typography>\n                </Flex>\n\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: 'pages.PurchaseRelease.perks1',\n                        defaultMessage: 'Add many entries to releases',\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: 'pages.PurchaseRelease.perks2',\n                        defaultMessage: 'Quickly identify entries containing errors',\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: 'pages.PurchaseRelease.perks3',\n                        defaultMessage: 'Schedule their publication, or publish them manually',\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=Releases\"\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/releases?utm_campaign=In-Product-CTA&utm_source=Releases\"\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} xs={12} background=\"primary100\" minHeight={'280px'}>\n              <div style={{ position: 'relative', width: '100%', height: '100%' }}>\n                <img\n                  src={illustration}\n                  alt=\"purchase-page-content-releases-illustration\"\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 { PurchaseContentReleases };\n"],"names":["PurchaseContentReleases","formatMessage","useIntl","currentTheme","useTypedSelector","state","admin_app","theme","illustration","lightIllustration","darkIllustration","_jsx","Layouts","Root","_jsxs","Main","Header","title","id","defaultMessage","Box","marginLeft","RESPONSIVE_DEFAULT_SPACING","marginRight","shadow","hasRadius","background","borderColor","overflow","Grid","Item","col","xs","alignItems","Flex","direction","padding","width","PaperPlane","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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"}