@strapi/content-releases 0.0.0-next.f6dca5adf05ef6bed9605a1535999ab0bbbf063e → 0.0.0-next.f86041c89a8c1545c6437a881dc613e98bc52bd7

package/dist/admin/pages/PurchaseContentReleases.js

@@ -0,0 +1,192 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var purchasePageIllustrationDark = require('../assets/purchase-page-illustration-dark.jpg.js');
+var purchasePageIllustrationLight = require('../assets/purchase-page-illustration-light.jpg.js');
+var hooks = require('../modules/hooks.js');
+
+const PurchaseContentReleases = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const currentTheme = hooks.useTypedSelector((state)=>state.admin_app.theme.currentTheme);
+    const illustration = currentTheme === 'light' ? purchasePageIllustrationLight : purchasePageIllustrationDark;
+    return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Root, {
+        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Main, {
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Header, {
+                    title: formatMessage({
+                        id: 'content-releases.pages.Releases.title',
+                        defaultMessage: 'Releases'
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                    marginLeft: strapiAdmin.RESPONSIVE_DEFAULT_SPACING,
+                    marginRight: strapiAdmin.RESPONSIVE_DEFAULT_SPACING,
+                    shadow: "filterShadow",
+                    hasRadius: true,
+                    background: "neutral0",
+                    borderColor: 'neutral150',
+                    overflow: 'hidden',
+                    children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Grid.Root, {
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                                col: 6,
+                                xs: 12,
+                                alignItems: 'flex-start',
+                                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                    direction: "column",
+                                    alignItems: "flex-start",
+                                    padding: 7,
+                                    width: '100%',
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(icons.PaperPlane, {
+                                                fill: "primary600",
+                                                width: `24px`,
+                                                height: `24px`
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                                            paddingTop: 3,
+                                            paddingBottom: 4,
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                variant: "beta",
+                                                fontWeight: "bold",
+                                                children: formatMessage({
+                                                    id: 'pages.PurchaseRelease.description',
+                                                    defaultMessage: 'Group content and publish updates together'
+                                                })
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                            direction: "column",
+                                            alignItems: 'flex-start',
+                                            gap: 2,
+                                            children: [
+                                                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                                    gap: 2,
+                                                    children: [
+                                                        /*#__PURE__*/ jsxRuntime.jsx(icons.Check, {
+                                                            fill: "success500",
+                                                            width: `16px`,
+                                                            height: `16px`,
+                                                            style: {
+                                                                flexShrink: 0
+                                                            }
+                                                        }),
+                                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                            textColor: "neutral700",
+                                                            children: formatMessage({
+                                                                id: 'pages.PurchaseRelease.perks1',
+                                                                defaultMessage: 'Add many entries to releases'
+                                                            })
+                                                        })
+                                                    ]
+                                                }),
+                                                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                                    gap: 2,
+                                                    children: [
+                                                        /*#__PURE__*/ jsxRuntime.jsx(icons.Check, {
+                                                            fill: "success500",
+                                                            width: `16px`,
+                                                            height: `16px`,
+                                                            style: {
+                                                                flexShrink: 0
+                                                            }
+                                                        }),
+                                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                            textColor: "neutral700",
+                                                            children: formatMessage({
+                                                                id: 'pages.PurchaseRelease.perks2',
+                                                                defaultMessage: 'Quickly identify entries containing errors'
+                                                            })
+                                                        })
+                                                    ]
+                                                }),
+                                                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                                    gap: 2,
+                                                    children: [
+                                                        /*#__PURE__*/ jsxRuntime.jsx(icons.Check, {
+                                                            fill: "success500",
+                                                            width: `16px`,
+                                                            height: `16px`,
+                                                            style: {
+                                                                flexShrink: 0
+                                                            }
+                                                        }),
+                                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                            textColor: "neutral700",
+                                                            children: formatMessage({
+                                                                id: 'pages.PurchaseRelease.perks3',
+                                                                defaultMessage: 'Schedule their publication, or publish them manually'
+                                                            })
+                                                        })
+                                                    ]
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                            gap: 2,
+                                            marginTop: 7,
+                                            children: [
+                                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.LinkButton, {
+                                                    variant: "default",
+                                                    href: "https://strapi.io/pricing-self-hosted?utm_campaign=In-Product-CTA&utm_source=Releases",
+                                                    children: formatMessage({
+                                                        id: 'Settings.page.purchase.upgrade.cta',
+                                                        defaultMessage: 'Upgrade'
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.LinkButton, {
+                                                    variant: "tertiary",
+                                                    endIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.ExternalLink, {}),
+                                                    href: "https://strapi.io/features/releases?utm_campaign=In-Product-CTA&utm_source=Releases",
+                                                    children: formatMessage({
+                                                        id: 'Settings.page.purchase.learn-more.cta',
+                                                        defaultMessage: 'Learn more'
+                                                    })
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                                col: 6,
+                                xs: 12,
+                                background: "primary100",
+                                minHeight: '280px',
+                                children: /*#__PURE__*/ jsxRuntime.jsx("div", {
+                                    style: {
+                                        position: 'relative',
+                                        width: '100%',
+                                        height: '100%'
+                                    },
+                                    children: /*#__PURE__*/ jsxRuntime.jsx("img", {
+                                        src: illustration,
+                                        alt: "purchase-page-content-releases-illustration",
+                                        style: {
+                                            position: 'absolute',
+                                            top: 0,
+                                            left: 0,
+                                            width: '100%',
+                                            height: '100%',
+                                            objectFit: 'cover',
+                                            objectPosition: 'top left'
+                                        }
+                                    })
+                                })
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+};
+
+exports.PurchaseContentReleases = PurchaseContentReleases;
+//# sourceMappingURL=PurchaseContentReleases.js.map

package/dist/admin/pages/PurchaseContentReleases.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PurchaseContentReleases.js","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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"}

package/dist/admin/pages/PurchaseContentReleases.mjs

@@ -0,0 +1,190 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Layouts, RESPONSIVE_DEFAULT_SPACING } from '@strapi/admin/strapi-admin';
+import { Main, Box, Grid, Flex, Typography, LinkButton } from '@strapi/design-system';
+import { PaperPlane, Check, ExternalLink } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import img$1 from '../assets/purchase-page-illustration-dark.jpg.mjs';
+import img from '../assets/purchase-page-illustration-light.jpg.mjs';
+import { useTypedSelector } from '../modules/hooks.mjs';
+
+const PurchaseContentReleases = ()=>{
+    const { formatMessage } = useIntl();
+    const currentTheme = useTypedSelector((state)=>state.admin_app.theme.currentTheme);
+    const illustration = currentTheme === 'light' ? img : img$1;
+    return /*#__PURE__*/ jsx(Layouts.Root, {
+        children: /*#__PURE__*/ jsxs(Main, {
+            children: [
+                /*#__PURE__*/ jsx(Layouts.Header, {
+                    title: formatMessage({
+                        id: 'content-releases.pages.Releases.title',
+                        defaultMessage: 'Releases'
+                    })
+                }),
+                /*#__PURE__*/ jsx(Box, {
+                    marginLeft: RESPONSIVE_DEFAULT_SPACING,
+                    marginRight: RESPONSIVE_DEFAULT_SPACING,
+                    shadow: "filterShadow",
+                    hasRadius: true,
+                    background: "neutral0",
+                    borderColor: 'neutral150',
+                    overflow: 'hidden',
+                    children: /*#__PURE__*/ jsxs(Grid.Root, {
+                        children: [
+                            /*#__PURE__*/ jsx(Grid.Item, {
+                                col: 6,
+                                xs: 12,
+                                alignItems: 'flex-start',
+                                children: /*#__PURE__*/ jsxs(Flex, {
+                                    direction: "column",
+                                    alignItems: "flex-start",
+                                    padding: 7,
+                                    width: '100%',
+                                    children: [
+                                        /*#__PURE__*/ jsx(Flex, {
+                                            children: /*#__PURE__*/ jsx(PaperPlane, {
+                                                fill: "primary600",
+                                                width: `24px`,
+                                                height: `24px`
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsx(Flex, {
+                                            paddingTop: 3,
+                                            paddingBottom: 4,
+                                            children: /*#__PURE__*/ jsx(Typography, {
+                                                variant: "beta",
+                                                fontWeight: "bold",
+                                                children: formatMessage({
+                                                    id: 'pages.PurchaseRelease.description',
+                                                    defaultMessage: 'Group content and publish updates together'
+                                                })
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsxs(Flex, {
+                                            direction: "column",
+                                            alignItems: 'flex-start',
+                                            gap: 2,
+                                            children: [
+                                                /*#__PURE__*/ jsxs(Flex, {
+                                                    gap: 2,
+                                                    children: [
+                                                        /*#__PURE__*/ jsx(Check, {
+                                                            fill: "success500",
+                                                            width: `16px`,
+                                                            height: `16px`,
+                                                            style: {
+                                                                flexShrink: 0
+                                                            }
+                                                        }),
+                                                        /*#__PURE__*/ jsx(Typography, {
+                                                            textColor: "neutral700",
+                                                            children: formatMessage({
+                                                                id: 'pages.PurchaseRelease.perks1',
+                                                                defaultMessage: 'Add many entries to releases'
+                                                            })
+                                                        })
+                                                    ]
+                                                }),
+                                                /*#__PURE__*/ jsxs(Flex, {
+                                                    gap: 2,
+                                                    children: [
+                                                        /*#__PURE__*/ jsx(Check, {
+                                                            fill: "success500",
+                                                            width: `16px`,
+                                                            height: `16px`,
+                                                            style: {
+                                                                flexShrink: 0
+                                                            }
+                                                        }),
+                                                        /*#__PURE__*/ jsx(Typography, {
+                                                            textColor: "neutral700",
+                                                            children: formatMessage({
+                                                                id: 'pages.PurchaseRelease.perks2',
+                                                                defaultMessage: 'Quickly identify entries containing errors'
+                                                            })
+                                                        })
+                                                    ]
+                                                }),
+                                                /*#__PURE__*/ jsxs(Flex, {
+                                                    gap: 2,
+                                                    children: [
+                                                        /*#__PURE__*/ jsx(Check, {
+                                                            fill: "success500",
+                                                            width: `16px`,
+                                                            height: `16px`,
+                                                            style: {
+                                                                flexShrink: 0
+                                                            }
+                                                        }),
+                                                        /*#__PURE__*/ jsx(Typography, {
+                                                            textColor: "neutral700",
+                                                            children: formatMessage({
+                                                                id: 'pages.PurchaseRelease.perks3',
+                                                                defaultMessage: 'Schedule their publication, or publish them manually'
+                                                            })
+                                                        })
+                                                    ]
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ jsxs(Flex, {
+                                            gap: 2,
+                                            marginTop: 7,
+                                            children: [
+                                                /*#__PURE__*/ jsx(LinkButton, {
+                                                    variant: "default",
+                                                    href: "https://strapi.io/pricing-self-hosted?utm_campaign=In-Product-CTA&utm_source=Releases",
+                                                    children: formatMessage({
+                                                        id: 'Settings.page.purchase.upgrade.cta',
+                                                        defaultMessage: 'Upgrade'
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsx(LinkButton, {
+                                                    variant: "tertiary",
+                                                    endIcon: /*#__PURE__*/ jsx(ExternalLink, {}),
+                                                    href: "https://strapi.io/features/releases?utm_campaign=In-Product-CTA&utm_source=Releases",
+                                                    children: formatMessage({
+                                                        id: 'Settings.page.purchase.learn-more.cta',
+                                                        defaultMessage: 'Learn more'
+                                                    })
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Grid.Item, {
+                                col: 6,
+                                xs: 12,
+                                background: "primary100",
+                                minHeight: '280px',
+                                children: /*#__PURE__*/ jsx("div", {
+                                    style: {
+                                        position: 'relative',
+                                        width: '100%',
+                                        height: '100%'
+                                    },
+                                    children: /*#__PURE__*/ jsx("img", {
+                                        src: illustration,
+                                        alt: "purchase-page-content-releases-illustration",
+                                        style: {
+                                            position: 'absolute',
+                                            top: 0,
+                                            left: 0,
+                                            width: '100%',
+                                            height: '100%',
+                                            objectFit: 'cover',
+                                            objectPosition: 'top left'
+                                        }
+                                    })
+                                })
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+};
+
+export { PurchaseContentReleases };
+//# sourceMappingURL=PurchaseContentReleases.mjs.map

package/dist/admin/pages/PurchaseContentReleases.mjs.map

@@ -0,0 +1 @@
+{"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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"}