@strapi/admin 5.19.0 → 5.21.0

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

@@ -1,276 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import 'react';
-import { Flex, Portal, FocusTrap, IconButton, Box, Button, Typography, LinkButton } from '@strapi/design-system';
-import { Cross, ArrowRight } from '@strapi/icons';
-import get from 'lodash/get';
-import { useIntl } from 'react-intl';
-import { NavLink } from 'react-router-dom';
-import { styled } from 'styled-components';
-import { useTracking } from '../../features/Tracking.mjs';
-import { LAYOUT_DATA, STATES } from './constants.mjs';
-import { VerticalDivider, Number } from './Ornaments.mjs';
-import { useGuidedTour } from './Provider.mjs';
-
-/* -------------------------------------------------------------------------------------------------
- * GuidedTourModal
- * -----------------------------------------------------------------------------------------------*/ const GuidedTourModal = ()=>{
-    const guidedTour = useGuidedTour('GuidedTourModal', (state)=>state);
-    const { currentStep, guidedTourState, setCurrentStep, setStepState, isGuidedTourVisible, setSkipped } = guidedTour;
-    const { formatMessage } = useIntl();
-    const { trackUsage } = useTracking();
-    if (!currentStep || !isGuidedTourVisible) {
-        return null;
-    }
-    const stepData = get(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__*/ jsx(Portal, {
-        children: /*#__PURE__*/ jsx(ModalWrapper, {
-            onClick: handleCtaClick,
-            padding: 8,
-            justifyContent: "center",
-            children: /*#__PURE__*/ jsx(FocusTrap, {
-                onEscape: handleCtaClick,
-                children: /*#__PURE__*/ jsxs(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__*/ jsx(Flex, {
-                            justifyContent: "flex-end",
-                            children: /*#__PURE__*/ jsx(IconButton, {
-                                onClick: handleCtaClick,
-                                withTooltip: false,
-                                label: formatMessage({
-                                    id: 'app.utils.close-label',
-                                    defaultMessage: 'Close'
-                                }),
-                                children: /*#__PURE__*/ jsx(Cross, {})
-                            })
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            paddingLeft: 7,
-                            paddingRight: 7,
-                            paddingBottom: !hasStepAfter && !hasSectionAfter ? 8 : 0,
-                            children: /*#__PURE__*/ 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__*/ jsx(GuidedTourContent, {
-                                    ...stepData.content
-                                })
-                            })
-                        }),
-                        !(!hasStepAfter && !hasSectionAfter) && /*#__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 ModalWrapper = styled(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 } = useIntl();
-    const hasSectionBefore = sectionIndex > 0;
-    const hasStepsBefore = stepIndex > 0;
-    const nextSectionIndex = sectionIndex + 1;
-    return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            /*#__PURE__*/ jsxs(Flex, {
-                alignItems: "stretch",
-                children: [
-                    /*#__PURE__*/ jsx(Flex, {
-                        marginRight: 8,
-                        justifyContent: "center",
-                        minWidth: `3rem`,
-                        children: hasSectionBefore && /*#__PURE__*/ jsx(VerticalDivider, {
-                            state: STATES.IS_DONE,
-                            minHeight: `2.4rem`
-                        })
-                    }),
-                    /*#__PURE__*/ jsx(Typography, {
-                        variant: "sigma",
-                        textColor: "primary600",
-                        children: formatMessage({
-                            id: 'app.components.GuidedTour.title',
-                            defaultMessage: '3 steps to get started'
-                        })
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxs(Flex, {
-                children: [
-                    /*#__PURE__*/ jsx(Flex, {
-                        marginRight: 8,
-                        minWidth: `3rem`,
-                        children: /*#__PURE__*/ jsx(Number, {
-                            state: hasStepsBefore ? STATES.IS_DONE : STATES.IS_ACTIVE,
-                            paddingTop: 3,
-                            paddingBottom: 3,
-                            children: sectionIndex + 1
-                        })
-                    }),
-                    title && /*#__PURE__*/ jsx(Typography, {
-                        variant: "alpha",
-                        fontWeight: "bold",
-                        textColor: "neutral800",
-                        tag: "h3",
-                        id: "title",
-                        children: formatMessage(title)
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxs(Flex, {
-                alignItems: "stretch",
-                children: [
-                    /*#__PURE__*/ jsx(Flex, {
-                        marginRight: 8,
-                        direction: "column",
-                        justifyContent: "center",
-                        minWidth: `3rem`,
-                        children: hasSectionAfter && /*#__PURE__*/ jsxs(Fragment, {
-                            children: [
-                                /*#__PURE__*/ jsx(VerticalDivider, {
-                                    state: STATES.IS_DONE
-                                }),
-                                hasStepsBefore && /*#__PURE__*/ jsx(Number, {
-                                    state: STATES.IS_ACTIVE,
-                                    paddingTop: 3,
-                                    children: nextSectionIndex + 1
-                                })
-                            ]
-                        })
-                    }),
-                    /*#__PURE__*/ jsxs(Box, {
-                        children: [
-                            children,
-                            cta && (cta.target ? /*#__PURE__*/ jsx(LinkButton, {
-                                tag: NavLink,
-                                endIcon: /*#__PURE__*/ jsx(ArrowRight, {}),
-                                onClick: onCtaClick,
-                                to: cta.target,
-                                children: formatMessage(cta.title)
-                            }) : /*#__PURE__*/ jsx(Button, {
-                                endIcon: /*#__PURE__*/ jsx(ArrowRight, {}),
-                                onClick: onCtaClick,
-                                children: formatMessage(cta.title)
-                            }))
-                        ]
-                    })
-                ]
-            }),
-            hasStepsBefore && hasSectionAfter && /*#__PURE__*/ jsx(Box, {
-                paddingTop: 3,
-                children: /*#__PURE__*/ jsx(Flex, {
-                    marginRight: 8,
-                    justifyContent: "center",
-                    width: `3rem`,
-                    children: /*#__PURE__*/ jsx(VerticalDivider, {
-                        state: STATES.IS_DONE,
-                        minHeight: `2.4rem`
-                    })
-                })
-            })
-        ]
-    });
-};
-const GuidedTourContent = ({ id, defaultMessage })=>{
-    const { formatMessage } = useIntl();
-    return /*#__PURE__*/ jsx(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__*/ jsx(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__*/ jsx(Typography, {
-        fontWeight: "semiBold",
-        children: children
-    });
-const Paragraph = (children)=>/*#__PURE__*/ jsx(Typography, {
-        children: children
-    });
-const Light = (children)=>/*#__PURE__*/ jsx(Typography, {
-        textColor: "neutral600",
-        children: children
-    });
-const List = (children)=>/*#__PURE__*/ jsx(Box, {
-        paddingLeft: 6,
-        children: /*#__PURE__*/ jsx("ul", {
-            children: children
-        })
-    });
-const LiStyled = styled.li`
-  list-style: disc;
-  &::marker {
-    color: ${({ theme })=>theme.colors.neutral800};
-  }
-`;
-const ListItem = (children)=>/*#__PURE__*/ jsx(LiStyled, {
-        children: children
-    });
-
-export { GuidedTourModal };
-//# sourceMappingURL=Modal.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.mjs","sources":["../../../../../../admin/src/components/GuidedTour/Modal.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Box,\n  Button,\n  Flex,\n  FlexComponent,\n  FocusTrap,\n  IconButton,\n  Portal,\n  Typography,\n  LinkButton,\n} from '@strapi/design-system';\nimport { ArrowRight, Cross } from '@strapi/icons';\nimport get from 'lodash/get';\nimport { MessageDescriptor, useIntl } from 'react-intl';\nimport { NavLink } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { useTracking } from '../../features/Tracking';\n\nimport { LAYOUT_DATA, STATES } from './constants';\nimport { Number, VerticalDivider } from './Ornaments';\nimport { GuidedTourContextValue, useGuidedTour } from './Provider';\n\n/* -------------------------------------------------------------------------------------------------\n * GuidedTourModal\n * -----------------------------------------------------------------------------------------------*/\n\nconst GuidedTourModal = () => {\n  const guidedTour = useGuidedTour('GuidedTourModal', (state) => state);\n\n  const {\n    currentStep,\n    guidedTourState,\n    setCurrentStep,\n    setStepState,\n    isGuidedTourVisible,\n    setSkipped,\n  } = guidedTour;\n\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n\n  if (!currentStep || !isGuidedTourVisible) {\n    return null;\n  }\n\n  const stepData = get(LAYOUT_DATA, currentStep);\n  const sectionKeys = Object.keys(guidedTourState);\n  const [sectionName, stepName] = currentStep.split('.') as [\n    keyof GuidedTourContextValue['guidedTourState'],\n    string,\n  ];\n  const sectionIndex = sectionKeys.indexOf(sectionName);\n  const stepIndex = Object.keys(guidedTourState[sectionName]).indexOf(stepName);\n  const hasSectionAfter = sectionIndex < sectionKeys.length - 1;\n  const hasStepAfter = stepIndex < Object.keys(guidedTourState[sectionName]).length - 1;\n\n  const handleCtaClick = () => {\n    setStepState(currentStep, true);\n\n    if (stepData) {\n      trackUsage(stepData.trackingEvent);\n    }\n\n    setCurrentStep(null);\n  };\n\n  const handleSkip = () => {\n    setSkipped(true);\n    setCurrentStep(null);\n    trackUsage('didSkipGuidedtour');\n  };\n\n  return (\n    <Portal>\n      <ModalWrapper onClick={handleCtaClick} padding={8} justifyContent=\"center\">\n        <FocusTrap onEscape={handleCtaClick}>\n          <Flex\n            direction=\"column\"\n            alignItems=\"stretch\"\n            background=\"neutral0\"\n            width={`66rem`}\n            shadow=\"popupShadow\"\n            hasRadius\n            padding={4}\n            gap={8}\n            role=\"dialog\"\n            aria-modal\n            onClick={(e) => e.stopPropagation()}\n          >\n            <Flex justifyContent=\"flex-end\">\n              <IconButton\n                onClick={handleCtaClick}\n                withTooltip={false}\n                label={formatMessage({\n                  id: 'app.utils.close-label',\n                  defaultMessage: 'Close',\n                })}\n              >\n                <Cross />\n              </IconButton>\n            </Flex>\n            <Box\n              paddingLeft={7}\n              paddingRight={7}\n              paddingBottom={!hasStepAfter && !hasSectionAfter ? 8 : 0}\n            >\n              <GuidedTourStepper\n                title={stepData && 'title' in stepData ? stepData.title : undefined}\n                cta={stepData && 'cta' in stepData ? stepData.cta : undefined}\n                onCtaClick={handleCtaClick}\n                sectionIndex={sectionIndex}\n                stepIndex={stepIndex}\n                hasSectionAfter={hasSectionAfter}\n              >\n                {stepData && 'content' in stepData && <GuidedTourContent {...stepData.content} />}\n              </GuidedTourStepper>\n            </Box>\n            {!(!hasStepAfter && !hasSectionAfter) && (\n              <Flex justifyContent=\"flex-end\">\n                <Button variant=\"tertiary\" onClick={handleSkip}>\n                  {formatMessage({\n                    id: 'app.components.GuidedTour.skip',\n                    defaultMessage: 'Skip the tour',\n                  })}\n                </Button>\n              </Flex>\n            )}\n          </Flex>\n        </FocusTrap>\n      </ModalWrapper>\n    </Portal>\n  );\n};\n\nconst ModalWrapper = styled<FlexComponent>(Flex)`\n  position: fixed;\n  z-index: 4;\n  inset: 0;\n  /* this is theme.colors.neutral800 with opacity */\n  background: ${({ theme }) => `${theme.colors.neutral800}1F`};\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * GuidedTourStepper\n * -----------------------------------------------------------------------------------------------*/\n\ninterface GuidedTourStepperProps {\n  title: MessageDescriptor | undefined;\n  children: React.ReactNode;\n  cta?: {\n    title: MessageDescriptor;\n    target?: string;\n  };\n  onCtaClick: () => void;\n  sectionIndex: number;\n  stepIndex: number;\n  hasSectionAfter: boolean;\n}\n\nconst GuidedTourStepper = ({\n  title,\n  children,\n  cta,\n  onCtaClick,\n  sectionIndex,\n  stepIndex,\n  hasSectionAfter,\n}: GuidedTourStepperProps) => {\n  const { formatMessage } = useIntl();\n\n  const hasSectionBefore = sectionIndex > 0;\n  const hasStepsBefore = stepIndex > 0;\n  const nextSectionIndex = sectionIndex + 1;\n\n  return (\n    <>\n      <Flex alignItems=\"stretch\">\n        <Flex marginRight={8} justifyContent=\"center\" minWidth={`3rem`}>\n          {hasSectionBefore && <VerticalDivider state={STATES.IS_DONE} minHeight={`2.4rem`} />}\n        </Flex>\n        <Typography variant=\"sigma\" textColor=\"primary600\">\n          {formatMessage({\n            id: 'app.components.GuidedTour.title',\n            defaultMessage: '3 steps to get started',\n          })}\n        </Typography>\n      </Flex>\n      <Flex>\n        <Flex marginRight={8} minWidth={`3rem`}>\n          <Number\n            state={hasStepsBefore ? STATES.IS_DONE : STATES.IS_ACTIVE}\n            paddingTop={3}\n            paddingBottom={3}\n          >\n            {sectionIndex + 1}\n          </Number>\n        </Flex>\n        {title && (\n          <Typography variant=\"alpha\" fontWeight=\"bold\" textColor=\"neutral800\" tag=\"h3\" id=\"title\">\n            {formatMessage(title)}\n          </Typography>\n        )}\n      </Flex>\n      <Flex alignItems=\"stretch\">\n        <Flex marginRight={8} direction=\"column\" justifyContent=\"center\" minWidth={`3rem`}>\n          {hasSectionAfter && (\n            <>\n              <VerticalDivider state={STATES.IS_DONE} />\n              {hasStepsBefore && (\n                <Number state={STATES.IS_ACTIVE} paddingTop={3}>\n                  {nextSectionIndex + 1}\n                </Number>\n              )}\n            </>\n          )}\n        </Flex>\n        <Box>\n          {children}\n          {cta &&\n            (cta.target ? (\n              <LinkButton\n                tag={NavLink}\n                endIcon={<ArrowRight />}\n                onClick={onCtaClick}\n                to={cta.target}\n              >\n                {formatMessage(cta.title)}\n              </LinkButton>\n            ) : (\n              <Button endIcon={<ArrowRight />} onClick={onCtaClick}>\n                {formatMessage(cta.title)}\n              </Button>\n            ))}\n        </Box>\n      </Flex>\n      {hasStepsBefore && hasSectionAfter && (\n        <Box paddingTop={3}>\n          <Flex marginRight={8} justifyContent=\"center\" width={`3rem`}>\n            <VerticalDivider state={STATES.IS_DONE} minHeight={`2.4rem`} />\n          </Flex>\n        </Box>\n      )}\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * GuidedTourContent\n * -----------------------------------------------------------------------------------------------*/\n\ninterface GuidedTourContentProps\n  extends Required<Pick<MessageDescriptor, 'defaultMessage' | 'id'>> {}\n\nconst GuidedTourContent = ({ id, defaultMessage }: GuidedTourContentProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Flex direction=\"column\" alignItems=\"stretch\" gap={4} paddingBottom={6}>\n      {formatMessage(\n        { id, defaultMessage },\n        {\n          documentationLink: DocumentationLink,\n          b: Bold,\n          p: Paragraph,\n          light: Light,\n          ul: List,\n          li: ListItem,\n        }\n      )}\n    </Flex>\n  );\n};\n\nconst DocumentationLink = (children: React.ReactNode) => (\n  <Typography\n    tag=\"a\"\n    textColor=\"primary600\"\n    target=\"_blank\"\n    rel=\"noopener noreferrer\"\n    href=\"https://docs.strapi.io/developer-docs/latest/developer-resources/database-apis-reference/rest-api.html#api-parameters\"\n  >\n    {children}\n  </Typography>\n);\n\nconst Bold = (children: React.ReactNode) => (\n  <Typography fontWeight=\"semiBold\">{children}</Typography>\n);\n\nconst Paragraph = (children: React.ReactNode) => <Typography>{children}</Typography>;\n\nconst Light = (children: React.ReactNode) => (\n  <Typography textColor=\"neutral600\">{children}</Typography>\n);\n\nconst List = (children: React.ReactNode) => (\n  <Box paddingLeft={6}>\n    <ul>{children}</ul>\n  </Box>\n);\n\nconst LiStyled = styled.li`\n  list-style: disc;\n  &::marker {\n    color: ${({ theme }) => theme.colors.neutral800};\n  }\n`;\n\nconst ListItem = (children: React.ReactNode) => <LiStyled>{children}</LiStyled>;\n\nexport { GuidedTourModal };\n"],"names":["GuidedTourModal","guidedTour","useGuidedTour","state","currentStep","guidedTourState","setCurrentStep","setStepState","isGuidedTourVisible","setSkipped","formatMessage","useIntl","trackUsage","useTracking","stepData","get","LAYOUT_DATA","sectionKeys","Object","keys","sectionName","stepName","split","sectionIndex","indexOf","stepIndex","hasSectionAfter","length","hasStepAfter","handleCtaClick","trackingEvent","handleSkip","_jsx","Portal","ModalWrapper","onClick","padding","justifyContent","FocusTrap","onEscape","_jsxs","Flex","direction","alignItems","background","width","shadow","hasRadius","gap","role","aria-modal","e","stopPropagation","IconButton","withTooltip","label","id","defaultMessage","Cross","Box","paddingLeft","paddingRight","paddingBottom","GuidedTourStepper","title","undefined","cta","onCtaClick","GuidedTourContent","content","Button","variant","styled","theme","colors","neutral800","children","hasSectionBefore","hasStepsBefore","nextSectionIndex","_Fragment","marginRight","minWidth","VerticalDivider","STATES","IS_DONE","minHeight","Typography","textColor","Number","IS_ACTIVE","paddingTop","fontWeight","tag","target","LinkButton","NavLink","endIcon","ArrowRight","to","documentationLink","DocumentationLink","b","Bold","p","Paragraph","light","Light","ul","List","li","ListItem","rel","href","LiStyled"],"mappings":";;;;;;;;;;;;;AAyBA;;AAEkG,2GAE5FA,eAAkB,GAAA,IAAA;AACtB,IAAA,MAAMC,UAAaC,GAAAA,aAAAA,CAAc,iBAAmB,EAAA,CAACC,KAAUA,GAAAA,KAAAA,CAAAA;AAE/D,IAAA,MAAM,EACJC,WAAW,EACXC,eAAe,EACfC,cAAc,EACdC,YAAY,EACZC,mBAAmB,EACnBC,UAAU,EACX,GAAGR,UAAAA;IAEJ,MAAM,EAAES,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAEC,UAAU,EAAE,GAAGC,WAAAA,EAAAA;IAEvB,IAAI,CAACT,WAAe,IAAA,CAACI,mBAAqB,EAAA;QACxC,OAAO,IAAA;AACT;IAEA,MAAMM,QAAAA,GAAWC,IAAIC,WAAaZ,EAAAA,WAAAA,CAAAA;IAClC,MAAMa,WAAAA,GAAcC,MAAOC,CAAAA,IAAI,CAACd,eAAAA,CAAAA;AAChC,IAAA,MAAM,CAACe,WAAaC,EAAAA,QAAAA,CAAS,GAAGjB,WAAAA,CAAYkB,KAAK,CAAC,GAAA,CAAA;IAIlD,MAAMC,YAAAA,GAAeN,WAAYO,CAAAA,OAAO,CAACJ,WAAAA,CAAAA;IACzC,MAAMK,SAAAA,GAAYP,OAAOC,IAAI,CAACd,eAAe,CAACe,WAAAA,CAAY,CAAEI,CAAAA,OAAO,CAACH,QAAAA,CAAAA;AACpE,IAAA,MAAMK,eAAkBH,GAAAA,YAAAA,GAAeN,WAAYU,CAAAA,MAAM,GAAG,CAAA;IAC5D,MAAMC,YAAAA,GAAeH,SAAYP,GAAAA,MAAAA,CAAOC,IAAI,CAACd,eAAe,CAACe,WAAAA,CAAY,CAAEO,CAAAA,MAAM,GAAG,CAAA;AAEpF,IAAA,MAAME,cAAiB,GAAA,IAAA;AACrBtB,QAAAA,YAAAA,CAAaH,WAAa,EAAA,IAAA,CAAA;AAE1B,QAAA,IAAIU,QAAU,EAAA;AACZF,YAAAA,UAAAA,CAAWE,SAASgB,aAAa,CAAA;AACnC;QAEAxB,cAAe,CAAA,IAAA,CAAA;AACjB,KAAA;AAEA,IAAA,MAAMyB,UAAa,GAAA,IAAA;QACjBtB,UAAW,CAAA,IAAA,CAAA;QACXH,cAAe,CAAA,IAAA,CAAA;QACfM,UAAW,CAAA,mBAAA,CAAA;AACb,KAAA;AAEA,IAAA,qBACEoB,GAACC,CAAAA,MAAAA,EAAAA;AACC,QAAA,QAAA,gBAAAD,GAACE,CAAAA,YAAAA,EAAAA;YAAaC,OAASN,EAAAA,cAAAA;YAAgBO,OAAS,EAAA,CAAA;YAAGC,cAAe,EAAA,QAAA;AAChE,YAAA,QAAA,gBAAAL,GAACM,CAAAA,SAAAA,EAAAA;gBAAUC,QAAUV,EAAAA,cAAAA;AACnB,gBAAA,QAAA,gBAAAW,IAACC,CAAAA,IAAAA,EAAAA;oBACCC,SAAU,EAAA,QAAA;oBACVC,UAAW,EAAA,SAAA;oBACXC,UAAW,EAAA,UAAA;oBACXC,KAAO,EAAA,CAAC,KAAK,CAAC;oBACdC,MAAO,EAAA,aAAA;oBACPC,SAAS,EAAA,IAAA;oBACTX,OAAS,EAAA,CAAA;oBACTY,GAAK,EAAA,CAAA;oBACLC,IAAK,EAAA,QAAA;oBACLC,YAAU,EAAA,IAAA;oBACVf,OAAS,EAAA,CAACgB,CAAMA,GAAAA,CAAAA,CAAEC,eAAe,EAAA;;sCAEjCpB,GAACS,CAAAA,IAAAA,EAAAA;4BAAKJ,cAAe,EAAA,UAAA;AACnB,4BAAA,QAAA,gBAAAL,GAACqB,CAAAA,UAAAA,EAAAA;gCACClB,OAASN,EAAAA,cAAAA;gCACTyB,WAAa,EAAA,KAAA;AACbC,gCAAAA,KAAAA,EAAO7C,aAAc,CAAA;oCACnB8C,EAAI,EAAA,uBAAA;oCACJC,cAAgB,EAAA;AAClB,iCAAA,CAAA;AAEA,gCAAA,QAAA,gBAAAzB,GAAC0B,CAAAA,KAAAA,EAAAA,EAAAA;;;sCAGL1B,GAAC2B,CAAAA,GAAAA,EAAAA;4BACCC,WAAa,EAAA,CAAA;4BACbC,YAAc,EAAA,CAAA;AACdC,4BAAAA,aAAAA,EAAe,CAAClC,YAAAA,IAAgB,CAACF,eAAAA,GAAkB,CAAI,GAAA,CAAA;AAEvD,4BAAA,QAAA,gBAAAM,GAAC+B,CAAAA,iBAAAA,EAAAA;AACCC,gCAAAA,KAAAA,EAAOlD,QAAY,IAAA,OAAA,IAAWA,QAAWA,GAAAA,QAAAA,CAASkD,KAAK,GAAGC,SAAAA;AAC1DC,gCAAAA,GAAAA,EAAKpD,QAAY,IAAA,KAAA,IAASA,QAAWA,GAAAA,QAAAA,CAASoD,GAAG,GAAGD,SAAAA;gCACpDE,UAAYtC,EAAAA,cAAAA;gCACZN,YAAcA,EAAAA,YAAAA;gCACdE,SAAWA,EAAAA,SAAAA;gCACXC,eAAiBA,EAAAA,eAAAA;0CAEhBZ,QAAY,IAAA,SAAA,IAAaA,0BAAYkB,GAACoC,CAAAA,iBAAAA,EAAAA;AAAmB,oCAAA,GAAGtD,SAASuD;;;;AAGzE,wBAAA,EAAE,CAACzC,YAAAA,IAAgB,CAACF,eAAc,mBACjCM,GAACS,CAAAA,IAAAA,EAAAA;4BAAKJ,cAAe,EAAA,UAAA;AACnB,4BAAA,QAAA,gBAAAL,GAACsC,CAAAA,MAAAA,EAAAA;gCAAOC,OAAQ,EAAA,UAAA;gCAAWpC,OAASJ,EAAAA,UAAAA;0CACjCrB,aAAc,CAAA;oCACb8C,EAAI,EAAA,gCAAA;oCACJC,cAAgB,EAAA;AAClB,iCAAA;;;;;;;;AASlB;AAEA,MAAMvB,YAAAA,GAAesC,MAAsB/B,CAAAA,IAAAA,CAAK;;;;;AAKlC,cAAA,EAAE,CAAC,EAAEgC,KAAK,EAAE,GAAK,CAAC,EAAEA,KAAMC,CAAAA,MAAM,CAACC,UAAU,CAAC,EAAE,CAAC,CAAC;AAC9D,CAAC;AAmBD,MAAMZ,oBAAoB,CAAC,EACzBC,KAAK,EACLY,QAAQ,EACRV,GAAG,EACHC,UAAU,EACV5C,YAAY,EACZE,SAAS,EACTC,eAAe,EACQ,GAAA;IACvB,MAAM,EAAEhB,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,MAAMkE,mBAAmBtD,YAAe,GAAA,CAAA;AACxC,IAAA,MAAMuD,iBAAiBrD,SAAY,GAAA,CAAA;AACnC,IAAA,MAAMsD,mBAAmBxD,YAAe,GAAA,CAAA;IAExC,qBACEiB,IAAA,CAAAwC,QAAA,EAAA;;0BACExC,IAACC,CAAAA,IAAAA,EAAAA;gBAAKE,UAAW,EAAA,SAAA;;kCACfX,GAACS,CAAAA,IAAAA,EAAAA;wBAAKwC,WAAa,EAAA,CAAA;wBAAG5C,cAAe,EAAA,QAAA;wBAAS6C,QAAU,EAAA,CAAC,IAAI,CAAC;AAC3DL,wBAAAA,QAAAA,EAAAA,gBAAAA,kBAAoB7C,GAACmD,CAAAA,eAAAA,EAAAA;AAAgBhF,4BAAAA,KAAAA,EAAOiF,OAAOC,OAAO;4BAAEC,SAAW,EAAA,CAAC,MAAM;;;kCAEjFtD,GAACuD,CAAAA,UAAAA,EAAAA;wBAAWhB,OAAQ,EAAA,OAAA;wBAAQiB,SAAU,EAAA,YAAA;kCACnC9E,aAAc,CAAA;4BACb8C,EAAI,EAAA,iCAAA;4BACJC,cAAgB,EAAA;AAClB,yBAAA;;;;0BAGJjB,IAACC,CAAAA,IAAAA,EAAAA;;kCACCT,GAACS,CAAAA,IAAAA,EAAAA;wBAAKwC,WAAa,EAAA,CAAA;wBAAGC,QAAU,EAAA,CAAC,IAAI,CAAC;AACpC,wBAAA,QAAA,gBAAAlD,GAACyD,CAAAA,MAAAA,EAAAA;AACCtF,4BAAAA,KAAAA,EAAO2E,cAAiBM,GAAAA,MAAAA,CAAOC,OAAO,GAAGD,OAAOM,SAAS;4BACzDC,UAAY,EAAA,CAAA;4BACZ7B,aAAe,EAAA,CAAA;sCAEdvC,YAAe,GAAA;;;AAGnByC,oBAAAA,KAAAA,kBACChC,GAACuD,CAAAA,UAAAA,EAAAA;wBAAWhB,OAAQ,EAAA,OAAA;wBAAQqB,UAAW,EAAA,MAAA;wBAAOJ,SAAU,EAAA,YAAA;wBAAaK,GAAI,EAAA,IAAA;wBAAKrC,EAAG,EAAA,OAAA;kCAC9E9C,aAAcsD,CAAAA,KAAAA;;;;0BAIrBxB,IAACC,CAAAA,IAAAA,EAAAA;gBAAKE,UAAW,EAAA,SAAA;;kCACfX,GAACS,CAAAA,IAAAA,EAAAA;wBAAKwC,WAAa,EAAA,CAAA;wBAAGvC,SAAU,EAAA,QAAA;wBAASL,cAAe,EAAA,QAAA;wBAAS6C,QAAU,EAAA,CAAC,IAAI,CAAC;kCAC9ExD,eACC,kBAAAc,IAAA,CAAAwC,QAAA,EAAA;;8CACEhD,GAACmD,CAAAA,eAAAA,EAAAA;AAAgBhF,oCAAAA,KAAAA,EAAOiF,OAAOC;;AAC9BP,gCAAAA,cAAAA,kBACC9C,GAACyD,CAAAA,MAAAA,EAAAA;AAAOtF,oCAAAA,KAAAA,EAAOiF,OAAOM,SAAS;oCAAEC,UAAY,EAAA,CAAA;8CAC1CZ,gBAAmB,GAAA;;;;;kCAM9BvC,IAACmB,CAAAA,GAAAA,EAAAA;;AACEiB,4BAAAA,QAAAA;AACAV,4BAAAA,GAAAA,KACEA,GAAAA,CAAI4B,MAAM,iBACT9D,GAAC+D,CAAAA,UAAAA,EAAAA;gCACCF,GAAKG,EAAAA,OAAAA;AACLC,gCAAAA,OAAAA,gBAASjE,GAACkE,CAAAA,UAAAA,EAAAA,EAAAA,CAAAA;gCACV/D,OAASgC,EAAAA,UAAAA;AACTgC,gCAAAA,EAAAA,EAAIjC,IAAI4B,MAAM;AAEbpF,gCAAAA,QAAAA,EAAAA,aAAAA,CAAcwD,IAAIF,KAAK;+CAG1BhC,GAACsC,CAAAA,MAAAA,EAAAA;AAAO2B,gCAAAA,OAAAA,gBAASjE,GAACkE,CAAAA,UAAAA,EAAAA,EAAAA,CAAAA;gCAAe/D,OAASgC,EAAAA,UAAAA;AACvCzD,gCAAAA,QAAAA,EAAAA,aAAAA,CAAcwD,IAAIF,KAAK;AAE5B,6BAAA,CAAA;;;;;AAGLc,YAAAA,cAAAA,IAAkBpD,iCACjBM,GAAC2B,CAAAA,GAAAA,EAAAA;gBAAIgC,UAAY,EAAA,CAAA;AACf,gBAAA,QAAA,gBAAA3D,GAACS,CAAAA,IAAAA,EAAAA;oBAAKwC,WAAa,EAAA,CAAA;oBAAG5C,cAAe,EAAA,QAAA;oBAASQ,KAAO,EAAA,CAAC,IAAI,CAAC;AACzD,oBAAA,QAAA,gBAAAb,GAACmD,CAAAA,eAAAA,EAAAA;AAAgBhF,wBAAAA,KAAAA,EAAOiF,OAAOC,OAAO;wBAAEC,SAAW,EAAA,CAAC,MAAM;;;;;;AAMtE,CAAA;AASA,MAAMlB,oBAAoB,CAAC,EAAEZ,EAAE,EAAEC,cAAc,EAA0B,GAAA;IACvE,MAAM,EAAE/C,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,qBACEqB,GAACS,CAAAA,IAAAA,EAAAA;QAAKC,SAAU,EAAA,QAAA;QAASC,UAAW,EAAA,SAAA;QAAUK,GAAK,EAAA,CAAA;QAAGc,aAAe,EAAA,CAAA;kBAClEpD,aACC,CAAA;AAAE8C,YAAAA,EAAAA;AAAIC,YAAAA;SACN,EAAA;YACE2C,iBAAmBC,EAAAA,iBAAAA;YACnBC,CAAGC,EAAAA,IAAAA;YACHC,CAAGC,EAAAA,SAAAA;YACHC,KAAOC,EAAAA,KAAAA;YACPC,EAAIC,EAAAA,IAAAA;YACJC,EAAIC,EAAAA;AACN,SAAA;;AAIR,CAAA;AAEA,MAAMV,iBAAAA,GAAoB,CAACzB,QAAAA,iBACzB5C,GAACuD,CAAAA,UAAAA,EAAAA;QACCM,GAAI,EAAA,GAAA;QACJL,SAAU,EAAA,YAAA;QACVM,MAAO,EAAA,QAAA;QACPkB,GAAI,EAAA,qBAAA;QACJC,IAAK,EAAA,uHAAA;AAEJrC,QAAAA,QAAAA,EAAAA;;AAIL,MAAM2B,IAAAA,GAAO,CAAC3B,QAAAA,iBACZ5C,GAACuD,CAAAA,UAAAA,EAAAA;QAAWK,UAAW,EAAA,UAAA;AAAYhB,QAAAA,QAAAA,EAAAA;;AAGrC,MAAM6B,SAAAA,GAAY,CAAC7B,QAAAA,iBAA8B5C,GAACuD,CAAAA,UAAAA,EAAAA;AAAYX,QAAAA,QAAAA,EAAAA;;AAE9D,MAAM+B,KAAAA,GAAQ,CAAC/B,QAAAA,iBACb5C,GAACuD,CAAAA,UAAAA,EAAAA;QAAWC,SAAU,EAAA,YAAA;AAAcZ,QAAAA,QAAAA,EAAAA;;AAGtC,MAAMiC,IAAAA,GAAO,CAACjC,QAAAA,iBACZ5C,GAAC2B,CAAAA,GAAAA,EAAAA;QAAIC,WAAa,EAAA,CAAA;AAChB,QAAA,QAAA,gBAAA5B,GAAC4E,CAAAA,IAAAA,EAAAA;AAAIhC,YAAAA,QAAAA,EAAAA;;;AAIT,MAAMsC,QAAAA,GAAW1C,MAAOsC,CAAAA,EAAE;;;WAGf,EAAE,CAAC,EAAErC,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACC,UAAU,CAAC;;AAEpD,CAAC;AAED,MAAMoC,QAAAA,GAAW,CAACnC,QAAAA,iBAA8B5C,GAACkF,CAAAA,QAAAA,EAAAA;AAAUtC,QAAAA,QAAAA,EAAAA;;;;;"}

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

@@ -1,54 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var designSystem = require('@strapi/design-system');
-var icons = require('@strapi/icons');
-var constants = require('./constants.js');
-
-const Number = ({ children, state, ...props })=>{
-    return state === constants.STATES.IS_DONE || state === constants.STATES.IS_ACTIVE ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
-        background: "primary600",
-        padding: 2,
-        borderRadius: "50%",
-        width: `3rem`,
-        height: `3rem`,
-        justifyContent: "center",
-        ...props,
-        children: state === constants.STATES.IS_DONE ? /*#__PURE__*/ jsxRuntime.jsx(icons.Check, {
-            "aria-hidden": true,
-            width: `1.6rem`,
-            fill: "neutral0"
-        }) : /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-            fontWeight: "semiBold",
-            textColor: "neutral0",
-            children: children
-        })
-    }) : /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
-        borderColor: "neutral500",
-        borderWidth: "1px",
-        borderStyle: "solid",
-        padding: 2,
-        borderRadius: "50%",
-        width: `3rem`,
-        height: `3rem`,
-        justifyContent: "center",
-        ...props,
-        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-            fontWeight: "semiBold",
-            textColor: "neutral600",
-            children: children
-        })
-    });
-};
-const VerticalDivider = ({ state, ...props })=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-        width: `0.2rem`,
-        height: "100%",
-        background: state === constants.STATES.IS_NOT_DONE ? 'neutral300' : 'primary500',
-        hasRadius: true,
-        minHeight: state === constants.STATES.IS_ACTIVE ? `8.5rem` : `6.5rem`,
-        ...props
-    });
-
-exports.Number = Number;
-exports.VerticalDivider = VerticalDivider;
-//# sourceMappingURL=Ornaments.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Ornaments.js","sources":["../../../../../../admin/src/components/GuidedTour/Ornaments.tsx"],"sourcesContent":["import { Box, BoxProps, Flex, FlexProps, Typography } from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\n\nimport { STATES, States } from './constants';\n\n/* -------------------------------------------------------------------------------------------------\n * Number\n * -----------------------------------------------------------------------------------------------*/\n\ninterface NumberProps extends FlexProps {\n  children: number;\n  state: States;\n}\n\nconst Number = ({ children, state, ...props }: NumberProps) => {\n  return state === STATES.IS_DONE || state === STATES.IS_ACTIVE ? (\n    <Flex\n      background=\"primary600\"\n      padding={2}\n      borderRadius=\"50%\"\n      width={`3rem`}\n      height={`3rem`}\n      justifyContent=\"center\"\n      {...props}\n    >\n      {state === STATES.IS_DONE ? (\n        <Check aria-hidden width={`1.6rem`} fill=\"neutral0\" />\n      ) : (\n        <Typography fontWeight=\"semiBold\" textColor=\"neutral0\">\n          {children}\n        </Typography>\n      )}\n    </Flex>\n  ) : (\n    <Flex\n      borderColor=\"neutral500\"\n      borderWidth=\"1px\"\n      borderStyle=\"solid\"\n      padding={2}\n      borderRadius=\"50%\"\n      width={`3rem`}\n      height={`3rem`}\n      justifyContent=\"center\"\n      {...props}\n    >\n      <Typography fontWeight=\"semiBold\" textColor=\"neutral600\">\n        {children}\n      </Typography>\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * VerticalDivider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface VerticalDividerProps extends BoxProps {\n  state: States;\n}\n\nconst VerticalDivider = ({ state, ...props }: VerticalDividerProps) => (\n  <Box\n    width={`0.2rem`}\n    height=\"100%\"\n    background={state === STATES.IS_NOT_DONE ? 'neutral300' : 'primary500'}\n    hasRadius\n    minHeight={state === STATES.IS_ACTIVE ? `8.5rem` : `6.5rem`}\n    {...props}\n  />\n);\n\nexport { Number, VerticalDivider };\nexport type { NumberProps, VerticalDividerProps };\n"],"names":["Number","children","state","props","STATES","IS_DONE","IS_ACTIVE","_jsx","Flex","background","padding","borderRadius","width","height","justifyContent","Check","aria-hidden","fill","Typography","fontWeight","textColor","borderColor","borderWidth","borderStyle","VerticalDivider","Box","IS_NOT_DONE","hasRadius","minHeight"],"mappings":";;;;;;;AAcMA,MAAAA,MAAAA,GAAS,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGC,KAAoB,EAAA,GAAA;IACxD,OAAOD,KAAAA,KAAUE,iBAAOC,OAAO,IAAIH,UAAUE,gBAAOE,CAAAA,SAAS,iBAC3DC,cAACC,CAAAA,iBAAAA,EAAAA;QACCC,UAAW,EAAA,YAAA;QACXC,OAAS,EAAA,CAAA;QACTC,YAAa,EAAA,KAAA;QACbC,KAAO,EAAA,CAAC,IAAI,CAAC;QACbC,MAAQ,EAAA,CAAC,IAAI,CAAC;QACdC,cAAe,EAAA,QAAA;AACd,QAAA,GAAGX,KAAK;kBAERD,KAAUE,KAAAA,gBAAAA,CAAOC,OAAO,iBACvBE,cAACQ,CAAAA,WAAAA,EAAAA;YAAMC,aAAW,EAAA,IAAA;YAACJ,KAAO,EAAA,CAAC,MAAM,CAAC;YAAEK,IAAK,EAAA;2BAEzCV,cAACW,CAAAA,uBAAAA,EAAAA;YAAWC,UAAW,EAAA,UAAA;YAAWC,SAAU,EAAA,UAAA;AACzCnB,YAAAA,QAAAA,EAAAA;;uBAKPM,cAACC,CAAAA,iBAAAA,EAAAA;QACCa,WAAY,EAAA,YAAA;QACZC,WAAY,EAAA,KAAA;QACZC,WAAY,EAAA,OAAA;QACZb,OAAS,EAAA,CAAA;QACTC,YAAa,EAAA,KAAA;QACbC,KAAO,EAAA,CAAC,IAAI,CAAC;QACbC,MAAQ,EAAA,CAAC,IAAI,CAAC;QACdC,cAAe,EAAA,QAAA;AACd,QAAA,GAAGX,KAAK;AAET,QAAA,QAAA,gBAAAI,cAACW,CAAAA,uBAAAA,EAAAA;YAAWC,UAAW,EAAA,UAAA;YAAWC,SAAU,EAAA,YAAA;AACzCnB,YAAAA,QAAAA,EAAAA;;;AAIT;AAUMuB,MAAAA,eAAAA,GAAkB,CAAC,EAAEtB,KAAK,EAAE,GAAGC,KAAAA,EAA6B,iBAChEI,cAACkB,CAAAA,gBAAAA,EAAAA;QACCb,KAAO,EAAA,CAAC,MAAM,CAAC;QACfC,MAAO,EAAA,MAAA;AACPJ,QAAAA,UAAAA,EAAYP,KAAUE,KAAAA,gBAAAA,CAAOsB,WAAW,GAAG,YAAe,GAAA,YAAA;QAC1DC,SAAS,EAAA,IAAA;QACTC,SAAW1B,EAAAA,KAAAA,KAAUE,gBAAOE,CAAAA,SAAS,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC;AAC1D,QAAA,GAAGH;;;;;;"}

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

@@ -1,51 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { Flex, Typography, Box } from '@strapi/design-system';
-import { Check } from '@strapi/icons';
-import { STATES } from './constants.mjs';
-
-const Number = ({ children, state, ...props })=>{
-    return state === STATES.IS_DONE || state === STATES.IS_ACTIVE ? /*#__PURE__*/ jsx(Flex, {
-        background: "primary600",
-        padding: 2,
-        borderRadius: "50%",
-        width: `3rem`,
-        height: `3rem`,
-        justifyContent: "center",
-        ...props,
-        children: state === STATES.IS_DONE ? /*#__PURE__*/ jsx(Check, {
-            "aria-hidden": true,
-            width: `1.6rem`,
-            fill: "neutral0"
-        }) : /*#__PURE__*/ jsx(Typography, {
-            fontWeight: "semiBold",
-            textColor: "neutral0",
-            children: children
-        })
-    }) : /*#__PURE__*/ jsx(Flex, {
-        borderColor: "neutral500",
-        borderWidth: "1px",
-        borderStyle: "solid",
-        padding: 2,
-        borderRadius: "50%",
-        width: `3rem`,
-        height: `3rem`,
-        justifyContent: "center",
-        ...props,
-        children: /*#__PURE__*/ jsx(Typography, {
-            fontWeight: "semiBold",
-            textColor: "neutral600",
-            children: children
-        })
-    });
-};
-const VerticalDivider = ({ state, ...props })=>/*#__PURE__*/ jsx(Box, {
-        width: `0.2rem`,
-        height: "100%",
-        background: state === STATES.IS_NOT_DONE ? 'neutral300' : 'primary500',
-        hasRadius: true,
-        minHeight: state === STATES.IS_ACTIVE ? `8.5rem` : `6.5rem`,
-        ...props
-    });
-
-export { Number, VerticalDivider };
-//# sourceMappingURL=Ornaments.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Ornaments.mjs","sources":["../../../../../../admin/src/components/GuidedTour/Ornaments.tsx"],"sourcesContent":["import { Box, BoxProps, Flex, FlexProps, Typography } from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\n\nimport { STATES, States } from './constants';\n\n/* -------------------------------------------------------------------------------------------------\n * Number\n * -----------------------------------------------------------------------------------------------*/\n\ninterface NumberProps extends FlexProps {\n  children: number;\n  state: States;\n}\n\nconst Number = ({ children, state, ...props }: NumberProps) => {\n  return state === STATES.IS_DONE || state === STATES.IS_ACTIVE ? (\n    <Flex\n      background=\"primary600\"\n      padding={2}\n      borderRadius=\"50%\"\n      width={`3rem`}\n      height={`3rem`}\n      justifyContent=\"center\"\n      {...props}\n    >\n      {state === STATES.IS_DONE ? (\n        <Check aria-hidden width={`1.6rem`} fill=\"neutral0\" />\n      ) : (\n        <Typography fontWeight=\"semiBold\" textColor=\"neutral0\">\n          {children}\n        </Typography>\n      )}\n    </Flex>\n  ) : (\n    <Flex\n      borderColor=\"neutral500\"\n      borderWidth=\"1px\"\n      borderStyle=\"solid\"\n      padding={2}\n      borderRadius=\"50%\"\n      width={`3rem`}\n      height={`3rem`}\n      justifyContent=\"center\"\n      {...props}\n    >\n      <Typography fontWeight=\"semiBold\" textColor=\"neutral600\">\n        {children}\n      </Typography>\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * VerticalDivider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface VerticalDividerProps extends BoxProps {\n  state: States;\n}\n\nconst VerticalDivider = ({ state, ...props }: VerticalDividerProps) => (\n  <Box\n    width={`0.2rem`}\n    height=\"100%\"\n    background={state === STATES.IS_NOT_DONE ? 'neutral300' : 'primary500'}\n    hasRadius\n    minHeight={state === STATES.IS_ACTIVE ? `8.5rem` : `6.5rem`}\n    {...props}\n  />\n);\n\nexport { Number, VerticalDivider };\nexport type { NumberProps, VerticalDividerProps };\n"],"names":["Number","children","state","props","STATES","IS_DONE","IS_ACTIVE","_jsx","Flex","background","padding","borderRadius","width","height","justifyContent","Check","aria-hidden","fill","Typography","fontWeight","textColor","borderColor","borderWidth","borderStyle","VerticalDivider","Box","IS_NOT_DONE","hasRadius","minHeight"],"mappings":";;;;;AAcMA,MAAAA,MAAAA,GAAS,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGC,KAAoB,EAAA,GAAA;IACxD,OAAOD,KAAAA,KAAUE,OAAOC,OAAO,IAAIH,UAAUE,MAAOE,CAAAA,SAAS,iBAC3DC,GAACC,CAAAA,IAAAA,EAAAA;QACCC,UAAW,EAAA,YAAA;QACXC,OAAS,EAAA,CAAA;QACTC,YAAa,EAAA,KAAA;QACbC,KAAO,EAAA,CAAC,IAAI,CAAC;QACbC,MAAQ,EAAA,CAAC,IAAI,CAAC;QACdC,cAAe,EAAA,QAAA;AACd,QAAA,GAAGX,KAAK;kBAERD,KAAUE,KAAAA,MAAAA,CAAOC,OAAO,iBACvBE,GAACQ,CAAAA,KAAAA,EAAAA;YAAMC,aAAW,EAAA,IAAA;YAACJ,KAAO,EAAA,CAAC,MAAM,CAAC;YAAEK,IAAK,EAAA;2BAEzCV,GAACW,CAAAA,UAAAA,EAAAA;YAAWC,UAAW,EAAA,UAAA;YAAWC,SAAU,EAAA,UAAA;AACzCnB,YAAAA,QAAAA,EAAAA;;uBAKPM,GAACC,CAAAA,IAAAA,EAAAA;QACCa,WAAY,EAAA,YAAA;QACZC,WAAY,EAAA,KAAA;QACZC,WAAY,EAAA,OAAA;QACZb,OAAS,EAAA,CAAA;QACTC,YAAa,EAAA,KAAA;QACbC,KAAO,EAAA,CAAC,IAAI,CAAC;QACbC,MAAQ,EAAA,CAAC,IAAI,CAAC;QACdC,cAAe,EAAA,QAAA;AACd,QAAA,GAAGX,KAAK;AAET,QAAA,QAAA,gBAAAI,GAACW,CAAAA,UAAAA,EAAAA;YAAWC,UAAW,EAAA,UAAA;YAAWC,SAAU,EAAA,YAAA;AACzCnB,YAAAA,QAAAA,EAAAA;;;AAIT;AAUMuB,MAAAA,eAAAA,GAAkB,CAAC,EAAEtB,KAAK,EAAE,GAAGC,KAAAA,EAA6B,iBAChEI,GAACkB,CAAAA,GAAAA,EAAAA;QACCb,KAAO,EAAA,CAAC,MAAM,CAAC;QACfC,MAAO,EAAA,MAAA;AACPJ,QAAAA,UAAAA,EAAYP,KAAUE,KAAAA,MAAAA,CAAOsB,WAAW,GAAG,YAAe,GAAA,YAAA;QAC1DC,SAAS,EAAA,IAAA;QACTC,SAAW1B,EAAAA,KAAAA,KAAUE,MAAOE,CAAAA,SAAS,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC;AAC1D,QAAA,GAAGH;;;;;"}

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

@@ -1,206 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var immer = require('immer');
-var get = require('lodash/get');
-var set = require('lodash/set');
-var Context = require('../Context.js');
-
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-const GUIDED_TOUR_COMPLETED_STEPS = 'GUIDED_TOUR_COMPLETED_STEPS';
-const GUIDED_TOUR_CURRENT_STEP = 'GUIDED_TOUR_CURRENT_STEP';
-const GUIDED_TOUR_SKIPPED = 'GUIDED_TOUR_SKIPPED';
-const [GuidedTourProviderImpl, useGuidedTour] = Context.createContext('GuidedTour');
-const GuidedTourProvider = ({ children })=>{
-    const [{ currentStep, guidedTourState, isGuidedTourVisible, isSkipped }, dispatch] = React__namespace.useReducer(reducer, initialState, initialiseState);
-    const setCurrentStep = (step)=>{
-        // if step is null it is intentional, we need to dispatch it
-        if (step !== null) {
-            const isStepAlreadyDone = get(guidedTourState, step);
-            const [sectionName, stepName] = step.split('.');
-            const sectionArray = Object.entries(guidedTourState[sectionName]);
-            const currentStepIndex = sectionArray.findIndex(([key])=>key === stepName);
-            const previousSteps = sectionArray.slice(0, currentStepIndex);
-            const isStepToShow = previousSteps.every(([, sectionValue])=>sectionValue);
-            if (isStepAlreadyDone || isSkipped || !isStepToShow) {
-                return null;
-            }
-        }
-        window.localStorage.setItem(GUIDED_TOUR_CURRENT_STEP, JSON.stringify(null));
-        return dispatch({
-            type: 'SET_CURRENT_STEP',
-            step
-        });
-    };
-    const setGuidedTourVisibility = (value)=>{
-        dispatch({
-            type: 'SET_GUIDED_TOUR_VISIBILITY',
-            value
-        });
-    };
-    const setStepState = (currentStep, value)=>{
-        addCompletedStep(currentStep);
-        dispatch({
-            type: 'SET_STEP_STATE',
-            currentStep,
-            value
-        });
-    };
-    const startSection = (sectionName)=>{
-        const sectionSteps = guidedTourState[sectionName];
-        if (sectionSteps) {
-            const guidedTourArray = Object.entries(guidedTourState);
-            // Find current section position in the guidedTourArray
-            // Get only previous sections based on current section position
-            const currentSectionIndex = guidedTourArray.findIndex(([key])=>key === sectionName);
-            const previousSections = guidedTourArray.slice(0, currentSectionIndex);
-            // Check if every steps from previous section are done
-            const isSectionToShow = previousSections.every(([, sectionValue])=>Object.values(sectionValue).every(Boolean));
-            const [firstStep] = Object.keys(sectionSteps);
-            const isFirstStepDone = sectionSteps[firstStep];
-            if (isSectionToShow && !currentStep && !isFirstStepDone) {
-                setCurrentStep(`${sectionName}.${firstStep}`);
-            }
-        }
-    };
-    const setSkipped = (value)=>{
-        window.localStorage.setItem(GUIDED_TOUR_SKIPPED, JSON.stringify(value));
-        dispatch({
-            type: 'SET_SKIPPED',
-            value
-        });
-    };
-    return /*#__PURE__*/ jsxRuntime.jsx(GuidedTourProviderImpl, {
-        guidedTourState: guidedTourState,
-        currentStep: currentStep,
-        setCurrentStep: setCurrentStep,
-        setGuidedTourVisibility: setGuidedTourVisibility,
-        setSkipped: setSkipped,
-        setStepState: setStepState,
-        startSection: startSection,
-        // TODO: remove the future condition when the unstable guided tour will be released
-        isGuidedTourVisible: isGuidedTourVisible && !window.strapi.future.isEnabled('unstableGuidedTour'),
-        isSkipped: isSkipped,
-        children: children
-    });
-};
-const initialState = {
-    currentStep: null,
-    guidedTourState: {
-        contentTypeBuilder: {
-            create: false,
-            success: false
-        },
-        contentManager: {
-            create: false,
-            success: false
-        },
-        apiTokens: {
-            create: false,
-            success: false
-        }
-    },
-    isGuidedTourVisible: false,
-    isSkipped: false
-};
-const reducer = (state = initialState, action)=>immer.produce(state, (draftState)=>{
-        switch(action.type){
-            case 'SET_CURRENT_STEP':
-                {
-                    draftState.currentStep = action.step;
-                    break;
-                }
-            case 'SET_STEP_STATE':
-                {
-                    const [section, step] = action.currentStep.split('.');
-                    draftState.guidedTourState[section][step] = action.value;
-                    break;
-                }
-            case 'SET_SKIPPED':
-                {
-                    draftState.isSkipped = action.value;
-                    break;
-                }
-            case 'SET_GUIDED_TOUR_VISIBILITY':
-                {
-                    draftState.isGuidedTourVisible = action.value;
-                    break;
-                }
-            default:
-                {
-                    return draftState;
-                }
-        }
-    });
-const initialiseState = (initialState)=>{
-    const copyInitialState = {
-        ...initialState
-    };
-    const guidedTourLocaleStorage = JSON.parse(window.localStorage.getItem(GUIDED_TOUR_COMPLETED_STEPS) ?? '[]');
-    const currentStepLocaleStorage = JSON.parse(window.localStorage.getItem(GUIDED_TOUR_CURRENT_STEP) ?? 'null');
-    const skippedLocaleStorage = JSON.parse(window.localStorage.getItem(GUIDED_TOUR_SKIPPED) ?? 'null');
-    if (Array.isArray(guidedTourLocaleStorage)) {
-        guidedTourLocaleStorage.forEach((step)=>{
-            const [sectionName, stepName] = step.split('.');
-            set(copyInitialState, [
-                'guidedTourState',
-                sectionName,
-                stepName
-            ], true);
-        });
-    }
-    // if current step when initializing mark it as done
-    if (currentStepLocaleStorage) {
-        const [sectionName, stepName] = currentStepLocaleStorage.split('.');
-        set(copyInitialState, [
-            'guidedTourState',
-            sectionName,
-            stepName
-        ], true);
-        addCompletedStep(currentStepLocaleStorage);
-        window.localStorage.setItem(GUIDED_TOUR_CURRENT_STEP, JSON.stringify(null));
-    }
-    if (skippedLocaleStorage !== null) {
-        set(copyInitialState, 'isSkipped', skippedLocaleStorage);
-    }
-    return copyInitialState;
-};
-/**
- * @description Add a completed step to the local storage if it does not already exist.
- */ const addCompletedStep = (completedStep)=>{
-    const currentSteps = JSON.parse(window.localStorage.getItem(GUIDED_TOUR_COMPLETED_STEPS) ?? '[]');
-    if (!Array.isArray(currentSteps)) {
-        return;
-    }
-    const isAlreadyStored = currentSteps.includes(completedStep);
-    if (isAlreadyStored) {
-        return;
-    }
-    window.localStorage.setItem(GUIDED_TOUR_COMPLETED_STEPS, JSON.stringify([
-        ...currentSteps,
-        completedStep
-    ]));
-};
-
-exports.GuidedTourProvider = GuidedTourProvider;
-exports.useGuidedTour = useGuidedTour;
-//# sourceMappingURL=Provider.js.map