@strapi/admin 4.26.1 → 4.26.2

package/dist/_chunks/HomePage-CXQ1bdgi.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomePage-CXQ1bdgi.mjs","sources":["../../admin/src/components/GuidedTour/Homepage.tsx","../../admin/src/pages/assets/corner-ornament.svg","../../admin/src/pages/assets/strapi-cloud-background.png","../../admin/src/pages/assets/strapi-cloud-flags.svg","../../admin/src/pages/HomePage.tsx"],"sourcesContent":["import { Box, Button, Flex, Typography } from '@strapi/design-system';\nimport { LinkButton } from '@strapi/design-system/v2';\nimport { GuidedTourContextValue, pxToRem, useGuidedTour, useTracking } from '@strapi/helper-plugin';\nimport { ArrowRight } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { NavLink } from 'react-router-dom';\n\nimport { LAYOUT_DATA, States, STATES } from './constants';\nimport { Number, VerticalDivider } from './Ornaments';\n\nconst GuidedTourHomepage = () => {\n  const { guidedTourState, setSkipped } = useGuidedTour();\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n\n  const sections = Object.entries(LAYOUT_DATA).map(([key, val]) => ({\n    key: key,\n    title: val.home.title,\n    content: (\n      <LinkButton\n        onClick={() => trackUsage(val.home.trackingEvent)}\n        as={NavLink}\n        // @ts-expect-error - types are not inferred correctly through the as prop.\n        to={val.home.cta.target}\n        endIcon={<ArrowRight />}\n      >\n        {formatMessage(val.home.cta.title)}\n      </LinkButton>\n    ),\n    isDone: Object.entries(\n      guidedTourState[key as keyof GuidedTourContextValue['guidedTourState']]\n    ).every(([, value]) => value),\n  }));\n\n  const activeSectionIndex = sections.findIndex((section) => !section.isDone);\n\n  const handleSkip = () => {\n    setSkipped(true);\n    trackUsage('didSkipGuidedtour');\n  };\n\n  return (\n    <Box\n      hasRadius\n      shadow=\"tableShadow\"\n      paddingTop={7}\n      paddingRight={4}\n      paddingLeft={7}\n      paddingBottom={4}\n      background=\"neutral0\"\n    >\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n        <Typography variant=\"beta\" as=\"h2\">\n          {formatMessage({\n            id: 'app.components.GuidedTour.title',\n            defaultMessage: '3 steps to get started',\n          })}\n        </Typography>\n        <Box>\n          {sections.map((section, index) => {\n            const state = getState(activeSectionIndex, index);\n            return (\n              <Box key={section.key}>\n                <Flex>\n                  <Box minWidth={pxToRem(30)} marginRight={5}>\n                    <Number state={state}>{index + 1}</Number>\n                  </Box>\n                  <Typography variant=\"delta\" as=\"h3\">\n                    {formatMessage(section.title)}\n                  </Typography>\n                </Flex>\n                <Flex alignItems=\"flex-start\">\n                  <Flex\n                    justifyContent=\"center\"\n                    minWidth={pxToRem(30)}\n                    marginBottom={3}\n                    marginTop={3}\n                    marginRight={5}\n                  >\n                    {index === sections.length - 1 ? null : <VerticalDivider state={state} />}\n                  </Flex>\n                  <Box marginTop={2}>{state === STATES.IS_ACTIVE ? section.content : null}</Box>\n                </Flex>\n              </Box>\n            );\n          })}\n        </Box>\n      </Flex>\n      <Flex justifyContent=\"flex-end\">\n        <Button variant=\"tertiary\" onClick={handleSkip}>\n          {formatMessage({ id: 'app.components.GuidedTour.skip', defaultMessage: 'Skip the tour' })}\n        </Button>\n      </Flex>\n    </Box>\n  );\n};\n\nconst getState = (activeSectionIndex: number, index: number): States => {\n  if (activeSectionIndex === -1) {\n    return STATES.IS_DONE;\n  }\n  if (index < activeSectionIndex) {\n    return STATES.IS_DONE;\n  }\n  if (index > activeSectionIndex) {\n    return STATES.IS_NOT_DONE;\n  }\n  return STATES.IS_ACTIVE;\n};\n\nexport { GuidedTourHomepage };\n","export default \"data:image/svg+xml,%3csvg%20width='148'%20height='148'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='.8'%20fill-rule='evenodd'%20clip-rule='evenodd'%3e%3cpath%20opacity='.15'%20d='M110.81%2037H73.97V74.1h36.84V37Z'%20fill='url(%23a)'/%3e%3cpath%20opacity='.07'%20d='M36.84%200H0v37.08h36.84V0Z'%20fill='url(%23b)'/%3e%3cpath%20opacity='.07'%20d='M73.92%2073.95H37.08v37.08h36.84V73.95Z'%20fill='url(%23c)'/%3e%3cpath%20opacity='.07'%20d='M147.99%20110.92h-37.3V148H148v-37.08Z'%20fill='url(%23d)'/%3e%3cpath%20opacity='.15'%20d='M73.83%2037H36.84L73.83%200v37Z'%20fill='url(%23e)'/%3e%3cpath%20opacity='.15'%20d='M110.6%20111.02v-37h36.98l-36.99%2037Z'%20fill='url(%23f)'/%3e%3cpath%20opacity='.4'%20d='M73.83%200v37h36.98v37.01h37V3a3%203%200%200%200-3-3H73.82Z'%20fill='url(%23g)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='91.31'%20y1='83.31'%20x2='118.24'%20y2='56.59'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%237A92FF'/%3e%3cstop%20offset='1'%20stop-color='%233253EA'/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='40.99'%20y1='13.88'%20x2='.01'%20y2='11.64'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23A8B8FF'/%3e%3cstop%20offset='1'%20stop-color='%233253EA'/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='54.41'%20y1='120.25'%20x2='81.35'%20y2='93.52'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23A8B8FF'/%3e%3cstop%20offset='1'%20stop-color='%233253EA'/%3e%3c/linearGradient%3e%3clinearGradient%20id='d'%20x1='128.24'%20y1='157.22'%20x2='155.17'%20y2='130.17'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23A8B8FF'/%3e%3cstop%20offset='1'%20stop-color='%233253EA'/%3e%3c/linearGradient%3e%3clinearGradient%20id='e'%20x1='54.24'%20y1='46.21'%20x2='81.12'%20y2='19.38'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%237A92FF'/%3e%3cstop%20offset='1'%20stop-color='%233253EA'/%3e%3c/linearGradient%3e%3clinearGradient%20id='f'%20x1='126.28'%20y1='74.05'%20x2='124.94'%20y2='111.07'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%237A92FF'/%3e%3cstop%20offset='1'%20stop-color='%233253EA'/%3e%3c/linearGradient%3e%3clinearGradient%20id='g'%20x1='73.37'%20y1='36.87'%20x2='132.87'%20y2='66.74'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%237A92FF'/%3e%3cstop%20offset='1'%20stop-color='%233858EA'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e\"","export default \"data:image/png;base64,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\"","export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='160'%20fill='none'%20viewBox='29.41%2044%20149.09%2050.35'%3e%3cpath%20stroke='%23EAEAEF'%20d='M30.5%2044.5c37%2027%2047.5%2038%20147.499%2032'/%3e%3cg%20filter='url(%23a)'%3e%3cpath%20fill='%23F29D41'%20d='m129.467%2094.085%208.148-14.142a.598.598%200%200%200-.403-.887%2075.099%2075.099%200%200%200-3.045-.536c-1.875-.274-2.936-.44-4.837-.505-1.838-.064-2.873.01-4.698.153a64.05%2064.05%200%200%200-2.692.293.597.597%200%200%200-.462.851l7.042%2014.737c.186.388.732.41.947.036Z'/%3e%3c/g%3e%3cg%20filter='url(%23b)'%3e%3cpath%20fill='%23F29D41'%20d='m46.99%2075.52%2013.813-8.697a.597.597%200%200%200%20.058-.971%2075.191%2075.191%200%200%200-2.442-1.897c-1.53-1.119-2.39-1.761-4.04-2.707-1.595-.915-2.545-1.334-4.226-2.06a64.09%2064.09%200%200%200-2.516-.999.597.597%200%200%200-.806.537l-.66%2016.319a.535.535%200%200%200%20.82.474Z'/%3e%3c/g%3e%3cg%20filter='url(%23c)'%3e%3cpath%20fill='%235CB176'%20d='m29.41%2063.51%202.102-16.186a.597.597%200%200%201%20.858-.46c.748.371%201.905.954%202.745%201.42%201.657.92%202.602%201.433%204.152%202.534%201.5%201.064%202.278%201.75%203.642%202.972a64.026%2064.026%200%200%201%201.962%201.865c.291.286.214.771-.149.957l-14.538%207.443a.535.535%200%200%201-.774-.545Z'/%3e%3c/g%3e%3cmask%20id='d'%20width='17'%20height='19'%20x='29'%20y='46'%20maskUnits='userSpaceOnUse'%20style='mask-type:alpha'%3e%3cpath%20fill='%235CB176'%20d='m29.412%2063.51%202.101-16.186a.597.597%200%200%201%20.858-.46c.749.371%201.905.954%202.746%201.42%201.657.92%202.601%201.433%204.152%202.534%201.5%201.064%202.278%201.75%203.642%202.972a64.148%2064.148%200%200%201%201.962%201.865c.29.286.214.771-.15.957l-14.537%207.443a.535.535%200%200%201-.774-.545Z'/%3e%3c/mask%3e%3cg%20stroke='%23fff'%20stroke-linecap='round'%20stroke-width='.661'%20mask='url(%23d)'%3e%3cpath%20d='M39.755%2051.218c-1.05%201.558-4.606%204.788-10.44%205.247M36.415%2047.816c-1.05%201.558-4.606%204.789-10.44%205.247M42.97%2053.97c-1.457%201.908-6.341%205.902-14.216%206.619M42.15%2058.499c-1.645%201.748-5.29%204.033-13.197%203.939'/%3e%3c/g%3e%3cg%20filter='url(%23e)'%3e%3cpath%20fill='%237B79FF'%20d='m169.813%2092.983%205.927-15.208a.598.598%200%200%200-.531-.815%2075.213%2075.213%200%200%200-3.091-.072c-1.895.01-2.969.007-4.859.228-1.826.214-2.838.442-4.621.859-.815.19-1.893.488-2.617.694a.596.596%200%200%200-.328.91l9.178%2013.51a.536.536%200%200%200%20.942-.106Z'/%3e%3c/g%3e%3cg%20filter='url(%23f)'%3e%3cpath%20fill='%237B79FF'%20d='m87.001%2090.853-4.466-15.699a.597.597%200%200%201%20.606-.761c.835.045%202.127.123%203.084.22%201.886.19%202.956.287%204.816.685%201.797.385%202.784.709%204.519%201.291.794.267%201.839.665%202.54.938.38.148.501.624.24.938L87.929%2091.048a.535.535%200%200%201-.927-.195Z'/%3e%3c/g%3e%3cg%20filter='url(%23g)'%3e%3cpath%20fill='%23EE5E52'%20d='m66.153%2085.122%2012.355-10.665a.597.597%200%200%200-.087-.97%2075.353%2075.353%200%200%200-2.698-1.51c-1.68-.877-2.627-1.383-4.4-2.072-1.714-.666-2.716-.938-4.486-1.404a64.083%2064.083%200%200%200-2.638-.611.597.597%200%200%200-.716.651l1.788%2016.234a.535.535%200%200%200%20.882.347Z'/%3e%3c/g%3e%3ccircle%20cx='70.793'%20cy='74.511'%20r='.992'%20fill='%23fff'%20transform='rotate(8.553%2070.793%2074.51)'/%3e%3ccircle%20cx='65.574'%20cy='78.63'%20r='.992'%20fill='%23fff'%20transform='rotate(8.553%2065.574%2078.63)'/%3e%3ccircle%20cx='65.408'%20cy='74.519'%20r='.992'%20fill='%23fff'%20transform='rotate(8.553%2065.408%2074.519)'/%3e%3ccircle%20cx='67.834'%20cy='81.943'%20r='.992'%20fill='%23fff'%20transform='rotate(8.553%2067.834%2081.943)'/%3e%3ccircle%20cx='67.259'%20cy='69.875'%20r='.992'%20fill='%23fff'%20transform='rotate(8.553%2067.259%2069.875)'/%3e%3ccircle%20cx='74.691'%20cy='72.834'%20r='.992'%20fill='%23fff'%20transform='rotate(8.553%2074.69%2072.834)'/%3e%3ccircle%20cx='71.171'%20cy='78.968'%20r='.992'%20fill='%23fff'%20transform='rotate(8.553%2071.171%2078.968)'/%3e%3cg%20filter='url(%23h)'%3e%3cpath%20fill='%23EE5E52'%20d='m149.911%2093.824%206.521-14.963a.598.598%200%200%200-.499-.836%2075.255%2075.255%200%200%200-3.086-.193c-1.894-.064-2.967-.11-4.863.037-1.833.141-2.854.33-4.651.676-.823.158-1.912.414-2.643.59a.596.596%200%200%200-.364.898l8.64%2013.86a.535.535%200%200%200%20.945-.07Z'/%3e%3c/g%3e%3ccircle%20cx='149.5'%20cy='82.25'%20r='.992'%20fill='%23fff'%20transform='rotate(-17.098%20149.5%2082.25)'/%3e%3ccircle%20cx='146.579'%20cy='88.222'%20r='.992'%20fill='%23fff'%20transform='rotate(-17.098%20146.579%2088.222)'/%3e%3ccircle%20cx='144.65'%20cy='84.588'%20r='.992'%20fill='%23fff'%20transform='rotate(-17.098%20144.65%2084.588)'/%3e%3ccircle%20cx='150.049'%20cy='90.231'%20r='.992'%20fill='%23fff'%20transform='rotate(-17.098%20150.049%2090.231)'/%3e%3ccircle%20cx='144.306'%20cy='79.6'%20r='.992'%20fill='%23fff'%20transform='rotate(-17.098%20144.306%2079.6)'/%3e%3ccircle%20cx='152.287'%20cy='79.051'%20r='.992'%20fill='%23fff'%20transform='rotate(-17.098%20152.287%2079.05)'/%3e%3ccircle%20cx='151.77'%20cy='86.103'%20r='.992'%20fill='%23fff'%20transform='rotate(-17.098%20151.77%2086.103)'/%3e%3cg%20filter='url(%23i)'%3e%3cpath%20fill='%235CB176'%20d='m109.171%2093.4%208.86-13.707a.598.598%200%200%200-.357-.906c-.811-.2-2.07-.503-3.013-.69-1.859-.37-2.911-.59-4.806-.753-1.831-.157-2.869-.136-4.699-.086-.837.023-1.953.098-2.703.154a.597.597%200%200%200-.505.827l6.279%2015.077c.166.398.71.447.944.084Z'/%3e%3c/g%3e%3cmask%20id='j'%20width='18'%20height='17'%20x='101'%20y='77'%20maskUnits='userSpaceOnUse'%20style='mask-type:alpha'%3e%3cpath%20fill='%235CB176'%20d='m109.17%2093.4%208.86-13.707a.598.598%200%200%200-.357-.905c-.811-.201-2.07-.504-3.013-.692-1.859-.37-2.911-.589-4.806-.751-1.831-.158-2.869-.137-4.699-.087-.837.023-1.953.099-2.703.154a.597.597%200%200%200-.505.827l6.279%2015.077c.166.398.71.447.944.085Z'/%3e%3c/mask%3e%3cg%20stroke='%23fff'%20stroke-linecap='round'%20stroke-width='.661'%20mask='url(%23j)'%3e%3cpath%20d='M109.225%2077.335c-.207%201.867.418%206.632%204.573%2010.753M113.972%2076.9c-.207%201.867.418%206.631%204.573%2010.753M104.992%2077.357c-.121%202.397%201.023%208.602%206.568%2014.24M102.69%2081.343c.125%202.397%201.429%206.497%207.522%2011.537'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='a'%20width='21.565'%20height='21.649'%20x='118.775'%20y='76.009'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20result='hardAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeOffset%20dy='.661'/%3e%3cfeGaussianBlur%20stdDeviation='1.322'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.129412%200%200%200%200%200.129412%200%200%200%200%200.203922%200%200%200%200.1%200'/%3e%3cfeBlend%20in2='BackgroundImageFix'%20result='effect1_dropShadow_12_39'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='effect1_dropShadow_12_39'%20result='shape'/%3e%3c/filter%3e%3cfilter%20id='b'%20width='20.201'%20height='22.741'%20x='43.526'%20y='56.167'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20result='hardAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeOffset%20dy='.661'/%3e%3cfeGaussianBlur%20stdDeviation='1.322'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.129412%200%200%200%200%200.129412%200%200%200%200%200.203922%200%200%200%200.1%200'/%3e%3cfeBlend%20in2='BackgroundImageFix'%20result='effect1_dropShadow_12_39'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='effect1_dropShadow_12_39'%20result='shape'/%3e%3c/filter%3e%3cfilter%20id='c'%20width='20.932'%20height='22.602'%20x='26.761'%20y='44.818'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20result='hardAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeOffset%20dy='.661'/%3e%3cfeGaussianBlur%20stdDeviation='1.322'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.129412%200%200%200%200%200.129412%200%200%200%200%200.203922%200%200%200%200.1%200'/%3e%3cfeBlend%20in2='BackgroundImageFix'%20result='effect1_dropShadow_12_39'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='effect1_dropShadow_12_39'%20result='shape'/%3e%3c/filter%3e%3cfilter%20id='e'%20width='21.482'%20height='21.724'%20x='156.944'%20y='74.904'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20result='hardAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeOffset%20dy='.661'/%3e%3cfeGaussianBlur%20stdDeviation='1.322'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.129412%200%200%200%200%200.129412%200%200%200%200%200.203922%200%200%200%200.1%200'/%3e%3cfeBlend%20in2='BackgroundImageFix'%20result='effect1_dropShadow_12_39'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='effect1_dropShadow_12_39'%20result='shape'/%3e%3c/filter%3e%3cfilter%20id='f'%20width='21.256'%20height='22.139'%20x='79.868'%20y='72.409'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20result='hardAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeOffset%20dy='.661'/%3e%3cfeGaussianBlur%20stdDeviation='1.322'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.129412%200%200%200%200%200.129412%200%200%200%200%200.203922%200%200%200%200.1%200'/%3e%3cfeBlend%20in2='BackgroundImageFix'%20result='effect1_dropShadow_12_39'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='effect1_dropShadow_12_39'%20result='shape'/%3e%3c/filter%3e%3cfilter%20id='g'%20width='20.526'%20height='22.664'%20x='60.835'%20y='65.893'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20result='hardAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeOffset%20dy='.661'/%3e%3cfeGaussianBlur%20stdDeviation='1.322'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.129412%200%200%200%200%200.129412%200%200%200%200%200.203922%200%200%200%200.1%200'/%3e%3cfeBlend%20in2='BackgroundImageFix'%20result='effect1_dropShadow_12_39'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='effect1_dropShadow_12_39'%20result='shape'/%3e%3c/filter%3e%3cfilter%20id='h'%20width='21.537'%20height='21.662'%20x='137.59'%20y='75.788'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20result='hardAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeOffset%20dy='.661'/%3e%3cfeGaussianBlur%20stdDeviation='1.322'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.129412%200%200%200%200%200.129412%200%200%200%200%200.203922%200%200%200%200.1%200'/%3e%3cfeBlend%20in2='BackgroundImageFix'%20result='effect1_dropShadow_12_39'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='effect1_dropShadow_12_39'%20result='shape'/%3e%3c/filter%3e%3cfilter%20id='i'%20width='21.515'%20height='21.712'%20x='99.257'%20y='75.238'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20result='hardAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeOffset%20dy='.661'/%3e%3cfeGaussianBlur%20stdDeviation='1.322'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.129412%200%200%200%200%200.129412%200%200%200%200%200.203922%200%200%200%200.1%200'/%3e%3cfeBlend%20in2='BackgroundImageFix'%20result='effect1_dropShadow_12_39'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='effect1_dropShadow_12_39'%20result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e\"","import * as React from 'react';\n\nimport { Box, Button, Flex, Grid, GridItem, Layout, Main, Typography } from '@strapi/design-system';\nimport { Link, LinkButton } from '@strapi/design-system/v2';\nimport {\n  ContentBox,\n  LoadingIndicatorPage,\n  useAppInfo,\n  useGuidedTour,\n  useTracking,\n} from '@strapi/helper-plugin';\nimport {\n  ArrowRight,\n  CodeSquare,\n  Discord,\n  Discourse,\n  ExternalLink,\n  FeatherSquare,\n  Github,\n  InformationSquare,\n  PlaySquare,\n  Reddit,\n  Strapi,\n  Twitter,\n} from '@strapi/icons';\nimport { Helmet } from 'react-helmet';\nimport { useIntl } from 'react-intl';\nimport { useHistory } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport { GuidedTourHomepage } from '../components/GuidedTour/Homepage';\nimport { useContentTypes } from '../hooks/useContentTypes';\nimport { useEnterprise } from '../hooks/useEnterprise';\n\nimport cornerOrnamentPath from './assets/corner-ornament.svg';\nimport cloudIconBackgroundImage from './assets/strapi-cloud-background.png';\nimport cloudFlagsImage from './assets/strapi-cloud-flags.svg';\n\n/* -------------------------------------------------------------------------------------------------\n * HomePageCE\n * -----------------------------------------------------------------------------------------------*/\n\nconst HomePageCE = () => {\n  const { formatMessage } = useIntl();\n  // Temporary until we develop the menu API\n  const { collectionTypes, singleTypes, isLoading: isLoadingForModels } = useContentTypes();\n  const { guidedTourState, isGuidedTourVisible, isSkipped } = useGuidedTour();\n  const showGuidedTour =\n    !Object.values(guidedTourState).every((section) =>\n      Object.values(section).every((step) => step)\n    ) &&\n    isGuidedTourVisible &&\n    !isSkipped;\n  const { push } = useHistory();\n  const handleClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {\n    e.preventDefault();\n\n    push('/plugins/content-type-builder/content-types/create-content-type');\n  };\n\n  const hasAlreadyCreatedContentTypes = React.useMemo(() => {\n    /**\n     * TODO: this can be done with a `some` call.\n     */\n    return (\n      collectionTypes.filter((c) => c.isDisplayed).length > 1 ||\n      singleTypes.filter((c) => c.isDisplayed).length > 0\n    );\n  }, [collectionTypes, singleTypes]);\n\n  if (isLoadingForModels) {\n    return <LoadingIndicatorPage />;\n  }\n\n  return (\n    <Layout>\n      <Helmet\n        title={formatMessage({\n          id: 'HomePage.helmet.title',\n          defaultMessage: 'Homepage',\n        })}\n      />\n      <Main>\n        <LogoContainer>\n          <img alt=\"\" aria-hidden src={cornerOrnamentPath} />\n        </LogoContainer>\n        <Box padding={10}>\n          <Grid>\n            <GridItem col={8} s={12}>\n              <div>\n                <Box paddingLeft={6} paddingBottom={10}>\n                  <Flex direction=\"column\" alignItems=\"flex-start\" gap={5}>\n                    <Typography as=\"h1\" variant=\"alpha\">\n                      {hasAlreadyCreatedContentTypes\n                        ? formatMessage({\n                            id: 'app.components.HomePage.welcome.again',\n                            defaultMessage: 'Welcome 👋',\n                          })\n                        : formatMessage({\n                            id: 'app.components.HomePage.welcome',\n                            defaultMessage: 'Welcome on board!',\n                          })}\n                    </Typography>\n                    <WordWrap textColor=\"neutral600\" variant=\"epsilon\">\n                      {hasAlreadyCreatedContentTypes\n                        ? formatMessage({\n                            id: 'app.components.HomePage.welcomeBlock.content.again',\n                            defaultMessage:\n                              'We hope you are making progress on your project! Feel free to read the latest news about Strapi. We are giving our best to improve the product based on your feedback.',\n                          })\n                        : formatMessage({\n                            id: 'app.components.HomePage.welcomeBlock.content',\n                            defaultMessage:\n                              'Congrats! You are logged as the first administrator. To discover the powerful features provided by Strapi, we recommend you to create your first Content type!',\n                          })}\n                    </WordWrap>\n                    {hasAlreadyCreatedContentTypes ? (\n                      <Link isExternal href=\"https://strapi.io/blog\">\n                        {formatMessage({\n                          id: 'app.components.HomePage.button.blog',\n                          defaultMessage: 'See more on the blog',\n                        })}\n                      </Link>\n                    ) : (\n                      <Button size=\"L\" onClick={handleClick} endIcon={<ArrowRight />}>\n                        {formatMessage({\n                          id: 'app.components.HomePage.create',\n                          defaultMessage: 'Create your first Content type',\n                        })}\n                      </Button>\n                    )}\n                  </Flex>\n                </Box>\n              </div>\n            </GridItem>\n          </Grid>\n          <Grid gap={6}>\n            <GridItem col={8} s={12}>\n              {showGuidedTour ? <GuidedTourHomepage /> : <ContentBlocks />}\n            </GridItem>\n            <GridItem col={4} s={12}>\n              <SocialLinks />\n            </GridItem>\n          </Grid>\n        </Box>\n      </Main>\n    </Layout>\n  );\n};\n\nconst LogoContainer = styled(Box)`\n  position: absolute;\n  top: 0;\n  right: 0;\n\n  img {\n    width: ${150 / 16}rem;\n  }\n`;\n\nconst WordWrap = styled(Typography)`\n  word-break: break-word;\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * ContentBlocks\n * -----------------------------------------------------------------------------------------------*/\n\nconst ContentBlocks = () => {\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n\n  return (\n    <Flex direction=\"column\" alignItems=\"stretch\" gap={5}>\n      <BlockLink\n        href=\"https://cloud.strapi.io\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer nofollow\"\n        onClick={() => {\n          trackUsage('didClickOnTryStrapiCloudSection');\n        }}\n      >\n        <Flex\n          shadow=\"tableShadow\"\n          hasRadius\n          padding={6}\n          background=\"neutral0\"\n          position=\"relative\"\n          gap={6}\n        >\n          <CloudCustomWrapper hasRadius padding={3}>\n            <CloudIconWrapper\n              width=\"2rem\"\n              height=\"2rem\"\n              justifyContent=\"center\"\n              hasRadius\n              alignItems=\"center\"\n            >\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"15\" fill=\"none\">\n                <path\n                  fill=\"#fff\"\n                  fillRule=\"evenodd\"\n                  d=\"M4.39453 13.8298C1.93859 13.6455 0 11.468 0 8.80884 0 6.0289 2.11876 3.7753 4.73238 3.7753c.46775 0 .91964.07218 1.34638.20664C7.21234 1.62909 9.66469 0 12.5073 0c2.5102 0 4.7161 1.27036 5.9782 3.18766a4.54297 4.54297 0 0 1 .6132-.04144C21.8056 3.14622 24 5.54066 24 8.49436c0 2.89194-2.1036 5.24784-4.7323 5.34504v.0031l-1.8948.278a38.18054 38.18054 0 0 1-11.08354 0l-1.89483-.278v-.0127Z\"\n                  clipRule=\"evenodd\"\n                />\n              </svg>\n            </CloudIconWrapper>\n          </CloudCustomWrapper>\n          <Flex gap={1} direction=\"column\" alignItems=\"start\">\n            <Typography fontWeight=\"semiBold\" variant=\"pi\">\n              {formatMessage({\n                id: 'app.components.BlockLink.cloud',\n                defaultMessage: 'Strapi Cloud',\n              })}\n            </Typography>\n            <Typography textColor=\"neutral600\">\n              {formatMessage({\n                id: 'app.components.BlockLink.cloud.content',\n                defaultMessage: 'Fully-managed cloud hosting for your Strapi project.',\n              })}\n            </Typography>\n            <Box src={cloudFlagsImage} position=\"absolute\" top={0} right={0} as=\"img\" />\n          </Flex>\n        </Flex>\n      </BlockLink>\n      <BlockLink\n        href=\"https://strapi.io/resource-center\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer nofollow\"\n        onClick={() => trackUsage('didClickonReadTheDocumentationSection')}\n      >\n        <ContentBox\n          title={formatMessage({\n            id: 'global.documentation',\n            defaultMessage: 'Documentation',\n          })}\n          subtitle={formatMessage({\n            id: 'app.components.BlockLink.documentation.content',\n            defaultMessage: 'Discover the essential concepts, guides and instructions.',\n          })}\n          icon={<InformationSquare />}\n          iconBackground=\"primary100\"\n        />\n      </BlockLink>\n      <BlockLink\n        href=\"https://strapi.io/starters\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer nofollow\"\n        onClick={() => trackUsage('didClickonCodeExampleSection')}\n      >\n        <ContentBox\n          title={formatMessage({\n            id: 'app.components.BlockLink.code',\n            defaultMessage: 'Code example',\n          })}\n          subtitle={formatMessage({\n            id: 'app.components.BlockLink.code.content',\n            defaultMessage: 'Learn by using ready-made starters for your projects.',\n          })}\n          icon={<CodeSquare />}\n          iconBackground=\"warning100\"\n        />\n      </BlockLink>\n      <BlockLink\n        href=\"https://strapi.io/blog/categories/tutorials\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer nofollow\"\n        onClick={() => trackUsage('didClickonTutorialSection')}\n      >\n        <ContentBox\n          title={formatMessage({\n            id: 'app.components.BlockLink.tutorial',\n            defaultMessage: 'Tutorials',\n          })}\n          subtitle={formatMessage({\n            id: 'app.components.BlockLink.tutorial.content',\n            defaultMessage: 'Follow step-by-step instructions to use and customize Strapi.',\n          })}\n          icon={<PlaySquare />}\n          iconBackground=\"secondary100\"\n        />\n      </BlockLink>\n      <BlockLink\n        href=\"https://strapi.io/blog\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer nofollow\"\n        onClick={() => trackUsage('didClickonBlogSection')}\n      >\n        <ContentBox\n          title={formatMessage({\n            id: 'app.components.BlockLink.blog',\n            defaultMessage: 'Blog',\n          })}\n          subtitle={formatMessage({\n            id: 'app.components.BlockLink.blog.content',\n            defaultMessage: 'Read the latest news about Strapi and the ecosystem.',\n          })}\n          icon={<FeatherSquare />}\n          iconBackground=\"alternative100\"\n        />\n      </BlockLink>\n    </Flex>\n  );\n};\n\nconst BlockLink = styled.a`\n  text-decoration: none;\n`;\n\nconst CloudCustomWrapper = styled(Box)`\n  background-image: url(${cloudIconBackgroundImage});\n`;\n\nconst CloudIconWrapper = styled(Flex)`\n  background: rgba(255, 255, 255, 0.3);\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * SocialLinks\n * -----------------------------------------------------------------------------------------------*/\n\nconst SocialLinks = () => {\n  const { formatMessage } = useIntl();\n  const { communityEdition } = useAppInfo();\n\n  const socialLinksExtended = [\n    ...SOCIAL_LINKS,\n    {\n      icon: <StyledStrapi />,\n      link: communityEdition\n        ? 'https://discord.strapi.io'\n        : 'https://support.strapi.io/support/home',\n      name: {\n        id: 'Settings.application.get-help',\n        defaultMessage: 'Get help',\n      },\n    },\n  ];\n\n  return (\n    <Flex\n      as=\"aside\"\n      direction=\"column\"\n      aria-labelledby=\"join-the-community\"\n      background=\"neutral0\"\n      hasRadius\n      paddingRight={5}\n      paddingLeft={5}\n      paddingTop={6}\n      paddingBottom={6}\n      shadow=\"tableShadow\"\n      gap={7}\n    >\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={5}>\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={3}>\n          <Typography variant=\"delta\" as=\"h2\" id=\"join-the-community\">\n            {formatMessage({\n              id: 'app.components.HomePage.community',\n              defaultMessage: 'Join the community',\n            })}\n          </Typography>\n          <Typography textColor=\"neutral600\">\n            {formatMessage({\n              id: 'app.components.HomePage.community.content',\n              defaultMessage:\n                'Discuss with team members, contributors and developers on different channels',\n            })}\n          </Typography>\n        </Flex>\n        <Link href=\"https://feedback.strapi.io/\" isExternal endIcon={<ExternalLink />}>\n          {formatMessage({\n            id: 'app.components.HomePage.roadmap',\n            defaultMessage: 'See our road map',\n          })}\n        </Link>\n      </Flex>\n      <GridGap>\n        {socialLinksExtended.map(({ icon, link, name }) => {\n          return (\n            <GridItem col={6} s={12} key={name.id}>\n              <LinkCustom size=\"L\" startIcon={icon} variant=\"tertiary\" href={link} isExternal>\n                {formatMessage(name)}\n              </LinkCustom>\n            </GridItem>\n          );\n        })}\n      </GridGap>\n    </Flex>\n  );\n};\n\nconst StyledDiscord = styled(Discord)`\n  path {\n    fill: #7289da !important;\n  }\n`;\n\nconst StyledReddit = styled(Reddit)`\n  > path:first-child {\n    fill: #ff4500;\n  }\n`;\nconst StyledStrapi = styled(Strapi)`\n  > path:first-child {\n    fill: #4945ff;\n  }\n  > path:nth-child(2) {\n    fill: #fff;\n  }\n  > path:nth-child(4) {\n    fill: #9593ff;\n  }\n`;\n\nconst StyledTwitter = styled(Twitter)`\n  path {\n    fill: #1da1f2 !important;\n  }\n`;\n\nconst StyledDiscourse = styled(Discourse)`\n  > path:first-child {\n    fill: #231f20;\n  }\n  > path:nth-child(2) {\n    fill: #fff9ae;\n  }\n  > path:nth-child(3) {\n    fill: #00aeef;\n  }\n  > path:nth-child(4) {\n    fill: #00a94f;\n  }\n  > path:nth-child(5) {\n    fill: #f15d22;\n  }\n  > path:nth-child(6) {\n    fill: #e31b23;\n  }\n`;\n\nconst LinkCustom = styled(LinkButton)`\n  display: flex;\n  align-items: center;\n  border: none;\n\n  svg {\n    width: ${({ theme }) => theme.spaces[6]};\n    height: ${({ theme }) => theme.spaces[6]};\n  }\n\n  span {\n    word-break: keep-all;\n  }\n`;\n\nconst GridGap = styled(Grid)`\n  row-gap: ${({ theme }) => theme.spaces[2]};\n  column-gap: ${({ theme }) => theme.spaces[4]};\n`;\n\nconst SOCIAL_LINKS = [\n  {\n    name: { id: 'app.components.HomePage.community.links.github', defaultMessage: 'Github' },\n    link: 'https://github.com/strapi/strapi/',\n    icon: <Github fill=\"#7289DA\" />,\n    alt: 'github',\n  },\n  {\n    name: { id: 'app.components.HomePage.community.links.discord', defaultMessage: 'Discord' },\n    link: 'https://discord.strapi.io/',\n    icon: <StyledDiscord />,\n    alt: 'discord',\n  },\n  {\n    name: { id: 'app.components.HomePage.community.links.reddit', defaultMessage: 'Reddit' },\n    link: 'https://www.reddit.com/r/Strapi/',\n    icon: <StyledReddit />,\n    alt: 'reddit',\n  },\n  {\n    name: { id: 'app.components.HomePage.community.links.twitter', defaultMessage: 'Twitter' },\n    link: 'https://twitter.com/strapijs',\n    icon: <StyledTwitter />,\n    alt: 'twitter',\n  },\n  {\n    name: { id: 'app.components.HomePage.community.links.forum', defaultMessage: 'Forum' },\n    link: 'https://forum.strapi.io',\n    icon: <StyledDiscourse />,\n    alt: 'forum',\n  },\n  {\n    name: { id: 'app.components.HomePage.community.links.blog', defaultMessage: 'Blog' },\n    link: 'https://strapi.io/blog?utm_source=referral&utm_medium=admin&utm_campaign=career%20page',\n    icon: <StyledStrapi />,\n    alt: 'blog',\n  },\n  {\n    name: {\n      id: 'app.components.HomePage.community.links.career',\n      defaultMessage: 'We are hiring!',\n    },\n    link: 'https://strapi.io/careers?utm_source=referral&utm_medium=admin&utm_campaign=blog',\n    icon: <StyledStrapi />,\n    alt: 'career',\n  },\n];\n\n/* -------------------------------------------------------------------------------------------------\n * HomePage\n * -----------------------------------------------------------------------------------------------*/\n\nconst HomePage = () => {\n  const Page = useEnterprise(\n    HomePageCE,\n    // eslint-disable-next-line import/no-cycle\n    async () => (await import('../../../ee/admin/src/pages/HomePage')).HomePageEE\n  );\n\n  // block rendering until the EE component is fully loaded\n  if (!Page) {\n    return null;\n  }\n\n  return <Page />;\n};\n\nexport { HomePage, HomePageCE };\n"],"names":[],"mappings":";;;;;;;;;;;;;AAUA,MAAM,qBAAqB,MAAM;AAC/B,QAAM,EAAE,iBAAiB,WAAA,IAAe,cAAA;AACxC,QAAM,EAAE,cAAA,IAAkB,QAAA;AAC1B,QAAM,EAAE,WAAA,IAAe,YAAA;AAEvB,QAAM,WAAW,OAAO,QAAQ,WAAW,EAAE,IAAI,CAAC,CAAC,KAAK,GAAG,OAAO;AAAA,IAChE;AAAA,IACA,OAAO,IAAI,KAAK;AAAA,IAChB,SACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM,WAAW,IAAI,KAAK,aAAa;AAAA,QAChD,IAAI;AAAA,QAEJ,IAAI,IAAI,KAAK,IAAI;AAAA,QACjB,6BAAU,YAAA,EAAW;AAAA,QAEpB,UAAA,cAAc,IAAI,KAAK,IAAI,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAGrC,QAAQ,OAAO;AAAA,MACb,gBAAgB,GAAsD;AAAA,IAAA,EACtE,MAAM,CAAC,GAAG,KAAK,MAAM,KAAK;AAAA,EAAA,EAC5B;AAEF,QAAM,qBAAqB,SAAS,UAAU,CAAC,YAAY,CAAC,QAAQ,MAAM;AAE1E,QAAM,aAAa,MAAM;AACvB,eAAW,IAAI;AACf,eAAW,mBAAmB;AAAA,EAChC;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,QAAO;AAAA,MACP,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,aAAa;AAAA,MACb,eAAe;AAAA,MACf,YAAW;AAAA,MAEX,UAAA;AAAA,QAAA,qBAAC,QAAK,WAAU,UAAS,YAAW,WAAU,KAAK,GACjD,UAAA;AAAA,UAAA,oBAAC,YAAA,EAAW,SAAQ,QAAO,IAAG,MAC3B,UAAA,cAAc;AAAA,YACb,IAAI;AAAA,YACJ,gBAAgB;AAAA,UAAA,CACjB,GACH;AAAA,8BACC,KAAA,EACE,UAAA,SAAS,IAAI,CAAC,SAAS,UAAU;AAChC,kBAAM,QAAQ,SAAS,oBAAoB,KAAK;AAChD,wCACG,KAAA,EACC,UAAA;AAAA,cAAA,qBAAC,MAAA,EACC,UAAA;AAAA,gBAAA,oBAAC,KAAA,EAAI,UAAU,QAAQ,EAAE,GAAG,aAAa,GACvC,UAAA,oBAAC,QAAA,EAAO,OAAe,UAAA,QAAQ,EAAA,CAAE,GACnC;AAAA,gBACA,oBAAC,cAAW,SAAQ,SAAQ,IAAG,MAC5B,UAAA,cAAc,QAAQ,KAAK,EAAA,CAC9B;AAAA,cAAA,GACF;AAAA,cACA,qBAAC,MAAA,EAAK,YAAW,cACf,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,gBAAe;AAAA,oBACf,UAAU,QAAQ,EAAE;AAAA,oBACpB,cAAc;AAAA,oBACd,WAAW;AAAA,oBACX,aAAa;AAAA,oBAEZ,oBAAU,SAAS,SAAS,IAAI,OAAO,oBAAC,mBAAgB,MAAA,CAAc;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEzE,oBAAC,OAAI,WAAW,GAAI,oBAAU,OAAO,YAAY,QAAQ,UAAU,KAAA,CAAK;AAAA,cAAA,EAAA,CAC1E;AAAA,YAAA,EAAA,GApBQ,QAAQ,GAqBlB;AAAA,UAEJ,CAAC,EAAA,CACH;AAAA,QAAA,GACF;AAAA,4BACC,MAAA,EAAK,gBAAe,YACnB,UAAA,oBAAC,QAAA,EAAO,SAAQ,YAAW,SAAS,YACjC,UAAA,cAAc,EAAE,IAAI,kCAAkC,gBAAgB,iBAAiB,GAC1F,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,MAAM,WAAW,CAAC,oBAA4B,UAA0B;AACtE,MAAI,uBAAuB,IAAI;AAC7B,WAAO,OAAO;AAAA,EAChB;AACA,MAAI,QAAQ,oBAAoB;AAC9B,WAAO,OAAO;AAAA,EAChB;AACA,MAAI,QAAQ,oBAAoB;AAC9B,WAAO,OAAO;AAAA,EAChB;AACA,SAAO,OAAO;AAChB;AC5GA,MAAA,qBAAe;ACAf,MAAA,2BAAe;ACAf,MAAA,kBAAe;AC0Cf,MAAM,aAAa,MAAM;AACvB,QAAM,EAAE,cAAA,IAAkB,QAAA;AAE1B,QAAM,EAAE,iBAAiB,aAAa,WAAW,mBAAA,IAAuB,gBAAA;AACxE,QAAM,EAAE,iBAAiB,qBAAqB,UAAA,IAAc,cAAA;AAC5D,QAAM,iBACJ,CAAC,OAAO,OAAO,eAAe,EAAE;AAAA,IAAM,CAAC,YACrC,OAAO,OAAO,OAAO,EAAE,MAAM,CAAC,SAAS,IAAI;AAAA,EAAA,KAE7C,uBACA,CAAC;AACH,QAAM,EAAE,KAAA,IAAS,WAAA;AACjB,QAAM,cAA0D,CAAC,MAAM;AACrE,MAAE,eAAA;AAEF,SAAK,iEAAiE;AAAA,EACxE;AAEA,QAAM,gCAAgC,MAAM,QAAQ,MAAM;AAIxD,WACE,gBAAgB,OAAO,CAAC,MAAM,EAAE,WAAW,EAAE,SAAS,KACtD,YAAY,OAAO,CAAC,MAAM,EAAE,WAAW,EAAE,SAAS;AAAA,EAEtD,GAAG,CAAC,iBAAiB,WAAW,CAAC;AAEjC,MAAI,oBAAoB;AACtB,+BAAQ,sBAAA,EAAqB;AAAA,EAC/B;AAEA,8BACG,QAAA,EACC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,cAAc;AAAA,UACnB,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IAAA;AAAA,yBAEF,MAAA,EACC,UAAA;AAAA,MAAA,oBAAC,eAAA,EACC,8BAAC,OAAA,EAAI,KAAI,IAAG,eAAW,MAAC,KAAK,mBAAA,CAAoB,EAAA,CACnD;AAAA,MACA,qBAAC,KAAA,EAAI,SAAS,IACZ,UAAA;AAAA,QAAA,oBAAC,MAAA,EACC,8BAAC,UAAA,EAAS,KAAK,GAAG,GAAG,IACnB,UAAA,oBAAC,OAAA,EACC,UAAA,oBAAC,KAAA,EAAI,aAAa,GAAG,eAAe,IAClC,UAAA,qBAAC,MAAA,EAAK,WAAU,UAAS,YAAW,cAAa,KAAK,GACpD,UAAA;AAAA,UAAA,oBAAC,cAAW,IAAG,MAAK,SAAQ,SACzB,0CACG,cAAc;AAAA,YACZ,IAAI;AAAA,YACJ,gBAAgB;AAAA,UAAA,CACjB,IACD,cAAc;AAAA,YACZ,IAAI;AAAA,YACJ,gBAAgB;AAAA,UAAA,CACjB,GACP;AAAA,8BACC,UAAA,EAAS,WAAU,cAAa,SAAQ,WACtC,0CACG,cAAc;AAAA,YACZ,IAAI;AAAA,YACJ,gBACE;AAAA,UAAA,CACH,IACD,cAAc;AAAA,YACZ,IAAI;AAAA,YACJ,gBACE;AAAA,UAAA,CACH,GACP;AAAA,UACC,gCACC,oBAAC,MAAA,EAAK,YAAU,MAAC,MAAK,0BACnB,UAAA,cAAc;AAAA,YACb,IAAI;AAAA,YACJ,gBAAgB;AAAA,UAAA,CACjB,EAAA,CACH,IAEA,oBAAC,QAAA,EAAO,MAAK,KAAI,SAAS,aAAa,SAAS,oBAAC,YAAA,CAAA,CAAW,GACzD,UAAA,cAAc;AAAA,YACb,IAAI;AAAA,YACJ,gBAAgB;AAAA,UAAA,CACjB,EAAA,CACH;AAAA,QAAA,EAAA,CAEJ,EAAA,CACF,GACF,EAAA,CACF,EAAA,CACF;AAAA,QACA,qBAAC,MAAA,EAAK,KAAK,GACT,UAAA;AAAA,UAAA,oBAAC,UAAA,EAAS,KAAK,GAAG,GAAG,IAClB,UAAA,iBAAiB,oBAAC,oBAAA,EAAmB,IAAK,oBAAC,eAAA,CAAA,CAAc,GAC5D;AAAA,UACA,oBAAC,YAAS,KAAK,GAAG,GAAG,IACnB,UAAA,oBAAC,eAAY,EAAA,CACf;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,MAAM,gBAAgB,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMnB,MAAM,EAAE;AAAA;AAAA;AAIrB,MAAM,WAAW,OAAO,UAAU;AAAA;AAAA;AAQlC,MAAM,gBAAgB,MAAM;AAC1B,QAAM,EAAE,cAAA,IAAkB,QAAA;AAC1B,QAAM,EAAE,WAAA,IAAe,YAAA;AAEvB,8BACG,MAAA,EAAK,WAAU,UAAS,YAAW,WAAU,KAAK,GACjD,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,SAAS,MAAM;AACb,qBAAW,iCAAiC;AAAA,QAC9C;AAAA,QAEA,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,QAAO;AAAA,YACP,WAAS;AAAA,YACT,SAAS;AAAA,YACT,YAAW;AAAA,YACX,UAAS;AAAA,YACT,KAAK;AAAA,YAEL,UAAA;AAAA,cAAA,oBAAC,oBAAA,EAAmB,WAAS,MAAC,SAAS,GACrC,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,QAAO;AAAA,kBACP,gBAAe;AAAA,kBACf,WAAS;AAAA,kBACT,YAAW;AAAA,kBAEX,UAAA,oBAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,MAAK,QAClE,UAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAK;AAAA,sBACL,UAAS;AAAA,sBACT,GAAE;AAAA,sBACF,UAAS;AAAA,oBAAA;AAAA,kBAAA,EACX,CACF;AAAA,gBAAA;AAAA,cAAA,GAEJ;AAAA,mCACC,MAAA,EAAK,KAAK,GAAG,WAAU,UAAS,YAAW,SAC1C,UAAA;AAAA,gBAAA,oBAAC,YAAA,EAAW,YAAW,YAAW,SAAQ,MACvC,UAAA,cAAc;AAAA,kBACb,IAAI;AAAA,kBACJ,gBAAgB;AAAA,gBAAA,CACjB,GACH;AAAA,gBACA,oBAAC,YAAA,EAAW,WAAU,cACnB,UAAA,cAAc;AAAA,kBACb,IAAI;AAAA,kBACJ,gBAAgB;AAAA,gBAAA,CACjB,GACH;AAAA,gBACA,oBAAC,KAAA,EAAI,KAAK,iBAAiB,UAAS,YAAW,KAAK,GAAG,OAAO,GAAG,IAAG,MAAA,CAAM;AAAA,cAAA,EAAA,CAC5E;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,IAEF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,SAAS,MAAM,WAAW,uCAAuC;AAAA,QAEjE,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,cAAc;AAAA,cACnB,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAAA,CACjB;AAAA,YACD,UAAU,cAAc;AAAA,cACtB,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAAA,CACjB;AAAA,YACD,0BAAO,mBAAA,EAAkB;AAAA,YACzB,gBAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,IAEF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,SAAS,MAAM,WAAW,8BAA8B;AAAA,QAExD,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,cAAc;AAAA,cACnB,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAAA,CACjB;AAAA,YACD,UAAU,cAAc;AAAA,cACtB,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAAA,CACjB;AAAA,YACD,0BAAO,YAAA,EAAW;AAAA,YAClB,gBAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,IAEF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,SAAS,MAAM,WAAW,2BAA2B;AAAA,QAErD,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,cAAc;AAAA,cACnB,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAAA,CACjB;AAAA,YACD,UAAU,cAAc;AAAA,cACtB,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAAA,CACjB;AAAA,YACD,0BAAO,YAAA,EAAW;AAAA,YAClB,gBAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,IAEF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,SAAS,MAAM,WAAW,uBAAuB;AAAA,QAEjD,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,cAAc;AAAA,cACnB,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAAA,CACjB;AAAA,YACD,UAAU,cAAc;AAAA,cACtB,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAAA,CACjB;AAAA,YACD,0BAAO,eAAA,EAAc;AAAA,YACrB,gBAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAEA,MAAM,YAAY,OAAO;AAAA;AAAA;AAIzB,MAAM,qBAAqB,OAAO,GAAG;AAAA,0BACX,wBAAwB;AAAA;AAGlD,MAAM,mBAAmB,OAAO,IAAI;AAAA;AAAA;AAQpC,MAAM,cAAc,MAAM;AACxB,QAAM,EAAE,cAAA,IAAkB,QAAA;AAC1B,QAAM,EAAE,iBAAA,IAAqB,WAAA;AAE7B,QAAM,sBAAsB;AAAA,IAC1B,GAAG;AAAA,IACH;AAAA,MACE,0BAAO,cAAA,EAAa;AAAA,MACpB,MAAM,mBACF,8BACA;AAAA,MACJ,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,gBAAgB;AAAA,MAAA;AAAA,IAClB;AAAA,EACF;AAGF,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAU;AAAA,MACV,mBAAgB;AAAA,MAChB,YAAW;AAAA,MACX,WAAS;AAAA,MACT,cAAc;AAAA,MACd,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,QAAO;AAAA,MACP,KAAK;AAAA,MAEL,UAAA;AAAA,QAAA,qBAAC,QAAK,WAAU,UAAS,YAAW,WAAU,KAAK,GACjD,UAAA;AAAA,UAAA,qBAAC,QAAK,WAAU,UAAS,YAAW,WAAU,KAAK,GACjD,UAAA;AAAA,YAAA,oBAAC,cAAW,SAAQ,SAAQ,IAAG,MAAK,IAAG,sBACpC,UAAA,cAAc;AAAA,cACb,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAAA,CACjB,GACH;AAAA,YACA,oBAAC,YAAA,EAAW,WAAU,cACnB,UAAA,cAAc;AAAA,cACb,IAAI;AAAA,cACJ,gBACE;AAAA,YAAA,CACH,EAAA,CACH;AAAA,UAAA,GACF;AAAA,UACA,oBAAC,MAAA,EAAK,MAAK,+BAA8B,YAAU,MAAC,SAAS,oBAAC,cAAA,CAAA,CAAa,GACxE,UAAA,cAAc;AAAA,YACb,IAAI;AAAA,YACJ,gBAAgB;AAAA,UAAA,CACjB,EAAA,CACH;AAAA,QAAA,GACF;AAAA,QACA,oBAAC,WACE,UAAA,oBAAoB,IAAI,CAAC,EAAE,MAAM,MAAM,WAAW;AACjD,iBACE,oBAAC,YAAS,KAAK,GAAG,GAAG,IACnB,UAAA,oBAAC,YAAA,EAAW,MAAK,KAAI,WAAW,MAAM,SAAQ,YAAW,MAAM,MAAM,YAAU,MAC5E,wBAAc,IAAI,EAAA,CACrB,EAAA,GAH4B,KAAK,EAInC;AAAA,QAEJ,CAAC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,MAAM,gBAAgB,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAMpC,MAAM,eAAe,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAKlC,MAAM,eAAe,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYlC,MAAM,gBAAgB,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAMpC,MAAM,kBAAkB,OAAO,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBxC,MAAM,aAAa,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMvB,CAAC,EAAE,MAAA,MAAY,MAAM,OAAO,CAAC,CAAC;AAAA,cAC7B,CAAC,EAAE,MAAA,MAAY,MAAM,OAAO,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ5C,MAAM,UAAU,OAAO,IAAI;AAAA,aACd,CAAC,EAAE,MAAA,MAAY,MAAM,OAAO,CAAC,CAAC;AAAA,gBAC3B,CAAC,EAAE,MAAA,MAAY,MAAM,OAAO,CAAC,CAAC;AAAA;AAG9C,MAAM,eAAe;AAAA,EACnB;AAAA,IACE,MAAM,EAAE,IAAI,kDAAkD,gBAAgB,SAAA;AAAA,IAC9E,MAAM;AAAA,IACN,MAAM,oBAAC,QAAA,EAAO,MAAK,UAAA,CAAU;AAAA,IAC7B,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,MAAM,EAAE,IAAI,mDAAmD,gBAAgB,UAAA;AAAA,IAC/E,MAAM;AAAA,IACN,0BAAO,eAAA,EAAc;AAAA,IACrB,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,MAAM,EAAE,IAAI,kDAAkD,gBAAgB,SAAA;AAAA,IAC9E,MAAM;AAAA,IACN,0BAAO,cAAA,EAAa;AAAA,IACpB,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,MAAM,EAAE,IAAI,mDAAmD,gBAAgB,UAAA;AAAA,IAC/E,MAAM;AAAA,IACN,0BAAO,eAAA,EAAc;AAAA,IACrB,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,MAAM,EAAE,IAAI,iDAAiD,gBAAgB,QAAA;AAAA,IAC7E,MAAM;AAAA,IACN,0BAAO,iBAAA,EAAgB;AAAA,IACvB,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,MAAM,EAAE,IAAI,gDAAgD,gBAAgB,OAAA;AAAA,IAC5E,MAAM;AAAA,IACN,0BAAO,cAAA,EAAa;AAAA,IACpB,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,gBAAgB;AAAA,IAAA;AAAA,IAElB,MAAM;AAAA,IACN,0BAAO,cAAA,EAAa;AAAA,IACpB,KAAK;AAAA,EAAA;AAET;AAMA,MAAM,WAAW,MAAM;AACrB,QAAM,OAAO;AAAA,IACX;AAAA;AAAA,IAEA,aAAa,MAAM,OAAO,yBAAsC,GAAG;AAAA,EAAA;AAIrE,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AAEA,6BAAQ,MAAA,EAAK;AACf;"}

package/dist/_chunks/HomePage-CpSSac-m.mjs

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { HomePageCE } from "./HomePage-CXQ1bdgi.mjs";
+import { u as useLicenseLimitNotification } from "./useLicenseLimitNotification-CYm3C_il.mjs";
+const HomePageEE = () => {
+  useLicenseLimitNotification();
+  return /* @__PURE__ */ jsx(HomePageCE, {});
+};
+export {
+  HomePageEE
+};
+//# sourceMappingURL=HomePage-CpSSac-m.mjs.map

package/dist/_chunks/HomePage-CpSSac-m.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomePage-CpSSac-m.mjs","sources":["../../ee/admin/src/pages/HomePage.tsx"],"sourcesContent":["import { HomePageCE } from '../../../../admin/src/pages/HomePage';\nimport { useLicenseLimitNotification } from '../hooks/useLicenseLimitNotification';\n\nexport const HomePageEE = () => {\n  useLicenseLimitNotification();\n\n  return <HomePageCE />;\n};\n"],"names":[],"mappings":";;;AAGO,MAAM,aAAa,MAAM;AAC9B,8BAAA;AAEA,6BAAQ,YAAA,EAAW;AACrB;"}

package/dist/_chunks/HomePage-WeUUm-HF.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const HomePage = require("./HomePage-CQ6qFlEc.js");
+const useLicenseLimitNotification = require("./useLicenseLimitNotification-Bv8sFkY4.js");
+const HomePageEE = () => {
+  useLicenseLimitNotification.useLicenseLimitNotification();
+  return /* @__PURE__ */ jsxRuntime.jsx(HomePage.HomePageCE, {});
+};
+exports.HomePageEE = HomePageEE;
+//# sourceMappingURL=HomePage-WeUUm-HF.js.map

package/dist/_chunks/HomePage-WeUUm-HF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomePage-WeUUm-HF.js","sources":["../../ee/admin/src/pages/HomePage.tsx"],"sourcesContent":["import { HomePageCE } from '../../../../admin/src/pages/HomePage';\nimport { useLicenseLimitNotification } from '../hooks/useLicenseLimitNotification';\n\nexport const HomePageEE = () => {\n  useLicenseLimitNotification();\n\n  return <HomePageCE />;\n};\n"],"names":["useLicenseLimitNotification","HomePageCE"],"mappings":";;;;;AAGO,MAAM,aAAa,MAAM;AAC9BA,0DAAA;AAEA,wCAAQC,SAAAA,YAAA,EAAW;AACrB;;"}

package/dist/_chunks/InformationBoxEE-BX7l_qDt.mjs

@@ -0,0 +1,275 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useCMEditViewDataManager, useAPIErrorHandler, useNotification, useRBAC } from "@strapi/helper-plugin";
+import { j as useTypedSelector, k as useAdminUsers, l as getDisplayName, m as useLicenseLimits, I as Information } from "./index-Cwr9u7_W.mjs";
+import { Field, Flex, Combobox, ComboboxOption, SingleSelect, SingleSelectOption, Typography, Loader, FieldHint, FieldError } from "@strapi/design-system";
+import { useIntl } from "react-intl";
+import { u as useUpdateAssigneeMutation, a as useGetStagesQuery, b as useUpdateStageMutation } from "./reviewWorkflows-Ra5krOSM.mjs";
+import { A as ASSIGNEE_ATTRIBUTE_NAME, S as STAGE_ATTRIBUTE_NAME } from "./constants-9M5Gtgs1.mjs";
+import * as React from "react";
+import { L as LimitsModal } from "./LimitsModal-BvLQGCI-.mjs";
+import { C as CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME, a as CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME } from "./constants-CeIfN9Z8.mjs";
+import { g as getStageColorByHex } from "./colors-CYJuPzU8.mjs";
+const AssigneeSelect = () => {
+  const { initialData, layout, isSingleType, onChange } = useCMEditViewDataManager();
+  const permissions = useTypedSelector((state) => state.admin_app.permissions);
+  const { formatMessage } = useIntl();
+  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
+  const toggleNotification = useNotification();
+  const {
+    allowedActions: { canRead },
+    isLoading: isLoadingPermissions
+  } = useRBAC(permissions.settings?.users);
+  const { data, isLoading, isError } = useAdminUsers(
+    {},
+    {
+      skip: isLoadingPermissions || !canRead
+    }
+  );
+  const users = data?.users || [];
+  const currentAssignee = initialData?.[ASSIGNEE_ATTRIBUTE_NAME] ?? null;
+  const [updateAssignee, { error, isLoading: isMutating }] = useUpdateAssigneeMutation();
+  const handleChange = async (assigneeId) => {
+    const res = await updateAssignee({
+      slug: isSingleType ? "single-types" : "collection-types",
+      model: layout.uid,
+      id: initialData.id,
+      data: {
+        id: assigneeId ? parseInt(assigneeId, 10) : null
+      }
+    });
+    if ("data" in res) {
+      onChange?.(
+        {
+          target: {
+            type: "",
+            name: ASSIGNEE_ATTRIBUTE_NAME,
+            value: res.data[ASSIGNEE_ATTRIBUTE_NAME]
+          }
+        },
+        true
+      );
+      toggleNotification({
+        type: "success",
+        message: {
+          id: "content-manager.reviewWorkflows.assignee.notification.saved",
+          defaultMessage: "Assignee updated"
+        }
+      });
+    }
+  };
+  return /* @__PURE__ */ jsx(Field, { name: ASSIGNEE_ATTRIBUTE_NAME, id: ASSIGNEE_ATTRIBUTE_NAME, children: /* @__PURE__ */ jsx(Flex, { direction: "column", gap: 2, alignItems: "stretch", children: /* @__PURE__ */ jsx(
+    Combobox,
+    {
+      clearLabel: formatMessage({
+        id: "content-manager.reviewWorkflows.assignee.clear",
+        defaultMessage: "Clear assignee"
+      }),
+      error: (isError && canRead && formatMessage({
+        id: "content-manager.reviewWorkflows.assignee.error",
+        defaultMessage: "An error occurred while fetching users"
+      }) || error && formatAPIError(error)) ?? void 0,
+      disabled: !isLoadingPermissions && !isLoading && users.length === 0,
+      name: ASSIGNEE_ATTRIBUTE_NAME,
+      id: ASSIGNEE_ATTRIBUTE_NAME,
+      value: currentAssignee ? currentAssignee.id.toString() : null,
+      onChange: handleChange,
+      onClear: () => handleChange(null),
+      placeholder: formatMessage({
+        id: "content-manager.reviewWorkflows.assignee.placeholder",
+        defaultMessage: "Select …"
+      }),
+      label: formatMessage({
+        id: "content-manager.reviewWorkflows.assignee.label",
+        defaultMessage: "Assignee"
+      }),
+      loading: isLoading || isLoadingPermissions || isMutating,
+      children: users.map((user) => {
+        return /* @__PURE__ */ jsx(
+          ComboboxOption,
+          {
+            value: user.id.toString(),
+            textValue: getDisplayName(user, formatMessage),
+            children: getDisplayName(user, formatMessage)
+          },
+          user.id
+        );
+      })
+    }
+  ) }) });
+};
+const StageSelect = () => {
+  const { initialData, layout: contentType, isSingleType, onChange } = useCMEditViewDataManager();
+  const { formatMessage } = useIntl();
+  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
+  const toggleNotification = useNotification();
+  const { data, isLoading } = useGetStagesQuery(
+    {
+      slug: isSingleType ? "single-types" : "collection-types",
+      model: contentType.uid,
+      id: initialData.id
+    },
+    {
+      skip: !initialData?.id || !contentType?.uid
+    }
+  );
+  const { meta, stages = [] } = data ?? {};
+  const { getFeature } = useLicenseLimits();
+  const [showLimitModal, setShowLimitModal] = React.useState(null);
+  const limits = getFeature("review-workflows") ?? {};
+  const activeWorkflowStage = initialData?.[STAGE_ATTRIBUTE_NAME] ?? null;
+  const [updateStage, { error }] = useUpdateStageMutation();
+  const handleChange = async (stageId) => {
+    try {
+      if (limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME] && parseInt(limits[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME], 10) < (meta?.workflowCount ?? 0)) {
+        setShowLimitModal("workflow");
+      } else if (limits?.[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME] && parseInt(limits[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME], 10) < stages.length) {
+        setShowLimitModal("stage");
+      } else {
+        if (initialData.id && contentType) {
+          const res = await updateStage({
+            model: contentType.uid,
+            id: initialData.id,
+            slug: isSingleType ? "single-types" : "collection-types",
+            data: { id: stageId }
+          });
+          if ("data" in res) {
+            onChange?.(
+              {
+                target: {
+                  name: STAGE_ATTRIBUTE_NAME,
+                  value: res.data[STAGE_ATTRIBUTE_NAME],
+                  type: ""
+                }
+              },
+              true
+            );
+            toggleNotification({
+              type: "success",
+              message: {
+                id: "content-manager.reviewWorkflows.stage.notification.saved",
+                defaultMessage: "Review stage updated"
+              }
+            });
+          }
+        }
+      }
+    } catch (error2) {
+    }
+  };
+  const { themeColorName } = getStageColorByHex(activeWorkflowStage?.color) ?? {};
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        hint: stages.length === 0 && formatMessage({
+          id: "content-manager.reviewWorkflows.stages.no-transition",
+          defaultMessage: "You don’t have the permission to update this stage."
+        }),
+        name: STAGE_ATTRIBUTE_NAME,
+        id: STAGE_ATTRIBUTE_NAME,
+        children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, alignItems: "stretch", children: [
+          /* @__PURE__ */ jsx(
+            SingleSelect,
+            {
+              disabled: stages.length === 0,
+              error: error && formatAPIError(error) || void 0,
+              name: STAGE_ATTRIBUTE_NAME,
+              id: STAGE_ATTRIBUTE_NAME,
+              value: activeWorkflowStage?.id,
+              onChange: handleChange,
+              label: formatMessage({
+                id: "content-manager.reviewWorkflows.stage.label",
+                defaultMessage: "Review stage"
+              }),
+              startIcon: activeWorkflowStage && /* @__PURE__ */ jsx(
+                Flex,
+                {
+                  as: "span",
+                  height: 2,
+                  background: activeWorkflowStage?.color,
+                  borderColor: themeColorName === "neutral0" ? "neutral150" : void 0,
+                  hasRadius: true,
+                  shrink: 0,
+                  width: 2,
+                  marginRight: "-3px"
+                }
+              ),
+              customizeContent: () => /* @__PURE__ */ jsxs(Flex, { as: "span", justifyContent: "space-between", alignItems: "center", width: "100%", children: [
+                /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", ellipsis: true, children: activeWorkflowStage?.name ?? "" }),
+                isLoading ? /* @__PURE__ */ jsx(Loader, { small: true, style: { display: "flex" }, "data-testid": "loader" }) : null
+              ] }),
+              children: stages.map(({ id, color, name }) => {
+                const { themeColorName: themeColorName2 } = getStageColorByHex(color) ?? {};
+                return /* @__PURE__ */ jsx(
+                  SingleSelectOption,
+                  {
+                    startIcon: /* @__PURE__ */ jsx(
+                      Flex,
+                      {
+                        height: 2,
+                        background: color,
+                        borderColor: themeColorName2 === "neutral0" ? "neutral150" : void 0,
+                        hasRadius: true,
+                        shrink: 0,
+                        width: 2
+                      }
+                    ),
+                    value: id,
+                    textValue: name,
+                    children: name
+                  },
+                  id
+                );
+              })
+            }
+          ),
+          /* @__PURE__ */ jsx(FieldHint, {}),
+          /* @__PURE__ */ jsx(FieldError, {})
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      LimitsModal.Root,
+      {
+        isOpen: showLimitModal === "workflow",
+        onClose: () => setShowLimitModal(null),
+        children: [
+          /* @__PURE__ */ jsx(LimitsModal.Title, { children: formatMessage({
+            id: "content-manager.reviewWorkflows.workflows.limit.title",
+            defaultMessage: "You’ve reached the limit of workflows in your plan"
+          }) }),
+          /* @__PURE__ */ jsx(LimitsModal.Body, { children: formatMessage({
+            id: "content-manager.reviewWorkflows.workflows.limit.body",
+            defaultMessage: "Delete a workflow or contact Sales to enable more workflows."
+          }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(LimitsModal.Root, { isOpen: showLimitModal === "stage", onClose: () => setShowLimitModal(null), children: [
+      /* @__PURE__ */ jsx(LimitsModal.Title, { children: formatMessage({
+        id: "content-manager.reviewWorkflows.stages.limit.title",
+        defaultMessage: "You have reached the limit of stages for this workflow in your plan"
+      }) }),
+      /* @__PURE__ */ jsx(LimitsModal.Body, { children: formatMessage({
+        id: "content-manager.reviewWorkflows.stages.limit.body",
+        defaultMessage: "Try deleting some stages or contact Sales to enable more stages."
+      }) })
+    ] })
+  ] });
+};
+const InformationBoxEE = () => {
+  const { isCreatingEntry, layout } = useCMEditViewDataManager();
+  const hasReviewWorkflowsEnabled = layout?.options?.reviewWorkflows ?? false;
+  return /* @__PURE__ */ jsxs(Information.Root, { children: [
+    /* @__PURE__ */ jsx(Information.Title, {}),
+    hasReviewWorkflowsEnabled && !isCreatingEntry && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(StageSelect, {}),
+      /* @__PURE__ */ jsx(AssigneeSelect, {})
+    ] }),
+    /* @__PURE__ */ jsx(Information.Body, {})
+  ] });
+};
+export {
+  InformationBoxEE
+};
+//# sourceMappingURL=InformationBoxEE-BX7l_qDt.mjs.map

package/dist/_chunks/InformationBoxEE-BX7l_qDt.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InformationBoxEE-BX7l_qDt.mjs","sources":["../../ee/admin/src/content-manager/pages/EditView/components/AssigneeSelect.tsx","../../ee/admin/src/content-manager/pages/EditView/components/StageSelect.tsx","../../ee/admin/src/content-manager/pages/EditView/components/InformationBoxEE.tsx"],"sourcesContent":["import { Combobox, ComboboxOption, Field, Flex } from '@strapi/design-system';\nimport {\n  useCMEditViewDataManager,\n  useAPIErrorHandler,\n  useNotification,\n  useRBAC,\n} from '@strapi/helper-plugin';\nimport { useIntl } from 'react-intl';\n\nimport { getDisplayName } from '../../../../../../../admin/src/content-manager/utils/users';\nimport { useTypedSelector } from '../../../../../../../admin/src/core/store/hooks';\nimport { useAdminUsers } from '../../../../../../../admin/src/services/users';\nimport { useUpdateAssigneeMutation } from '../../../../services/reviewWorkflows';\n\nimport { ASSIGNEE_ATTRIBUTE_NAME } from './constants';\n\nconst AssigneeSelect = () => {\n  const { initialData, layout, isSingleType, onChange } = useCMEditViewDataManager();\n  const permissions = useTypedSelector((state) => state.admin_app.permissions);\n  const { formatMessage } = useIntl();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n  const toggleNotification = useNotification();\n  const {\n    allowedActions: { canRead },\n    isLoading: isLoadingPermissions,\n  } = useRBAC(permissions.settings?.users);\n  const { data, isLoading, isError } = useAdminUsers(\n    {},\n    {\n      skip: isLoadingPermissions || !canRead,\n    }\n  );\n\n  const users = data?.users || [];\n\n  const currentAssignee = initialData?.[ASSIGNEE_ATTRIBUTE_NAME] ?? null;\n\n  const [updateAssignee, { error, isLoading: isMutating }] = useUpdateAssigneeMutation();\n\n  const handleChange = async (assigneeId: string | null) => {\n    const res = await updateAssignee({\n      slug: isSingleType ? 'single-types' : 'collection-types',\n      model: layout!.uid,\n      id: initialData.id!,\n      data: {\n        id: assigneeId ? parseInt(assigneeId, 10) : null,\n      },\n    });\n\n    if ('data' in res) {\n      // initialData and modifiedData have to stay in sync, otherwise the entity would be flagged\n      // as modified, which is what the boolean flag is for\n      onChange?.(\n        {\n          target: {\n            type: '',\n            name: ASSIGNEE_ATTRIBUTE_NAME,\n            value: res.data[ASSIGNEE_ATTRIBUTE_NAME],\n          },\n        },\n        true\n      );\n\n      toggleNotification({\n        type: 'success',\n        message: {\n          id: 'content-manager.reviewWorkflows.assignee.notification.saved',\n          defaultMessage: 'Assignee updated',\n        },\n      });\n    }\n  };\n\n  return (\n    <Field name={ASSIGNEE_ATTRIBUTE_NAME} id={ASSIGNEE_ATTRIBUTE_NAME}>\n      <Flex direction=\"column\" gap={2} alignItems=\"stretch\">\n        <Combobox\n          clearLabel={formatMessage({\n            id: 'content-manager.reviewWorkflows.assignee.clear',\n            defaultMessage: 'Clear assignee',\n          })}\n          error={\n            ((isError &&\n              canRead &&\n              formatMessage({\n                id: 'content-manager.reviewWorkflows.assignee.error',\n                defaultMessage: 'An error occurred while fetching users',\n              })) ||\n              (error && formatAPIError(error))) ??\n            undefined\n          }\n          disabled={!isLoadingPermissions && !isLoading && users.length === 0}\n          name={ASSIGNEE_ATTRIBUTE_NAME}\n          id={ASSIGNEE_ATTRIBUTE_NAME}\n          value={currentAssignee ? currentAssignee.id.toString() : null}\n          // @ts-expect-error - DS Combobox wants to return number or string, this will be fixed in V2.\n          onChange={handleChange}\n          onClear={() => handleChange(null)}\n          placeholder={formatMessage({\n            id: 'content-manager.reviewWorkflows.assignee.placeholder',\n            defaultMessage: 'Select …',\n          })}\n          label={formatMessage({\n            id: 'content-manager.reviewWorkflows.assignee.label',\n            defaultMessage: 'Assignee',\n          })}\n          loading={isLoading || isLoadingPermissions || isMutating}\n        >\n          {users.map((user) => {\n            return (\n              <ComboboxOption\n                key={user.id}\n                value={user.id.toString()}\n                textValue={getDisplayName(user, formatMessage)}\n              >\n                {getDisplayName(user, formatMessage)}\n              </ComboboxOption>\n            );\n          })}\n        </Combobox>\n      </Flex>\n    </Field>\n  );\n};\n\nexport { AssigneeSelect };\n","import * as React from 'react';\n\nimport {\n  SingleSelect,\n  SingleSelectOption,\n  Field,\n  FieldError,\n  FieldHint,\n  Flex,\n  Loader,\n  Typography,\n} from '@strapi/design-system';\nimport {\n  useCMEditViewDataManager,\n  useAPIErrorHandler,\n  useNotification,\n} from '@strapi/helper-plugin';\nimport { Entity } from '@strapi/types';\nimport { useIntl } from 'react-intl';\n\nimport { useLicenseLimits } from '../../../../hooks/useLicenseLimits';\nimport { LimitsModal } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/components/LimitsModal';\nimport {\n  CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME,\n  CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME,\n} from '../../../../pages/SettingsPage/pages/ReviewWorkflows/constants';\nimport { getStageColorByHex } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/utils/colors';\nimport { useGetStagesQuery, useUpdateStageMutation } from '../../../../services/reviewWorkflows';\n\nimport { STAGE_ATTRIBUTE_NAME } from './constants';\n\nexport const StageSelect = () => {\n  const { initialData, layout: contentType, isSingleType, onChange } = useCMEditViewDataManager();\n  const { formatMessage } = useIntl();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n  const toggleNotification = useNotification();\n  const { data, isLoading } = useGetStagesQuery(\n    {\n      slug: isSingleType ? 'single-types' : 'collection-types',\n      model: contentType!.uid,\n      id: initialData!.id!,\n    },\n    {\n      skip: !initialData?.id || !contentType?.uid,\n    }\n  );\n\n  const { meta, stages = [] } = data ?? {};\n\n  const { getFeature } = useLicenseLimits();\n  const [showLimitModal, setShowLimitModal] = React.useState<'stage' | 'workflow' | null>(null);\n\n  const limits = getFeature<string>('review-workflows') ?? {};\n  // it is possible to rely on initialData here, because it always will\n  // be updated at the same time when modifiedData is updated, otherwise\n  // the entity is flagged as modified\n  const activeWorkflowStage = initialData?.[STAGE_ATTRIBUTE_NAME] ?? null;\n\n  const [updateStage, { error }] = useUpdateStageMutation();\n\n  const handleChange = async (stageId: Entity.ID) => {\n    try {\n      /**\n       * If the current license has a limit:\n       * check if the total count of workflows exceeds that limit and display\n       * the limits modal.\n       *\n       * If the current license does not have a limit (e.g. offline license):\n       * do nothing (for now).\n       *\n       */\n\n      if (\n        limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME] &&\n        parseInt(limits[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME], 10) < (meta?.workflowCount ?? 0)\n      ) {\n        setShowLimitModal('workflow');\n\n        /**\n         * If the current license has a limit:\n         * check if the total count of stages exceeds that limit and display\n         * the limits modal.\n         *\n         * If the current license does not have a limit (e.g. offline license):\n         * do nothing (for now).\n         *\n         */\n      } else if (\n        limits?.[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME] &&\n        parseInt(limits[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME], 10) < stages.length\n      ) {\n        setShowLimitModal('stage');\n      } else {\n        if (initialData.id && contentType) {\n          const res = await updateStage({\n            model: contentType.uid,\n            id: initialData.id,\n            slug: isSingleType ? 'single-types' : 'collection-types',\n            data: { id: stageId },\n          });\n\n          if ('data' in res) {\n            // initialData and modifiedData have to stay in sync, otherwise the entity would be flagged\n            // as modified, which is what the boolean flag is for\n            onChange?.(\n              {\n                target: {\n                  name: STAGE_ATTRIBUTE_NAME,\n                  value: res.data[STAGE_ATTRIBUTE_NAME],\n                  type: '',\n                },\n              },\n              true\n            );\n\n            toggleNotification({\n              type: 'success',\n              message: {\n                id: 'content-manager.reviewWorkflows.stage.notification.saved',\n                defaultMessage: 'Review stage updated',\n              },\n            });\n          }\n        }\n      }\n    } catch (error) {\n      // react-query@v3: the error doesn't have to be handled here\n      // see: https://github.com/TanStack/query/issues/121\n    }\n  };\n\n  const { themeColorName } = getStageColorByHex(activeWorkflowStage?.color) ?? {};\n\n  return (\n    <>\n      <Field\n        hint={\n          stages.length === 0 &&\n          formatMessage({\n            id: 'content-manager.reviewWorkflows.stages.no-transition',\n            defaultMessage: 'You don’t have the permission to update this stage.',\n          })\n        }\n        name={STAGE_ATTRIBUTE_NAME}\n        id={STAGE_ATTRIBUTE_NAME}\n      >\n        <Flex direction=\"column\" gap={2} alignItems=\"stretch\">\n          <SingleSelect\n            disabled={stages.length === 0}\n            error={(error && formatAPIError(error)) || undefined}\n            name={STAGE_ATTRIBUTE_NAME}\n            id={STAGE_ATTRIBUTE_NAME}\n            value={activeWorkflowStage?.id}\n            onChange={handleChange}\n            label={formatMessage({\n              id: 'content-manager.reviewWorkflows.stage.label',\n              defaultMessage: 'Review stage',\n            })}\n            startIcon={\n              activeWorkflowStage && (\n                <Flex\n                  as=\"span\"\n                  height={2}\n                  background={activeWorkflowStage?.color}\n                  borderColor={themeColorName === 'neutral0' ? 'neutral150' : undefined}\n                  hasRadius\n                  shrink={0}\n                  width={2}\n                  marginRight=\"-3px\"\n                />\n              )\n            }\n            // @ts-expect-error – `customizeContent` is not correctly typed in the DS.\n            customizeContent={() => (\n              <Flex as=\"span\" justifyContent=\"space-between\" alignItems=\"center\" width=\"100%\">\n                <Typography textColor=\"neutral800\" ellipsis>\n                  {activeWorkflowStage?.name ?? ''}\n                </Typography>\n                {isLoading ? (\n                  <Loader small style={{ display: 'flex' }} data-testid=\"loader\" />\n                ) : null}\n              </Flex>\n            )}\n          >\n            {stages.map(({ id, color, name }) => {\n              const { themeColorName } = getStageColorByHex(color) ?? {};\n\n              return (\n                <SingleSelectOption\n                  key={id}\n                  startIcon={\n                    <Flex\n                      height={2}\n                      background={color}\n                      borderColor={themeColorName === 'neutral0' ? 'neutral150' : undefined}\n                      hasRadius\n                      shrink={0}\n                      width={2}\n                    />\n                  }\n                  value={id}\n                  textValue={name}\n                >\n                  {name}\n                </SingleSelectOption>\n              );\n            })}\n          </SingleSelect>\n          <FieldHint />\n          <FieldError />\n        </Flex>\n      </Field>\n\n      <LimitsModal.Root\n        isOpen={showLimitModal === 'workflow'}\n        onClose={() => setShowLimitModal(null)}\n      >\n        <LimitsModal.Title>\n          {formatMessage({\n            id: 'content-manager.reviewWorkflows.workflows.limit.title',\n            defaultMessage: 'You’ve reached the limit of workflows in your plan',\n          })}\n        </LimitsModal.Title>\n\n        <LimitsModal.Body>\n          {formatMessage({\n            id: 'content-manager.reviewWorkflows.workflows.limit.body',\n            defaultMessage: 'Delete a workflow or contact Sales to enable more workflows.',\n          })}\n        </LimitsModal.Body>\n      </LimitsModal.Root>\n\n      <LimitsModal.Root isOpen={showLimitModal === 'stage'} onClose={() => setShowLimitModal(null)}>\n        <LimitsModal.Title>\n          {formatMessage({\n            id: 'content-manager.reviewWorkflows.stages.limit.title',\n            defaultMessage: 'You have reached the limit of stages for this workflow in your plan',\n          })}\n        </LimitsModal.Title>\n\n        <LimitsModal.Body>\n          {formatMessage({\n            id: 'content-manager.reviewWorkflows.stages.limit.body',\n            defaultMessage: 'Try deleting some stages or contact Sales to enable more stages.',\n          })}\n        </LimitsModal.Body>\n      </LimitsModal.Root>\n    </>\n  );\n};\n","import { useCMEditViewDataManager } from '@strapi/helper-plugin';\n\nimport { Information } from '../../../../../../../admin/src/content-manager/pages/EditView/components/Information';\n\nimport { AssigneeSelect } from './AssigneeSelect';\nimport { StageSelect } from './StageSelect';\n\nconst InformationBoxEE = () => {\n  const { isCreatingEntry, layout } = useCMEditViewDataManager();\n\n  const hasReviewWorkflowsEnabled = layout?.options?.reviewWorkflows ?? false;\n\n  return (\n    <Information.Root>\n      <Information.Title />\n      {hasReviewWorkflowsEnabled && !isCreatingEntry && (\n        <>\n          <StageSelect />\n          <AssigneeSelect />\n        </>\n      )}\n      <Information.Body />\n    </Information.Root>\n  );\n};\n\nexport { InformationBoxEE };\n"],"names":["error","themeColorName"],"mappings":"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"}