@strapi/admin 4.20.5 → 5.0.0-alpha.1

package/dist/_chunks/Ornaments-Aq2xidN_.mjs

@@ -0,0 +1,211 @@
+import { jsx } from "react/jsx-runtime";
+import { Flex, Typography, Box } from "@strapi/design-system";
+import { Check } from "@strapi/icons";
+const LAYOUT_DATA = {
+  contentTypeBuilder: {
+    home: {
+      title: {
+        id: "app.components.GuidedTour.home.CTB.title",
+        defaultMessage: "🧠 Build the content structure"
+      },
+      cta: {
+        title: {
+          id: "app.components.GuidedTour.home.CTB.cta.title",
+          defaultMessage: "Go to the Content type Builder"
+        },
+        type: "REDIRECT",
+        target: "/plugins/content-type-builder"
+      },
+      trackingEvent: "didClickGuidedTourHomepageContentTypeBuilder"
+    },
+    create: {
+      title: {
+        id: "app.components.GuidedTour.CTB.create.title",
+        defaultMessage: "🧠 Create a first Collection type"
+      },
+      content: {
+        id: "app.components.GuidedTour.CTB.create.content",
+        defaultMessage: "<p>Collection types help you manage several entries, Single types are suitable to manage only one entry.</p> <p>Ex: For a Blog website, Articles would be a Collection type whereas a Homepage would be a Single type.</p>"
+      },
+      cta: {
+        title: {
+          id: "app.components.GuidedTour.CTB.create.cta.title",
+          defaultMessage: "Build a Collection type"
+        },
+        type: "CLOSE"
+      },
+      trackingEvent: "didClickGuidedTourStep1CollectionType"
+    },
+    success: {
+      title: {
+        id: "app.components.GuidedTour.CTB.success.title",
+        defaultMessage: "Step 1: Completed ✅"
+      },
+      content: {
+        id: "app.components.GuidedTour.CTB.success.content",
+        defaultMessage: "<p>Good going!</p><b>⚡️ What would you like to share with the world?</b>"
+      },
+      cta: {
+        title: {
+          id: "app.components.GuidedTour.create-content",
+          defaultMessage: "Create content"
+        },
+        type: "REDIRECT",
+        target: "/content-manager"
+      },
+      trackingEvent: "didCreateGuidedTourCollectionType"
+    }
+  },
+  contentManager: {
+    home: {
+      title: {
+        id: "app.components.GuidedTour.home.CM.title",
+        defaultMessage: "⚡️ What would you like to share with the world?"
+      },
+      cta: {
+        title: {
+          id: "app.components.GuidedTour.create-content",
+          defaultMessage: "Create content"
+        },
+        type: "REDIRECT",
+        target: "/content-manager"
+      },
+      trackingEvent: "didClickGuidedTourHomepageContentManager"
+    },
+    create: {
+      title: {
+        id: "app.components.GuidedTour.CM.create.title",
+        defaultMessage: "⚡️ Create content"
+      },
+      content: {
+        id: "app.components.GuidedTour.CM.create.content",
+        defaultMessage: "<p>Create and manage all the content here in the Content Manager.</p><p>Ex: Taking the Blog website example further, one can write an Article, save and publish it as they like.</p><p>💡 Quick tip - Don't forget to hit publish on the content you create.</p>"
+      },
+      cta: {
+        title: {
+          id: "app.components.GuidedTour.create-content",
+          defaultMessage: "Create content"
+        },
+        type: "CLOSE"
+      },
+      trackingEvent: "didClickGuidedTourStep2ContentManager"
+    },
+    success: {
+      title: {
+        id: "app.components.GuidedTour.CM.success.title",
+        defaultMessage: "Step 2: Completed ✅"
+      },
+      content: {
+        id: "app.components.GuidedTour.CM.success.content",
+        defaultMessage: "<p>Awesome, one last step to go!</p><b>🚀  See content in action</b>"
+      },
+      cta: {
+        title: {
+          id: "app.components.GuidedTour.CM.success.cta.title",
+          defaultMessage: "Test the API"
+        },
+        type: "REDIRECT",
+        target: "/settings/api-tokens"
+      },
+      trackingEvent: "didCreateGuidedTourEntry"
+    }
+  },
+  apiTokens: {
+    home: {
+      title: {
+        id: "app.components.GuidedTour.apiTokens.create.title",
+        defaultMessage: "🚀 See content in action"
+      },
+      cta: {
+        title: {
+          id: "app.components.GuidedTour.home.apiTokens.cta.title",
+          defaultMessage: "Test the API"
+        },
+        type: "REDIRECT",
+        target: "/settings/api-tokens"
+      },
+      trackingEvent: "didClickGuidedTourHomepageApiTokens"
+    },
+    create: {
+      title: {
+        id: "app.components.GuidedTour.apiTokens.create.title",
+        defaultMessage: "🚀 See content in action"
+      },
+      content: {
+        id: "app.components.GuidedTour.apiTokens.create.content",
+        defaultMessage: "<p>Generate an authentication token here and retrieve the content you just created.</p>"
+      },
+      cta: {
+        title: {
+          id: "app.components.GuidedTour.apiTokens.create.cta.title",
+          defaultMessage: "Generate an API Token"
+        },
+        type: "CLOSE"
+      },
+      trackingEvent: "didClickGuidedTourStep3ApiTokens"
+    },
+    success: {
+      title: {
+        id: "app.components.GuidedTour.apiTokens.success.title",
+        defaultMessage: "Step 3: Completed ✅"
+      },
+      content: {
+        id: "app.components.GuidedTour.apiTokens.success.content",
+        defaultMessage: "<p>See content in action by making an HTTP request:</p><ul><li><p>To this URL: <light>https://'<'YOUR_DOMAIN'>'/api/'<'YOUR_CT'>'</light></p></li><li><p>With the header: <light>Authorization: bearer '<'YOUR_API_TOKEN'>'</light></p></li></ul><p>For more ways to interact with content, see the <documentationLink>documentation</documentationLink>.</p>"
+      },
+      trackingEvent: "didGenerateGuidedTourApiTokens"
+    }
+  }
+};
+const STATES = {
+  IS_DONE: "IS_DONE",
+  IS_ACTIVE: "IS_ACTIVE",
+  IS_NOT_DONE: "IS_NOT_DONE"
+};
+const Number = ({ children, state, ...props }) => {
+  return state === STATES.IS_DONE || state === STATES.IS_ACTIVE ? /* @__PURE__ */ jsx(
+    Flex,
+    {
+      background: "primary600",
+      padding: 2,
+      borderRadius: "50%",
+      width: `${30 / 16}rem`,
+      height: `${30 / 16}rem`,
+      justifyContent: "center",
+      ...props,
+      children: state === STATES.IS_DONE ? /* @__PURE__ */ jsx(Check, { "aria-hidden": true, width: `${16 / 16}rem`, color: "neutral0" }) : /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", textColor: "neutral0", children })
+    }
+  ) : /* @__PURE__ */ jsx(
+    Flex,
+    {
+      borderColor: "neutral500",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      padding: 2,
+      borderRadius: "50%",
+      width: `${30 / 16}rem`,
+      height: `${30 / 16}rem`,
+      justifyContent: "center",
+      ...props,
+      children: /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", textColor: "neutral600", children })
+    }
+  );
+};
+const VerticalDivider = ({ state, ...props }) => /* @__PURE__ */ jsx(
+  Box,
+  {
+    width: `${2 / 16}rem`,
+    height: "100%",
+    background: state === STATES.IS_NOT_DONE ? "neutral300" : "primary500",
+    hasRadius: true,
+    minHeight: state === STATES.IS_ACTIVE ? `${85 / 16}rem` : `${65 / 16}rem`,
+    ...props
+  }
+);
+export {
+  LAYOUT_DATA as L,
+  Number as N,
+  STATES as S,
+  VerticalDivider as V
+};
+//# sourceMappingURL=Ornaments-Aq2xidN_.mjs.map

package/dist/_chunks/Ornaments-Aq2xidN_.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ornaments-Aq2xidN_.mjs","sources":["../../admin/src/components/GuidedTour/constants.ts","../../admin/src/components/GuidedTour/Ornaments.tsx"],"sourcesContent":["const LAYOUT_DATA = {\n  contentTypeBuilder: {\n    home: {\n      title: {\n        id: 'app.components.GuidedTour.home.CTB.title',\n        defaultMessage: '🧠 Build the content structure',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.home.CTB.cta.title',\n          defaultMessage: 'Go to the Content type Builder',\n        },\n        type: 'REDIRECT',\n        target: '/plugins/content-type-builder',\n      },\n      trackingEvent: 'didClickGuidedTourHomepageContentTypeBuilder',\n    },\n    create: {\n      title: {\n        id: 'app.components.GuidedTour.CTB.create.title',\n        defaultMessage: '🧠 Create a first Collection type',\n      },\n      content: {\n        id: 'app.components.GuidedTour.CTB.create.content',\n        defaultMessage:\n          '<p>Collection types help you manage several entries, Single types are suitable to manage only one entry.</p> <p>Ex: For a Blog website, Articles would be a Collection type whereas a Homepage would be a Single type.</p>',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.CTB.create.cta.title',\n          defaultMessage: 'Build a Collection type',\n        },\n        type: 'CLOSE',\n      },\n      trackingEvent: 'didClickGuidedTourStep1CollectionType',\n    },\n    success: {\n      title: {\n        id: 'app.components.GuidedTour.CTB.success.title',\n        defaultMessage: 'Step 1: Completed ✅',\n      },\n      content: {\n        id: 'app.components.GuidedTour.CTB.success.content',\n        defaultMessage: '<p>Good going!</p><b>⚡️ What would you like to share with the world?</b>',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.create-content',\n          defaultMessage: 'Create content',\n        },\n        type: 'REDIRECT',\n        target: '/content-manager',\n      },\n      trackingEvent: 'didCreateGuidedTourCollectionType',\n    },\n  },\n  contentManager: {\n    home: {\n      title: {\n        id: 'app.components.GuidedTour.home.CM.title',\n        defaultMessage: '⚡️ What would you like to share with the world?',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.create-content',\n          defaultMessage: 'Create content',\n        },\n        type: 'REDIRECT',\n        target: '/content-manager',\n      },\n      trackingEvent: 'didClickGuidedTourHomepageContentManager',\n    },\n    create: {\n      title: {\n        id: 'app.components.GuidedTour.CM.create.title',\n        defaultMessage: '⚡️ Create content',\n      },\n      content: {\n        id: 'app.components.GuidedTour.CM.create.content',\n        defaultMessage:\n          \"<p>Create and manage all the content here in the Content Manager.</p><p>Ex: Taking the Blog website example further, one can write an Article, save and publish it as they like.</p><p>💡 Quick tip - Don't forget to hit publish on the content you create.</p>\",\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.create-content',\n          defaultMessage: 'Create content',\n        },\n        type: 'CLOSE',\n      },\n      trackingEvent: 'didClickGuidedTourStep2ContentManager',\n    },\n    success: {\n      title: {\n        id: 'app.components.GuidedTour.CM.success.title',\n        defaultMessage: 'Step 2: Completed ✅',\n      },\n      content: {\n        id: 'app.components.GuidedTour.CM.success.content',\n        defaultMessage: '<p>Awesome, one last step to go!</p><b>🚀  See content in action</b>',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.CM.success.cta.title',\n          defaultMessage: 'Test the API',\n        },\n        type: 'REDIRECT',\n        target: '/settings/api-tokens',\n      },\n      trackingEvent: 'didCreateGuidedTourEntry',\n    },\n  },\n  apiTokens: {\n    home: {\n      title: {\n        id: 'app.components.GuidedTour.apiTokens.create.title',\n        defaultMessage: '🚀 See content in action',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.home.apiTokens.cta.title',\n          defaultMessage: 'Test the API',\n        },\n        type: 'REDIRECT',\n        target: '/settings/api-tokens',\n      },\n      trackingEvent: 'didClickGuidedTourHomepageApiTokens',\n    },\n    create: {\n      title: {\n        id: 'app.components.GuidedTour.apiTokens.create.title',\n        defaultMessage: '🚀 See content in action',\n      },\n      content: {\n        id: 'app.components.GuidedTour.apiTokens.create.content',\n        defaultMessage:\n          '<p>Generate an authentication token here and retrieve the content you just created.</p>',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.apiTokens.create.cta.title',\n          defaultMessage: 'Generate an API Token',\n        },\n        type: 'CLOSE',\n      },\n      trackingEvent: 'didClickGuidedTourStep3ApiTokens',\n    },\n    success: {\n      title: {\n        id: 'app.components.GuidedTour.apiTokens.success.title',\n        defaultMessage: 'Step 3: Completed ✅',\n      },\n      content: {\n        id: 'app.components.GuidedTour.apiTokens.success.content',\n        defaultMessage:\n          \"<p>See content in action by making an HTTP request:</p><ul><li><p>To this URL: <light>https://'<'YOUR_DOMAIN'>'/api/'<'YOUR_CT'>'</light></p></li><li><p>With the header: <light>Authorization: bearer '<'YOUR_API_TOKEN'>'</light></p></li></ul><p>For more ways to interact with content, see the <documentationLink>documentation</documentationLink>.</p>\",\n      },\n      trackingEvent: 'didGenerateGuidedTourApiTokens',\n    },\n  },\n} as const;\n\nconst STATES = {\n  IS_DONE: 'IS_DONE',\n  IS_ACTIVE: 'IS_ACTIVE',\n  IS_NOT_DONE: 'IS_NOT_DONE',\n} as const;\n\ntype LayoutData = typeof LAYOUT_DATA;\ntype States = keyof typeof STATES;\n\nexport { LAYOUT_DATA, STATES };\nexport type { LayoutData, States };\n","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={`${30 / 16}rem`}\n      height={`${30 / 16}rem`}\n      justifyContent=\"center\"\n      {...props}\n    >\n      {state === STATES.IS_DONE ? (\n        <Check aria-hidden width={`${16 / 16}rem`} color=\"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={`${30 / 16}rem`}\n      height={`${30 / 16}rem`}\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={`${2 / 16}rem`}\n    height=\"100%\"\n    background={state === STATES.IS_NOT_DONE ? 'neutral300' : 'primary500'}\n    hasRadius\n    minHeight={state === STATES.IS_ACTIVE ? `${85 / 16}rem` : `${65 / 16}rem`}\n    {...props}\n  />\n);\n\nexport { Number, VerticalDivider };\nexport type { NumberProps, VerticalDividerProps };\n"],"names":[],"mappings":"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"}

package/dist/_chunks/Ornaments-_AXIwJ-m.js

@@ -0,0 +1,210 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const designSystem = require("@strapi/design-system");
+const Icons = require("@strapi/icons");
+const LAYOUT_DATA = {
+  contentTypeBuilder: {
+    home: {
+      title: {
+        id: "app.components.GuidedTour.home.CTB.title",
+        defaultMessage: "🧠 Build the content structure"
+      },
+      cta: {
+        title: {
+          id: "app.components.GuidedTour.home.CTB.cta.title",
+          defaultMessage: "Go to the Content type Builder"
+        },
+        type: "REDIRECT",
+        target: "/plugins/content-type-builder"
+      },
+      trackingEvent: "didClickGuidedTourHomepageContentTypeBuilder"
+    },
+    create: {
+      title: {
+        id: "app.components.GuidedTour.CTB.create.title",
+        defaultMessage: "🧠 Create a first Collection type"
+      },
+      content: {
+        id: "app.components.GuidedTour.CTB.create.content",
+        defaultMessage: "<p>Collection types help you manage several entries, Single types are suitable to manage only one entry.</p> <p>Ex: For a Blog website, Articles would be a Collection type whereas a Homepage would be a Single type.</p>"
+      },
+      cta: {
+        title: {
+          id: "app.components.GuidedTour.CTB.create.cta.title",
+          defaultMessage: "Build a Collection type"
+        },
+        type: "CLOSE"
+      },
+      trackingEvent: "didClickGuidedTourStep1CollectionType"
+    },
+    success: {
+      title: {
+        id: "app.components.GuidedTour.CTB.success.title",
+        defaultMessage: "Step 1: Completed ✅"
+      },
+      content: {
+        id: "app.components.GuidedTour.CTB.success.content",
+        defaultMessage: "<p>Good going!</p><b>⚡️ What would you like to share with the world?</b>"
+      },
+      cta: {
+        title: {
+          id: "app.components.GuidedTour.create-content",
+          defaultMessage: "Create content"
+        },
+        type: "REDIRECT",
+        target: "/content-manager"
+      },
+      trackingEvent: "didCreateGuidedTourCollectionType"
+    }
+  },
+  contentManager: {
+    home: {
+      title: {
+        id: "app.components.GuidedTour.home.CM.title",
+        defaultMessage: "⚡️ What would you like to share with the world?"
+      },
+      cta: {
+        title: {
+          id: "app.components.GuidedTour.create-content",
+          defaultMessage: "Create content"
+        },
+        type: "REDIRECT",
+        target: "/content-manager"
+      },
+      trackingEvent: "didClickGuidedTourHomepageContentManager"
+    },
+    create: {
+      title: {
+        id: "app.components.GuidedTour.CM.create.title",
+        defaultMessage: "⚡️ Create content"
+      },
+      content: {
+        id: "app.components.GuidedTour.CM.create.content",
+        defaultMessage: "<p>Create and manage all the content here in the Content Manager.</p><p>Ex: Taking the Blog website example further, one can write an Article, save and publish it as they like.</p><p>💡 Quick tip - Don't forget to hit publish on the content you create.</p>"
+      },
+      cta: {
+        title: {
+          id: "app.components.GuidedTour.create-content",
+          defaultMessage: "Create content"
+        },
+        type: "CLOSE"
+      },
+      trackingEvent: "didClickGuidedTourStep2ContentManager"
+    },
+    success: {
+      title: {
+        id: "app.components.GuidedTour.CM.success.title",
+        defaultMessage: "Step 2: Completed ✅"
+      },
+      content: {
+        id: "app.components.GuidedTour.CM.success.content",
+        defaultMessage: "<p>Awesome, one last step to go!</p><b>🚀  See content in action</b>"
+      },
+      cta: {
+        title: {
+          id: "app.components.GuidedTour.CM.success.cta.title",
+          defaultMessage: "Test the API"
+        },
+        type: "REDIRECT",
+        target: "/settings/api-tokens"
+      },
+      trackingEvent: "didCreateGuidedTourEntry"
+    }
+  },
+  apiTokens: {
+    home: {
+      title: {
+        id: "app.components.GuidedTour.apiTokens.create.title",
+        defaultMessage: "🚀 See content in action"
+      },
+      cta: {
+        title: {
+          id: "app.components.GuidedTour.home.apiTokens.cta.title",
+          defaultMessage: "Test the API"
+        },
+        type: "REDIRECT",
+        target: "/settings/api-tokens"
+      },
+      trackingEvent: "didClickGuidedTourHomepageApiTokens"
+    },
+    create: {
+      title: {
+        id: "app.components.GuidedTour.apiTokens.create.title",
+        defaultMessage: "🚀 See content in action"
+      },
+      content: {
+        id: "app.components.GuidedTour.apiTokens.create.content",
+        defaultMessage: "<p>Generate an authentication token here and retrieve the content you just created.</p>"
+      },
+      cta: {
+        title: {
+          id: "app.components.GuidedTour.apiTokens.create.cta.title",
+          defaultMessage: "Generate an API Token"
+        },
+        type: "CLOSE"
+      },
+      trackingEvent: "didClickGuidedTourStep3ApiTokens"
+    },
+    success: {
+      title: {
+        id: "app.components.GuidedTour.apiTokens.success.title",
+        defaultMessage: "Step 3: Completed ✅"
+      },
+      content: {
+        id: "app.components.GuidedTour.apiTokens.success.content",
+        defaultMessage: "<p>See content in action by making an HTTP request:</p><ul><li><p>To this URL: <light>https://'<'YOUR_DOMAIN'>'/api/'<'YOUR_CT'>'</light></p></li><li><p>With the header: <light>Authorization: bearer '<'YOUR_API_TOKEN'>'</light></p></li></ul><p>For more ways to interact with content, see the <documentationLink>documentation</documentationLink>.</p>"
+      },
+      trackingEvent: "didGenerateGuidedTourApiTokens"
+    }
+  }
+};
+const STATES = {
+  IS_DONE: "IS_DONE",
+  IS_ACTIVE: "IS_ACTIVE",
+  IS_NOT_DONE: "IS_NOT_DONE"
+};
+const Number = ({ children, state, ...props }) => {
+  return state === STATES.IS_DONE || state === STATES.IS_ACTIVE ? /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.Flex,
+    {
+      background: "primary600",
+      padding: 2,
+      borderRadius: "50%",
+      width: `${30 / 16}rem`,
+      height: `${30 / 16}rem`,
+      justifyContent: "center",
+      ...props,
+      children: state === STATES.IS_DONE ? /* @__PURE__ */ jsxRuntime.jsx(Icons.Check, { "aria-hidden": true, width: `${16 / 16}rem`, color: "neutral0" }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "semiBold", textColor: "neutral0", children })
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.Flex,
+    {
+      borderColor: "neutral500",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      padding: 2,
+      borderRadius: "50%",
+      width: `${30 / 16}rem`,
+      height: `${30 / 16}rem`,
+      justifyContent: "center",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "semiBold", textColor: "neutral600", children })
+    }
+  );
+};
+const VerticalDivider = ({ state, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  designSystem.Box,
+  {
+    width: `${2 / 16}rem`,
+    height: "100%",
+    background: state === STATES.IS_NOT_DONE ? "neutral300" : "primary500",
+    hasRadius: true,
+    minHeight: state === STATES.IS_ACTIVE ? `${85 / 16}rem` : `${65 / 16}rem`,
+    ...props
+  }
+);
+exports.LAYOUT_DATA = LAYOUT_DATA;
+exports.Number = Number;
+exports.STATES = STATES;
+exports.VerticalDivider = VerticalDivider;
+//# sourceMappingURL=Ornaments-_AXIwJ-m.js.map

package/dist/_chunks/Ornaments-_AXIwJ-m.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ornaments-_AXIwJ-m.js","sources":["../../admin/src/components/GuidedTour/constants.ts","../../admin/src/components/GuidedTour/Ornaments.tsx"],"sourcesContent":["const LAYOUT_DATA = {\n  contentTypeBuilder: {\n    home: {\n      title: {\n        id: 'app.components.GuidedTour.home.CTB.title',\n        defaultMessage: '🧠 Build the content structure',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.home.CTB.cta.title',\n          defaultMessage: 'Go to the Content type Builder',\n        },\n        type: 'REDIRECT',\n        target: '/plugins/content-type-builder',\n      },\n      trackingEvent: 'didClickGuidedTourHomepageContentTypeBuilder',\n    },\n    create: {\n      title: {\n        id: 'app.components.GuidedTour.CTB.create.title',\n        defaultMessage: '🧠 Create a first Collection type',\n      },\n      content: {\n        id: 'app.components.GuidedTour.CTB.create.content',\n        defaultMessage:\n          '<p>Collection types help you manage several entries, Single types are suitable to manage only one entry.</p> <p>Ex: For a Blog website, Articles would be a Collection type whereas a Homepage would be a Single type.</p>',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.CTB.create.cta.title',\n          defaultMessage: 'Build a Collection type',\n        },\n        type: 'CLOSE',\n      },\n      trackingEvent: 'didClickGuidedTourStep1CollectionType',\n    },\n    success: {\n      title: {\n        id: 'app.components.GuidedTour.CTB.success.title',\n        defaultMessage: 'Step 1: Completed ✅',\n      },\n      content: {\n        id: 'app.components.GuidedTour.CTB.success.content',\n        defaultMessage: '<p>Good going!</p><b>⚡️ What would you like to share with the world?</b>',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.create-content',\n          defaultMessage: 'Create content',\n        },\n        type: 'REDIRECT',\n        target: '/content-manager',\n      },\n      trackingEvent: 'didCreateGuidedTourCollectionType',\n    },\n  },\n  contentManager: {\n    home: {\n      title: {\n        id: 'app.components.GuidedTour.home.CM.title',\n        defaultMessage: '⚡️ What would you like to share with the world?',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.create-content',\n          defaultMessage: 'Create content',\n        },\n        type: 'REDIRECT',\n        target: '/content-manager',\n      },\n      trackingEvent: 'didClickGuidedTourHomepageContentManager',\n    },\n    create: {\n      title: {\n        id: 'app.components.GuidedTour.CM.create.title',\n        defaultMessage: '⚡️ Create content',\n      },\n      content: {\n        id: 'app.components.GuidedTour.CM.create.content',\n        defaultMessage:\n          \"<p>Create and manage all the content here in the Content Manager.</p><p>Ex: Taking the Blog website example further, one can write an Article, save and publish it as they like.</p><p>💡 Quick tip - Don't forget to hit publish on the content you create.</p>\",\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.create-content',\n          defaultMessage: 'Create content',\n        },\n        type: 'CLOSE',\n      },\n      trackingEvent: 'didClickGuidedTourStep2ContentManager',\n    },\n    success: {\n      title: {\n        id: 'app.components.GuidedTour.CM.success.title',\n        defaultMessage: 'Step 2: Completed ✅',\n      },\n      content: {\n        id: 'app.components.GuidedTour.CM.success.content',\n        defaultMessage: '<p>Awesome, one last step to go!</p><b>🚀  See content in action</b>',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.CM.success.cta.title',\n          defaultMessage: 'Test the API',\n        },\n        type: 'REDIRECT',\n        target: '/settings/api-tokens',\n      },\n      trackingEvent: 'didCreateGuidedTourEntry',\n    },\n  },\n  apiTokens: {\n    home: {\n      title: {\n        id: 'app.components.GuidedTour.apiTokens.create.title',\n        defaultMessage: '🚀 See content in action',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.home.apiTokens.cta.title',\n          defaultMessage: 'Test the API',\n        },\n        type: 'REDIRECT',\n        target: '/settings/api-tokens',\n      },\n      trackingEvent: 'didClickGuidedTourHomepageApiTokens',\n    },\n    create: {\n      title: {\n        id: 'app.components.GuidedTour.apiTokens.create.title',\n        defaultMessage: '🚀 See content in action',\n      },\n      content: {\n        id: 'app.components.GuidedTour.apiTokens.create.content',\n        defaultMessage:\n          '<p>Generate an authentication token here and retrieve the content you just created.</p>',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.apiTokens.create.cta.title',\n          defaultMessage: 'Generate an API Token',\n        },\n        type: 'CLOSE',\n      },\n      trackingEvent: 'didClickGuidedTourStep3ApiTokens',\n    },\n    success: {\n      title: {\n        id: 'app.components.GuidedTour.apiTokens.success.title',\n        defaultMessage: 'Step 3: Completed ✅',\n      },\n      content: {\n        id: 'app.components.GuidedTour.apiTokens.success.content',\n        defaultMessage:\n          \"<p>See content in action by making an HTTP request:</p><ul><li><p>To this URL: <light>https://'<'YOUR_DOMAIN'>'/api/'<'YOUR_CT'>'</light></p></li><li><p>With the header: <light>Authorization: bearer '<'YOUR_API_TOKEN'>'</light></p></li></ul><p>For more ways to interact with content, see the <documentationLink>documentation</documentationLink>.</p>\",\n      },\n      trackingEvent: 'didGenerateGuidedTourApiTokens',\n    },\n  },\n} as const;\n\nconst STATES = {\n  IS_DONE: 'IS_DONE',\n  IS_ACTIVE: 'IS_ACTIVE',\n  IS_NOT_DONE: 'IS_NOT_DONE',\n} as const;\n\ntype LayoutData = typeof LAYOUT_DATA;\ntype States = keyof typeof STATES;\n\nexport { LAYOUT_DATA, STATES };\nexport type { LayoutData, States };\n","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={`${30 / 16}rem`}\n      height={`${30 / 16}rem`}\n      justifyContent=\"center\"\n      {...props}\n    >\n      {state === STATES.IS_DONE ? (\n        <Check aria-hidden width={`${16 / 16}rem`} color=\"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={`${30 / 16}rem`}\n      height={`${30 / 16}rem`}\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={`${2 / 16}rem`}\n    height=\"100%\"\n    background={state === STATES.IS_NOT_DONE ? 'neutral300' : 'primary500'}\n    hasRadius\n    minHeight={state === STATES.IS_ACTIVE ? `${85 / 16}rem` : `${65 / 16}rem`}\n    {...props}\n  />\n);\n\nexport { Number, VerticalDivider };\nexport type { NumberProps, VerticalDividerProps };\n"],"names":["jsx","Flex","Check","Typography","Box"],"mappings":"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"}