@strapi/admin 5.21.0 → 5.23.0

package/dist/admin/admin/src/components/GuidedTour/Steps/ContentTypeBuilderSteps.mjs

@@ -0,0 +1,217 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useParams } from 'react-router-dom';
+import { useGetGuidedTourMetaQuery } from '../../../services/admin.mjs';
+import { GUIDED_TOUR_REQUIRED_ACTIONS } from '../utils/constants.mjs';
+import { StepCount, GotItAction } from './Step.mjs';
+
+/* -------------------------------------------------------------------------------------------------
+ * Step Components
+ * -----------------------------------------------------------------------------------------------*/ const Introduction = ({ Step })=>/*#__PURE__*/ jsxs(Step.Root, {
+        sideOffset: 33,
+        withArrow: false,
+        children: [
+            /*#__PURE__*/ jsx(Step.Title, {
+                id: "tours.contentTypeBuilder.Introduction.title",
+                defaultMessage: "Content-Type Builder"
+            }),
+            /*#__PURE__*/ jsx(Step.Content, {
+                id: "tours.contentTypeBuilder.Introduction.content",
+                defaultMessage: "Create and manage your content structure with collection types, single types and components."
+            }),
+            /*#__PURE__*/ jsx(Step.Actions, {
+                showPrevious: false
+            })
+        ]
+    });
+const CollectionTypes = ({ Step })=>/*#__PURE__*/ jsxs(Step.Root, {
+        side: "right",
+        sideOffset: 16,
+        children: [
+            /*#__PURE__*/ jsx(Step.Title, {
+                id: "tours.contentTypeBuilder.CollectionTypes.title",
+                defaultMessage: "Collection Types"
+            }),
+            /*#__PURE__*/ jsx(Step.Content, {
+                id: "tours.contentTypeBuilder.CollectionTypes.content",
+                defaultMessage: "A content structure that can manage multiple entries, such as articles or products."
+            }),
+            /*#__PURE__*/ jsx(Step.Actions, {})
+        ]
+    });
+const SingleTypes = ({ Step })=>/*#__PURE__*/ jsxs(Step.Root, {
+        side: "right",
+        sideOffset: 16,
+        children: [
+            /*#__PURE__*/ jsx(Step.Title, {
+                id: "tours.contentTypeBuilder.SingleTypes.title",
+                defaultMessage: "Single Types"
+            }),
+            /*#__PURE__*/ jsx(Step.Content, {
+                id: "tours.contentTypeBuilder.SingleTypes.content",
+                defaultMessage: "A content structure that can manage a single entry, such as a homepage or a header."
+            }),
+            /*#__PURE__*/ jsx(Step.Actions, {})
+        ]
+    });
+const Components = ({ Step })=>/*#__PURE__*/ jsxs(Step.Root, {
+        side: "right",
+        sideOffset: 16,
+        children: [
+            /*#__PURE__*/ jsx(Step.Title, {
+                id: "tours.contentTypeBuilder.Components.title",
+                defaultMessage: "Components"
+            }),
+            /*#__PURE__*/ jsx(Step.Content, {
+                id: "tours.contentTypeBuilder.Components.content",
+                defaultMessage: "A reusable content structure that can be used across multiple content types, such as buttons, sliders or cards."
+            }),
+            /*#__PURE__*/ jsx(Step.Actions, {})
+        ]
+    });
+const YourTurn = ({ Step })=>/*#__PURE__*/ jsxs(Step.Root, {
+        side: "right",
+        sideOffset: 16,
+        children: [
+            /*#__PURE__*/ jsx(Step.Title, {
+                id: "tours.contentTypeBuilder.YourTurn.title",
+                defaultMessage: "Your turn"
+            }),
+            /*#__PURE__*/ jsx(Step.Content, {
+                id: "tours.contentTypeBuilder.YourTurn.content",
+                defaultMessage: "Create a collection type or single type and configure it."
+            }),
+            /*#__PURE__*/ jsx(Step.Actions, {})
+        ]
+    });
+const AddFields = ({ Step, dispatch })=>/*#__PURE__*/ jsxs(Step.Root, {
+        side: "bottom",
+        children: [
+            /*#__PURE__*/ jsx(Step.Title, {
+                id: "tours.contentTypeBuilder.AddFields.title",
+                defaultMessage: "Don't forget to add a field to your content type"
+            }),
+            /*#__PURE__*/ jsx(Step.Content, {
+                id: "tours.contentTypeBuilder.AddFields.content",
+                defaultMessage: "Add the fields your content needs such as text, media and relations."
+            }),
+            /*#__PURE__*/ jsxs(Step.Actions, {
+                children: [
+                    /*#__PURE__*/ jsx(StepCount, {
+                        tourName: "contentTypeBuilder"
+                    }),
+                    /*#__PURE__*/ jsx(GotItAction, {
+                        onClick: ()=>dispatch({
+                                type: 'next_step',
+                                payload: 'contentTypeBuilder'
+                            })
+                    })
+                ]
+            })
+        ]
+    });
+const Save = ({ Step, dispatch })=>/*#__PURE__*/ jsxs(Step.Root, {
+        side: "right",
+        children: [
+            /*#__PURE__*/ jsx(Step.Title, {
+                id: "tours.contentTypeBuilder.Save.title",
+                defaultMessage: "Save before you leave!"
+            }),
+            /*#__PURE__*/ jsx(Step.Content, {
+                id: "tours.contentTypeBuilder.Save.content",
+                defaultMessage: "Save the changes you made here before leaving this page."
+            }),
+            /*#__PURE__*/ jsxs(Step.Actions, {
+                children: [
+                    /*#__PURE__*/ jsx(StepCount, {
+                        tourName: "contentTypeBuilder"
+                    }),
+                    /*#__PURE__*/ jsx(GotItAction, {
+                        onClick: ()=>{
+                            // Ensure the completed action is removed
+                            // in the event the user already has a schema but is still doing the tour
+                            dispatch({
+                                type: 'remove_completed_action',
+                                payload: GUIDED_TOUR_REQUIRED_ACTIONS.contentTypeBuilder.createSchema
+                            });
+                            dispatch({
+                                type: 'next_step',
+                                payload: 'contentTypeBuilder'
+                            });
+                        }
+                    })
+                ]
+            })
+        ]
+    });
+const Finish = ({ Step })=>{
+    const { data: guidedTourMeta } = useGetGuidedTourMetaQuery();
+    const { '*': routeParams } = useParams();
+    // Get the uid from the params
+    const uid = routeParams?.split('/').pop();
+    const contentType = uid ? guidedTourMeta?.data?.schemas?.[uid] : null;
+    const contentTypeKindDictionary = {
+        collectionType: 'collection-types',
+        singleType: 'single-types'
+    };
+    const to = contentType ? `/content-manager/${contentTypeKindDictionary[contentType.kind]}/${contentType.uid}` : '/content-manager';
+    return /*#__PURE__*/ jsxs(Step.Root, {
+        side: "right",
+        children: [
+            /*#__PURE__*/ jsx(Step.Title, {
+                id: "tours.contentTypeBuilder.Finish.title",
+                defaultMessage: "It's time to create content!"
+            }),
+            /*#__PURE__*/ jsx(Step.Content, {
+                id: "tours.contentTypeBuilder.Finish.content",
+                defaultMessage: "Now that you created content types, you'll be able to create content in the content manager."
+            }),
+            /*#__PURE__*/ jsx(Step.Actions, {
+                showStepCount: false,
+                showPrevious: false,
+                to: to
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Steps
+ * -----------------------------------------------------------------------------------------------*/ const contentTypeBuilderSteps = [
+    {
+        name: 'Introduction',
+        content: Introduction
+    },
+    {
+        name: 'CollectionTypes',
+        content: CollectionTypes
+    },
+    {
+        name: 'SingleTypes',
+        content: SingleTypes
+    },
+    {
+        name: 'Components',
+        content: Components
+    },
+    {
+        name: 'YourTurn',
+        content: YourTurn
+    },
+    {
+        name: 'AddFields',
+        content: AddFields
+    },
+    {
+        name: 'Save',
+        when: (completedActions)=>completedActions.includes(GUIDED_TOUR_REQUIRED_ACTIONS.contentTypeBuilder.addField),
+        content: Save
+    },
+    {
+        name: 'Finish',
+        content: Finish,
+        excludeFromStepCount: true,
+        when: (completedActions)=>completedActions.includes(GUIDED_TOUR_REQUIRED_ACTIONS.contentTypeBuilder.createSchema)
+    }
+];
+
+export { contentTypeBuilderSteps };
+//# sourceMappingURL=ContentTypeBuilderSteps.mjs.map

package/dist/admin/admin/src/components/GuidedTour/Steps/ContentTypeBuilderSteps.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentTypeBuilderSteps.mjs","sources":["../../../../../../../admin/src/components/GuidedTour/Steps/ContentTypeBuilderSteps.tsx"],"sourcesContent":["import { UID } from '@strapi/types';\nimport { useParams } from 'react-router-dom';\n\nimport { useGetGuidedTourMetaQuery } from '../../../services/admin';\nimport { CompletedActions } from '../Context';\nimport { type StepContentProps } from '../Tours';\nimport { GUIDED_TOUR_REQUIRED_ACTIONS } from '../utils/constants';\n\nimport { GotItAction, StepCount } from './Step';\n\n/* -------------------------------------------------------------------------------------------------\n * Step Components\n * -----------------------------------------------------------------------------------------------*/\n\nconst Introduction = ({ Step }: StepContentProps) => (\n  <Step.Root sideOffset={33} withArrow={false}>\n    <Step.Title\n      id=\"tours.contentTypeBuilder.Introduction.title\"\n      defaultMessage=\"Content-Type Builder\"\n    />\n    <Step.Content\n      id=\"tours.contentTypeBuilder.Introduction.content\"\n      defaultMessage=\"Create and manage your content structure with collection types, single types and components.\"\n    />\n    <Step.Actions showPrevious={false} />\n  </Step.Root>\n);\n\nconst CollectionTypes = ({ Step }: StepContentProps) => (\n  <Step.Root side=\"right\" sideOffset={16}>\n    <Step.Title\n      id=\"tours.contentTypeBuilder.CollectionTypes.title\"\n      defaultMessage=\"Collection Types\"\n    />\n    <Step.Content\n      id=\"tours.contentTypeBuilder.CollectionTypes.content\"\n      defaultMessage=\"A content structure that can manage multiple entries, such as articles or products.\"\n    />\n    <Step.Actions />\n  </Step.Root>\n);\n\nconst SingleTypes = ({ Step }: StepContentProps) => (\n  <Step.Root side=\"right\" sideOffset={16}>\n    <Step.Title id=\"tours.contentTypeBuilder.SingleTypes.title\" defaultMessage=\"Single Types\" />\n    <Step.Content\n      id=\"tours.contentTypeBuilder.SingleTypes.content\"\n      defaultMessage=\"A content structure that can manage a single entry, such as a homepage or a header.\"\n    />\n    <Step.Actions />\n  </Step.Root>\n);\n\nconst Components = ({ Step }: StepContentProps) => (\n  <Step.Root side=\"right\" sideOffset={16}>\n    <Step.Title id=\"tours.contentTypeBuilder.Components.title\" defaultMessage=\"Components\" />\n    <Step.Content\n      id=\"tours.contentTypeBuilder.Components.content\"\n      defaultMessage=\"A reusable content structure that can be used across multiple content types, such as buttons, sliders or cards.\"\n    />\n    <Step.Actions />\n  </Step.Root>\n);\n\nconst YourTurn = ({ Step }: StepContentProps) => (\n  <Step.Root side=\"right\" sideOffset={16}>\n    <Step.Title id=\"tours.contentTypeBuilder.YourTurn.title\" defaultMessage=\"Your turn\" />\n    <Step.Content\n      id=\"tours.contentTypeBuilder.YourTurn.content\"\n      defaultMessage=\"Create a collection type or single type and configure it.\"\n    />\n    <Step.Actions />\n  </Step.Root>\n);\n\nconst AddFields = ({ Step, dispatch }: StepContentProps) => (\n  <Step.Root side=\"bottom\">\n    <Step.Title\n      id=\"tours.contentTypeBuilder.AddFields.title\"\n      defaultMessage=\"Don't forget to add a field to your content type\"\n    />\n    <Step.Content\n      id=\"tours.contentTypeBuilder.AddFields.content\"\n      defaultMessage=\"Add the fields your content needs such as text, media and relations.\"\n    />\n    <Step.Actions>\n      <StepCount tourName=\"contentTypeBuilder\" />\n      <GotItAction onClick={() => dispatch({ type: 'next_step', payload: 'contentTypeBuilder' })} />\n    </Step.Actions>\n  </Step.Root>\n);\n\nconst Save = ({ Step, dispatch }: StepContentProps) => (\n  <Step.Root side=\"right\">\n    <Step.Title id=\"tours.contentTypeBuilder.Save.title\" defaultMessage=\"Save before you leave!\" />\n    <Step.Content\n      id=\"tours.contentTypeBuilder.Save.content\"\n      defaultMessage=\"Save the changes you made here before leaving this page.\"\n    />\n    <Step.Actions>\n      <StepCount tourName=\"contentTypeBuilder\" />\n      <GotItAction\n        onClick={() => {\n          // Ensure the completed action is removed\n          // in the event the user already has a schema but is still doing the tour\n          dispatch({\n            type: 'remove_completed_action',\n            payload: GUIDED_TOUR_REQUIRED_ACTIONS.contentTypeBuilder.createSchema,\n          });\n          dispatch({ type: 'next_step', payload: 'contentTypeBuilder' });\n        }}\n      />\n    </Step.Actions>\n  </Step.Root>\n);\n\nconst Finish = ({ Step }: StepContentProps) => {\n  const { data: guidedTourMeta } = useGetGuidedTourMetaQuery();\n  const { '*': routeParams } = useParams();\n  // Get the uid from the params\n  const uid = routeParams?.split('/').pop();\n  const contentType = uid ? guidedTourMeta?.data?.schemas?.[uid as UID.ContentType] : null;\n  const contentTypeKindDictionary = {\n    collectionType: 'collection-types',\n    singleType: 'single-types',\n  };\n\n  const to = contentType\n    ? `/content-manager/${contentTypeKindDictionary[contentType.kind]}/${contentType.uid}`\n    : '/content-manager';\n\n  return (\n    <Step.Root side=\"right\">\n      <Step.Title\n        id=\"tours.contentTypeBuilder.Finish.title\"\n        defaultMessage=\"It's time to create content!\"\n      />\n      <Step.Content\n        id=\"tours.contentTypeBuilder.Finish.content\"\n        defaultMessage=\"Now that you created content types, you'll be able to create content in the content manager.\"\n      />\n      <Step.Actions showStepCount={false} showPrevious={false} to={to} />\n    </Step.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Steps\n * -----------------------------------------------------------------------------------------------*/\n\nexport const contentTypeBuilderSteps = [\n  {\n    name: 'Introduction',\n    content: Introduction,\n  },\n  {\n    name: 'CollectionTypes',\n    content: CollectionTypes,\n  },\n  {\n    name: 'SingleTypes',\n    content: SingleTypes,\n  },\n  {\n    name: 'Components',\n    content: Components,\n  },\n  {\n    name: 'YourTurn',\n    content: YourTurn,\n  },\n  {\n    name: 'AddFields',\n    content: AddFields,\n  },\n  {\n    name: 'Save',\n    when: (completedActions: CompletedActions) =>\n      completedActions.includes(GUIDED_TOUR_REQUIRED_ACTIONS.contentTypeBuilder.addField),\n    content: Save,\n  },\n  {\n    name: 'Finish',\n    content: Finish,\n    excludeFromStepCount: true,\n    when: (completedActions: CompletedActions) =>\n      completedActions.includes(GUIDED_TOUR_REQUIRED_ACTIONS.contentTypeBuilder.createSchema),\n  },\n] as const;\n"],"names":["Introduction","Step","_jsxs","Root","sideOffset","withArrow","_jsx","Title","id","defaultMessage","Content","Actions","showPrevious","CollectionTypes","side","SingleTypes","Components","YourTurn","AddFields","dispatch","StepCount","tourName","GotItAction","onClick","type","payload","Save","GUIDED_TOUR_REQUIRED_ACTIONS","contentTypeBuilder","createSchema","Finish","data","guidedTourMeta","useGetGuidedTourMetaQuery","routeParams","useParams","uid","split","pop","contentType","schemas","contentTypeKindDictionary","collectionType","singleType","to","kind","showStepCount","contentTypeBuilderSteps","name","content","when","completedActions","includes","addField","excludeFromStepCount"],"mappings":"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"}

package/dist/admin/admin/src/components/GuidedTour/{Step.js → Steps/Step.js}

@@ -6,8 +6,9 @@ var designSystem = require('@strapi/design-system');
 var reactIntl = require('react-intl');
 var reactRouterDom = require('react-router-dom');
 var styled = require('styled-components');
-var Tracking = require('../../features/Tracking.js');
-var Context = require('./Context.js');
+var Tracking = require('../../../features/Tracking.js');
+var Context = require('../Context.js');
+var Tours = require('../Tours.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -28,21 +29,12 @@ function _interopNamespaceDefault(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-const ActionsContainer = styled.styled(designSystem.Flex)`
-  border-top: ${({ theme })=>`1px solid ${theme.colors.neutral150}`};
-`;
-/**
- * TODO:
- * We should probably move all arrow styles + svg to the DS
- */ const PopoverArrow = styled.styled(designSystem.Popover.Arrow)`
-  fill: ${({ theme })=>theme.colors.neutral0};
-  transform: translateY(-16px) rotate(-90deg);
-`;
-const StepCount = ({ tourName })=>{
+/* -------------------------------------------------------------------------------------------------
+ * Common Step Components
+ * -----------------------------------------------------------------------------------------------*/ const StepCount = ({ tourName, displayedCurrentStep, displayedTourLength })=>{
     const state = Context.useGuidedTour('GuidedTourPopover', (s)=>s.state);
-    const currentStep = state.tours[tourName].currentStep + 1;
-    // TODO: Currently all tours do not count their last step, but we should find a way to make this more smart
-    const displayedLength = state.tours[tourName].length - 1;
+    const currentStep = displayedCurrentStep ?? state.tours[tourName].currentStep + 1;
+    const displayedStepCount = displayedTourLength ?? Tours.tours[tourName]._meta.displayedStepCount;
     return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
         variant: "omega",
         fontSize: "12px",
@@ -51,11 +43,107 @@ const StepCount = ({ tourName })=>{
             defaultMessage: "Step {currentStep} of {tourLength}",
             values: {
                 currentStep,
-                tourLength: displayedLength
+                tourLength: displayedStepCount
             }
         })
     });
 };
+const GotItAction = ({ onClick })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+        onClick: onClick,
+        children: /*#__PURE__*/ jsxRuntime.jsx(reactIntl.FormattedMessage, {
+            id: "tours.gotIt",
+            defaultMessage: "Got it"
+        })
+    });
+};
+const DefaultActions = ({ showSkip, showPrevious, to, tourName, onNextStep, onPreviousStep })=>{
+    const { trackUsage } = Tracking.useTracking();
+    const dispatch = Context.useGuidedTour('GuidedTourPopover', (s)=>s.dispatch);
+    const state = Context.useGuidedTour('GuidedTourPopover', (s)=>s.state);
+    const currentStep = state.tours[tourName].currentStep + 1;
+    const actualTourLength = Tours.tours[tourName]._meta.totalStepCount;
+    const handleSkip = ()=>{
+        trackUsage('didSkipGuidedTour', {
+            name: tourName
+        });
+        dispatch({
+            type: 'skip_tour',
+            payload: tourName
+        });
+    };
+    const handleNextStep = ()=>{
+        if (currentStep === actualTourLength) {
+            trackUsage('didCompleteGuidedTour', {
+                name: tourName
+            });
+        }
+        if (onNextStep) {
+            onNextStep();
+        } else {
+            dispatch({
+                type: 'next_step',
+                payload: tourName
+            });
+        }
+    };
+    const handlePreviousStep = ()=>{
+        if (onPreviousStep) {
+            onPreviousStep();
+        } else {
+            dispatch({
+                type: 'previous_step',
+                payload: tourName
+            });
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        gap: 2,
+        children: [
+            showSkip && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                variant: "tertiary",
+                onClick: handleSkip,
+                children: /*#__PURE__*/ jsxRuntime.jsx(reactIntl.FormattedMessage, {
+                    id: "tours.skip",
+                    defaultMessage: "Skip"
+                })
+            }),
+            !showSkip && showPrevious && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                variant: "tertiary",
+                onClick: handlePreviousStep,
+                children: /*#__PURE__*/ jsxRuntime.jsx(reactIntl.FormattedMessage, {
+                    id: "tours.previous",
+                    defaultMessage: "Previous"
+                })
+            }),
+            to ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.LinkButton, {
+                tag: reactRouterDom.NavLink,
+                to: to,
+                onClick: handleNextStep,
+                children: /*#__PURE__*/ jsxRuntime.jsx(reactIntl.FormattedMessage, {
+                    id: "tours.next",
+                    defaultMessage: "Next"
+                })
+            }) : /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                onClick: handleNextStep,
+                children: /*#__PURE__*/ jsxRuntime.jsx(reactIntl.FormattedMessage, {
+                    id: "tours.next",
+                    defaultMessage: "Next"
+                })
+            })
+        ]
+    });
+};
+const ActionsContainer = styled.styled(designSystem.Flex)`
+  border-top: ${({ theme })=>`1px solid ${theme.colors.neutral150}`};
+`;
+/**
+ * TODO:
+ * We should probably move all arrow styles + svg to the DS
+ */ const PopoverArrow = styled.styled(designSystem.Popover.Arrow)`
+  fill: ${({ theme })=>theme.colors.neutral0};
+  transform: translateY(-16px) rotate(-90deg);
+`;
 const createStepComponents = (tourName)=>({
         Root: /*#__PURE__*/ React__namespace.forwardRef(({ withArrow = true, ...props }, ref)=>{
             return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Popover.Content, {
@@ -66,6 +154,7 @@ const createStepComponents = (tourName)=>({
                 style: {
                     border: 'none'
                 },
+                onClick: (e)=>e.stopPropagation(),
                 ...props,
                 children: [
                     withArrow && /*#__PURE__*/ jsxRuntime.jsx(PopoverArrow, {
@@ -119,36 +208,12 @@ const createStepComponents = (tourName)=>({
                     variant: "omega",
                     children: /*#__PURE__*/ jsxRuntime.jsx(reactIntl.FormattedMessage, {
                         id: props.id,
-                        defaultMessage: props.defaultMessage
+                        defaultMessage: props.defaultMessage,
+                        values: props.values
                     })
                 })
             }),
-        Actions: ({ showStepCount = true, showSkip = false, to, children, ...flexProps })=>{
-            const { trackUsage } = Tracking.useTracking();
-            const dispatch = Context.useGuidedTour('GuidedTourPopover', (s)=>s.dispatch);
-            const state = Context.useGuidedTour('GuidedTourPopover', (s)=>s.state);
-            const currentStep = state.tours[tourName].currentStep + 1;
-            const actualTourLength = state.tours[tourName].length;
-            const handleSkipAction = ()=>{
-                trackUsage('didSkipGuidedTour', {
-                    name: tourName
-                });
-                dispatch({
-                    type: 'skip_tour',
-                    payload: tourName
-                });
-            };
-            const handleNextStep = ()=>{
-                if (currentStep === actualTourLength) {
-                    trackUsage('didCompleteGuidedTour', {
-                        name: tourName
-                    });
-                }
-                dispatch({
-                    type: 'next_step',
-                    payload: tourName
-                });
-            };
+        Actions: ({ showStepCount = true, showPrevious = true, showSkip = false, to, children, ...flexProps })=>{
             return /*#__PURE__*/ jsxRuntime.jsx(ActionsContainer, {
                 width: "100%",
                 padding: 3,
@@ -160,33 +225,11 @@ const createStepComponents = (tourName)=>({
                         showStepCount && /*#__PURE__*/ jsxRuntime.jsx(StepCount, {
                             tourName: tourName
                         }),
-                        /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-                            gap: 2,
-                            children: [
-                                showSkip && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
-                                    variant: "tertiary",
-                                    onClick: handleSkipAction,
-                                    children: /*#__PURE__*/ jsxRuntime.jsx(reactIntl.FormattedMessage, {
-                                        id: "tours.skip",
-                                        defaultMessage: "Skip"
-                                    })
-                                }),
-                                to ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.LinkButton, {
-                                    tag: reactRouterDom.NavLink,
-                                    to: to,
-                                    onClick: handleNextStep,
-                                    children: /*#__PURE__*/ jsxRuntime.jsx(reactIntl.FormattedMessage, {
-                                        id: "tours.next",
-                                        defaultMessage: "Next"
-                                    })
-                                }) : /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
-                                    onClick: handleNextStep,
-                                    children: /*#__PURE__*/ jsxRuntime.jsx(reactIntl.FormattedMessage, {
-                                        id: "tours.next",
-                                        defaultMessage: "Next"
-                                    })
-                                })
-                            ]
+                        /*#__PURE__*/ jsxRuntime.jsx(DefaultActions, {
+                            tourName: tourName,
+                            showSkip: showSkip,
+                            showPrevious: !showSkip && showPrevious,
+                            to: to
                         })
                     ]
                 })
@@ -194,6 +237,8 @@ const createStepComponents = (tourName)=>({
         }
     });
 
+exports.DefaultActions = DefaultActions;
+exports.GotItAction = GotItAction;
 exports.StepCount = StepCount;
 exports.createStepComponents = createStepComponents;
 //# sourceMappingURL=Step.js.map

package/dist/admin/admin/src/components/GuidedTour/Steps/Step.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.js","sources":["../../../../../../../admin/src/components/GuidedTour/Steps/Step.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Popover,\n  Box,\n  Flex,\n  Button,\n  Typography,\n  LinkButton,\n  FlexProps,\n} from '@strapi/design-system';\nimport { FormattedMessage, type MessageDescriptor } from 'react-intl';\nimport { To, NavLink } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { useTracking } from '../../../features/Tracking';\nimport { useGuidedTour, type ValidTourName } from '../Context';\nimport { tours } from '../Tours';\n\n/* -------------------------------------------------------------------------------------------------\n * Common Step Components\n * -----------------------------------------------------------------------------------------------*/\n\nconst StepCount = ({\n  tourName,\n  displayedCurrentStep,\n  displayedTourLength,\n}: {\n  tourName: ValidTourName;\n  displayedCurrentStep?: number;\n  displayedTourLength?: number;\n}) => {\n  const state = useGuidedTour('GuidedTourPopover', (s) => s.state);\n  const currentStep = displayedCurrentStep ?? state.tours[tourName].currentStep + 1;\n  const displayedStepCount = displayedTourLength ?? tours[tourName]._meta.displayedStepCount;\n\n  return (\n    <Typography variant=\"omega\" fontSize=\"12px\">\n      <FormattedMessage\n        id=\"tours.stepCount\"\n        defaultMessage=\"Step {currentStep} of {tourLength}\"\n        values={{ currentStep, tourLength: displayedStepCount }}\n      />\n    </Typography>\n  );\n};\n\nconst GotItAction = ({ onClick }: { onClick: () => void }) => {\n  return (\n    <Button onClick={onClick}>\n      <FormattedMessage id=\"tours.gotIt\" defaultMessage=\"Got it\" />\n    </Button>\n  );\n};\n\nexport type DefaultActionsProps = {\n  showSkip?: boolean;\n  showPrevious?: boolean;\n  to?: To;\n  onNextStep?: () => void;\n  onPreviousStep?: () => void;\n  tourName: ValidTourName;\n};\nconst DefaultActions = ({\n  showSkip,\n  showPrevious,\n  to,\n  tourName,\n  onNextStep,\n  onPreviousStep,\n}: DefaultActionsProps) => {\n  const { trackUsage } = useTracking();\n  const dispatch = useGuidedTour('GuidedTourPopover', (s) => s.dispatch);\n  const state = useGuidedTour('GuidedTourPopover', (s) => s.state);\n  const currentStep = state.tours[tourName].currentStep + 1;\n  const actualTourLength = tours[tourName]._meta.totalStepCount;\n\n  const handleSkip = () => {\n    trackUsage('didSkipGuidedTour', { name: tourName });\n    dispatch({ type: 'skip_tour', payload: tourName });\n  };\n\n  const handleNextStep = () => {\n    if (currentStep === actualTourLength) {\n      trackUsage('didCompleteGuidedTour', { name: tourName });\n    }\n\n    if (onNextStep) {\n      onNextStep();\n    } else {\n      dispatch({ type: 'next_step', payload: tourName });\n    }\n  };\n\n  const handlePreviousStep = () => {\n    if (onPreviousStep) {\n      onPreviousStep();\n    } else {\n      dispatch({ type: 'previous_step', payload: tourName });\n    }\n  };\n\n  return (\n    <Flex gap={2}>\n      {showSkip && (\n        <Button variant=\"tertiary\" onClick={handleSkip}>\n          <FormattedMessage id=\"tours.skip\" defaultMessage=\"Skip\" />\n        </Button>\n      )}\n      {!showSkip && showPrevious && (\n        <Button variant=\"tertiary\" onClick={handlePreviousStep}>\n          <FormattedMessage id=\"tours.previous\" defaultMessage=\"Previous\" />\n        </Button>\n      )}\n      {to ? (\n        <LinkButton tag={NavLink} to={to} onClick={handleNextStep}>\n          <FormattedMessage id=\"tours.next\" defaultMessage=\"Next\" />\n        </LinkButton>\n      ) : (\n        <Button onClick={handleNextStep}>\n          <FormattedMessage id=\"tours.next\" defaultMessage=\"Next\" />\n        </Button>\n      )}\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Step factory\n * -----------------------------------------------------------------------------------------------*/\n\ntype WithChildren = {\n  children: React.ReactNode;\n  id?: never;\n  defaultMessage?: never;\n};\n\ntype WithIntl = {\n  children?: undefined;\n  id: MessageDescriptor['id'];\n  defaultMessage: MessageDescriptor['defaultMessage'];\n  withArrow?: boolean;\n};\n\ntype WithActionsChildren = {\n  children: React.ReactNode;\n  showStepCount?: boolean;\n  showSkip?: boolean;\n  showPrevious?: boolean;\n};\n\ntype WithActionsProps = {\n  children?: undefined;\n  showStepCount?: boolean;\n  showSkip?: boolean;\n  showPrevious?: boolean;\n};\n\ntype StepProps = WithChildren | WithIntl;\ntype ActionsProps = WithActionsChildren | WithActionsProps;\n\ntype Step = {\n  Root: React.ForwardRefExoticComponent<\n    React.ComponentProps<typeof Popover.Content> & { withArrow?: boolean }\n  >;\n  Title: (props: StepProps) => React.ReactNode;\n  Content: (\n    props: StepProps & {\n      values?: Record<string, React.ReactNode | ((chunks: React.ReactNode) => React.ReactNode)>;\n    }\n  ) => React.ReactNode;\n  Actions: (props: ActionsProps & { to?: string } & FlexProps) => React.ReactNode;\n};\n\nconst ActionsContainer = styled(Flex)`\n  border-top: ${({ theme }) => `1px solid ${theme.colors.neutral150}`};\n`;\n\n/**\n * TODO:\n * We should probably move all arrow styles + svg to the DS\n */\nconst PopoverArrow = styled(Popover.Arrow)`\n  fill: ${({ theme }) => theme.colors.neutral0};\n  transform: translateY(-16px) rotate(-90deg);\n`;\n\nconst createStepComponents = (tourName: ValidTourName): Step => ({\n  Root: React.forwardRef(({ withArrow = true, ...props }, ref) => {\n    return (\n      <Popover.Content\n        ref={ref}\n        aria-labelledby=\"guided-tour-title\"\n        side=\"top\"\n        align=\"center\"\n        style={{ border: 'none' }}\n        onClick={(e) => e.stopPropagation()}\n        {...props}\n      >\n        {withArrow && (\n          <PopoverArrow asChild>\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"23\"\n              height=\"25\"\n              viewBox=\"0 0 23 25\"\n              fill=\"none\"\n            >\n              <path d=\"M11 24.5L1.82843 15.3284C0.266332 13.7663 0.26633 11.2337 1.82843 9.67157L11 0.5L23 12.5L11 24.5Z\" />\n            </svg>\n          </PopoverArrow>\n        )}\n        <Flex width=\"360px\" direction=\"column\" alignItems=\"start\">\n          {props.children}\n        </Flex>\n      </Popover.Content>\n    );\n  }),\n\n  Title: (props) => {\n    return (\n      <Box paddingTop={5} paddingLeft={5} paddingRight={5} paddingBottom={1} width=\"100%\">\n        {'children' in props ? (\n          props.children\n        ) : (\n          <Typography tag=\"h1\" id=\"guided-tour-title\" variant=\"omega\" fontWeight=\"bold\">\n            <FormattedMessage id={props.id} defaultMessage={props.defaultMessage} />\n          </Typography>\n        )}\n      </Box>\n    );\n  },\n\n  Content: (props) => (\n    <Box paddingBottom={5} paddingLeft={5} paddingRight={5} width=\"100%\">\n      {'children' in props ? (\n        props.children\n      ) : (\n        <Typography tag=\"div\" variant=\"omega\">\n          <FormattedMessage\n            id={props.id}\n            defaultMessage={props.defaultMessage}\n            values={props.values}\n          />\n        </Typography>\n      )}\n    </Box>\n  ),\n\n  Actions: ({\n    showStepCount = true,\n    showPrevious = true,\n    showSkip = false,\n    to,\n    children,\n    ...flexProps\n  }) => {\n    return (\n      <ActionsContainer\n        width=\"100%\"\n        padding={3}\n        paddingLeft={5}\n        justifyContent={showStepCount ? 'space-between' : 'flex-end'}\n        {...flexProps}\n      >\n        {children ? (\n          children\n        ) : (\n          <>\n            {showStepCount && <StepCount tourName={tourName} />}\n            <DefaultActions\n              tourName={tourName}\n              showSkip={showSkip}\n              showPrevious={!showSkip && showPrevious}\n              to={to}\n            />\n          </>\n        )}\n      </ActionsContainer>\n    );\n  },\n});\n\nexport type { Step };\nexport { createStepComponents, GotItAction, StepCount, DefaultActions };\n"],"names":["StepCount","tourName","displayedCurrentStep","displayedTourLength","state","useGuidedTour","s","currentStep","tours","displayedStepCount","_meta","_jsx","Typography","variant","fontSize","FormattedMessage","id","defaultMessage","values","tourLength","GotItAction","onClick","Button","DefaultActions","showSkip","showPrevious","to","onNextStep","onPreviousStep","trackUsage","useTracking","dispatch","actualTourLength","totalStepCount","handleSkip","name","type","payload","handleNextStep","handlePreviousStep","_jsxs","Flex","gap","LinkButton","tag","NavLink","ActionsContainer","styled","theme","colors","neutral150","PopoverArrow","Popover","Arrow","neutral0","createStepComponents","Root","React","forwardRef","withArrow","props","ref","Content","aria-labelledby","side","align","style","border","e","stopPropagation","asChild","svg","xmlns","width","height","viewBox","fill","path","d","direction","alignItems","children","Title","Box","paddingTop","paddingLeft","paddingRight","paddingBottom","fontWeight","Actions","showStepCount","flexProps","padding","justifyContent","_Fragment"],"mappings":"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"}