@strapi/admin 5.17.0-beta.0 → 5.18.0

package/dist/admin/admin/src/components/UnstableGuidedTour/Step.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.mjs","sources":["../../../../../../admin/src/components/UnstableGuidedTour/Step.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Popover, Box, Flex, Button, Typography, LinkButton } from '@strapi/design-system';\nimport { FormattedMessage, type MessageDescriptor } from 'react-intl';\nimport { NavLink } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { unstableUseGuidedTour, ValidTourName } from './Context';\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};\n\ntype WithActionsChildren = {\n  children: React.ReactNode;\n  showStepCount?: boolean;\n  showSkip?: boolean;\n};\n\ntype WithActionsProps = {\n  children?: undefined;\n  showStepCount?: boolean;\n  showSkip?: boolean;\n};\n\ntype StepProps = WithChildren | WithIntl;\ntype ActionsProps = WithActionsChildren | WithActionsProps;\n\ntype Step = {\n  Root: React.ForwardRefExoticComponent<React.ComponentProps<typeof Popover.Content>>;\n  Title: (props: StepProps) => React.ReactNode;\n  Content: (props: StepProps) => React.ReactNode;\n  Actions: (props: ActionsProps & { to?: string }) => React.ReactNode;\n};\n\nconst ActionsContainer = styled(Flex)`\n  border-top: ${({ theme }) => `1px solid ${theme.colors.neutral150}`};\n`;\n\nconst createStepComponents = (tourName: ValidTourName): Step => ({\n  Root: React.forwardRef((props, ref) => (\n    <Popover.Content ref={ref} side=\"top\" align=\"center\" style={{ border: 'none' }} {...props}>\n      <Flex width=\"360px\" direction=\"column\" alignItems=\"start\">\n        {props.children}\n      </Flex>\n    </Popover.Content>\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=\"div\" variant=\"omega\" fontWeight=\"bold\">\n            <FormattedMessage tagName=\"h1\" 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 tagName=\"p\" id={props.id} defaultMessage={props.defaultMessage} />\n        </Typography>\n      )}\n    </Box>\n  ),\n\n  Actions: ({ showStepCount = true, showSkip = false, to, ...props }) => {\n    const dispatch = unstableUseGuidedTour('GuidedTourPopover', (s) => s.dispatch);\n    const state = unstableUseGuidedTour('GuidedTourPopover', (s) => s.state);\n    const currentStep = state.tours[tourName].currentStep + 1;\n    // TODO: Currently all tours do not count their last step, but we should find a way to make this more smart\n    const displayedLength = state.tours[tourName].length - 1;\n\n    return (\n      <ActionsContainer width=\"100%\" padding={3} paddingLeft={5}>\n        {'children' in props ? (\n          props.children\n        ) : (\n          <Flex flex={1} justifyContent={showStepCount ? 'space-between' : 'flex-end'}>\n            {showStepCount && (\n              <Typography variant=\"omega\" fontSize=\"12px\">\n                <FormattedMessage\n                  id=\"tours.stepCount\"\n                  defaultMessage=\"Step {currentStep} of {tourLength}\"\n                  values={{ currentStep, tourLength: displayedLength }}\n                />\n              </Typography>\n            )}\n            <Flex gap={2}>\n              {showSkip && (\n                <Button\n                  variant=\"tertiary\"\n                  onClick={() => dispatch({ type: 'skip_tour', payload: tourName })}\n                >\n                  <FormattedMessage id=\"tours.skip\" defaultMessage=\"Skip\" />\n                </Button>\n              )}\n              {to ? (\n                <LinkButton\n                  tag={NavLink}\n                  to={to}\n                  onClick={() => dispatch({ type: 'next_step', payload: tourName })}\n                >\n                  <FormattedMessage id=\"tours.next\" defaultMessage=\"Next\" />\n                </LinkButton>\n              ) : (\n                <Button onClick={() => dispatch({ type: 'next_step', payload: tourName })}>\n                  <FormattedMessage id=\"tours.next\" defaultMessage=\"Next\" />\n                </Button>\n              )}\n            </Flex>\n          </Flex>\n        )}\n      </ActionsContainer>\n    );\n  },\n});\n\nexport type { Step };\nexport { createStepComponents };\n"],"names":["ActionsContainer","styled","Flex","theme","colors","neutral150","createStepComponents","tourName","Root","React","forwardRef","props","ref","_jsx","Popover","Content","side","align","style","border","width","direction","alignItems","children","Title","Box","paddingTop","paddingLeft","paddingRight","paddingBottom","Typography","tag","variant","fontWeight","FormattedMessage","tagName","id","defaultMessage","Actions","showStepCount","showSkip","to","dispatch","unstableUseGuidedTour","s","state","currentStep","tours","displayedLength","length","padding","_jsxs","flex","justifyContent","fontSize","values","tourLength","gap","Button","onClick","type","payload","LinkButton","NavLink"],"mappings":"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"}

package/dist/admin/admin/src/components/UnstableGuidedTour/Tours.js

@@ -0,0 +1,416 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var styled = require('styled-components');
+var admin = require('../../services/admin.js');
+var Context = require('./Context.js');
+var Step = require('./Step.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);
+
+/* -------------------------------------------------------------------------------------------------
+ * Tours
+ * -----------------------------------------------------------------------------------------------*/ const tours = {
+    contentTypeBuilder: createTour('contentTypeBuilder', [
+        {
+            name: 'Introduction',
+            content: (Step)=>/*#__PURE__*/ jsxRuntime.jsxs(Step.Root, {
+                    side: "bottom",
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Title, {
+                            id: "tours.contentTypeBuilder.Introduction.title",
+                            defaultMessage: "Content-Type Builder"
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Content, {
+                            id: "tours.contentTypeBuilder.Introduction.content",
+                            defaultMessage: "Create and manage your content structure with collection types, single types and components."
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Actions, {
+                            showSkip: true
+                        })
+                    ]
+                })
+        },
+        {
+            name: 'CollectionTypes',
+            content: (Step)=>/*#__PURE__*/ jsxRuntime.jsxs(Step.Root, {
+                    side: "right",
+                    sideOffset: 26,
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Title, {
+                            id: "tours.contentTypeBuilder.CollectionTypes.title",
+                            defaultMessage: "Collection Types"
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Content, {
+                            id: "tours.contentTypeBuilder.CollectionTypes.content",
+                            defaultMessage: "Create and manage your content structure with collection types, single types and components."
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Actions, {})
+                    ]
+                })
+        },
+        {
+            name: 'SingleTypes',
+            content: (Step)=>/*#__PURE__*/ jsxRuntime.jsxs(Step.Root, {
+                    side: "right",
+                    sideOffset: 26,
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Title, {
+                            id: "tours.contentTypeBuilder.SingleTypes.title",
+                            defaultMessage: "Single Types"
+                        }),
+                        /*#__PURE__*/ jsxRuntime.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__*/ jsxRuntime.jsx(Step.Actions, {})
+                    ]
+                })
+        },
+        {
+            name: 'Components',
+            content: (Step)=>/*#__PURE__*/ jsxRuntime.jsxs(Step.Root, {
+                    side: "right",
+                    sideOffset: 26,
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Title, {
+                            id: "tours.contentTypeBuilder.Components.title",
+                            defaultMessage: "Components"
+                        }),
+                        /*#__PURE__*/ jsxRuntime.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__*/ jsxRuntime.jsx(Step.Actions, {})
+                    ]
+                })
+        },
+        {
+            name: 'Finish',
+            content: (Step)=>/*#__PURE__*/ jsxRuntime.jsxs(Step.Root, {
+                    side: "right",
+                    sideOffset: 32,
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Title, {
+                            id: "tours.contentTypeBuilder.Finish.title",
+                            defaultMessage: "It’s time to create content!"
+                        }),
+                        /*#__PURE__*/ jsxRuntime.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__*/ jsxRuntime.jsx(Step.Actions, {
+                            showStepCount: false,
+                            to: "/content-manager"
+                        })
+                    ]
+                }),
+            when: (completedActions)=>completedActions.includes('didCreateContentTypeSchema')
+        }
+    ]),
+    contentManager: createTour('contentManager', [
+        {
+            name: 'Introduction',
+            content: (Step)=>/*#__PURE__*/ jsxRuntime.jsxs(Step.Root, {
+                    side: "top",
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Title, {
+                            id: "tours.contentManager.Introduction.title",
+                            defaultMessage: "Content manager"
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Content, {
+                            id: "tours.contentManager.Introduction.content",
+                            defaultMessage: "Create and manage content from your collection types and single types."
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Actions, {
+                            showSkip: true
+                        })
+                    ]
+                })
+        },
+        {
+            name: 'Fields',
+            content: (Step)=>/*#__PURE__*/ jsxRuntime.jsxs(Step.Root, {
+                    side: 'top',
+                    align: "start",
+                    sideOffset: -36,
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Title, {
+                            id: "tours.contentManager.Fields.title",
+                            defaultMessage: "Fields"
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Content, {
+                            id: "tours.contentManager.Fields.content",
+                            defaultMessage: "Add content to the fields created in the Content-Type Builder."
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Actions, {})
+                    ]
+                })
+        },
+        {
+            name: 'Publish',
+            content: (Step)=>/*#__PURE__*/ jsxRuntime.jsxs(Step.Root, {
+                    side: "left",
+                    align: "center",
+                    sideOffset: 20,
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Title, {
+                            id: "tours.contentManager.Publish.title",
+                            defaultMessage: "Publish"
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Content, {
+                            id: "tours.contentManager.Publish.content",
+                            defaultMessage: "Publish entries to make their content available through the Document Service API."
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Actions, {})
+                    ]
+                })
+        },
+        {
+            name: 'Finish',
+            content: (Step)=>/*#__PURE__*/ jsxRuntime.jsxs(Step.Root, {
+                    side: "right",
+                    sideOffset: 32,
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Title, {
+                            id: "tours.contentManager.FinalStep.title",
+                            defaultMessage: "It’s time to create API Tokens!"
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Content, {
+                            id: "tours.contentManager.FinalStep.content",
+                            defaultMessage: "Now that you’ve created and published content, time to create API tokens and set up permissions."
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Actions, {
+                            showStepCount: false,
+                            to: "/settings/api-tokens"
+                        })
+                    ]
+                }),
+            when: (completedActions)=>completedActions.includes('didCreateContent')
+        }
+    ]),
+    apiTokens: createTour('apiTokens', [
+        {
+            name: 'Introduction',
+            content: (Step)=>/*#__PURE__*/ jsxRuntime.jsxs(Step.Root, {
+                    sideOffset: -36,
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Title, {
+                            id: "tours.apiTokens.Introduction.title",
+                            defaultMessage: "API tokens"
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Content, {
+                            id: "tours.apiTokens.Introduction.content",
+                            defaultMessage: "Create and manage API tokens with highly customizable permissions."
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Actions, {
+                            showSkip: true
+                        })
+                    ]
+                }),
+            when: (completedActions)=>!completedActions.includes('didCreateApiToken')
+        },
+        {
+            name: 'CreateAnAPIToken',
+            content: (Step)=>/*#__PURE__*/ jsxRuntime.jsxs(Step.Root, {
+                    side: "bottom",
+                    sideOffset: 20,
+                    align: "end",
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Title, {
+                            id: "tours.apiTokens.CreateAnAPIToken.title",
+                            defaultMessage: "Create an API token"
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Content, {
+                            id: "tours.apiTokens.CreateAnAPIToken.content",
+                            defaultMessage: "Create a new API token. Choose a name, duration and type."
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Actions, {})
+                    ]
+                })
+        },
+        {
+            name: 'CopyAPIToken',
+            content: (Step)=>/*#__PURE__*/ jsxRuntime.jsxs(Step.Root, {
+                    side: "bottom",
+                    align: "start",
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Title, {
+                            id: "tours.apiTokens.CopyAPIToken.title",
+                            defaultMessage: "Copy your new API token"
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Content, {
+                            id: "tours.apiTokens.CopyAPIToken.content",
+                            defaultMessage: "Make sure to do it now, you won’t be able to see it again. You’ll need to generate a new one if you lose it."
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Actions, {})
+                    ]
+                }),
+            when: (completedActions)=>completedActions.includes('didCreateApiToken')
+        },
+        {
+            name: 'Finish',
+            content: (Step)=>{
+                const dispatch = Context.unstableUseGuidedTour('GuidedTourPopover', (s)=>s.dispatch);
+                return /*#__PURE__*/ jsxRuntime.jsxs(Step.Root, {
+                    side: "right",
+                    align: "start",
+                    sideOffset: 32,
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Title, {
+                            id: "tours.apiTokens.FinalStep.title",
+                            defaultMessage: "It’s time to deploy your application!"
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Content, {
+                            id: "tours.apiTokens.FinalStep.content",
+                            defaultMessage: "Your application is ready to be deployed and its content to be shared with the world!"
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(Step.Actions, {
+                            showStepCount: false,
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                                justifyContent: "end",
+                                width: '100%',
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.LinkButton, {
+                                    onClick: ()=>{
+                                        dispatch({
+                                            type: 'next_step',
+                                            payload: 'apiTokens'
+                                        });
+                                    },
+                                    tag: reactRouterDom.NavLink,
+                                    to: "/",
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(reactIntl.FormattedMessage, {
+                                        id: "tours.gotIt",
+                                        defaultMessage: "Got it"
+                                    })
+                                })
+                            })
+                        })
+                    ]
+                });
+            },
+            when: (completedActions)=>completedActions.includes('didCopyApiToken')
+        }
+    ]),
+    strapiCloud: createTour('strapiCloud', [])
+};
+const UnstableGuidedTourTooltip = ({ children, ...props })=>{
+    const state = Context.unstableUseGuidedTour('TooltipWrapper', (s)=>s.state);
+    const hasFutureFlag = window.strapi.future.isEnabled('unstableGuidedTour');
+    if (!state.enabled) {
+        return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+            children: children
+        });
+    }
+    if (!hasFutureFlag) {
+        return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+            children: children
+        });
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(GuidedTourTooltipImpl, {
+        ...props,
+        children: children
+    });
+};
+const GuidedTourOverlay = styled.styled(designSystem.Box)`
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(50, 50, 77, 0.2);
+  z-index: 10;
+`;
+const GuidedTourTooltipImpl = ({ children, content, tourName, step, when })=>{
+    const { data: guidedTourMeta } = admin.useGetGuidedTourMetaQuery();
+    const state = Context.unstableUseGuidedTour('UnstableGuidedTourTooltip', (s)=>s.state);
+    const dispatch = Context.unstableUseGuidedTour('UnstableGuidedTourTooltip', (s)=>s.dispatch);
+    const isCurrentStep = state.tours[tourName].currentStep === step;
+    const isStepConditionMet = when ? when(state.completedActions) : true;
+    const isPopoverOpen = guidedTourMeta?.data?.isFirstSuperAdminUser && !state.tours[tourName].isCompleted && isCurrentStep && isStepConditionMet;
+    // Lock the scroll
+    React__namespace.useEffect(()=>{
+        if (!isPopoverOpen) return;
+        const originalStyle = window.getComputedStyle(document.body).overflow;
+        document.body.style.overflow = 'hidden';
+        return ()=>{
+            document.body.style.overflow = originalStyle;
+        };
+    }, [
+        isPopoverOpen
+    ]);
+    // TODO: This isn't great but the only solution for syncing the completed actions
+    React__namespace.useEffect(()=>{
+        dispatch({
+            type: 'set_completed_actions',
+            payload: guidedTourMeta?.data?.completedActions ?? []
+        });
+    }, [
+        dispatch,
+        guidedTourMeta?.data?.completedActions
+    ]);
+    const Step$1 = React__namespace.useMemo(()=>Step.createStepComponents(tourName), [
+        tourName
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            isPopoverOpen && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Portal, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(GuidedTourOverlay, {})
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Popover.Root, {
+                open: isPopoverOpen,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Popover.Anchor, {
+                        children: children
+                    }),
+                    content(Step$1, {
+                        state,
+                        dispatch
+                    })
+                ]
+            })
+        ]
+    });
+};
+function createTour(tourName, steps) {
+    const tour = steps.reduce((acc, step, index)=>{
+        if (step.name in acc) {
+            throw Error(`The tour: ${tourName} with step: ${step.name} has already been registered`);
+        }
+        acc[step.name] = ({ children })=>{
+            return /*#__PURE__*/ jsxRuntime.jsx(UnstableGuidedTourTooltip, {
+                tourName: tourName,
+                step: index,
+                content: step.content,
+                when: step.when,
+                children: children
+            });
+        };
+        return acc;
+    }, {});
+    return tour;
+}
+
+exports.tours = tours;
+//# sourceMappingURL=Tours.js.map

package/dist/admin/admin/src/components/UnstableGuidedTour/Tours.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tours.js","sources":["../../../../../../admin/src/components/UnstableGuidedTour/Tours.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Popover, Portal, Flex, LinkButton } from '@strapi/design-system';\nimport { FormattedMessage } from 'react-intl';\nimport { NavLink } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { useGetGuidedTourMetaQuery } from '../../services/admin';\n\nimport {\n  type State,\n  type Action,\n  unstableUseGuidedTour,\n  ValidTourName,\n  ExtendedCompletedActions,\n} from './Context';\nimport { Step, createStepComponents } from './Step';\n\n/* -------------------------------------------------------------------------------------------------\n * Tours\n * -----------------------------------------------------------------------------------------------*/\n\nconst tours = {\n  contentTypeBuilder: createTour('contentTypeBuilder', [\n    {\n      name: 'Introduction',\n      content: (Step) => (\n        <Step.Root side=\"bottom\">\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 showSkip />\n        </Step.Root>\n      ),\n    },\n    {\n      name: 'CollectionTypes',\n      content: (Step) => (\n        <Step.Root side=\"right\" sideOffset={26}>\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=\"Create and manage your content structure with collection types, single types and components.\"\n          />\n          <Step.Actions />\n        </Step.Root>\n      ),\n    },\n    {\n      name: 'SingleTypes',\n      content: (Step) => (\n        <Step.Root side=\"right\" sideOffset={26}>\n          <Step.Title\n            id=\"tours.contentTypeBuilder.SingleTypes.title\"\n            defaultMessage=\"Single Types\"\n          />\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    },\n    {\n      name: 'Components',\n      content: (Step) => (\n        <Step.Root side=\"right\" sideOffset={26}>\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    },\n    {\n      name: 'Finish',\n      content: (Step) => (\n        <Step.Root side=\"right\" sideOffset={32}>\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} to=\"/content-manager\" />\n        </Step.Root>\n      ),\n      when: (completedActions) => completedActions.includes('didCreateContentTypeSchema'),\n    },\n  ]),\n  contentManager: createTour('contentManager', [\n    {\n      name: 'Introduction',\n      content: (Step) => (\n        <Step.Root side=\"top\">\n          <Step.Title\n            id=\"tours.contentManager.Introduction.title\"\n            defaultMessage=\"Content manager\"\n          />\n          <Step.Content\n            id=\"tours.contentManager.Introduction.content\"\n            defaultMessage=\"Create and manage content from your collection types and single types.\"\n          />\n          <Step.Actions showSkip />\n        </Step.Root>\n      ),\n    },\n    {\n      name: 'Fields',\n      content: (Step) => (\n        <Step.Root side={'top'} align=\"start\" sideOffset={-36}>\n          <Step.Title id=\"tours.contentManager.Fields.title\" defaultMessage=\"Fields\" />\n          <Step.Content\n            id=\"tours.contentManager.Fields.content\"\n            defaultMessage=\"Add content to the fields created in the Content-Type Builder.\"\n          />\n          <Step.Actions />\n        </Step.Root>\n      ),\n    },\n    {\n      name: 'Publish',\n      content: (Step) => (\n        <Step.Root side=\"left\" align=\"center\" sideOffset={20}>\n          <Step.Title id=\"tours.contentManager.Publish.title\" defaultMessage=\"Publish\" />\n          <Step.Content\n            id=\"tours.contentManager.Publish.content\"\n            defaultMessage=\"Publish entries to make their content available through the Document Service API.\"\n          />\n          <Step.Actions />\n        </Step.Root>\n      ),\n    },\n    {\n      name: 'Finish',\n      content: (Step) => (\n        <Step.Root side=\"right\" sideOffset={32}>\n          <Step.Title\n            id=\"tours.contentManager.FinalStep.title\"\n            defaultMessage=\"It’s time to create API Tokens!\"\n          />\n          <Step.Content\n            id=\"tours.contentManager.FinalStep.content\"\n            defaultMessage=\"Now that you’ve created and published content, time to create API tokens and set up permissions.\"\n          />\n          <Step.Actions showStepCount={false} to=\"/settings/api-tokens\" />\n        </Step.Root>\n      ),\n      when: (completedActions) => completedActions.includes('didCreateContent'),\n    },\n  ]),\n  apiTokens: createTour('apiTokens', [\n    {\n      name: 'Introduction',\n      content: (Step) => (\n        <Step.Root sideOffset={-36}>\n          <Step.Title id=\"tours.apiTokens.Introduction.title\" defaultMessage=\"API tokens\" />\n          <Step.Content\n            id=\"tours.apiTokens.Introduction.content\"\n            defaultMessage=\"Create and manage API tokens with highly customizable permissions.\"\n          />\n          <Step.Actions showSkip />\n        </Step.Root>\n      ),\n      when: (completedActions) => !completedActions.includes('didCreateApiToken'),\n    },\n    {\n      name: 'CreateAnAPIToken',\n      content: (Step) => (\n        <Step.Root side=\"bottom\" sideOffset={20} align=\"end\">\n          <Step.Title\n            id=\"tours.apiTokens.CreateAnAPIToken.title\"\n            defaultMessage=\"Create an API token\"\n          />\n          <Step.Content\n            id=\"tours.apiTokens.CreateAnAPIToken.content\"\n            defaultMessage=\"Create a new API token. Choose a name, duration and type.\"\n          />\n          <Step.Actions />\n        </Step.Root>\n      ),\n    },\n    {\n      name: 'CopyAPIToken',\n      content: (Step) => (\n        <Step.Root side=\"bottom\" align=\"start\">\n          <Step.Title\n            id=\"tours.apiTokens.CopyAPIToken.title\"\n            defaultMessage=\"Copy your new API token\"\n          />\n          <Step.Content\n            id=\"tours.apiTokens.CopyAPIToken.content\"\n            defaultMessage=\"Make sure to do it now, you won’t be able to see it again. You’ll need to generate a new one if you lose it.\"\n          />\n          <Step.Actions />\n        </Step.Root>\n      ),\n      when: (completedActions) => completedActions.includes('didCreateApiToken'),\n    },\n    {\n      name: 'Finish',\n      content: (Step) => {\n        const dispatch = unstableUseGuidedTour('GuidedTourPopover', (s) => s.dispatch);\n        return (\n          <Step.Root side=\"right\" align=\"start\" sideOffset={32}>\n            <Step.Title\n              id=\"tours.apiTokens.FinalStep.title\"\n              defaultMessage=\"It’s time to deploy your application!\"\n            />\n            <Step.Content\n              id=\"tours.apiTokens.FinalStep.content\"\n              defaultMessage=\"Your application is ready to be deployed and its content to be shared with the world!\"\n            />\n            <Step.Actions showStepCount={false}>\n              <Flex justifyContent=\"end\" width={'100%'}>\n                <LinkButton\n                  onClick={() => {\n                    dispatch({ type: 'next_step', payload: 'apiTokens' });\n                  }}\n                  tag={NavLink}\n                  to=\"/\"\n                >\n                  <FormattedMessage id=\"tours.gotIt\" defaultMessage=\"Got it\" />\n                </LinkButton>\n              </Flex>\n            </Step.Actions>\n          </Step.Root>\n        );\n      },\n      when: (completedActions) => completedActions.includes('didCopyApiToken'),\n    },\n  ]),\n  strapiCloud: createTour('strapiCloud', []),\n} as const;\n\ntype Tours = typeof tours;\n\n/* -------------------------------------------------------------------------------------------------\n * GuidedTourTooltip\n * -----------------------------------------------------------------------------------------------*/\n\ntype Content = (\n  Step: Step,\n  {\n    state,\n    dispatch,\n  }: {\n    state: State;\n    dispatch: React.Dispatch<Action>;\n  }\n) => React.ReactNode;\n\ntype GuidedTourTooltipProps = {\n  children: React.ReactNode;\n  content: Content;\n  tourName: ValidTourName;\n  step: number;\n  when?: (completedActions: ExtendedCompletedActions) => boolean;\n};\n\nconst UnstableGuidedTourTooltip = ({ children, ...props }: GuidedTourTooltipProps) => {\n  const state = unstableUseGuidedTour('TooltipWrapper', (s) => s.state);\n  const hasFutureFlag = window.strapi.future.isEnabled('unstableGuidedTour');\n\n  if (!state.enabled) {\n    return <>{children}</>;\n  }\n\n  if (!hasFutureFlag) {\n    return <>{children}</>;\n  }\n\n  return <GuidedTourTooltipImpl {...props}>{children}</GuidedTourTooltipImpl>;\n};\n\nconst GuidedTourOverlay = styled(Box)`\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(50, 50, 77, 0.2);\n  z-index: 10;\n`;\n\nconst GuidedTourTooltipImpl = ({\n  children,\n  content,\n  tourName,\n  step,\n  when,\n}: GuidedTourTooltipProps) => {\n  const { data: guidedTourMeta } = useGetGuidedTourMetaQuery();\n\n  const state = unstableUseGuidedTour('UnstableGuidedTourTooltip', (s) => s.state);\n  const dispatch = unstableUseGuidedTour('UnstableGuidedTourTooltip', (s) => s.dispatch);\n\n  const isCurrentStep = state.tours[tourName].currentStep === step;\n  const isStepConditionMet = when ? when(state.completedActions) : true;\n  const isPopoverOpen =\n    guidedTourMeta?.data?.isFirstSuperAdminUser &&\n    !state.tours[tourName].isCompleted &&\n    isCurrentStep &&\n    isStepConditionMet;\n\n  // Lock the scroll\n  React.useEffect(() => {\n    if (!isPopoverOpen) return;\n\n    const originalStyle = window.getComputedStyle(document.body).overflow;\n    document.body.style.overflow = 'hidden';\n\n    return () => {\n      document.body.style.overflow = originalStyle;\n    };\n  }, [isPopoverOpen]);\n\n  // TODO: This isn't great but the only solution for syncing the completed actions\n  React.useEffect(() => {\n    dispatch({\n      type: 'set_completed_actions',\n      payload: guidedTourMeta?.data?.completedActions ?? [],\n    });\n  }, [dispatch, guidedTourMeta?.data?.completedActions]);\n\n  const Step = React.useMemo(() => createStepComponents(tourName), [tourName]);\n\n  return (\n    <>\n      {isPopoverOpen && (\n        <Portal>\n          <GuidedTourOverlay />\n        </Portal>\n      )}\n      <Popover.Root open={isPopoverOpen}>\n        <Popover.Anchor>{children}</Popover.Anchor>\n        {content(Step, { state, dispatch })}\n      </Popover.Root>\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Tour factory\n * -----------------------------------------------------------------------------------------------*/\n\ntype TourStep<P extends string> = {\n  name: P;\n  content: Content;\n  when?: (completedActions: ExtendedCompletedActions) => boolean;\n};\n\nfunction createTour<const T extends ReadonlyArray<TourStep<string>>>(tourName: string, steps: T) {\n  type Components = {\n    [K in T[number]['name']]: React.ComponentType<{ children: React.ReactNode }>;\n  };\n\n  const tour = steps.reduce((acc, step, index) => {\n    if (step.name in acc) {\n      throw Error(`The tour: ${tourName} with step: ${step.name} has already been registered`);\n    }\n\n    acc[step.name as keyof Components] = ({ children }: { children: React.ReactNode }) => {\n      return (\n        <UnstableGuidedTourTooltip\n          tourName={tourName as ValidTourName}\n          step={index}\n          content={step.content}\n          when={step.when}\n        >\n          {children}\n        </UnstableGuidedTourTooltip>\n      );\n    };\n\n    return acc;\n  }, {} as Components);\n\n  return tour;\n}\n\nexport type { Content, Tours };\nexport { tours };\n"],"names":["tours","contentTypeBuilder","createTour","name","content","Step","_jsxs","Root","side","_jsx","Title","id","defaultMessage","Content","Actions","showSkip","sideOffset","showStepCount","to","when","completedActions","includes","contentManager","align","apiTokens","dispatch","unstableUseGuidedTour","s","Flex","justifyContent","width","LinkButton","onClick","type","payload","tag","NavLink","FormattedMessage","strapiCloud","UnstableGuidedTourTooltip","children","props","state","hasFutureFlag","window","strapi","future","isEnabled","enabled","_Fragment","GuidedTourTooltipImpl","GuidedTourOverlay","styled","Box","tourName","step","data","guidedTourMeta","useGetGuidedTourMetaQuery","isCurrentStep","currentStep","isStepConditionMet","isPopoverOpen","isFirstSuperAdminUser","isCompleted","React","useEffect","originalStyle","getComputedStyle","document","body","overflow","style","useMemo","createStepComponents","Portal","Popover","open","Anchor","steps","tour","reduce","acc","index","Error"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA;;AAEkG,2GAE5FA,KAAQ,GAAA;AACZC,IAAAA,kBAAAA,EAAoBC,WAAW,oBAAsB,EAAA;AACnD,QAAA;YACEC,IAAM,EAAA,cAAA;AACNC,YAAAA,OAAAA,EAAS,CAACC,IAAAA,iBACRC,eAACD,CAAAA,IAAAA,CAAKE,IAAI,EAAA;oBAACC,IAAK,EAAA,QAAA;;AACd,sCAAAC,cAAA,CAACJ,KAAKK,KAAK,EAAA;4BACTC,EAAG,EAAA,6CAAA;4BACHC,cAAe,EAAA;;AAEjB,sCAAAH,cAAA,CAACJ,KAAKQ,OAAO,EAAA;4BACXF,EAAG,EAAA,+CAAA;4BACHC,cAAe,EAAA;;AAEjB,sCAAAH,cAAA,CAACJ,KAAKS,OAAO,EAAA;4BAACC,QAAQ,EAAA;;;;AAG5B,SAAA;AACA,QAAA;YACEZ,IAAM,EAAA,iBAAA;AACNC,YAAAA,OAAAA,EAAS,CAACC,IAAAA,iBACRC,eAACD,CAAAA,IAAAA,CAAKE,IAAI,EAAA;oBAACC,IAAK,EAAA,OAAA;oBAAQQ,UAAY,EAAA,EAAA;;AAClC,sCAAAP,cAAA,CAACJ,KAAKK,KAAK,EAAA;4BACTC,EAAG,EAAA,gDAAA;4BACHC,cAAe,EAAA;;AAEjB,sCAAAH,cAAA,CAACJ,KAAKQ,OAAO,EAAA;4BACXF,EAAG,EAAA,kDAAA;4BACHC,cAAe,EAAA;;AAEjB,sCAAAH,cAAA,CAACJ,KAAKS,OAAO,EAAA,EAAA;;;AAGnB,SAAA;AACA,QAAA;YACEX,IAAM,EAAA,aAAA;AACNC,YAAAA,OAAAA,EAAS,CAACC,IAAAA,iBACRC,eAACD,CAAAA,IAAAA,CAAKE,IAAI,EAAA;oBAACC,IAAK,EAAA,OAAA;oBAAQQ,UAAY,EAAA,EAAA;;AAClC,sCAAAP,cAAA,CAACJ,KAAKK,KAAK,EAAA;4BACTC,EAAG,EAAA,4CAAA;4BACHC,cAAe,EAAA;;AAEjB,sCAAAH,cAAA,CAACJ,KAAKQ,OAAO,EAAA;4BACXF,EAAG,EAAA,8CAAA;4BACHC,cAAe,EAAA;;AAEjB,sCAAAH,cAAA,CAACJ,KAAKS,OAAO,EAAA,EAAA;;;AAGnB,SAAA;AACA,QAAA;YACEX,IAAM,EAAA,YAAA;AACNC,YAAAA,OAAAA,EAAS,CAACC,IAAAA,iBACRC,eAACD,CAAAA,IAAAA,CAAKE,IAAI,EAAA;oBAACC,IAAK,EAAA,OAAA;oBAAQQ,UAAY,EAAA,EAAA;;AAClC,sCAAAP,cAAA,CAACJ,KAAKK,KAAK,EAAA;4BAACC,EAAG,EAAA,2CAAA;4BAA4CC,cAAe,EAAA;;AAC1E,sCAAAH,cAAA,CAACJ,KAAKQ,OAAO,EAAA;4BACXF,EAAG,EAAA,6CAAA;4BACHC,cAAe,EAAA;;AAEjB,sCAAAH,cAAA,CAACJ,KAAKS,OAAO,EAAA,EAAA;;;AAGnB,SAAA;AACA,QAAA;YACEX,IAAM,EAAA,QAAA;AACNC,YAAAA,OAAAA,EAAS,CAACC,IAAAA,iBACRC,eAACD,CAAAA,IAAAA,CAAKE,IAAI,EAAA;oBAACC,IAAK,EAAA,OAAA;oBAAQQ,UAAY,EAAA,EAAA;;AAClC,sCAAAP,cAAA,CAACJ,KAAKK,KAAK,EAAA;4BACTC,EAAG,EAAA,uCAAA;4BACHC,cAAe,EAAA;;AAEjB,sCAAAH,cAAA,CAACJ,KAAKQ,OAAO,EAAA;4BACXF,EAAG,EAAA,yCAAA;4BACHC,cAAe,EAAA;;AAEjB,sCAAAH,cAAA,CAACJ,KAAKS,OAAO,EAAA;4BAACG,aAAe,EAAA,KAAA;4BAAOC,EAAG,EAAA;;;;AAG3CC,YAAAA,IAAAA,EAAM,CAACC,gBAAAA,GAAqBA,gBAAiBC,CAAAA,QAAQ,CAAC,4BAAA;AACxD;AACD,KAAA,CAAA;AACDC,IAAAA,cAAAA,EAAgBpB,WAAW,gBAAkB,EAAA;AAC3C,QAAA;YACEC,IAAM,EAAA,cAAA;AACNC,YAAAA,OAAAA,EAAS,CAACC,IAAAA,iBACRC,eAACD,CAAAA,IAAAA,CAAKE,IAAI,EAAA;oBAACC,IAAK,EAAA,KAAA;;AACd,sCAAAC,cAAA,CAACJ,KAAKK,KAAK,EAAA;4BACTC,EAAG,EAAA,yCAAA;4BACHC,cAAe,EAAA;;AAEjB,sCAAAH,cAAA,CAACJ,KAAKQ,OAAO,EAAA;4BACXF,EAAG,EAAA,2CAAA;4BACHC,cAAe,EAAA;;AAEjB,sCAAAH,cAAA,CAACJ,KAAKS,OAAO,EAAA;4BAACC,QAAQ,EAAA;;;;AAG5B,SAAA;AACA,QAAA;YACEZ,IAAM,EAAA,QAAA;AACNC,YAAAA,OAAAA,EAAS,CAACC,IAAAA,iBACRC,eAACD,CAAAA,IAAAA,CAAKE,IAAI,EAAA;oBAACC,IAAM,EAAA,KAAA;oBAAOe,KAAM,EAAA,OAAA;AAAQP,oBAAAA,UAAAA,EAAY,CAAC,EAAA;;AACjD,sCAAAP,cAAA,CAACJ,KAAKK,KAAK,EAAA;4BAACC,EAAG,EAAA,mCAAA;4BAAoCC,cAAe,EAAA;;AAClE,sCAAAH,cAAA,CAACJ,KAAKQ,OAAO,EAAA;4BACXF,EAAG,EAAA,qCAAA;4BACHC,cAAe,EAAA;;AAEjB,sCAAAH,cAAA,CAACJ,KAAKS,OAAO,EAAA,EAAA;;;AAGnB,SAAA;AACA,QAAA;YACEX,IAAM,EAAA,SAAA;AACNC,YAAAA,OAAAA,EAAS,CAACC,IAAAA,iBACRC,eAACD,CAAAA,IAAAA,CAAKE,IAAI,EAAA;oBAACC,IAAK,EAAA,MAAA;oBAAOe,KAAM,EAAA,QAAA;oBAASP,UAAY,EAAA,EAAA;;AAChD,sCAAAP,cAAA,CAACJ,KAAKK,KAAK,EAAA;4BAACC,EAAG,EAAA,oCAAA;4BAAqCC,cAAe,EAAA;;AACnE,sCAAAH,cAAA,CAACJ,KAAKQ,OAAO,EAAA;4BACXF,EAAG,EAAA,sCAAA;4BACHC,cAAe,EAAA;;AAEjB,sCAAAH,cAAA,CAACJ,KAAKS,OAAO,EAAA,EAAA;;;AAGnB,SAAA;AACA,QAAA;YACEX,IAAM,EAAA,QAAA;AACNC,YAAAA,OAAAA,EAAS,CAACC,IAAAA,iBACRC,eAACD,CAAAA,IAAAA,CAAKE,IAAI,EAAA;oBAACC,IAAK,EAAA,OAAA;oBAAQQ,UAAY,EAAA,EAAA;;AAClC,sCAAAP,cAAA,CAACJ,KAAKK,KAAK,EAAA;4BACTC,EAAG,EAAA,sCAAA;4BACHC,cAAe,EAAA;;AAEjB,sCAAAH,cAAA,CAACJ,KAAKQ,OAAO,EAAA;4BACXF,EAAG,EAAA,wCAAA;4BACHC,cAAe,EAAA;;AAEjB,sCAAAH,cAAA,CAACJ,KAAKS,OAAO,EAAA;4BAACG,aAAe,EAAA,KAAA;4BAAOC,EAAG,EAAA;;;;AAG3CC,YAAAA,IAAAA,EAAM,CAACC,gBAAAA,GAAqBA,gBAAiBC,CAAAA,QAAQ,CAAC,kBAAA;AACxD;AACD,KAAA,CAAA;AACDG,IAAAA,SAAAA,EAAWtB,WAAW,WAAa,EAAA;AACjC,QAAA;YACEC,IAAM,EAAA,cAAA;AACNC,YAAAA,OAAAA,EAAS,CAACC,IAAAA,iBACRC,eAACD,CAAAA,IAAAA,CAAKE,IAAI,EAAA;AAACS,oBAAAA,UAAAA,EAAY,CAAC,EAAA;;AACtB,sCAAAP,cAAA,CAACJ,KAAKK,KAAK,EAAA;4BAACC,EAAG,EAAA,oCAAA;4BAAqCC,cAAe,EAAA;;AACnE,sCAAAH,cAAA,CAACJ,KAAKQ,OAAO,EAAA;4BACXF,EAAG,EAAA,sCAAA;4BACHC,cAAe,EAAA;;AAEjB,sCAAAH,cAAA,CAACJ,KAAKS,OAAO,EAAA;4BAACC,QAAQ,EAAA;;;;AAG1BI,YAAAA,IAAAA,EAAM,CAACC,gBAAAA,GAAqB,CAACA,gBAAAA,CAAiBC,QAAQ,CAAC,mBAAA;AACzD,SAAA;AACA,QAAA;YACElB,IAAM,EAAA,kBAAA;AACNC,YAAAA,OAAAA,EAAS,CAACC,IAAAA,iBACRC,eAACD,CAAAA,IAAAA,CAAKE,IAAI,EAAA;oBAACC,IAAK,EAAA,QAAA;oBAASQ,UAAY,EAAA,EAAA;oBAAIO,KAAM,EAAA,KAAA;;AAC7C,sCAAAd,cAAA,CAACJ,KAAKK,KAAK,EAAA;4BACTC,EAAG,EAAA,wCAAA;4BACHC,cAAe,EAAA;;AAEjB,sCAAAH,cAAA,CAACJ,KAAKQ,OAAO,EAAA;4BACXF,EAAG,EAAA,0CAAA;4BACHC,cAAe,EAAA;;AAEjB,sCAAAH,cAAA,CAACJ,KAAKS,OAAO,EAAA,EAAA;;;AAGnB,SAAA;AACA,QAAA;YACEX,IAAM,EAAA,cAAA;AACNC,YAAAA,OAAAA,EAAS,CAACC,IAAAA,iBACRC,eAACD,CAAAA,IAAAA,CAAKE,IAAI,EAAA;oBAACC,IAAK,EAAA,QAAA;oBAASe,KAAM,EAAA,OAAA;;AAC7B,sCAAAd,cAAA,CAACJ,KAAKK,KAAK,EAAA;4BACTC,EAAG,EAAA,oCAAA;4BACHC,cAAe,EAAA;;AAEjB,sCAAAH,cAAA,CAACJ,KAAKQ,OAAO,EAAA;4BACXF,EAAG,EAAA,sCAAA;4BACHC,cAAe,EAAA;;AAEjB,sCAAAH,cAAA,CAACJ,KAAKS,OAAO,EAAA,EAAA;;;AAGjBK,YAAAA,IAAAA,EAAM,CAACC,gBAAAA,GAAqBA,gBAAiBC,CAAAA,QAAQ,CAAC,mBAAA;AACxD,SAAA;AACA,QAAA;YACElB,IAAM,EAAA,QAAA;AACNC,YAAAA,OAAAA,EAAS,CAACC,IAAAA,GAAAA;AACR,gBAAA,MAAMoB,WAAWC,6BAAsB,CAAA,mBAAA,EAAqB,CAACC,CAAAA,GAAMA,EAAEF,QAAQ,CAAA;gBAC7E,qBACEnB,eAAA,CAACD,KAAKE,IAAI,EAAA;oBAACC,IAAK,EAAA,OAAA;oBAAQe,KAAM,EAAA,OAAA;oBAAQP,UAAY,EAAA,EAAA;;AAChD,sCAAAP,cAAA,CAACJ,KAAKK,KAAK,EAAA;4BACTC,EAAG,EAAA,iCAAA;4BACHC,cAAe,EAAA;;AAEjB,sCAAAH,cAAA,CAACJ,KAAKQ,OAAO,EAAA;4BACXF,EAAG,EAAA,mCAAA;4BACHC,cAAe,EAAA;;AAEjB,sCAAAH,cAAA,CAACJ,KAAKS,OAAO,EAAA;4BAACG,aAAe,EAAA,KAAA;AAC3B,4BAAA,QAAA,gBAAAR,cAACmB,CAAAA,iBAAAA,EAAAA;gCAAKC,cAAe,EAAA,KAAA;gCAAMC,KAAO,EAAA,MAAA;AAChC,gCAAA,QAAA,gBAAArB,cAACsB,CAAAA,uBAAAA,EAAAA;oCACCC,OAAS,EAAA,IAAA;wCACPP,QAAS,CAAA;4CAAEQ,IAAM,EAAA,WAAA;4CAAaC,OAAS,EAAA;AAAY,yCAAA,CAAA;AACrD,qCAAA;oCACAC,GAAKC,EAAAA,sBAAAA;oCACLlB,EAAG,EAAA,GAAA;AAEH,oCAAA,QAAA,gBAAAT,cAAC4B,CAAAA,0BAAAA,EAAAA;wCAAiB1B,EAAG,EAAA,aAAA;wCAAcC,cAAe,EAAA;;;;;;;AAM9D,aAAA;AACAO,YAAAA,IAAAA,EAAM,CAACC,gBAAAA,GAAqBA,gBAAiBC,CAAAA,QAAQ,CAAC,iBAAA;AACxD;AACD,KAAA,CAAA;IACDiB,WAAapC,EAAAA,UAAAA,CAAW,eAAe,EAAE;AAC3C;AA2BA,MAAMqC,4BAA4B,CAAC,EAAEC,QAAQ,EAAE,GAAGC,KAA+B,EAAA,GAAA;AAC/E,IAAA,MAAMC,QAAQhB,6BAAsB,CAAA,gBAAA,EAAkB,CAACC,CAAAA,GAAMA,EAAEe,KAAK,CAAA;AACpE,IAAA,MAAMC,gBAAgBC,MAAOC,CAAAA,MAAM,CAACC,MAAM,CAACC,SAAS,CAAC,oBAAA,CAAA;IAErD,IAAI,CAACL,KAAMM,CAAAA,OAAO,EAAE;QAClB,qBAAOvC,cAAA,CAAAwC,mBAAA,EAAA;AAAGT,YAAAA,QAAAA,EAAAA;;AACZ;AAEA,IAAA,IAAI,CAACG,aAAe,EAAA;QAClB,qBAAOlC,cAAA,CAAAwC,mBAAA,EAAA;AAAGT,YAAAA,QAAAA,EAAAA;;AACZ;AAEA,IAAA,qBAAO/B,cAACyC,CAAAA,qBAAAA,EAAAA;AAAuB,QAAA,GAAGT,KAAK;AAAGD,QAAAA,QAAAA,EAAAA;;AAC5C,CAAA;AAEA,MAAMW,iBAAAA,GAAoBC,aAAOC,CAAAA,gBAAAA,CAAI;;;;;;;;AAQrC,CAAC;AAED,MAAMH,qBAAwB,GAAA,CAAC,EAC7BV,QAAQ,EACRpC,OAAO,EACPkD,QAAQ,EACRC,IAAI,EACJpC,IAAI,EACmB,GAAA;AACvB,IAAA,MAAM,EAAEqC,IAAAA,EAAMC,cAAc,EAAE,GAAGC,+BAAAA,EAAAA;AAEjC,IAAA,MAAMhB,QAAQhB,6BAAsB,CAAA,2BAAA,EAA6B,CAACC,CAAAA,GAAMA,EAAEe,KAAK,CAAA;AAC/E,IAAA,MAAMjB,WAAWC,6BAAsB,CAAA,2BAAA,EAA6B,CAACC,CAAAA,GAAMA,EAAEF,QAAQ,CAAA;AAErF,IAAA,MAAMkC,gBAAgBjB,KAAM1C,CAAAA,KAAK,CAACsD,QAAS,CAAA,CAACM,WAAW,KAAKL,IAAAA;AAC5D,IAAA,MAAMM,kBAAqB1C,GAAAA,IAAAA,GAAOA,IAAKuB,CAAAA,KAAAA,CAAMtB,gBAAgB,CAAI,GAAA,IAAA;AACjE,IAAA,MAAM0C,aACJL,GAAAA,cAAAA,EAAgBD,IAAMO,EAAAA,qBAAAA,IACtB,CAACrB,KAAAA,CAAM1C,KAAK,CAACsD,QAAS,CAAA,CAACU,WAAW,IAClCL,aACAE,IAAAA,kBAAAA;;AAGFI,IAAAA,gBAAAA,CAAMC,SAAS,CAAC,IAAA;AACd,QAAA,IAAI,CAACJ,aAAe,EAAA;AAEpB,QAAA,MAAMK,gBAAgBvB,MAAOwB,CAAAA,gBAAgB,CAACC,QAASC,CAAAA,IAAI,EAAEC,QAAQ;AACrEF,QAAAA,QAAAA,CAASC,IAAI,CAACE,KAAK,CAACD,QAAQ,GAAG,QAAA;QAE/B,OAAO,IAAA;AACLF,YAAAA,QAAAA,CAASC,IAAI,CAACE,KAAK,CAACD,QAAQ,GAAGJ,aAAAA;AACjC,SAAA;KACC,EAAA;AAACL,QAAAA;AAAc,KAAA,CAAA;;AAGlBG,IAAAA,gBAAAA,CAAMC,SAAS,CAAC,IAAA;QACdzC,QAAS,CAAA;YACPQ,IAAM,EAAA,uBAAA;YACNC,OAASuB,EAAAA,cAAAA,EAAgBD,IAAMpC,EAAAA,gBAAAA,IAAoB;AACrD,SAAA,CAAA;KACC,EAAA;AAACK,QAAAA,QAAAA;AAAUgC,QAAAA,cAAAA,EAAgBD,IAAMpC,EAAAA;AAAiB,KAAA,CAAA;AAErD,IAAA,MAAMf,SAAO4D,gBAAMQ,CAAAA,OAAO,CAAC,IAAMC,0BAAqBpB,QAAW,CAAA,EAAA;AAACA,QAAAA;AAAS,KAAA,CAAA;IAE3E,qBACEhD,eAAA,CAAA2C,mBAAA,EAAA;;AACGa,YAAAA,aAAAA,kBACCrD,cAACkE,CAAAA,mBAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAlE,cAAC0C,CAAAA,iBAAAA,EAAAA,EAAAA;;AAGL,0BAAA7C,eAAA,CAACsE,qBAAQrE,IAAI,EAAA;gBAACsE,IAAMf,EAAAA,aAAAA;;AAClB,kCAAArD,cAAA,CAACmE,qBAAQE,MAAM,EAAA;AAAEtC,wBAAAA,QAAAA,EAAAA;;AAChBpC,oBAAAA,OAAAA,CAAQC,MAAM,EAAA;AAAEqC,wBAAAA,KAAAA;AAAOjB,wBAAAA;AAAS,qBAAA;;;;;AAIzC,CAAA;AAYA,SAASvB,UAAAA,CAA4DoD,QAAgB,EAAEyB,KAAQ,EAAA;AAK7F,IAAA,MAAMC,OAAOD,KAAME,CAAAA,MAAM,CAAC,CAACC,KAAK3B,IAAM4B,EAAAA,KAAAA,GAAAA;QACpC,IAAI5B,IAAAA,CAAKpD,IAAI,IAAI+E,GAAK,EAAA;YACpB,MAAME,KAAAA,CAAM,CAAC,UAAU,EAAE9B,QAAAA,CAAS,YAAY,EAAEC,IAAKpD,CAAAA,IAAI,CAAC,4BAA4B,CAAC,CAAA;AACzF;QAEA+E,GAAG,CAAC3B,KAAKpD,IAAI,CAAqB,GAAG,CAAC,EAAEqC,QAAQ,EAAiC,GAAA;AAC/E,YAAA,qBACE/B,cAAC8B,CAAAA,yBAAAA,EAAAA;gBACCe,QAAUA,EAAAA,QAAAA;gBACVC,IAAM4B,EAAAA,KAAAA;AACN/E,gBAAAA,OAAAA,EAASmD,KAAKnD,OAAO;AACrBe,gBAAAA,IAAAA,EAAMoC,KAAKpC,IAAI;AAEdqB,gBAAAA,QAAAA,EAAAA;;AAGP,SAAA;QAEA,OAAO0C,GAAAA;AACT,KAAA,EAAG,EAAC,CAAA;IAEJ,OAAOF,IAAAA;AACT;;;;"}