@strapi/review-workflows 0.0.0-next.f5312617ca16b870c2bf1adcea2c69b676979e29 → 0.0.0-next.f5d21551ed005f524bfc4760b274f1be154e26a8

package/dist/admin/components/LimitsModal.js

@@ -0,0 +1,122 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var styledComponents = require('styled-components');
+var balloon = require('../assets/balloon.png.js');
+
+const CTA_LEARN_MORE_HREF = 'https://strapi.io/pricing-cloud';
+const CTA_SALES_HREF = 'https://strapi.io/contact-sales';
+const Title = ({ children })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Title, {
+        variant: "alpha",
+        children: children
+    });
+};
+const Body = ({ children })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+        variant: "omega",
+        children: children
+    });
+};
+const CallToActions = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        gap: 2,
+        paddingTop: 4,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.LinkButton, {
+                variant: "default",
+                isExternal: true,
+                href: CTA_LEARN_MORE_HREF,
+                children: formatMessage({
+                    id: 'Settings.review-workflows.limit.cta.learn',
+                    defaultMessage: 'Learn more'
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.LinkButton, {
+                variant: "tertiary",
+                isExternal: true,
+                href: CTA_SALES_HREF,
+                children: formatMessage({
+                    id: 'Settings.review-workflows.limit.cta.sales',
+                    defaultMessage: 'Contact Sales'
+                })
+            })
+        ]
+    });
+};
+const BalloonImage = styledComponents.styled.img`
+  // Margin top|right reverse the padding of ModalBody
+  margin-right: ${({ theme })=>`-${theme.spaces[7]}`};
+  margin-top: ${({ theme })=>`-${theme.spaces[7]}`};
+  width: 360px;
+`;
+const Root = ({ children, open = false, onOpenChange })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Root, {
+        open: open,
+        onOpenChange: onOpenChange,
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Content, {
+            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Body, {
+                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                    gap: 2,
+                    paddingLeft: 7,
+                    position: "relative",
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                            alignItems: "start",
+                            direction: "column",
+                            gap: 2,
+                            width: "60%",
+                            children: [
+                                children,
+                                /*#__PURE__*/ jsxRuntime.jsx(CallToActions, {})
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                            justifyContent: "end",
+                            height: "100%",
+                            width: "40%",
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsx(BalloonImage, {
+                                    src: balloon,
+                                    "aria-hidden": true,
+                                    alt: "",
+                                    loading: "lazy"
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                    display: "flex",
+                                    position: "absolute",
+                                    right: 0,
+                                    top: 0,
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Close, {
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                            withTooltip: false,
+                                            label: formatMessage({
+                                                id: 'global.close',
+                                                defaultMessage: 'Close'
+                                            }),
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(icons.Cross, {})
+                                        })
+                                    })
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        })
+    });
+};
+const LimitsModal = {
+    Title,
+    Body,
+    Root
+};
+
+exports.LimitsModal = LimitsModal;
+//# sourceMappingURL=LimitsModal.js.map

package/dist/admin/components/LimitsModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LimitsModal.js","sources":["../../../admin/src/components/LimitsModal.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Flex, IconButton, Modal, Typography, LinkButton } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport balloonImageSrc from '../assets/balloon.png';\n\nconst CTA_LEARN_MORE_HREF = 'https://strapi.io/pricing-cloud';\nconst CTA_SALES_HREF = 'https://strapi.io/contact-sales';\n\nconst Title: React.FC<React.PropsWithChildren> = ({ children }) => {\n  return <Modal.Title variant=\"alpha\">{children}</Modal.Title>;\n};\n\nconst Body: React.FC<React.PropsWithChildren> = ({ children }) => {\n  return <Typography variant=\"omega\">{children}</Typography>;\n};\n\nconst CallToActions = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Flex gap={2} paddingTop={4}>\n      <LinkButton variant=\"default\" isExternal href={CTA_LEARN_MORE_HREF}>\n        {formatMessage({\n          id: 'Settings.review-workflows.limit.cta.learn',\n          defaultMessage: 'Learn more',\n        })}\n      </LinkButton>\n\n      <LinkButton variant=\"tertiary\" isExternal href={CTA_SALES_HREF}>\n        {formatMessage({\n          id: 'Settings.review-workflows.limit.cta.sales',\n          defaultMessage: 'Contact Sales',\n        })}\n      </LinkButton>\n    </Flex>\n  );\n};\n\nconst BalloonImage = styled.img`\n  // Margin top|right reverse the padding of ModalBody\n  margin-right: ${({ theme }) => `-${theme.spaces[7]}`};\n  margin-top: ${({ theme }) => `-${theme.spaces[7]}`};\n  width: 360px;\n`;\n\nexport type LimitsModalProps = Pick<Modal.Props, 'open' | 'onOpenChange'>;\n\nconst Root: React.FC<React.PropsWithChildren<LimitsModalProps>> = ({\n  children,\n  open = false,\n  onOpenChange,\n}) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Modal.Root open={open} onOpenChange={onOpenChange}>\n      <Modal.Content>\n        <Modal.Body>\n          <Flex gap={2} paddingLeft={7} position=\"relative\">\n            <Flex alignItems=\"start\" direction=\"column\" gap={2} width=\"60%\">\n              {children}\n\n              <CallToActions />\n            </Flex>\n\n            <Flex justifyContent=\"end\" height=\"100%\" width=\"40%\">\n              <BalloonImage src={balloonImageSrc} aria-hidden alt=\"\" loading=\"lazy\" />\n\n              <Box display=\"flex\" position=\"absolute\" right={0} top={0}>\n                <Modal.Close>\n                  <IconButton\n                    withTooltip={false}\n                    label={formatMessage({\n                      id: 'global.close',\n                      defaultMessage: 'Close',\n                    })}\n                  >\n                    <Cross />\n                  </IconButton>\n                </Modal.Close>\n              </Box>\n            </Flex>\n          </Flex>\n        </Modal.Body>\n      </Modal.Content>\n    </Modal.Root>\n  );\n};\n\nconst LimitsModal = {\n  Title,\n  Body,\n  Root,\n};\n\nexport { LimitsModal };\n"],"names":["CTA_LEARN_MORE_HREF","CTA_SALES_HREF","Title","children","_jsx","Modal","variant","Body","Typography","CallToActions","formatMessage","useIntl","_jsxs","Flex","gap","paddingTop","LinkButton","isExternal","href","id","defaultMessage","BalloonImage","styled","img","theme","spaces","Root","open","onOpenChange","Content","paddingLeft","position","alignItems","direction","width","justifyContent","height","src","balloonImageSrc","aria-hidden","alt","loading","Box","display","right","top","Close","IconButton","withTooltip","label","Cross","LimitsModal"],"mappings":"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"}

package/dist/admin/components/LimitsModal.mjs

@@ -0,0 +1,120 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import { Modal, Typography, Flex, Box, IconButton, LinkButton } from '@strapi/design-system';
+import { Cross } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { styled } from 'styled-components';
+import img from '../assets/balloon.png.mjs';
+
+const CTA_LEARN_MORE_HREF = 'https://strapi.io/pricing-cloud';
+const CTA_SALES_HREF = 'https://strapi.io/contact-sales';
+const Title = ({ children })=>{
+    return /*#__PURE__*/ jsx(Modal.Title, {
+        variant: "alpha",
+        children: children
+    });
+};
+const Body = ({ children })=>{
+    return /*#__PURE__*/ jsx(Typography, {
+        variant: "omega",
+        children: children
+    });
+};
+const CallToActions = ()=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsxs(Flex, {
+        gap: 2,
+        paddingTop: 4,
+        children: [
+            /*#__PURE__*/ jsx(LinkButton, {
+                variant: "default",
+                isExternal: true,
+                href: CTA_LEARN_MORE_HREF,
+                children: formatMessage({
+                    id: 'Settings.review-workflows.limit.cta.learn',
+                    defaultMessage: 'Learn more'
+                })
+            }),
+            /*#__PURE__*/ jsx(LinkButton, {
+                variant: "tertiary",
+                isExternal: true,
+                href: CTA_SALES_HREF,
+                children: formatMessage({
+                    id: 'Settings.review-workflows.limit.cta.sales',
+                    defaultMessage: 'Contact Sales'
+                })
+            })
+        ]
+    });
+};
+const BalloonImage = styled.img`
+  // Margin top|right reverse the padding of ModalBody
+  margin-right: ${({ theme })=>`-${theme.spaces[7]}`};
+  margin-top: ${({ theme })=>`-${theme.spaces[7]}`};
+  width: 360px;
+`;
+const Root = ({ children, open = false, onOpenChange })=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsx(Modal.Root, {
+        open: open,
+        onOpenChange: onOpenChange,
+        children: /*#__PURE__*/ jsx(Modal.Content, {
+            children: /*#__PURE__*/ jsx(Modal.Body, {
+                children: /*#__PURE__*/ jsxs(Flex, {
+                    gap: 2,
+                    paddingLeft: 7,
+                    position: "relative",
+                    children: [
+                        /*#__PURE__*/ jsxs(Flex, {
+                            alignItems: "start",
+                            direction: "column",
+                            gap: 2,
+                            width: "60%",
+                            children: [
+                                children,
+                                /*#__PURE__*/ jsx(CallToActions, {})
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs(Flex, {
+                            justifyContent: "end",
+                            height: "100%",
+                            width: "40%",
+                            children: [
+                                /*#__PURE__*/ jsx(BalloonImage, {
+                                    src: img,
+                                    "aria-hidden": true,
+                                    alt: "",
+                                    loading: "lazy"
+                                }),
+                                /*#__PURE__*/ jsx(Box, {
+                                    display: "flex",
+                                    position: "absolute",
+                                    right: 0,
+                                    top: 0,
+                                    children: /*#__PURE__*/ jsx(Modal.Close, {
+                                        children: /*#__PURE__*/ jsx(IconButton, {
+                                            withTooltip: false,
+                                            label: formatMessage({
+                                                id: 'global.close',
+                                                defaultMessage: 'Close'
+                                            }),
+                                            children: /*#__PURE__*/ jsx(Cross, {})
+                                        })
+                                    })
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        })
+    });
+};
+const LimitsModal = {
+    Title,
+    Body,
+    Root
+};
+
+export { LimitsModal };
+//# sourceMappingURL=LimitsModal.mjs.map

package/dist/admin/components/LimitsModal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LimitsModal.mjs","sources":["../../../admin/src/components/LimitsModal.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Flex, IconButton, Modal, Typography, LinkButton } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport balloonImageSrc from '../assets/balloon.png';\n\nconst CTA_LEARN_MORE_HREF = 'https://strapi.io/pricing-cloud';\nconst CTA_SALES_HREF = 'https://strapi.io/contact-sales';\n\nconst Title: React.FC<React.PropsWithChildren> = ({ children }) => {\n  return <Modal.Title variant=\"alpha\">{children}</Modal.Title>;\n};\n\nconst Body: React.FC<React.PropsWithChildren> = ({ children }) => {\n  return <Typography variant=\"omega\">{children}</Typography>;\n};\n\nconst CallToActions = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Flex gap={2} paddingTop={4}>\n      <LinkButton variant=\"default\" isExternal href={CTA_LEARN_MORE_HREF}>\n        {formatMessage({\n          id: 'Settings.review-workflows.limit.cta.learn',\n          defaultMessage: 'Learn more',\n        })}\n      </LinkButton>\n\n      <LinkButton variant=\"tertiary\" isExternal href={CTA_SALES_HREF}>\n        {formatMessage({\n          id: 'Settings.review-workflows.limit.cta.sales',\n          defaultMessage: 'Contact Sales',\n        })}\n      </LinkButton>\n    </Flex>\n  );\n};\n\nconst BalloonImage = styled.img`\n  // Margin top|right reverse the padding of ModalBody\n  margin-right: ${({ theme }) => `-${theme.spaces[7]}`};\n  margin-top: ${({ theme }) => `-${theme.spaces[7]}`};\n  width: 360px;\n`;\n\nexport type LimitsModalProps = Pick<Modal.Props, 'open' | 'onOpenChange'>;\n\nconst Root: React.FC<React.PropsWithChildren<LimitsModalProps>> = ({\n  children,\n  open = false,\n  onOpenChange,\n}) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Modal.Root open={open} onOpenChange={onOpenChange}>\n      <Modal.Content>\n        <Modal.Body>\n          <Flex gap={2} paddingLeft={7} position=\"relative\">\n            <Flex alignItems=\"start\" direction=\"column\" gap={2} width=\"60%\">\n              {children}\n\n              <CallToActions />\n            </Flex>\n\n            <Flex justifyContent=\"end\" height=\"100%\" width=\"40%\">\n              <BalloonImage src={balloonImageSrc} aria-hidden alt=\"\" loading=\"lazy\" />\n\n              <Box display=\"flex\" position=\"absolute\" right={0} top={0}>\n                <Modal.Close>\n                  <IconButton\n                    withTooltip={false}\n                    label={formatMessage({\n                      id: 'global.close',\n                      defaultMessage: 'Close',\n                    })}\n                  >\n                    <Cross />\n                  </IconButton>\n                </Modal.Close>\n              </Box>\n            </Flex>\n          </Flex>\n        </Modal.Body>\n      </Modal.Content>\n    </Modal.Root>\n  );\n};\n\nconst LimitsModal = {\n  Title,\n  Body,\n  Root,\n};\n\nexport { LimitsModal };\n"],"names":["CTA_LEARN_MORE_HREF","CTA_SALES_HREF","Title","children","_jsx","Modal","variant","Body","Typography","CallToActions","formatMessage","useIntl","_jsxs","Flex","gap","paddingTop","LinkButton","isExternal","href","id","defaultMessage","BalloonImage","styled","img","theme","spaces","Root","open","onOpenChange","Content","paddingLeft","position","alignItems","direction","width","justifyContent","height","src","balloonImageSrc","aria-hidden","alt","loading","Box","display","right","top","Close","IconButton","withTooltip","label","Cross","LimitsModal"],"mappings":"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"}

package/dist/admin/components/Widgets.js

@@ -0,0 +1,137 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var strapiAdmin$1 = require('@strapi/content-manager/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var styledComponents = require('styled-components');
+var TableColumns = require('../routes/content-manager/model/components/TableColumns.js');
+var contentManager = require('../services/content-manager.js');
+
+const CellTypography = styledComponents.styled(designSystem.Typography)`
+  display: block;
+  max-width: 14.4rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;
+const RecentDocumentsTable = ({ documents })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { trackUsage } = strapiAdmin.useTracking();
+    const navigate = reactRouterDom.useNavigate();
+    const getEditViewLink = (document)=>{
+        const isSingleType = document.kind === 'singleType';
+        const kindPath = isSingleType ? 'single-types' : 'collection-types';
+        const queryParams = document.locale ? `?plugins[i18n][locale]=${document.locale}` : '';
+        return `/content-manager/${kindPath}/${document.contentTypeUid}${isSingleType ? '' : '/' + document.documentId}${queryParams}`;
+    };
+    const handleRowClick = (document)=>()=>{
+            trackUsage('willEditEntryFromHome');
+            const link = getEditViewLink(document);
+            navigate(link);
+        };
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Table, {
+        colCount: 6,
+        rowCount: documents?.length ?? 0,
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tbody, {
+            children: documents?.map((document)=>/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tr, {
+                    onClick: handleRowClick(document),
+                    cursor: "pointer",
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(CellTypography, {
+                                title: document.title,
+                                variant: "omega",
+                                textColor: "neutral800",
+                                children: document.title
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(CellTypography, {
+                                variant: "omega",
+                                textColor: "neutral600",
+                                children: document.kind === 'singleType' ? formatMessage({
+                                    id: 'content-manager.widget.last-edited.single-type',
+                                    defaultMessage: 'Single-Type'
+                                }) : formatMessage({
+                                    id: document.contentTypeDisplayName,
+                                    defaultMessage: document.contentTypeDisplayName
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                display: "inline-block",
+                                children: document.status ? /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin$1.DocumentStatus, {
+                                    status: document.status
+                                }) : /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                    textColor: "neutral600",
+                                    "aria-hidden": true,
+                                    children: "-"
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                textColor: "neutral600",
+                                children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin$1.RelativeTime, {
+                                    timestamp: new Date(document.updatedAt)
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(TableColumns.StageColumn, {
+                                strapi_stage: document.strapi_stage
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                            onClick: (e)=>e.stopPropagation(),
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                display: "inline-block",
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                    tag: reactRouterDom.Link,
+                                    to: getEditViewLink(document),
+                                    onClick: ()=>trackUsage('willEditEntryFromHome'),
+                                    label: formatMessage({
+                                        id: 'content-manager.actions.edit.label',
+                                        defaultMessage: 'Edit'
+                                    }),
+                                    variant: "ghost",
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(icons.Pencil, {})
+                                })
+                            })
+                        })
+                    ]
+                }, document.documentId))
+        })
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * AssignedWidget
+ * -----------------------------------------------------------------------------------------------*/ const AssignedWidget = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { data, isLoading, error } = contentManager.useGetRecentlyAssignedDocumentsQuery();
+    if (isLoading) {
+        return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Widget.Loading, {});
+    }
+    if (error || !data) {
+        return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Widget.Error, {});
+    }
+    if (data.length === 0) {
+        return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Widget.NoData, {
+            children: formatMessage({
+                id: 'review-workflows.widget.assigned.no-data',
+                defaultMessage: 'No entries'
+            })
+        });
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(RecentDocumentsTable, {
+        documents: data
+    });
+};
+
+exports.AssignedWidget = AssignedWidget;
+//# sourceMappingURL=Widgets.js.map

package/dist/admin/components/Widgets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Widgets.js","sources":["../../../admin/src/components/Widgets.tsx"],"sourcesContent":["import { Widget, useTracking } from '@strapi/admin/strapi-admin';\nimport { DocumentStatus, RelativeTime } from '@strapi/content-manager/strapi-admin';\nimport { Box, IconButton, Table, Tbody, Td, Tr, Typography } from '@strapi/design-system';\nimport { Pencil } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { Link, useNavigate } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { StageColumn } from '../routes/content-manager/model/components/TableColumns';\nimport { useGetRecentlyAssignedDocumentsQuery } from '../services/content-manager';\n\nimport type { RecentDocument } from '../../../shared/contracts/homepage';\n\nconst CellTypography = styled(Typography)`\n  display: block;\n  max-width: 14.4rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nconst RecentDocumentsTable = ({ documents }: { documents: RecentDocument[] }) => {\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const navigate = useNavigate();\n\n  const getEditViewLink = (document: RecentDocument): string => {\n    const isSingleType = document.kind === 'singleType';\n    const kindPath = isSingleType ? 'single-types' : 'collection-types';\n    const queryParams = document.locale ? `?plugins[i18n][locale]=${document.locale}` : '';\n\n    return `/content-manager/${kindPath}/${document.contentTypeUid}${isSingleType ? '' : '/' + document.documentId}${queryParams}`;\n  };\n\n  const handleRowClick = (document: RecentDocument) => () => {\n    trackUsage('willEditEntryFromHome');\n    const link = getEditViewLink(document);\n    navigate(link);\n  };\n\n  return (\n    <Table colCount={6} rowCount={documents?.length ?? 0}>\n      <Tbody>\n        {documents?.map((document) => (\n          <Tr onClick={handleRowClick(document)} cursor=\"pointer\" key={document.documentId}>\n            <Td>\n              <CellTypography title={document.title} variant=\"omega\" textColor=\"neutral800\">\n                {document.title}\n              </CellTypography>\n            </Td>\n            <Td>\n              <CellTypography variant=\"omega\" textColor=\"neutral600\">\n                {document.kind === 'singleType'\n                  ? formatMessage({\n                      id: 'content-manager.widget.last-edited.single-type',\n                      defaultMessage: 'Single-Type',\n                    })\n                  : formatMessage({\n                      id: document.contentTypeDisplayName,\n                      defaultMessage: document.contentTypeDisplayName,\n                    })}\n              </CellTypography>\n            </Td>\n            <Td>\n              <Box display=\"inline-block\">\n                {document.status ? (\n                  <DocumentStatus status={document.status} />\n                ) : (\n                  <Typography textColor=\"neutral600\" aria-hidden>\n                    -\n                  </Typography>\n                )}\n              </Box>\n            </Td>\n            <Td>\n              <Typography textColor=\"neutral600\">\n                <RelativeTime timestamp={new Date(document.updatedAt)} />\n              </Typography>\n            </Td>\n            <Td>\n              <StageColumn strapi_stage={document.strapi_stage} />\n            </Td>\n            <Td onClick={(e) => e.stopPropagation()}>\n              <Box display=\"inline-block\">\n                <IconButton\n                  tag={Link}\n                  to={getEditViewLink(document)}\n                  onClick={() => trackUsage('willEditEntryFromHome')}\n                  label={formatMessage({\n                    id: 'content-manager.actions.edit.label',\n                    defaultMessage: 'Edit',\n                  })}\n                  variant=\"ghost\"\n                >\n                  <Pencil />\n                </IconButton>\n              </Box>\n            </Td>\n          </Tr>\n        ))}\n      </Tbody>\n    </Table>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AssignedWidget\n * -----------------------------------------------------------------------------------------------*/\n\nconst AssignedWidget = () => {\n  const { formatMessage } = useIntl();\n  const { data, isLoading, error } = useGetRecentlyAssignedDocumentsQuery();\n\n  if (isLoading) {\n    return <Widget.Loading />;\n  }\n\n  if (error || !data) {\n    return <Widget.Error />;\n  }\n\n  if (data.length === 0) {\n    return (\n      <Widget.NoData>\n        {formatMessage({\n          id: 'review-workflows.widget.assigned.no-data',\n          defaultMessage: 'No entries',\n        })}\n      </Widget.NoData>\n    );\n  }\n\n  return <RecentDocumentsTable documents={data} />;\n};\n\nexport { AssignedWidget };\n"],"names":["CellTypography","styled","Typography","RecentDocumentsTable","documents","formatMessage","useIntl","trackUsage","useTracking","navigate","useNavigate","getEditViewLink","document","isSingleType","kind","kindPath","queryParams","locale","contentTypeUid","documentId","handleRowClick","link","_jsx","Table","colCount","rowCount","length","Tbody","map","_jsxs","Tr","onClick","cursor","Td","title","variant","textColor","id","defaultMessage","contentTypeDisplayName","Box","display","status","DocumentStatus","aria-hidden","RelativeTime","timestamp","Date","updatedAt","StageColumn","strapi_stage","e","stopPropagation","IconButton","tag","Link","to","label","Pencil","AssignedWidget","data","isLoading","error","useGetRecentlyAssignedDocumentsQuery","Widget","Loading","Error","NoData"],"mappings":";;;;;;;;;;;;;AAaA,MAAMA,cAAAA,GAAiBC,uBAAOC,CAAAA,uBAAAA,CAAW;;;;;;AAMzC,CAAC;AAED,MAAMC,oBAAuB,GAAA,CAAC,EAAEC,SAAS,EAAmC,GAAA;IAC1E,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,UAAU,EAAE,GAAGC,uBAAAA,EAAAA;AACvB,IAAA,MAAMC,QAAWC,GAAAA,0BAAAA,EAAAA;AAEjB,IAAA,MAAMC,kBAAkB,CAACC,QAAAA,GAAAA;QACvB,MAAMC,YAAAA,GAAeD,QAASE,CAAAA,IAAI,KAAK,YAAA;QACvC,MAAMC,QAAAA,GAAWF,eAAe,cAAiB,GAAA,kBAAA;QACjD,MAAMG,WAAAA,GAAcJ,QAASK,CAAAA,MAAM,GAAG,CAAC,uBAAuB,EAAEL,QAASK,CAAAA,MAAM,CAAC,CAAC,GAAG,EAAA;AAEpF,QAAA,OAAO,CAAC,iBAAiB,EAAEF,SAAS,CAAC,EAAEH,SAASM,cAAc,CAAC,EAAEL,YAAAA,GAAe,KAAK,GAAMD,GAAAA,QAAAA,CAASO,UAAU,CAAC,EAAEH,YAAY,CAAC;AAChI,KAAA;IAEA,MAAMI,cAAAA,GAAiB,CAACR,QAA6B,GAAA,IAAA;YACnDL,UAAW,CAAA,uBAAA,CAAA;AACX,YAAA,MAAMc,OAAOV,eAAgBC,CAAAA,QAAAA,CAAAA;YAC7BH,QAASY,CAAAA,IAAAA,CAAAA;AACX,SAAA;AAEA,IAAA,qBACEC,cAACC,CAAAA,kBAAAA,EAAAA;QAAMC,QAAU,EAAA,CAAA;AAAGC,QAAAA,QAAAA,EAAUrB,WAAWsB,MAAU,IAAA,CAAA;AACjD,QAAA,QAAA,gBAAAJ,cAACK,CAAAA,kBAAAA,EAAAA;sBACEvB,SAAWwB,EAAAA,GAAAA,CAAI,CAAChB,QAAAA,iBACfiB,eAACC,CAAAA,eAAAA,EAAAA;AAAGC,oBAAAA,OAAAA,EAASX,cAAeR,CAAAA,QAAAA,CAAAA;oBAAWoB,MAAO,EAAA,SAAA;;sCAC5CV,cAACW,CAAAA,eAAAA,EAAAA;AACC,4BAAA,QAAA,gBAAAX,cAACtB,CAAAA,cAAAA,EAAAA;AAAekC,gCAAAA,KAAAA,EAAOtB,SAASsB,KAAK;gCAAEC,OAAQ,EAAA,OAAA;gCAAQC,SAAU,EAAA,YAAA;AAC9DxB,gCAAAA,QAAAA,EAAAA,QAAAA,CAASsB;;;sCAGdZ,cAACW,CAAAA,eAAAA,EAAAA;AACC,4BAAA,QAAA,gBAAAX,cAACtB,CAAAA,cAAAA,EAAAA;gCAAemC,OAAQ,EAAA,OAAA;gCAAQC,SAAU,EAAA,YAAA;0CACvCxB,QAASE,CAAAA,IAAI,KAAK,YAAA,GACfT,aAAc,CAAA;oCACZgC,EAAI,EAAA,gDAAA;oCACJC,cAAgB,EAAA;AAClB,iCAAA,CAAA,GACAjC,aAAc,CAAA;AACZgC,oCAAAA,EAAAA,EAAIzB,SAAS2B,sBAAsB;AACnCD,oCAAAA,cAAAA,EAAgB1B,SAAS2B;AAC3B,iCAAA;;;sCAGRjB,cAACW,CAAAA,eAAAA,EAAAA;AACC,4BAAA,QAAA,gBAAAX,cAACkB,CAAAA,gBAAAA,EAAAA;gCAAIC,OAAQ,EAAA,cAAA;0CACV7B,QAAS8B,CAAAA,MAAM,iBACdpB,cAACqB,CAAAA,4BAAAA,EAAAA;AAAeD,oCAAAA,MAAAA,EAAQ9B,SAAS8B;mDAEjCpB,cAACpB,CAAAA,uBAAAA,EAAAA;oCAAWkC,SAAU,EAAA,YAAA;oCAAaQ,aAAW,EAAA,IAAA;AAAC,oCAAA,QAAA,EAAA;;;;sCAMrDtB,cAACW,CAAAA,eAAAA,EAAAA;AACC,4BAAA,QAAA,gBAAAX,cAACpB,CAAAA,uBAAAA,EAAAA;gCAAWkC,SAAU,EAAA,YAAA;AACpB,gCAAA,QAAA,gBAAAd,cAACuB,CAAAA,0BAAAA,EAAAA;oCAAaC,SAAW,EAAA,IAAIC,IAAKnC,CAAAA,QAAAA,CAASoC,SAAS;;;;sCAGxD1B,cAACW,CAAAA,eAAAA,EAAAA;AACC,4BAAA,QAAA,gBAAAX,cAAC2B,CAAAA,wBAAAA,EAAAA;AAAYC,gCAAAA,YAAAA,EAActC,SAASsC;;;sCAEtC5B,cAACW,CAAAA,eAAAA,EAAAA;4BAAGF,OAAS,EAAA,CAACoB,CAAMA,GAAAA,CAAAA,CAAEC,eAAe,EAAA;AACnC,4BAAA,QAAA,gBAAA9B,cAACkB,CAAAA,gBAAAA,EAAAA;gCAAIC,OAAQ,EAAA,cAAA;AACX,gCAAA,QAAA,gBAAAnB,cAAC+B,CAAAA,uBAAAA,EAAAA;oCACCC,GAAKC,EAAAA,mBAAAA;AACLC,oCAAAA,EAAAA,EAAI7C,eAAgBC,CAAAA,QAAAA,CAAAA;AACpBmB,oCAAAA,OAAAA,EAAS,IAAMxB,UAAW,CAAA,uBAAA,CAAA;AAC1BkD,oCAAAA,KAAAA,EAAOpD,aAAc,CAAA;wCACnBgC,EAAI,EAAA,oCAAA;wCACJC,cAAgB,EAAA;AAClB,qCAAA,CAAA;oCACAH,OAAQ,EAAA,OAAA;AAER,oCAAA,QAAA,gBAAAb,cAACoC,CAAAA,YAAAA,EAAAA,EAAAA;;;;;AAlDoD9C,iBAAAA,EAAAA,QAAAA,CAASO,UAAU,CAAA;;;AA2D1F,CAAA;AAEA;;AAEkG,2GAE5FwC,cAAiB,GAAA,IAAA;IACrB,MAAM,EAAEtD,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAM,EAAEsD,IAAI,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGC,mDAAAA,EAAAA;AAEnC,IAAA,IAAIF,SAAW,EAAA;QACb,qBAAOvC,cAAA,CAAC0C,mBAAOC,OAAO,EAAA,EAAA,CAAA;AACxB;IAEA,IAAIH,KAAAA,IAAS,CAACF,IAAM,EAAA;QAClB,qBAAOtC,cAAA,CAAC0C,mBAAOE,KAAK,EAAA,EAAA,CAAA;AACtB;IAEA,IAAIN,IAAAA,CAAKlC,MAAM,KAAK,CAAG,EAAA;QACrB,qBACEJ,cAAA,CAAC0C,mBAAOG,MAAM,EAAA;sBACX9D,aAAc,CAAA;gBACbgC,EAAI,EAAA,0CAAA;gBACJC,cAAgB,EAAA;AAClB,aAAA;;AAGN;AAEA,IAAA,qBAAOhB,cAACnB,CAAAA,oBAAAA,EAAAA;QAAqBC,SAAWwD,EAAAA;;AAC1C;;;;"}

package/dist/admin/components/Widgets.mjs

@@ -0,0 +1,135 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Widget, useTracking } from '@strapi/admin/strapi-admin';
+import { DocumentStatus, RelativeTime } from '@strapi/content-manager/strapi-admin';
+import { Typography, Table, Tbody, Tr, Td, Box, IconButton } from '@strapi/design-system';
+import { Pencil } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { useNavigate, Link } from 'react-router-dom';
+import { styled } from 'styled-components';
+import { StageColumn } from '../routes/content-manager/model/components/TableColumns.mjs';
+import { useGetRecentlyAssignedDocumentsQuery } from '../services/content-manager.mjs';
+
+const CellTypography = styled(Typography)`
+  display: block;
+  max-width: 14.4rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;
+const RecentDocumentsTable = ({ documents })=>{
+    const { formatMessage } = useIntl();
+    const { trackUsage } = useTracking();
+    const navigate = useNavigate();
+    const getEditViewLink = (document)=>{
+        const isSingleType = document.kind === 'singleType';
+        const kindPath = isSingleType ? 'single-types' : 'collection-types';
+        const queryParams = document.locale ? `?plugins[i18n][locale]=${document.locale}` : '';
+        return `/content-manager/${kindPath}/${document.contentTypeUid}${isSingleType ? '' : '/' + document.documentId}${queryParams}`;
+    };
+    const handleRowClick = (document)=>()=>{
+            trackUsage('willEditEntryFromHome');
+            const link = getEditViewLink(document);
+            navigate(link);
+        };
+    return /*#__PURE__*/ jsx(Table, {
+        colCount: 6,
+        rowCount: documents?.length ?? 0,
+        children: /*#__PURE__*/ jsx(Tbody, {
+            children: documents?.map((document)=>/*#__PURE__*/ jsxs(Tr, {
+                    onClick: handleRowClick(document),
+                    cursor: "pointer",
+                    children: [
+                        /*#__PURE__*/ jsx(Td, {
+                            children: /*#__PURE__*/ jsx(CellTypography, {
+                                title: document.title,
+                                variant: "omega",
+                                textColor: "neutral800",
+                                children: document.title
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Td, {
+                            children: /*#__PURE__*/ jsx(CellTypography, {
+                                variant: "omega",
+                                textColor: "neutral600",
+                                children: document.kind === 'singleType' ? formatMessage({
+                                    id: 'content-manager.widget.last-edited.single-type',
+                                    defaultMessage: 'Single-Type'
+                                }) : formatMessage({
+                                    id: document.contentTypeDisplayName,
+                                    defaultMessage: document.contentTypeDisplayName
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Td, {
+                            children: /*#__PURE__*/ jsx(Box, {
+                                display: "inline-block",
+                                children: document.status ? /*#__PURE__*/ jsx(DocumentStatus, {
+                                    status: document.status
+                                }) : /*#__PURE__*/ jsx(Typography, {
+                                    textColor: "neutral600",
+                                    "aria-hidden": true,
+                                    children: "-"
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Td, {
+                            children: /*#__PURE__*/ jsx(Typography, {
+                                textColor: "neutral600",
+                                children: /*#__PURE__*/ jsx(RelativeTime, {
+                                    timestamp: new Date(document.updatedAt)
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Td, {
+                            children: /*#__PURE__*/ jsx(StageColumn, {
+                                strapi_stage: document.strapi_stage
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Td, {
+                            onClick: (e)=>e.stopPropagation(),
+                            children: /*#__PURE__*/ jsx(Box, {
+                                display: "inline-block",
+                                children: /*#__PURE__*/ jsx(IconButton, {
+                                    tag: Link,
+                                    to: getEditViewLink(document),
+                                    onClick: ()=>trackUsage('willEditEntryFromHome'),
+                                    label: formatMessage({
+                                        id: 'content-manager.actions.edit.label',
+                                        defaultMessage: 'Edit'
+                                    }),
+                                    variant: "ghost",
+                                    children: /*#__PURE__*/ jsx(Pencil, {})
+                                })
+                            })
+                        })
+                    ]
+                }, document.documentId))
+        })
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * AssignedWidget
+ * -----------------------------------------------------------------------------------------------*/ const AssignedWidget = ()=>{
+    const { formatMessage } = useIntl();
+    const { data, isLoading, error } = useGetRecentlyAssignedDocumentsQuery();
+    if (isLoading) {
+        return /*#__PURE__*/ jsx(Widget.Loading, {});
+    }
+    if (error || !data) {
+        return /*#__PURE__*/ jsx(Widget.Error, {});
+    }
+    if (data.length === 0) {
+        return /*#__PURE__*/ jsx(Widget.NoData, {
+            children: formatMessage({
+                id: 'review-workflows.widget.assigned.no-data',
+                defaultMessage: 'No entries'
+            })
+        });
+    }
+    return /*#__PURE__*/ jsx(RecentDocumentsTable, {
+        documents: data
+    });
+};
+
+export { AssignedWidget };
+//# sourceMappingURL=Widgets.mjs.map

package/dist/admin/components/Widgets.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Widgets.mjs","sources":["../../../admin/src/components/Widgets.tsx"],"sourcesContent":["import { Widget, useTracking } from '@strapi/admin/strapi-admin';\nimport { DocumentStatus, RelativeTime } from '@strapi/content-manager/strapi-admin';\nimport { Box, IconButton, Table, Tbody, Td, Tr, Typography } from '@strapi/design-system';\nimport { Pencil } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { Link, useNavigate } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { StageColumn } from '../routes/content-manager/model/components/TableColumns';\nimport { useGetRecentlyAssignedDocumentsQuery } from '../services/content-manager';\n\nimport type { RecentDocument } from '../../../shared/contracts/homepage';\n\nconst CellTypography = styled(Typography)`\n  display: block;\n  max-width: 14.4rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nconst RecentDocumentsTable = ({ documents }: { documents: RecentDocument[] }) => {\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const navigate = useNavigate();\n\n  const getEditViewLink = (document: RecentDocument): string => {\n    const isSingleType = document.kind === 'singleType';\n    const kindPath = isSingleType ? 'single-types' : 'collection-types';\n    const queryParams = document.locale ? `?plugins[i18n][locale]=${document.locale}` : '';\n\n    return `/content-manager/${kindPath}/${document.contentTypeUid}${isSingleType ? '' : '/' + document.documentId}${queryParams}`;\n  };\n\n  const handleRowClick = (document: RecentDocument) => () => {\n    trackUsage('willEditEntryFromHome');\n    const link = getEditViewLink(document);\n    navigate(link);\n  };\n\n  return (\n    <Table colCount={6} rowCount={documents?.length ?? 0}>\n      <Tbody>\n        {documents?.map((document) => (\n          <Tr onClick={handleRowClick(document)} cursor=\"pointer\" key={document.documentId}>\n            <Td>\n              <CellTypography title={document.title} variant=\"omega\" textColor=\"neutral800\">\n                {document.title}\n              </CellTypography>\n            </Td>\n            <Td>\n              <CellTypography variant=\"omega\" textColor=\"neutral600\">\n                {document.kind === 'singleType'\n                  ? formatMessage({\n                      id: 'content-manager.widget.last-edited.single-type',\n                      defaultMessage: 'Single-Type',\n                    })\n                  : formatMessage({\n                      id: document.contentTypeDisplayName,\n                      defaultMessage: document.contentTypeDisplayName,\n                    })}\n              </CellTypography>\n            </Td>\n            <Td>\n              <Box display=\"inline-block\">\n                {document.status ? (\n                  <DocumentStatus status={document.status} />\n                ) : (\n                  <Typography textColor=\"neutral600\" aria-hidden>\n                    -\n                  </Typography>\n                )}\n              </Box>\n            </Td>\n            <Td>\n              <Typography textColor=\"neutral600\">\n                <RelativeTime timestamp={new Date(document.updatedAt)} />\n              </Typography>\n            </Td>\n            <Td>\n              <StageColumn strapi_stage={document.strapi_stage} />\n            </Td>\n            <Td onClick={(e) => e.stopPropagation()}>\n              <Box display=\"inline-block\">\n                <IconButton\n                  tag={Link}\n                  to={getEditViewLink(document)}\n                  onClick={() => trackUsage('willEditEntryFromHome')}\n                  label={formatMessage({\n                    id: 'content-manager.actions.edit.label',\n                    defaultMessage: 'Edit',\n                  })}\n                  variant=\"ghost\"\n                >\n                  <Pencil />\n                </IconButton>\n              </Box>\n            </Td>\n          </Tr>\n        ))}\n      </Tbody>\n    </Table>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AssignedWidget\n * -----------------------------------------------------------------------------------------------*/\n\nconst AssignedWidget = () => {\n  const { formatMessage } = useIntl();\n  const { data, isLoading, error } = useGetRecentlyAssignedDocumentsQuery();\n\n  if (isLoading) {\n    return <Widget.Loading />;\n  }\n\n  if (error || !data) {\n    return <Widget.Error />;\n  }\n\n  if (data.length === 0) {\n    return (\n      <Widget.NoData>\n        {formatMessage({\n          id: 'review-workflows.widget.assigned.no-data',\n          defaultMessage: 'No entries',\n        })}\n      </Widget.NoData>\n    );\n  }\n\n  return <RecentDocumentsTable documents={data} />;\n};\n\nexport { AssignedWidget };\n"],"names":["CellTypography","styled","Typography","RecentDocumentsTable","documents","formatMessage","useIntl","trackUsage","useTracking","navigate","useNavigate","getEditViewLink","document","isSingleType","kind","kindPath","queryParams","locale","contentTypeUid","documentId","handleRowClick","link","_jsx","Table","colCount","rowCount","length","Tbody","map","_jsxs","Tr","onClick","cursor","Td","title","variant","textColor","id","defaultMessage","contentTypeDisplayName","Box","display","status","DocumentStatus","aria-hidden","RelativeTime","timestamp","Date","updatedAt","StageColumn","strapi_stage","e","stopPropagation","IconButton","tag","Link","to","label","Pencil","AssignedWidget","data","isLoading","error","useGetRecentlyAssignedDocumentsQuery","Widget","Loading","Error","NoData"],"mappings":"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"}

package/dist/admin/constants.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var designSystem = require('@strapi/design-system');
+
+const PLUGIN_ID = 'review-workflows';
+/**
+ * The name of the feature in the license.
+ */ const FEATURE_ID = 'review-workflows';
+const CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME = 'numberOfWorkflows';
+const CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME = 'stagesPerWorkflow';
+const STAGE_COLOR_DEFAULT = designSystem.lightTheme.colors.primary600;
+
+exports.CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME = CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME;
+exports.CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME = CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME;
+exports.FEATURE_ID = FEATURE_ID;
+exports.PLUGIN_ID = PLUGIN_ID;
+exports.STAGE_COLOR_DEFAULT = STAGE_COLOR_DEFAULT;
+//# sourceMappingURL=constants.js.map

package/dist/admin/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../admin/src/constants.ts"],"sourcesContent":["import { lightTheme } from '@strapi/design-system';\n\nconst PLUGIN_ID = 'review-workflows';\n/**\n * The name of the feature in the license.\n */\nconst FEATURE_ID = 'review-workflows';\n\nexport const CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME = 'numberOfWorkflows';\nexport const CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME = 'stagesPerWorkflow';\n\nexport const STAGE_COLOR_DEFAULT = lightTheme.colors.primary600;\n\nexport { FEATURE_ID, PLUGIN_ID };\n"],"names":["PLUGIN_ID","FEATURE_ID","CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME","CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME","STAGE_COLOR_DEFAULT","lightTheme","colors","primary600"],"mappings":";;;;AAEA,MAAMA,SAAY,GAAA;AAClB;;AAEC,UACKC,UAAa,GAAA;AAEZ,MAAMC,sCAAsC;AAC5C,MAAMC,iDAAiD;MAEjDC,mBAAsBC,GAAAA,uBAAAA,CAAWC,MAAM,CAACC;;;;;;;;"}

package/dist/admin/constants.mjs

@@ -0,0 +1,12 @@
+import { lightTheme } from '@strapi/design-system';
+
+const PLUGIN_ID = 'review-workflows';
+/**
+ * The name of the feature in the license.
+ */ const FEATURE_ID = 'review-workflows';
+const CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME = 'numberOfWorkflows';
+const CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME = 'stagesPerWorkflow';
+const STAGE_COLOR_DEFAULT = lightTheme.colors.primary600;
+
+export { CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME, CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME, FEATURE_ID, PLUGIN_ID, STAGE_COLOR_DEFAULT };
+//# sourceMappingURL=constants.mjs.map

package/dist/admin/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../admin/src/constants.ts"],"sourcesContent":["import { lightTheme } from '@strapi/design-system';\n\nconst PLUGIN_ID = 'review-workflows';\n/**\n * The name of the feature in the license.\n */\nconst FEATURE_ID = 'review-workflows';\n\nexport const CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME = 'numberOfWorkflows';\nexport const CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME = 'stagesPerWorkflow';\n\nexport const STAGE_COLOR_DEFAULT = lightTheme.colors.primary600;\n\nexport { FEATURE_ID, PLUGIN_ID };\n"],"names":["PLUGIN_ID","FEATURE_ID","CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME","CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME","STAGE_COLOR_DEFAULT","lightTheme","colors","primary600"],"mappings":";;AAEA,MAAMA,SAAY,GAAA;AAClB;;AAEC,UACKC,UAAa,GAAA;AAEZ,MAAMC,sCAAsC;AAC5C,MAAMC,iDAAiD;MAEjDC,mBAAsBC,GAAAA,UAAAA,CAAWC,MAAM,CAACC;;;;"}