@strapi/admin 4.16.2 → 4.17.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"HomePage-e94a37b9.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;base64,PHN2ZyB3aWR0aD0iMTQ4IiBoZWlnaHQ9IjE0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIG9wYWNpdHk9Ii44IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggb3BhY2l0eT0iLjE1IiBkPSJNMTEwLjgxIDM3SDczLjk3Vjc0LjFoMzYuODRWMzdaIiBmaWxsPSJ1cmwoI2EpIi8+CiAgICAgICAgPHBhdGggb3BhY2l0eT0iLjA3IiBkPSJNMzYuODQgMEgwdjM3LjA4aDM2Ljg0VjBaIiBmaWxsPSJ1cmwoI2IpIi8+CiAgICAgICAgPHBhdGggb3BhY2l0eT0iLjA3IiBkPSJNNzMuOTIgNzMuOTVIMzcuMDh2MzcuMDhoMzYuODRWNzMuOTVaIiBmaWxsPSJ1cmwoI2MpIi8+CiAgICAgICAgPHBhdGggb3BhY2l0eT0iLjA3IiBkPSJNMTQ3Ljk5IDExMC45MmgtMzcuM1YxNDhIMTQ4di0zNy4wOFoiIGZpbGw9InVybCgjZCkiLz4KICAgICAgICA8cGF0aCBvcGFjaXR5PSIuMTUiIGQ9Ik03My44MyAzN0gzNi44NEw3My44MyAwdjM3WiIgZmlsbD0idXJsKCNlKSIvPgogICAgICAgIDxwYXRoIG9wYWNpdHk9Ii4xNSIgZD0iTTExMC42IDExMS4wMnYtMzdoMzYuOThsLTM2Ljk5IDM3WiIgZmlsbD0idXJsKCNmKSIvPgogICAgICAgIDxwYXRoIG9wYWNpdHk9Ii40IiBkPSJNNzMuODMgMHYzN2gzNi45OHYzNy4wMWgzN1YzYTMgMyAwIDAgMC0zLTNINzMuODJaIiBmaWxsPSJ1cmwoI2cpIi8+CiAgICA8L2c+CiAgICAKICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjkxLjMxIiB5MT0iODMuMzEiIHgyPSIxMTguMjQiIHkyPSI1Ni41OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjN0E5MkZGIi8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzMyNTNFQSIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgCiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJiIiB4MT0iNDAuOTkiIHkxPSIxMy44OCIgeDI9Ii4wMSIgeTI9IjExLjY0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNBOEI4RkYiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMzI1M0VBIi8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICAKICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImMiIHgxPSI1NC40MSIgeTE9IjEyMC4yNSIgeDI9IjgxLjM1IiB5Mj0iOTMuNTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0E4QjhGRiIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzMjUzRUEiLz4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIAogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZCIgeDE9IjEyOC4yNCIgeTE9IjE1Ny4yMiIgeDI9IjE1NS4xNyIgeTI9IjEzMC4xNyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjQThCOEZGIi8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzMyNTNFQSIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgCiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJlIiB4MT0iNTQuMjQiIHkxPSI0Ni4yMSIgeDI9IjgxLjEyIiB5Mj0iMTkuMzgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzdBOTJGRiIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzMjUzRUEiLz4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIAogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZiIgeDE9IjEyNi4yOCIgeTE9Ijc0LjA1IiB4Mj0iMTI0Ljk0IiB5Mj0iMTExLjA3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM3QTkyRkYiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMzI1M0VBIi8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICAKICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImciIHgxPSI3My4zNyIgeTE9IjM2Ljg3IiB4Mj0iMTMyLjg3IiB5Mj0iNjYuNzQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzdBOTJGRiIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzODU4RUEiLz4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgo8L3N2Zz4K\"","export default \"data:image/png;base64,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\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjI5LjQxIDQ0IDE0OS4wOSA1MC4zNSI+PHBhdGggc3Ryb2tlPSIjRUFFQUVGIiBkPSJNMzAuNSA0NC41YzM3IDI3IDQ3LjUgMzggMTQ3LjQ5OSAzMiIvPjxnIGZpbHRlcj0idXJsKCNhKSI+PHBhdGggZmlsbD0iI0YyOUQ0MSIgZD0ibTEyOS40NjcgOTQuMDg1IDguMTQ4LTE0LjE0MmEuNTk4LjU5OCAwIDAgMC0uNDAzLS44ODcgNzUuMDk5IDc1LjA5OSAwIDAgMC0zLjA0NS0uNTM2Yy0xLjg3NS0uMjc0LTIuOTM2LS40NC00LjgzNy0uNTA1LTEuODM4LS4wNjQtMi44NzMuMDEtNC42OTguMTUzYTY0LjA1IDY0LjA1IDAgMCAwLTIuNjkyLjI5My41OTcuNTk3IDAgMCAwLS40NjIuODUxbDcuMDQyIDE0LjczN2MuMTg2LjM4OC43MzIuNDEuOTQ3LjAzNloiLz48L2c+PGcgZmlsdGVyPSJ1cmwoI2IpIj48cGF0aCBmaWxsPSIjRjI5RDQxIiBkPSJtNDYuOTkgNzUuNTIgMTMuODEzLTguNjk3YS41OTcuNTk3IDAgMCAwIC4wNTgtLjk3MSA3NS4xOTEgNzUuMTkxIDAgMCAwLTIuNDQyLTEuODk3Yy0xLjUzLTEuMTE5LTIuMzktMS43NjEtNC4wNC0yLjcwNy0xLjU5NS0uOTE1LTIuNTQ1LTEuMzM0LTQuMjI2LTIuMDZhNjQuMDkgNjQuMDkgMCAwIDAtMi41MTYtLjk5OS41OTcuNTk3IDAgMCAwLS44MDYuNTM3bC0uNjYgMTYuMzE5YS41MzUuNTM1IDAgMCAwIC44Mi40NzRaIi8+PC9nPjxnIGZpbHRlcj0idXJsKCNjKSI+PHBhdGggZmlsbD0iIzVDQjE3NiIgZD0ibTI5LjQxIDYzLjUxIDIuMTAyLTE2LjE4NmEuNTk3LjU5NyAwIDAgMSAuODU4LS40NmMuNzQ4LjM3MSAxLjkwNS45NTQgMi43NDUgMS40MiAxLjY1Ny45MiAyLjYwMiAxLjQzMyA0LjE1MiAyLjUzNCAxLjUgMS4wNjQgMi4yNzggMS43NSAzLjY0MiAyLjk3MmE2NC4wMjYgNjQuMDI2IDAgMCAxIDEuOTYyIDEuODY1Yy4yOTEuMjg2LjIxNC43NzEtLjE0OS45NTdsLTE0LjUzOCA3LjQ0M2EuNTM1LjUzNSAwIDAgMS0uNzc0LS41NDVaIi8+PC9nPjxtYXNrIGlkPSJkIiB3aWR0aD0iMTciIGhlaWdodD0iMTkiIHg9IjI5IiB5PSI0NiIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSI+PHBhdGggZmlsbD0iIzVDQjE3NiIgZD0ibTI5LjQxMiA2My41MSAyLjEwMS0xNi4xODZhLjU5Ny41OTcgMCAwIDEgLjg1OC0uNDZjLjc0OS4zNzEgMS45MDUuOTU0IDIuNzQ2IDEuNDIgMS42NTcuOTIgMi42MDEgMS40MzMgNC4xNTIgMi41MzQgMS41IDEuMDY0IDIuMjc4IDEuNzUgMy42NDIgMi45NzJhNjQuMTQ4IDY0LjE0OCAwIDAgMSAxLjk2MiAxLjg2NWMuMjkuMjg2LjIxNC43NzEtLjE1Ljk1N2wtMTQuNTM3IDcuNDQzYS41MzUuNTM1IDAgMCAxLS43NzQtLjU0NVoiLz48L21hc2s+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iLjY2MSIgbWFzaz0idXJsKCNkKSI+PHBhdGggZD0iTTM5Ljc1NSA1MS4yMThjLTEuMDUgMS41NTgtNC42MDYgNC43ODgtMTAuNDQgNS4yNDdNMzYuNDE1IDQ3LjgxNmMtMS4wNSAxLjU1OC00LjYwNiA0Ljc4OS0xMC40NCA1LjI0N000Mi45NyA1My45N2MtMS40NTcgMS45MDgtNi4zNDEgNS45MDItMTQuMjE2IDYuNjE5TTQyLjE1IDU4LjQ5OWMtMS42NDUgMS43NDgtNS4yOSA0LjAzMy0xMy4xOTcgMy45MzkiLz48L2c+PGcgZmlsdGVyPSJ1cmwoI2UpIj48cGF0aCBmaWxsPSIjN0I3OUZGIiBkPSJtMTY5LjgxMyA5Mi45ODMgNS45MjctMTUuMjA4YS41OTguNTk4IDAgMCAwLS41MzEtLjgxNSA3NS4yMTMgNzUuMjEzIDAgMCAwLTMuMDkxLS4wNzJjLTEuODk1LjAxLTIuOTY5LjAwNy00Ljg1OS4yMjgtMS44MjYuMjE0LTIuODM4LjQ0Mi00LjYyMS44NTktLjgxNS4xOS0xLjg5My40ODgtMi42MTcuNjk0YS41OTYuNTk2IDAgMCAwLS4zMjguOTFsOS4xNzggMTMuNTFhLjUzNi41MzYgMCAwIDAgLjk0Mi0uMTA2WiIvPjwvZz48ZyBmaWx0ZXI9InVybCgjZikiPjxwYXRoIGZpbGw9IiM3Qjc5RkYiIGQ9Im04Ny4wMDEgOTAuODUzLTQuNDY2LTE1LjY5OWEuNTk3LjU5NyAwIDAgMSAuNjA2LS43NjFjLjgzNS4wNDUgMi4xMjcuMTIzIDMuMDg0LjIyIDEuODg2LjE5IDIuOTU2LjI4NyA0LjgxNi42ODUgMS43OTcuMzg1IDIuNzg0LjcwOSA0LjUxOSAxLjI5MS43OTQuMjY3IDEuODM5LjY2NSAyLjU0LjkzOC4zOC4xNDguNTAxLjYyNC4yNC45MzhMODcuOTI5IDkxLjA0OGEuNTM1LjUzNSAwIDAgMS0uOTI3LS4xOTVaIi8+PC9nPjxnIGZpbHRlcj0idXJsKCNnKSI+PHBhdGggZmlsbD0iI0VFNUU1MiIgZD0ibTY2LjE1MyA4NS4xMjIgMTIuMzU1LTEwLjY2NWEuNTk3LjU5NyAwIDAgMC0uMDg3LS45NyA3NS4zNTMgNzUuMzUzIDAgMCAwLTIuNjk4LTEuNTFjLTEuNjgtLjg3Ny0yLjYyNy0xLjM4My00LjQtMi4wNzItMS43MTQtLjY2Ni0yLjcxNi0uOTM4LTQuNDg2LTEuNDA0YTY0LjA4MyA2NC4wODMgMCAwIDAtMi42MzgtLjYxMS41OTcuNTk3IDAgMCAwLS43MTYuNjUxbDEuNzg4IDE2LjIzNGEuNTM1LjUzNSAwIDAgMCAuODgyLjM0N1oiLz48L2c+PGNpcmNsZSBjeD0iNzAuNzkzIiBjeT0iNzQuNTExIiByPSIuOTkyIiBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InJvdGF0ZSg4LjU1MyA3MC43OTMgNzQuNTEpIi8+PGNpcmNsZSBjeD0iNjUuNTc0IiBjeT0iNzguNjMiIHI9Ii45OTIiIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0icm90YXRlKDguNTUzIDY1LjU3NCA3OC42MykiLz48Y2lyY2xlIGN4PSI2NS40MDgiIGN5PSI3NC41MTkiIHI9Ii45OTIiIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0icm90YXRlKDguNTUzIDY1LjQwOCA3NC41MTkpIi8+PGNpcmNsZSBjeD0iNjcuODM0IiBjeT0iODEuOTQzIiByPSIuOTkyIiBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InJvdGF0ZSg4LjU1MyA2Ny44MzQgODEuOTQzKSIvPjxjaXJjbGUgY3g9IjY3LjI1OSIgY3k9IjY5Ljg3NSIgcj0iLjk5MiIgZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJyb3RhdGUoOC41NTMgNjcuMjU5IDY5Ljg3NSkiLz48Y2lyY2xlIGN4PSI3NC42OTEiIGN5PSI3Mi44MzQiIHI9Ii45OTIiIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0icm90YXRlKDguNTUzIDc0LjY5IDcyLjgzNCkiLz48Y2lyY2xlIGN4PSI3MS4xNzEiIGN5PSI3OC45NjgiIHI9Ii45OTIiIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0icm90YXRlKDguNTUzIDcxLjE3MSA3OC45NjgpIi8+PGcgZmlsdGVyPSJ1cmwoI2gpIj48cGF0aCBmaWxsPSIjRUU1RTUyIiBkPSJtMTQ5LjkxMSA5My44MjQgNi41MjEtMTQuOTYzYS41OTguNTk4IDAgMCAwLS40OTktLjgzNiA3NS4yNTUgNzUuMjU1IDAgMCAwLTMuMDg2LS4xOTNjLTEuODk0LS4wNjQtMi45NjctLjExLTQuODYzLjAzNy0xLjgzMy4xNDEtMi44NTQuMzMtNC42NTEuNjc2LS44MjMuMTU4LTEuOTEyLjQxNC0yLjY0My41OWEuNTk2LjU5NiAwIDAgMC0uMzY0Ljg5OGw4LjY0IDEzLjg2YS41MzUuNTM1IDAgMCAwIC45NDUtLjA3WiIvPjwvZz48Y2lyY2xlIGN4PSIxNDkuNSIgY3k9IjgyLjI1IiByPSIuOTkyIiBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InJvdGF0ZSgtMTcuMDk4IDE0OS41IDgyLjI1KSIvPjxjaXJjbGUgY3g9IjE0Ni41NzkiIGN5PSI4OC4yMjIiIHI9Ii45OTIiIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0icm90YXRlKC0xNy4wOTggMTQ2LjU3OSA4OC4yMjIpIi8+PGNpcmNsZSBjeD0iMTQ0LjY1IiBjeT0iODQuNTg4IiByPSIuOTkyIiBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InJvdGF0ZSgtMTcuMDk4IDE0NC42NSA4NC41ODgpIi8+PGNpcmNsZSBjeD0iMTUwLjA0OSIgY3k9IjkwLjIzMSIgcj0iLjk5MiIgZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJyb3RhdGUoLTE3LjA5OCAxNTAuMDQ5IDkwLjIzMSkiLz48Y2lyY2xlIGN4PSIxNDQuMzA2IiBjeT0iNzkuNiIgcj0iLjk5MiIgZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJyb3RhdGUoLTE3LjA5OCAxNDQuMzA2IDc5LjYpIi8+PGNpcmNsZSBjeD0iMTUyLjI4NyIgY3k9Ijc5LjA1MSIgcj0iLjk5MiIgZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJyb3RhdGUoLTE3LjA5OCAxNTIuMjg3IDc5LjA1KSIvPjxjaXJjbGUgY3g9IjE1MS43NyIgY3k9Ijg2LjEwMyIgcj0iLjk5MiIgZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJyb3RhdGUoLTE3LjA5OCAxNTEuNzcgODYuMTAzKSIvPjxnIGZpbHRlcj0idXJsKCNpKSI+PHBhdGggZmlsbD0iIzVDQjE3NiIgZD0ibTEwOS4xNzEgOTMuNCA4Ljg2LTEzLjcwN2EuNTk4LjU5OCAwIDAgMC0uMzU3LS45MDZjLS44MTEtLjItMi4wNy0uNTAzLTMuMDEzLS42OS0xLjg1OS0uMzctMi45MTEtLjU5LTQuODA2LS43NTMtMS44MzEtLjE1Ny0yLjg2OS0uMTM2LTQuNjk5LS4wODYtLjgzNy4wMjMtMS45NTMuMDk4LTIuNzAzLjE1NGEuNTk3LjU5NyAwIDAgMC0uNTA1LjgyN2w2LjI3OSAxNS4wNzdjLjE2Ni4zOTguNzEuNDQ3Ljk0NC4wODRaIi8+PC9nPjxtYXNrIGlkPSJqIiB3aWR0aD0iMTgiIGhlaWdodD0iMTciIHg9IjEwMSIgeT0iNzciIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiPjxwYXRoIGZpbGw9IiM1Q0IxNzYiIGQ9Im0xMDkuMTcgOTMuNCA4Ljg2LTEzLjcwN2EuNTk4LjU5OCAwIDAgMC0uMzU3LS45MDVjLS44MTEtLjIwMS0yLjA3LS41MDQtMy4wMTMtLjY5Mi0xLjg1OS0uMzctMi45MTEtLjU4OS00LjgwNi0uNzUxLTEuODMxLS4xNTgtMi44NjktLjEzNy00LjY5OS0uMDg3LS44MzcuMDIzLTEuOTUzLjA5OS0yLjcwMy4xNTRhLjU5Ny41OTcgMCAwIDAtLjUwNS44MjdsNi4yNzkgMTUuMDc3Yy4xNjYuMzk4LjcxLjQ0Ny45NDQuMDg1WiIvPjwvbWFzaz48ZyBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIuNjYxIiBtYXNrPSJ1cmwoI2opIj48cGF0aCBkPSJNMTA5LjIyNSA3Ny4zMzVjLS4yMDcgMS44NjcuNDE4IDYuNjMyIDQuNTczIDEwLjc1M00xMTMuOTcyIDc2LjljLS4yMDcgMS44NjcuNDE4IDYuNjMxIDQuNTczIDEwLjc1M00xMDQuOTkyIDc3LjM1N2MtLjEyMSAyLjM5NyAxLjAyMyA4LjYwMiA2LjU2OCAxNC4yNE0xMDIuNjkgODEuMzQzYy4xMjUgMi4zOTcgMS40MjkgNi40OTcgNy41MjIgMTEuNTM3Ii8+PC9nPjxkZWZzPjxmaWx0ZXIgaWQ9ImEiIHdpZHRoPSIyMS41NjUiIGhlaWdodD0iMjEuNjQ5IiB4PSIxMTguNzc1IiB5PSI3Ni4wMDkiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJoYXJkQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz48ZmVPZmZzZXQgZHk9Ii42NjEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxLjMyMiIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjEyOTQxMiAwIDAgMCAwIDAuMTI5NDEyIDAgMCAwIDAgMC4yMDM5MjIgMCAwIDAgMC4xIDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMTJfMzkiLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMTJfMzkiIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48ZmlsdGVyIGlkPSJiIiB3aWR0aD0iMjAuMjAxIiBoZWlnaHQ9IjIyLjc0MSIgeD0iNDMuNTI2IiB5PSI1Ni4xNjciIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJoYXJkQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz48ZmVPZmZzZXQgZHk9Ii42NjEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxLjMyMiIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjEyOTQxMiAwIDAgMCAwIDAuMTI5NDEyIDAgMCAwIDAgMC4yMDM5MjIgMCAwIDAgMC4xIDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMTJfMzkiLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMTJfMzkiIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48ZmlsdGVyIGlkPSJjIiB3aWR0aD0iMjAuOTMyIiBoZWlnaHQ9IjIyLjYwMiIgeD0iMjYuNzYxIiB5PSI0NC44MTgiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJoYXJkQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz48ZmVPZmZzZXQgZHk9Ii42NjEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxLjMyMiIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjEyOTQxMiAwIDAgMCAwIDAuMTI5NDEyIDAgMCAwIDAgMC4yMDM5MjIgMCAwIDAgMC4xIDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMTJfMzkiLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMTJfMzkiIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48ZmlsdGVyIGlkPSJlIiB3aWR0aD0iMjEuNDgyIiBoZWlnaHQ9IjIxLjcyNCIgeD0iMTU2Ljk0NCIgeT0iNzQuOTA0IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0iaGFyZEFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+PGZlT2Zmc2V0IGR5PSIuNjYxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMS4zMjIiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC4xMjk0MTIgMCAwIDAgMCAwLjEyOTQxMiAwIDAgMCAwIDAuMjAzOTIyIDAgMCAwIDAuMSAwIi8+PGZlQmxlbmQgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzEyXzM5Ii8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzEyXzM5IiByZXN1bHQ9InNoYXBlIi8+PC9maWx0ZXI+PGZpbHRlciBpZD0iZiIgd2lkdGg9IjIxLjI1NiIgaGVpZ2h0PSIyMi4xMzkiIHg9Ijc5Ljg2OCIgeT0iNzIuNDA5IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0iaGFyZEFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+PGZlT2Zmc2V0IGR5PSIuNjYxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMS4zMjIiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC4xMjk0MTIgMCAwIDAgMCAwLjEyOTQxMiAwIDAgMCAwIDAuMjAzOTIyIDAgMCAwIDAuMSAwIi8+PGZlQmxlbmQgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzEyXzM5Ii8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzEyXzM5IiByZXN1bHQ9InNoYXBlIi8+PC9maWx0ZXI+PGZpbHRlciBpZD0iZyIgd2lkdGg9IjIwLjUyNiIgaGVpZ2h0PSIyMi42NjQiIHg9IjYwLjgzNSIgeT0iNjUuODkzIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0iaGFyZEFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+PGZlT2Zmc2V0IGR5PSIuNjYxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMS4zMjIiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC4xMjk0MTIgMCAwIDAgMCAwLjEyOTQxMiAwIDAgMCAwIDAuMjAzOTIyIDAgMCAwIDAuMSAwIi8+PGZlQmxlbmQgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzEyXzM5Ii8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzEyXzM5IiByZXN1bHQ9InNoYXBlIi8+PC9maWx0ZXI+PGZpbHRlciBpZD0iaCIgd2lkdGg9IjIxLjUzNyIgaGVpZ2h0PSIyMS42NjIiIHg9IjEzNy41OSIgeT0iNzUuNzg4IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0iaGFyZEFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+PGZlT2Zmc2V0IGR5PSIuNjYxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMS4zMjIiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC4xMjk0MTIgMCAwIDAgMCAwLjEyOTQxMiAwIDAgMCAwIDAuMjAzOTIyIDAgMCAwIDAuMSAwIi8+PGZlQmxlbmQgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzEyXzM5Ii8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzEyXzM5IiByZXN1bHQ9InNoYXBlIi8+PC9maWx0ZXI+PGZpbHRlciBpZD0iaSIgd2lkdGg9IjIxLjUxNSIgaGVpZ2h0PSIyMS43MTIiIHg9Ijk5LjI1NyIgeT0iNzUuMjM4IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0iaGFyZEFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+PGZlT2Zmc2V0IGR5PSIuNjYxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMS4zMjIiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC4xMjk0MTIgMCAwIDAgMCAwLjEyOTQxMiAwIDAgMCAwIDAuMjAzOTIyIDAgMCAwIDAuMSAwIi8+PGZlQmxlbmQgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzEyXzM5Ii8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzEyXzM5IiByZXN1bHQ9InNoYXBlIi8+PC9maWx0ZXI+PC9kZWZzPjwvc3ZnPg==\"","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 { ContentType } from '../../../shared/schema';\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    const filterContentTypes = (contentTypes: ContentType[]) =>\n      contentTypes.filter((c) => c.isDisplayed);\n\n    /**\n     * TODO: this can be done with a `some` call.\n     */\n    return (\n      filterContentTypes(collectionTypes).length > 1 || filterContentTypes(singleTypes).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:\n                  'A fully composable, and collaborative platform to boost your team velocity.',\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":"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"}

package/dist/_chunks/InformationBoxEE-302228b9.mjs

@@ -0,0 +1,379 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useCMEditViewDataManager, useAPIErrorHandler, useNotification, useFetchClient, useRBAC } from "@strapi/helper-plugin";
+import { f as useTypedSelector, g as useAdminUsers, h as getDisplayName, I as Information } from "./index-3bbbb14c.mjs";
+import { Field, Flex, Combobox, ComboboxOption, SingleSelect, Typography, Loader, SingleSelectOption, FieldHint, FieldError } from "@strapi/design-system";
+import { useIntl } from "react-intl";
+import { useMutation, useQuery } from "react-query";
+import { A as ASSIGNEE_ATTRIBUTE_NAME, S as STAGE_ATTRIBUTE_NAME } from "./constants-a92ce583.mjs";
+import * as React from "react";
+import { u as useLicenseLimits } from "./useLicenseLimits-497c0f5f.mjs";
+import { L as LimitsModal } from "./LimitsModal-d438f513.mjs";
+import { C as CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME, a as CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME } from "./constants-8092eeb5.mjs";
+import { g as getStageColorByHex } from "./colors-bda951e9.mjs";
+import "react-dom/client";
+import "invariant";
+import "lodash/isFunction";
+import "lodash/merge";
+import "lodash/pick";
+import "react-helmet";
+import "react-router-dom";
+import "react-redux";
+import "@radix-ui/react-context";
+import "@strapi/design-system/v2";
+import "@strapi/icons";
+import "formik";
+import "lodash/camelCase";
+import "styled-components";
+import "yup";
+import "@reduxjs/toolkit";
+import "lodash/omit";
+import "qs";
+import "immer";
+import "lodash/get";
+import "lodash/set";
+import "lodash/defaultsDeep";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "react-window";
+import "lodash/cloneDeep";
+import "lodash/isEqual";
+import "lodash/upperFirst";
+import "prop-types";
+import "axios";
+import "lodash/fp";
+import "lodash/isNaN";
+import "lodash/take";
+import "slate";
+import "slate-history";
+import "slate-react";
+import "@radix-ui/react-toolbar";
+import "codemirror5";
+import "sanitize-html";
+import "highlight.js";
+import "markdown-it";
+import "markdown-it-abbr";
+import "markdown-it-container";
+import "markdown-it-deflist";
+import "markdown-it-emoji";
+import "markdown-it-footnote";
+import "markdown-it-ins";
+import "markdown-it-mark";
+import "markdown-it-sub";
+import "markdown-it-sup";
+import "codemirror5/addon/display/placeholder";
+import "lodash/toString";
+import "lodash/isEmpty";
+import "react-dom";
+import "lodash/isBoolean";
+import "lodash/toNumber";
+import "fractional-indexing";
+import "lodash/uniqBy";
+import "lodash/unset";
+import "lodash/isArray";
+import "date-fns/parseISO";
+const AssigneeSelect = () => {
+  const { initialData, layout, isSingleType, onChange } = useCMEditViewDataManager();
+  const permissions = useTypedSelector((state) => state.admin_app.permissions);
+  const { formatMessage } = useIntl();
+  const { formatAPIError } = useAPIErrorHandler();
+  const toggleNotification = useNotification();
+  const { put } = useFetchClient();
+  const {
+    allowedActions: { canRead },
+    isLoading: isLoadingPermissions
+  } = useRBAC(permissions.settings?.users);
+  const { users, isLoading, isError } = useAdminUsers(
+    {},
+    {
+      enabled: !isLoadingPermissions && canRead
+    }
+  );
+  const currentAssignee = initialData?.[ASSIGNEE_ATTRIBUTE_NAME] ?? null;
+  const handleChange = async (assigneeId) => {
+    mutation.mutate({
+      entityId: initialData.id,
+      assigneeId: assigneeId ? parseInt(assigneeId, 10) : null,
+      uid: layout.uid
+    });
+  };
+  const mutation = useMutation(
+    async ({ entityId, assigneeId, uid }) => {
+      const typeSlug = isSingleType ? "single-types" : "collection-types";
+      const {
+        data: { data: createdEntity }
+      } = await put(`/admin/content-manager/${typeSlug}/${uid}/${entityId}/assignee`, {
+        data: { id: assigneeId }
+      });
+      onChange?.(
+        {
+          target: {
+            type: "",
+            name: ASSIGNEE_ATTRIBUTE_NAME,
+            value: createdEntity[ASSIGNEE_ATTRIBUTE_NAME]
+          }
+        },
+        true
+      );
+      return createdEntity;
+    },
+    {
+      onSuccess() {
+        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"
+      }) || mutation.error && formatAPIError(mutation.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 || mutation.isLoading,
+      children: users.map((user) => {
+        return /* @__PURE__ */ jsx(
+          ComboboxOption,
+          {
+            value: user.id.toString(),
+            textValue: getDisplayName(user, formatMessage),
+            children: getDisplayName(user, formatMessage)
+          },
+          user.id
+        );
+      })
+    }
+  ) }) });
+};
+function useReviewWorkflowsStages({ id, layout }, queryOptions = {}) {
+  const { kind, uid } = layout;
+  const slug = kind === "collectionType" ? "collection-types" : "single-types";
+  const { get } = useFetchClient();
+  const { data, isLoading, refetch } = useQuery(
+    ["content-manager", slug, uid, id, "stages"],
+    async () => {
+      const { data: data2 } = await get(
+        `/admin/content-manager/${slug}/${uid}/${id}/stages`
+      );
+      return data2;
+    },
+    queryOptions
+  );
+  const meta = React.useMemo(() => data?.meta ?? { workflowCount: 0 }, [data?.meta]);
+  const stages = React.useMemo(() => data?.data ?? [], [data?.data]);
+  return {
+    // meta contains e.g. the total of all workflows. we can not use
+    // the pagination object here, because the list is not paginated.
+    meta,
+    stages,
+    isLoading,
+    refetch
+  };
+}
+const StageSelect = () => {
+  const { initialData, layout: contentType, isSingleType, onChange } = useCMEditViewDataManager();
+  const { put } = useFetchClient();
+  const { formatMessage } = useIntl();
+  const { formatAPIError } = useAPIErrorHandler();
+  const toggleNotification = useNotification();
+  const { meta, stages, isLoading, refetch } = useReviewWorkflowsStages(
+    { id: initialData.id, layout: contentType },
+    {
+      enabled: !!initialData?.id
+    }
+  );
+  const { getFeature } = useLicenseLimits();
+  const [showLimitModal, setShowLimitModal] = React.useState(null);
+  const limits = getFeature("review-workflows") ?? {};
+  const activeWorkflowStage = initialData?.[STAGE_ATTRIBUTE_NAME] ?? null;
+  const mutation = useMutation(
+    async ({ entityId, stageId, uid }) => {
+      const typeSlug = isSingleType ? "single-types" : "collection-types";
+      const {
+        data: { data: createdEntity }
+      } = await put(`/admin/content-manager/${typeSlug}/${uid}/${entityId}/stage`, {
+        data: { id: stageId }
+      });
+      onChange?.(
+        {
+          target: {
+            name: STAGE_ATTRIBUTE_NAME,
+            value: createdEntity[STAGE_ATTRIBUTE_NAME],
+            type: ""
+          }
+        },
+        true
+      );
+      await refetch();
+      return createdEntity;
+    },
+    {
+      onSuccess() {
+        toggleNotification({
+          type: "success",
+          message: {
+            id: "content-manager.reviewWorkflows.stage.notification.saved",
+            defaultMessage: "Review stage updated"
+          }
+        });
+      }
+    }
+  );
+  const handleChange = async (stageId) => {
+    try {
+      if (limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME] && parseInt(limits[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME], 10) < meta.workflowCount) {
+        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) {
+          mutation.mutateAsync({
+            entityId: initialData.id,
+            stageId,
+            uid: contentType.uid
+          });
+        }
+      }
+    } catch (error) {
+    }
+  };
+  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: mutation.error && formatAPIError(mutation.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-302228b9.mjs.map

package/dist/_chunks/InformationBoxEE-302228b9.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InformationBoxEE-302228b9.mjs","sources":["../../ee/admin/src/content-manager/pages/EditView/components/AssigneeSelect.tsx","../../ee/admin/src/pages/SettingsPage/pages/ReviewWorkflows/hooks/useReviewWorkflowsStages.ts","../../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  useFetchClient,\n  useNotification,\n  useRBAC,\n} from '@strapi/helper-plugin';\nimport { useIntl } from 'react-intl';\nimport { useMutation } from 'react-query';\n\nimport { getDisplayName } from '../../../../../../../admin/src/content-manager/utils/users';\nimport { useTypedSelector } from '../../../../../../../admin/src/core/store/hooks';\nimport { useAdminUsers } from '../../../../../../../admin/src/hooks/useAdminUsers';\n\nimport { ASSIGNEE_ATTRIBUTE_NAME } from './constants';\n\nimport type { Contracts } from '@strapi/plugin-content-manager/_internal/shared';\nimport type { AxiosError, AxiosResponse } from 'axios';\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 { formatAPIError } = useAPIErrorHandler();\n  const toggleNotification = useNotification();\n  const { put } = useFetchClient();\n  const {\n    allowedActions: { canRead },\n    isLoading: isLoadingPermissions,\n  } = useRBAC(permissions.settings?.users);\n  const { users, isLoading, isError } = useAdminUsers(\n    {},\n    {\n      enabled: !isLoadingPermissions && canRead,\n    }\n  );\n\n  const currentAssignee = initialData?.[ASSIGNEE_ATTRIBUTE_NAME] ?? null;\n\n  const handleChange = async (assigneeId: string | null) => {\n    mutation.mutate({\n      entityId: initialData.id!,\n      assigneeId: assigneeId ? parseInt(assigneeId, 10) : null,\n      uid: layout!.uid,\n    });\n  };\n\n  const mutation = useMutation<\n    Contracts.ReviewWorkflows.UpdateAssignee.Response['data'],\n    AxiosError<Required<Pick<Contracts.ReviewWorkflows.UpdateAssignee.Response, 'error'>>>,\n    {\n      assigneeId: Contracts.ReviewWorkflows.UpdateAssignee.Request['body']['data']['id'];\n      uid: Contracts.ReviewWorkflows.UpdateAssignee.Params['model'];\n      entityId: Contracts.ReviewWorkflows.UpdateAssignee.Params['id'];\n    }\n  >(\n    async ({ entityId, assigneeId, uid }) => {\n      const typeSlug = isSingleType ? 'single-types' : 'collection-types';\n\n      const {\n        data: { data: createdEntity },\n      } = await put<\n        Contracts.ReviewWorkflows.UpdateAssignee.Response,\n        AxiosResponse<Contracts.ReviewWorkflows.UpdateAssignee.Response>,\n        Contracts.ReviewWorkflows.UpdateAssignee.Request['body']\n      >(`/admin/content-manager/${typeSlug}/${uid}/${entityId}/assignee`, {\n        data: { id: assigneeId },\n      });\n\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: createdEntity[ASSIGNEE_ATTRIBUTE_NAME],\n          },\n        },\n        true\n      );\n\n      return createdEntity;\n    },\n    {\n      onSuccess() {\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\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              (mutation.error && formatAPIError(mutation.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 || mutation.isLoading}\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 { useFetchClient } from '@strapi/helper-plugin';\nimport { UseQueryOptions, useQuery } from 'react-query';\n\nimport type { Contracts } from '@strapi/plugin-content-manager/_internal/shared';\nimport type { Entity, Schema } from '@strapi/types';\n\ninterface UseReviewWorkflowStagesArgs {\n  id: Entity.ID;\n  layout: Schema.ContentType;\n}\n\nexport function useReviewWorkflowsStages(\n  { id, layout }: UseReviewWorkflowStagesArgs,\n  queryOptions: Omit<\n    UseQueryOptions<Contracts.ReviewWorkflows.GetStages.Response>,\n    'queryKey' | 'queryFn'\n  > = {}\n) {\n  const { kind, uid } = layout;\n  const slug = kind === 'collectionType' ? 'collection-types' : 'single-types';\n\n  const { get } = useFetchClient();\n\n  const { data, isLoading, refetch } = useQuery<Contracts.ReviewWorkflows.GetStages.Response>(\n    ['content-manager', slug, uid, id, 'stages'],\n    async () => {\n      const { data } = await get<Contracts.ReviewWorkflows.GetStages.Response>(\n        `/admin/content-manager/${slug}/${uid}/${id}/stages`\n      );\n\n      return data;\n    },\n    queryOptions\n  );\n\n  // these return values need to be memoized, because the default value\n  // would lead to infinite rendering loops when used in a dependency array\n  // on an effect\n  const meta = React.useMemo(() => data?.meta ?? { workflowCount: 0 }, [data?.meta]);\n  const stages = React.useMemo(() => data?.data ?? [], [data?.data]);\n\n  return {\n    // meta contains e.g. the total of all workflows. we can not use\n    // the pagination object here, because the list is not paginated.\n    meta,\n    stages,\n    isLoading,\n    refetch,\n  };\n}\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  useFetchClient,\n  useNotification,\n} from '@strapi/helper-plugin';\nimport { Contracts } from '@strapi/plugin-content-manager/_internal/shared';\nimport { Entity } from '@strapi/types';\nimport { AxiosError, AxiosResponse } from 'axios';\nimport { useIntl } from 'react-intl';\nimport { useMutation } from 'react-query';\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 { useReviewWorkflowsStages } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/hooks/useReviewWorkflowsStages';\nimport { getStageColorByHex } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/utils/colors';\n\nimport { STAGE_ATTRIBUTE_NAME } from './constants';\n\nexport const StageSelect = () => {\n  const { initialData, layout: contentType, isSingleType, onChange } = useCMEditViewDataManager();\n  const { put } = useFetchClient();\n  const { formatMessage } = useIntl();\n  const { formatAPIError } = useAPIErrorHandler();\n  const toggleNotification = useNotification();\n  const { meta, stages, isLoading, refetch } = useReviewWorkflowsStages(\n    { id: initialData.id!, layout: contentType! },\n    {\n      enabled: !!initialData?.id,\n    }\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 mutation = useMutation<\n    Contracts.ReviewWorkflows.UpdateStage.Response['data'],\n    AxiosError<Required<Pick<Contracts.ReviewWorkflows.UpdateStage.Response, 'error'>>>,\n    {\n      stageId: Contracts.ReviewWorkflows.UpdateStage.Request['body']['data']['id'];\n      uid: Contracts.ReviewWorkflows.UpdateStage.Params['model'];\n      entityId: Contracts.ReviewWorkflows.UpdateStage.Params['id'];\n    }\n  >(\n    async ({ entityId, stageId, uid }) => {\n      const typeSlug = isSingleType ? 'single-types' : 'collection-types';\n\n      const {\n        data: { data: createdEntity },\n      } = await put<\n        Contracts.ReviewWorkflows.UpdateStage.Response,\n        AxiosResponse<Contracts.ReviewWorkflows.UpdateStage.Response>,\n        Contracts.ReviewWorkflows.UpdateStage.Request['body']\n      >(`/admin/content-manager/${typeSlug}/${uid}/${entityId}/stage`, {\n        data: { id: stageId },\n      });\n\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: createdEntity[STAGE_ATTRIBUTE_NAME],\n            type: '',\n          },\n        },\n        true\n      );\n\n      await refetch();\n\n      return createdEntity;\n    },\n    {\n      onSuccess() {\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\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\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          mutation.mutateAsync({\n            entityId: initialData.id,\n            stageId,\n            uid: contentType.uid,\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={(mutation.error && formatAPIError(mutation.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":["data","themeColorName"],"mappings":"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"}