@strapi/admin 5.19.0 → 5.20.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strapi/admin",
-  "version": "5.19.0",
+  "version": "5.20.0",
   "description": "Strapi Admin",
   "repository": {
     "type": "git",
@@ -86,10 +86,10 @@
     "@reduxjs/toolkit": "1.9.7",
     "@strapi/design-system": "2.0.0-rc.29",
     "@strapi/icons": "2.0.0-rc.29",
-    "@strapi/permissions": "5.19.0",
-    "@strapi/types": "5.19.0",
-    "@strapi/typescript-utils": "5.19.0",
-    "@strapi/utils": "5.19.0",
+    "@strapi/permissions": "5.20.0",
+    "@strapi/types": "5.20.0",
+    "@strapi/typescript-utils": "5.20.0",
+    "@strapi/utils": "5.20.0",
     "@testing-library/dom": "10.1.0",
     "@testing-library/react": "15.0.7",
     "@testing-library/user-event": "14.5.2",
@@ -118,7 +118,6 @@
     "koa-static": "5.0.0",
     "koa2-ratelimit": "^1.1.3",
     "lodash": "4.17.21",
-    "node-schedule": "2.1.1",
     "ora": "5.4.1",
     "p-map": "4.0.0",
     "passport-local": "1.0.0",
@@ -141,11 +140,11 @@
     "typescript": "5.4.4",
     "use-context-selector": "1.4.1",
     "yup": "0.32.9",
-    "zod": "3.24.2"
+    "zod": "3.25.67"
   },
   "devDependencies": {
-    "@strapi/admin-test-utils": "5.19.0",
-    "@strapi/data-transfer": "5.19.0",
+    "@strapi/admin-test-utils": "5.20.0",
+    "@strapi/data-transfer": "5.20.0",
     "@types/codemirror5": "npm:@types/codemirror@^5.60.15",
     "@types/fs-extra": "11.0.4",
     "@types/invariant": "2.2.36",

package/dist/admin/admin/src/components/GuidedTour/Homepage.js

@@ -1,132 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var designSystem = require('@strapi/design-system');
-var icons = require('@strapi/icons');
-var reactIntl = require('react-intl');
-var reactRouterDom = require('react-router-dom');
-var Tracking = require('../../features/Tracking.js');
-var constants = require('./constants.js');
-var Ornaments = require('./Ornaments.js');
-var Provider = require('./Provider.js');
-
-const GuidedTourHomepage = ()=>{
-    const guidedTourState = Provider.useGuidedTour('GuidedTourHomepage', (state)=>state.guidedTourState);
-    const setSkipped = Provider.useGuidedTour('GuidedTourHomepage', (state)=>state.setSkipped);
-    const { formatMessage } = reactIntl.useIntl();
-    const { trackUsage } = Tracking.useTracking();
-    const sections = Object.entries(constants.LAYOUT_DATA).map(([key, val])=>({
-            key: key,
-            title: val.home.title,
-            content: /*#__PURE__*/ jsxRuntime.jsx(designSystem.LinkButton, {
-                onClick: ()=>trackUsage(val.home.trackingEvent),
-                tag: reactRouterDom.NavLink,
-                to: val.home.cta.target,
-                endIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.ArrowRight, {}),
-                children: formatMessage(val.home.cta.title)
-            }),
-            isDone: Object.values(guidedTourState[key]).every((value)=>value === true)
-        }));
-    const activeSectionIndex = sections.findIndex((section)=>!section.isDone);
-    const handleSkip = ()=>{
-        setSkipped(true);
-        trackUsage('didSkipGuidedtour');
-    };
-    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
-        hasRadius: true,
-        shadow: "tableShadow",
-        paddingTop: 7,
-        paddingRight: 4,
-        paddingLeft: 7,
-        paddingBottom: 4,
-        background: "neutral0",
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-                direction: "column",
-                alignItems: "stretch",
-                gap: 6,
-                children: [
-                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                        variant: "beta",
-                        tag: "h2",
-                        children: formatMessage({
-                            id: 'app.components.GuidedTour.title',
-                            defaultMessage: '3 steps to get started'
-                        })
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                        children: sections.map((section, index)=>{
-                            const state = getState(activeSectionIndex, index);
-                            return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
-                                children: [
-                                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-                                        children: [
-                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                                                minWidth: `3rem`,
-                                                marginRight: 5,
-                                                children: /*#__PURE__*/ jsxRuntime.jsx(Ornaments.Number, {
-                                                    state: state,
-                                                    children: index + 1
-                                                })
-                                            }),
-                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                                                variant: "delta",
-                                                tag: "h3",
-                                                children: formatMessage(section.title)
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-                                        alignItems: "flex-start",
-                                        children: [
-                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
-                                                justifyContent: "center",
-                                                minWidth: `3rem`,
-                                                marginBottom: 3,
-                                                marginTop: 3,
-                                                marginRight: 5,
-                                                children: index === sections.length - 1 ? null : /*#__PURE__*/ jsxRuntime.jsx(Ornaments.VerticalDivider, {
-                                                    state: state
-                                                })
-                                            }),
-                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                                                marginTop: 2,
-                                                children: state === constants.STATES.IS_ACTIVE ? section.content : null
-                                            })
-                                        ]
-                                    })
-                                ]
-                            }, section.key);
-                        })
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
-                justifyContent: "flex-end",
-                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
-                    variant: "tertiary",
-                    onClick: handleSkip,
-                    children: formatMessage({
-                        id: 'app.components.GuidedTour.skip',
-                        defaultMessage: 'Skip the tour'
-                    })
-                })
-            })
-        ]
-    });
-};
-const getState = (activeSectionIndex, index)=>{
-    if (activeSectionIndex === -1) {
-        return constants.STATES.IS_DONE;
-    }
-    if (index < activeSectionIndex) {
-        return constants.STATES.IS_DONE;
-    }
-    if (index > activeSectionIndex) {
-        return constants.STATES.IS_NOT_DONE;
-    }
-    return constants.STATES.IS_ACTIVE;
-};
-
-exports.GuidedTourHomepage = GuidedTourHomepage;
-//# sourceMappingURL=Homepage.js.map

package/dist/admin/admin/src/components/GuidedTour/Homepage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Homepage.js","sources":["../../../../../../admin/src/components/GuidedTour/Homepage.tsx"],"sourcesContent":["import { Box, Button, Flex, Typography, LinkButton } from '@strapi/design-system';\nimport { ArrowRight } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { NavLink } from 'react-router-dom';\n\nimport { useTracking } from '../../features/Tracking';\n\nimport { LAYOUT_DATA, States, STATES } from './constants';\nimport { Number, VerticalDivider } from './Ornaments';\nimport { GuidedTourContextValue, useGuidedTour } from './Provider';\n\ntype SectionName = keyof GuidedTourContextValue['guidedTourState'];\n\nconst GuidedTourHomepage = () => {\n  const guidedTourState = useGuidedTour('GuidedTourHomepage', (state) => state.guidedTourState);\n  const setSkipped = useGuidedTour('GuidedTourHomepage', (state) => state.setSkipped);\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        tag={NavLink}\n        to={val.home.cta.target}\n        endIcon={<ArrowRight />}\n      >\n        {formatMessage(val.home.cta.title)}\n      </LinkButton>\n    ),\n    isDone: Object.values(guidedTourState[key as SectionName]).every((value) => value === true),\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\" tag=\"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\n            return (\n              <Box key={section.key}>\n                <Flex>\n                  <Box minWidth={`3rem`} marginRight={5}>\n                    <Number state={state}>{index + 1}</Number>\n                  </Box>\n                  <Typography variant=\"delta\" tag=\"h3\">\n                    {formatMessage(section.title)}\n                  </Typography>\n                </Flex>\n                <Flex alignItems=\"flex-start\">\n                  <Flex\n                    justifyContent=\"center\"\n                    minWidth={`3rem`}\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"],"names":["GuidedTourHomepage","guidedTourState","useGuidedTour","state","setSkipped","formatMessage","useIntl","trackUsage","useTracking","sections","Object","entries","LAYOUT_DATA","map","key","val","title","home","content","_jsx","LinkButton","onClick","trackingEvent","tag","NavLink","to","cta","target","endIcon","ArrowRight","isDone","values","every","value","activeSectionIndex","findIndex","section","handleSkip","_jsxs","Box","hasRadius","shadow","paddingTop","paddingRight","paddingLeft","paddingBottom","background","Flex","direction","alignItems","gap","Typography","variant","id","defaultMessage","index","getState","minWidth","marginRight","Number","justifyContent","marginBottom","marginTop","length","VerticalDivider","STATES","IS_ACTIVE","Button","IS_DONE","IS_NOT_DONE"],"mappings":"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"}

package/dist/admin/admin/src/components/GuidedTour/Homepage.mjs

@@ -1,130 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { LinkButton, Box, Flex, Typography, Button } from '@strapi/design-system';
-import { ArrowRight } from '@strapi/icons';
-import { useIntl } from 'react-intl';
-import { NavLink } from 'react-router-dom';
-import { useTracking } from '../../features/Tracking.mjs';
-import { LAYOUT_DATA, STATES } from './constants.mjs';
-import { Number, VerticalDivider } from './Ornaments.mjs';
-import { useGuidedTour } from './Provider.mjs';
-
-const GuidedTourHomepage = ()=>{
-    const guidedTourState = useGuidedTour('GuidedTourHomepage', (state)=>state.guidedTourState);
-    const setSkipped = useGuidedTour('GuidedTourHomepage', (state)=>state.setSkipped);
-    const { formatMessage } = useIntl();
-    const { trackUsage } = useTracking();
-    const sections = Object.entries(LAYOUT_DATA).map(([key, val])=>({
-            key: key,
-            title: val.home.title,
-            content: /*#__PURE__*/ jsx(LinkButton, {
-                onClick: ()=>trackUsage(val.home.trackingEvent),
-                tag: NavLink,
-                to: val.home.cta.target,
-                endIcon: /*#__PURE__*/ jsx(ArrowRight, {}),
-                children: formatMessage(val.home.cta.title)
-            }),
-            isDone: Object.values(guidedTourState[key]).every((value)=>value === true)
-        }));
-    const activeSectionIndex = sections.findIndex((section)=>!section.isDone);
-    const handleSkip = ()=>{
-        setSkipped(true);
-        trackUsage('didSkipGuidedtour');
-    };
-    return /*#__PURE__*/ jsxs(Box, {
-        hasRadius: true,
-        shadow: "tableShadow",
-        paddingTop: 7,
-        paddingRight: 4,
-        paddingLeft: 7,
-        paddingBottom: 4,
-        background: "neutral0",
-        children: [
-            /*#__PURE__*/ jsxs(Flex, {
-                direction: "column",
-                alignItems: "stretch",
-                gap: 6,
-                children: [
-                    /*#__PURE__*/ jsx(Typography, {
-                        variant: "beta",
-                        tag: "h2",
-                        children: formatMessage({
-                            id: 'app.components.GuidedTour.title',
-                            defaultMessage: '3 steps to get started'
-                        })
-                    }),
-                    /*#__PURE__*/ jsx(Box, {
-                        children: sections.map((section, index)=>{
-                            const state = getState(activeSectionIndex, index);
-                            return /*#__PURE__*/ jsxs(Box, {
-                                children: [
-                                    /*#__PURE__*/ jsxs(Flex, {
-                                        children: [
-                                            /*#__PURE__*/ jsx(Box, {
-                                                minWidth: `3rem`,
-                                                marginRight: 5,
-                                                children: /*#__PURE__*/ jsx(Number, {
-                                                    state: state,
-                                                    children: index + 1
-                                                })
-                                            }),
-                                            /*#__PURE__*/ jsx(Typography, {
-                                                variant: "delta",
-                                                tag: "h3",
-                                                children: formatMessage(section.title)
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ jsxs(Flex, {
-                                        alignItems: "flex-start",
-                                        children: [
-                                            /*#__PURE__*/ jsx(Flex, {
-                                                justifyContent: "center",
-                                                minWidth: `3rem`,
-                                                marginBottom: 3,
-                                                marginTop: 3,
-                                                marginRight: 5,
-                                                children: index === sections.length - 1 ? null : /*#__PURE__*/ jsx(VerticalDivider, {
-                                                    state: state
-                                                })
-                                            }),
-                                            /*#__PURE__*/ jsx(Box, {
-                                                marginTop: 2,
-                                                children: state === STATES.IS_ACTIVE ? section.content : null
-                                            })
-                                        ]
-                                    })
-                                ]
-                            }, section.key);
-                        })
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx(Flex, {
-                justifyContent: "flex-end",
-                children: /*#__PURE__*/ jsx(Button, {
-                    variant: "tertiary",
-                    onClick: handleSkip,
-                    children: formatMessage({
-                        id: 'app.components.GuidedTour.skip',
-                        defaultMessage: 'Skip the tour'
-                    })
-                })
-            })
-        ]
-    });
-};
-const getState = (activeSectionIndex, index)=>{
-    if (activeSectionIndex === -1) {
-        return STATES.IS_DONE;
-    }
-    if (index < activeSectionIndex) {
-        return STATES.IS_DONE;
-    }
-    if (index > activeSectionIndex) {
-        return STATES.IS_NOT_DONE;
-    }
-    return STATES.IS_ACTIVE;
-};
-
-export { GuidedTourHomepage };
-//# sourceMappingURL=Homepage.mjs.map

package/dist/admin/admin/src/components/GuidedTour/Homepage.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Homepage.mjs","sources":["../../../../../../admin/src/components/GuidedTour/Homepage.tsx"],"sourcesContent":["import { Box, Button, Flex, Typography, LinkButton } from '@strapi/design-system';\nimport { ArrowRight } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { NavLink } from 'react-router-dom';\n\nimport { useTracking } from '../../features/Tracking';\n\nimport { LAYOUT_DATA, States, STATES } from './constants';\nimport { Number, VerticalDivider } from './Ornaments';\nimport { GuidedTourContextValue, useGuidedTour } from './Provider';\n\ntype SectionName = keyof GuidedTourContextValue['guidedTourState'];\n\nconst GuidedTourHomepage = () => {\n  const guidedTourState = useGuidedTour('GuidedTourHomepage', (state) => state.guidedTourState);\n  const setSkipped = useGuidedTour('GuidedTourHomepage', (state) => state.setSkipped);\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        tag={NavLink}\n        to={val.home.cta.target}\n        endIcon={<ArrowRight />}\n      >\n        {formatMessage(val.home.cta.title)}\n      </LinkButton>\n    ),\n    isDone: Object.values(guidedTourState[key as SectionName]).every((value) => value === true),\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\" tag=\"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\n            return (\n              <Box key={section.key}>\n                <Flex>\n                  <Box minWidth={`3rem`} marginRight={5}>\n                    <Number state={state}>{index + 1}</Number>\n                  </Box>\n                  <Typography variant=\"delta\" tag=\"h3\">\n                    {formatMessage(section.title)}\n                  </Typography>\n                </Flex>\n                <Flex alignItems=\"flex-start\">\n                  <Flex\n                    justifyContent=\"center\"\n                    minWidth={`3rem`}\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"],"names":["GuidedTourHomepage","guidedTourState","useGuidedTour","state","setSkipped","formatMessage","useIntl","trackUsage","useTracking","sections","Object","entries","LAYOUT_DATA","map","key","val","title","home","content","_jsx","LinkButton","onClick","trackingEvent","tag","NavLink","to","cta","target","endIcon","ArrowRight","isDone","values","every","value","activeSectionIndex","findIndex","section","handleSkip","_jsxs","Box","hasRadius","shadow","paddingTop","paddingRight","paddingLeft","paddingBottom","background","Flex","direction","alignItems","gap","Typography","variant","id","defaultMessage","index","getState","minWidth","marginRight","Number","justifyContent","marginBottom","marginTop","length","VerticalDivider","STATES","IS_ACTIVE","Button","IS_DONE","IS_NOT_DONE"],"mappings":"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"}

package/dist/admin/admin/src/components/GuidedTour/Modal.js

@@ -1,278 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-require('react');
-var designSystem = require('@strapi/design-system');
-var icons = require('@strapi/icons');
-var get = require('lodash/get');
-var reactIntl = require('react-intl');
-var reactRouterDom = require('react-router-dom');
-var styled = require('styled-components');
-var Tracking = require('../../features/Tracking.js');
-var constants = require('./constants.js');
-var Ornaments = require('./Ornaments.js');
-var Provider = require('./Provider.js');
-
-/* -------------------------------------------------------------------------------------------------
- * GuidedTourModal
- * -----------------------------------------------------------------------------------------------*/ const GuidedTourModal = ()=>{
-    const guidedTour = Provider.useGuidedTour('GuidedTourModal', (state)=>state);
-    const { currentStep, guidedTourState, setCurrentStep, setStepState, isGuidedTourVisible, setSkipped } = guidedTour;
-    const { formatMessage } = reactIntl.useIntl();
-    const { trackUsage } = Tracking.useTracking();
-    if (!currentStep || !isGuidedTourVisible) {
-        return null;
-    }
-    const stepData = get(constants.LAYOUT_DATA, currentStep);
-    const sectionKeys = Object.keys(guidedTourState);
-    const [sectionName, stepName] = currentStep.split('.');
-    const sectionIndex = sectionKeys.indexOf(sectionName);
-    const stepIndex = Object.keys(guidedTourState[sectionName]).indexOf(stepName);
-    const hasSectionAfter = sectionIndex < sectionKeys.length - 1;
-    const hasStepAfter = stepIndex < Object.keys(guidedTourState[sectionName]).length - 1;
-    const handleCtaClick = ()=>{
-        setStepState(currentStep, true);
-        if (stepData) {
-            trackUsage(stepData.trackingEvent);
-        }
-        setCurrentStep(null);
-    };
-    const handleSkip = ()=>{
-        setSkipped(true);
-        setCurrentStep(null);
-        trackUsage('didSkipGuidedtour');
-    };
-    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Portal, {
-        children: /*#__PURE__*/ jsxRuntime.jsx(ModalWrapper, {
-            onClick: handleCtaClick,
-            padding: 8,
-            justifyContent: "center",
-            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.FocusTrap, {
-                onEscape: handleCtaClick,
-                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-                    direction: "column",
-                    alignItems: "stretch",
-                    background: "neutral0",
-                    width: `66rem`,
-                    shadow: "popupShadow",
-                    hasRadius: true,
-                    padding: 4,
-                    gap: 8,
-                    role: "dialog",
-                    "aria-modal": true,
-                    onClick: (e)=>e.stopPropagation(),
-                    children: [
-                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
-                            justifyContent: "flex-end",
-                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
-                                onClick: handleCtaClick,
-                                withTooltip: false,
-                                label: formatMessage({
-                                    id: 'app.utils.close-label',
-                                    defaultMessage: 'Close'
-                                }),
-                                children: /*#__PURE__*/ jsxRuntime.jsx(icons.Cross, {})
-                            })
-                        }),
-                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                            paddingLeft: 7,
-                            paddingRight: 7,
-                            paddingBottom: !hasStepAfter && !hasSectionAfter ? 8 : 0,
-                            children: /*#__PURE__*/ jsxRuntime.jsx(GuidedTourStepper, {
-                                title: stepData && 'title' in stepData ? stepData.title : undefined,
-                                cta: stepData && 'cta' in stepData ? stepData.cta : undefined,
-                                onCtaClick: handleCtaClick,
-                                sectionIndex: sectionIndex,
-                                stepIndex: stepIndex,
-                                hasSectionAfter: hasSectionAfter,
-                                children: stepData && 'content' in stepData && /*#__PURE__*/ jsxRuntime.jsx(GuidedTourContent, {
-                                    ...stepData.content
-                                })
-                            })
-                        }),
-                        !(!hasStepAfter && !hasSectionAfter) && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
-                            justifyContent: "flex-end",
-                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
-                                variant: "tertiary",
-                                onClick: handleSkip,
-                                children: formatMessage({
-                                    id: 'app.components.GuidedTour.skip',
-                                    defaultMessage: 'Skip the tour'
-                                })
-                            })
-                        })
-                    ]
-                })
-            })
-        })
-    });
-};
-const ModalWrapper = styled.styled(designSystem.Flex)`
-  position: fixed;
-  z-index: 4;
-  inset: 0;
-  /* this is theme.colors.neutral800 with opacity */
-  background: ${({ theme })=>`${theme.colors.neutral800}1F`};
-`;
-const GuidedTourStepper = ({ title, children, cta, onCtaClick, sectionIndex, stepIndex, hasSectionAfter })=>{
-    const { formatMessage } = reactIntl.useIntl();
-    const hasSectionBefore = sectionIndex > 0;
-    const hasStepsBefore = stepIndex > 0;
-    const nextSectionIndex = sectionIndex + 1;
-    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-                alignItems: "stretch",
-                children: [
-                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
-                        marginRight: 8,
-                        justifyContent: "center",
-                        minWidth: `3rem`,
-                        children: hasSectionBefore && /*#__PURE__*/ jsxRuntime.jsx(Ornaments.VerticalDivider, {
-                            state: constants.STATES.IS_DONE,
-                            minHeight: `2.4rem`
-                        })
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                        variant: "sigma",
-                        textColor: "primary600",
-                        children: formatMessage({
-                            id: 'app.components.GuidedTour.title',
-                            defaultMessage: '3 steps to get started'
-                        })
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-                children: [
-                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
-                        marginRight: 8,
-                        minWidth: `3rem`,
-                        children: /*#__PURE__*/ jsxRuntime.jsx(Ornaments.Number, {
-                            state: hasStepsBefore ? constants.STATES.IS_DONE : constants.STATES.IS_ACTIVE,
-                            paddingTop: 3,
-                            paddingBottom: 3,
-                            children: sectionIndex + 1
-                        })
-                    }),
-                    title && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                        variant: "alpha",
-                        fontWeight: "bold",
-                        textColor: "neutral800",
-                        tag: "h3",
-                        id: "title",
-                        children: formatMessage(title)
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-                alignItems: "stretch",
-                children: [
-                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
-                        marginRight: 8,
-                        direction: "column",
-                        justifyContent: "center",
-                        minWidth: `3rem`,
-                        children: hasSectionAfter && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                            children: [
-                                /*#__PURE__*/ jsxRuntime.jsx(Ornaments.VerticalDivider, {
-                                    state: constants.STATES.IS_DONE
-                                }),
-                                hasStepsBefore && /*#__PURE__*/ jsxRuntime.jsx(Ornaments.Number, {
-                                    state: constants.STATES.IS_ACTIVE,
-                                    paddingTop: 3,
-                                    children: nextSectionIndex + 1
-                                })
-                            ]
-                        })
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
-                        children: [
-                            children,
-                            cta && (cta.target ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.LinkButton, {
-                                tag: reactRouterDom.NavLink,
-                                endIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.ArrowRight, {}),
-                                onClick: onCtaClick,
-                                to: cta.target,
-                                children: formatMessage(cta.title)
-                            }) : /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
-                                endIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.ArrowRight, {}),
-                                onClick: onCtaClick,
-                                children: formatMessage(cta.title)
-                            }))
-                        ]
-                    })
-                ]
-            }),
-            hasStepsBefore && hasSectionAfter && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                paddingTop: 3,
-                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
-                    marginRight: 8,
-                    justifyContent: "center",
-                    width: `3rem`,
-                    children: /*#__PURE__*/ jsxRuntime.jsx(Ornaments.VerticalDivider, {
-                        state: constants.STATES.IS_DONE,
-                        minHeight: `2.4rem`
-                    })
-                })
-            })
-        ]
-    });
-};
-const GuidedTourContent = ({ id, defaultMessage })=>{
-    const { formatMessage } = reactIntl.useIntl();
-    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
-        direction: "column",
-        alignItems: "stretch",
-        gap: 4,
-        paddingBottom: 6,
-        children: formatMessage({
-            id,
-            defaultMessage
-        }, {
-            documentationLink: DocumentationLink,
-            b: Bold,
-            p: Paragraph,
-            light: Light,
-            ul: List,
-            li: ListItem
-        })
-    });
-};
-const DocumentationLink = (children)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-        tag: "a",
-        textColor: "primary600",
-        target: "_blank",
-        rel: "noopener noreferrer",
-        href: "https://docs.strapi.io/developer-docs/latest/developer-resources/database-apis-reference/rest-api.html#api-parameters",
-        children: children
-    });
-const Bold = (children)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-        fontWeight: "semiBold",
-        children: children
-    });
-const Paragraph = (children)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-        children: children
-    });
-const Light = (children)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-        textColor: "neutral600",
-        children: children
-    });
-const List = (children)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-        paddingLeft: 6,
-        children: /*#__PURE__*/ jsxRuntime.jsx("ul", {
-            children: children
-        })
-    });
-const LiStyled = styled.styled.li`
-  list-style: disc;
-  &::marker {
-    color: ${({ theme })=>theme.colors.neutral800};
-  }
-`;
-const ListItem = (children)=>/*#__PURE__*/ jsxRuntime.jsx(LiStyled, {
-        children: children
-    });
-
-exports.GuidedTourModal = GuidedTourModal;
-//# sourceMappingURL=Modal.js.map