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

package/dist/admin/routes/settings/index.js

@@ -0,0 +1,293 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var ee = require('@strapi/admin/strapi-admin/ee');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var LimitsModal = require('../../components/LimitsModal.js');
+var constants = require('../../constants.js');
+var hooks = require('../../modules/hooks.js');
+var contentManager = require('../../services/content-manager.js');
+var Layout = require('./components/Layout.js');
+var useReviewWorkflows = require('./hooks/useReviewWorkflows.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const ReviewWorkflowsListView = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const navigate = reactRouterDom.useNavigate();
+    const { trackUsage } = strapiAdmin.useTracking();
+    const [workflowToDelete, setWorkflowToDelete] = React__namespace.useState(null);
+    const [showLimitModal, setShowLimitModal] = React__namespace.useState(false);
+    const { data, isLoading: isLoadingModels } = contentManager.useGetContentTypesQuery();
+    const { meta, workflows, isLoading, delete: deleteAction } = useReviewWorkflows.useReviewWorkflows();
+    const { getFeature, isLoading: isLicenseLoading } = ee.useLicenseLimits();
+    const permissions = hooks.useTypedSelector((state)=>state.admin_app.permissions.settings?.['review-workflows']);
+    const { allowedActions: { canCreate, canRead, canUpdate, canDelete } } = strapiAdmin.useRBAC(permissions);
+    const limits = getFeature('review-workflows');
+    const numberOfWorkflows = limits?.[constants.CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME];
+    const handleDeleteWorkflow = (workflowId)=>{
+        setWorkflowToDelete(workflowId);
+    };
+    const toggleConfirmDeleteDialog = ()=>{
+        setWorkflowToDelete(null);
+    };
+    const handleConfirmDeleteDialog = async ()=>{
+        if (!workflowToDelete) return;
+        await deleteAction(workflowToDelete);
+        setWorkflowToDelete(null);
+    };
+    const handleCreateClick = (event)=>{
+        event.preventDefault();
+        /**
+     * If the current license has a workflow limit:
+     * check if the total count of workflows exceeds that limit. If so,
+     * prevent the navigation and show the limits overlay.
+     *
+     * If the current license does not have a limit (e.g. offline license):
+     * allow the user to navigate to the create-view. In case they exceed the
+     * current hard-limit of 200 they will see an error thrown by the API.
+     */ if (numberOfWorkflows && meta && meta?.workflowCount >= parseInt(numberOfWorkflows, 10)) {
+            event.preventDefault();
+            setShowLimitModal(true);
+        } else {
+            navigate('create');
+            trackUsage('willCreateWorkflow');
+        }
+    };
+    /**
+   * If the current license has a limit:
+   * check if the total count of workflows or stages exceeds that limit and display
+   * the limits modal on page load. It can be closed by the user, but the
+   * API will throw an error in case they try to create a new workflow or update the
+   * stages.
+   *
+   * If the current license does not have a limit (e.g. offline license):
+   * do nothing (for now). In case they are trying to create the 201st workflow/ stage
+   * the API will throw an error.
+   *
+   */ React__namespace.useEffect(()=>{
+        if (!isLoading && !isLicenseLoading) {
+            if (numberOfWorkflows && meta && meta?.workflowCount > parseInt(numberOfWorkflows, 10)) {
+                setShowLimitModal(true);
+            }
+        }
+    }, [
+        isLicenseLoading,
+        isLoading,
+        meta,
+        meta?.workflowCount,
+        numberOfWorkflows
+    ]);
+    const headers = [
+        {
+            label: formatMessage({
+                id: 'Settings.review-workflows.list.page.list.column.name.title',
+                defaultMessage: 'Name'
+            }),
+            name: 'name'
+        },
+        {
+            label: formatMessage({
+                id: 'Settings.review-workflows.list.page.list.column.stages.title',
+                defaultMessage: 'Stages'
+            }),
+            name: 'stages'
+        },
+        {
+            label: formatMessage({
+                id: 'Settings.review-workflows.list.page.list.column.contentTypes.title',
+                defaultMessage: 'Content Types'
+            }),
+            name: 'content-types'
+        }
+    ];
+    if (isLoading || isLoadingModels) {
+        return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Loading, {});
+    }
+    const contentTypes = Object.values(data ?? {}).reduce((acc, curr)=>{
+        acc.push(...curr);
+        return acc;
+    }, []);
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(Layout.Header, {
+                primaryAction: canCreate ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.LinkButton, {
+                    startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Plus, {}),
+                    size: "S",
+                    tag: reactRouterDom.NavLink,
+                    to: "create",
+                    onClick: handleCreateClick,
+                    children: formatMessage({
+                        id: 'Settings.review-workflows.list.page.create',
+                        defaultMessage: 'Create new workflow'
+                    })
+                }) : null,
+                subtitle: formatMessage({
+                    id: 'Settings.review-workflows.list.page.subtitle',
+                    defaultMessage: 'Manage your content review process'
+                }),
+                title: formatMessage({
+                    id: 'Settings.review-workflows.list.page.title',
+                    defaultMessage: 'Review Workflows'
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(Layout.Root, {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Table.Root, {
+                        isLoading: isLoading,
+                        rows: workflows,
+                        footer: canCreate ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.TFooter, {
+                            cursor: "pointer",
+                            icon: /*#__PURE__*/ jsxRuntime.jsx(icons.Plus, {}),
+                            onClick: handleCreateClick,
+                            children: formatMessage({
+                                id: 'Settings.review-workflows.list.page.create',
+                                defaultMessage: 'Create new workflow'
+                            })
+                        }) : null,
+                        headers: headers,
+                        children: /*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.Table.Content, {
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Table.Head, {
+                                    children: headers.map((head)=>/*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Table.HeaderCell, {
+                                            ...head
+                                        }, head.name))
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Table.Body, {
+                                    children: workflows.map((workflow)=>/*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.Table.Row, {
+                                            onClick: ()=>{
+                                                navigate(`${workflow.id}`);
+                                            },
+                                            children: [
+                                                /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Table.Cell, {
+                                                    width: "25rem",
+                                                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                        textColor: "neutral800",
+                                                        fontWeight: "bold",
+                                                        ellipsis: true,
+                                                        children: workflow.name
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Table.Cell, {
+                                                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                        textColor: "neutral800",
+                                                        children: workflow.stages.length
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Table.Cell, {
+                                                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                        textColor: "neutral800",
+                                                        children: workflow.contentTypes.map((uid)=>{
+                                                            const contentType = contentTypes.find((contentType)=>contentType.uid === uid);
+                                                            return contentType?.info.displayName ?? '';
+                                                        }).join(', ')
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Table.Cell, {
+                                                    children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                                        alignItems: "center",
+                                                        justifyContent: "end",
+                                                        children: [
+                                                            canRead || canUpdate ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                                                tag: reactRouterDom.Link,
+                                                                to: workflow.id.toString(),
+                                                                label: formatMessage({
+                                                                    id: 'Settings.review-workflows.list.page.list.column.actions.edit.label',
+                                                                    defaultMessage: 'Edit {name}'
+                                                                }, {
+                                                                    name: workflow.name
+                                                                }),
+                                                                variant: "ghost",
+                                                                children: /*#__PURE__*/ jsxRuntime.jsx(icons.Pencil, {})
+                                                            }) : null,
+                                                            workflows.length > 1 && canDelete ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                                                withTooltip: false,
+                                                                label: formatMessage({
+                                                                    id: 'Settings.review-workflows.list.page.list.column.actions.delete.label',
+                                                                    defaultMessage: 'Delete {name}'
+                                                                }, {
+                                                                    name: 'Default workflow'
+                                                                }),
+                                                                variant: "ghost",
+                                                                onClick: (e)=>{
+                                                                    e.stopPropagation();
+                                                                    handleDeleteWorkflow(String(workflow.id));
+                                                                },
+                                                                children: /*#__PURE__*/ jsxRuntime.jsx(icons.Trash, {})
+                                                            }) : null
+                                                        ]
+                                                    })
+                                                })
+                                            ]
+                                        }, workflow.id))
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Root, {
+                        open: !!workflowToDelete,
+                        onOpenChange: toggleConfirmDeleteDialog,
+                        children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.ConfirmDialog, {
+                            onConfirm: handleConfirmDeleteDialog,
+                            children: formatMessage({
+                                id: 'Settings.review-workflows.list.page.delete.confirm.body',
+                                defaultMessage: 'If you remove this worfklow, all stage-related information will be removed for this content-type. Are you sure you want to remove it?'
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsxs(LimitsModal.LimitsModal.Root, {
+                        open: showLimitModal,
+                        onOpenChange: ()=>setShowLimitModal(false),
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(LimitsModal.LimitsModal.Title, {
+                                children: formatMessage({
+                                    id: 'Settings.review-workflows.list.page.workflows.limit.title',
+                                    defaultMessage: 'You’ve reached the limit of workflows in your plan'
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(LimitsModal.LimitsModal.Body, {
+                                children: formatMessage({
+                                    id: 'Settings.review-workflows.list.page.workflows.limit.body',
+                                    defaultMessage: 'Delete a workflow or contact Sales to enable more workflows.'
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+const ProtectedListPage = ()=>{
+    const permissions = hooks.useTypedSelector((state)=>state.admin_app.permissions.settings?.['review-workflows']?.main);
+    return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Protect, {
+        permissions: permissions,
+        children: /*#__PURE__*/ jsxRuntime.jsx(ReviewWorkflowsListView, {})
+    });
+};
+
+exports.ProtectedListPage = ProtectedListPage;
+exports.ReviewWorkflowsListView = ReviewWorkflowsListView;
+//# sourceMappingURL=index.js.map

package/dist/admin/routes/settings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../admin/src/routes/settings/index.tsx"],"sourcesContent":["/* eslint-disable check-file/no-index */\n/* eslint-disable check-file/filename-naming-convention */\nimport * as React from 'react';\n\nimport { Page, useTracking, ConfirmDialog, useRBAC, Table } from '@strapi/admin/strapi-admin';\nimport { useLicenseLimits } from '@strapi/admin/strapi-admin/ee';\nimport { Flex, IconButton, TFooter, Typography, LinkButton, Dialog } from '@strapi/design-system';\nimport { Pencil, Plus, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { NavLink, Link, useNavigate } from 'react-router-dom';\n\nimport { LimitsModal } from '../../components/LimitsModal';\nimport { CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME } from '../../constants';\nimport { useTypedSelector } from '../../modules/hooks';\nimport { ContentType, useGetContentTypesQuery } from '../../services/content-manager';\n\nimport * as Layout from './components/Layout';\nimport { useReviewWorkflows } from './hooks/useReviewWorkflows';\n\nexport const ReviewWorkflowsListView = () => {\n  const { formatMessage } = useIntl();\n  const navigate = useNavigate();\n  const { trackUsage } = useTracking();\n  const [workflowToDelete, setWorkflowToDelete] = React.useState<string | null>(null);\n  const [showLimitModal, setShowLimitModal] = React.useState<boolean>(false);\n  const { data, isLoading: isLoadingModels } = useGetContentTypesQuery();\n  const { meta, workflows, isLoading, delete: deleteAction } = useReviewWorkflows();\n  const { getFeature, isLoading: isLicenseLoading } = useLicenseLimits();\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions.settings?.['review-workflows']\n  );\n  const {\n    allowedActions: { canCreate, canRead, canUpdate, canDelete },\n  } = useRBAC(permissions);\n\n  const limits = getFeature('review-workflows');\n  const numberOfWorkflows = limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME] as string;\n\n  const handleDeleteWorkflow = (workflowId: string) => {\n    setWorkflowToDelete(workflowId);\n  };\n\n  const toggleConfirmDeleteDialog = () => {\n    setWorkflowToDelete(null);\n  };\n\n  const handleConfirmDeleteDialog = async () => {\n    if (!workflowToDelete) return;\n\n    await deleteAction(workflowToDelete);\n\n    setWorkflowToDelete(null);\n  };\n\n  const handleCreateClick: React.MouseEventHandler<HTMLAnchorElement> &\n    ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) = (event) => {\n    event.preventDefault();\n    /**\n     * If the current license has a workflow limit:\n     * check if the total count of workflows exceeds that limit. If so,\n     * prevent the navigation and show the limits overlay.\n     *\n     * If the current license does not have a limit (e.g. offline license):\n     * allow the user to navigate to the create-view. In case they exceed the\n     * current hard-limit of 200 they will see an error thrown by the API.\n     */\n\n    if (numberOfWorkflows && meta && meta?.workflowCount >= parseInt(numberOfWorkflows, 10)) {\n      event.preventDefault();\n      setShowLimitModal(true);\n    } else {\n      navigate('create');\n      trackUsage('willCreateWorkflow');\n    }\n  };\n\n  /**\n   * If the current license has a limit:\n   * check if the total count of workflows or stages exceeds that limit and display\n   * the limits modal on page load. It can be closed by the user, but the\n   * API will throw an error in case they try to create a new workflow or update the\n   * stages.\n   *\n   * If the current license does not have a limit (e.g. offline license):\n   * do nothing (for now). In case they are trying to create the 201st workflow/ stage\n   * the API will throw an error.\n   *\n   */\n  React.useEffect(() => {\n    if (!isLoading && !isLicenseLoading) {\n      if (numberOfWorkflows && meta && meta?.workflowCount > parseInt(numberOfWorkflows, 10)) {\n        setShowLimitModal(true);\n      }\n    }\n  }, [isLicenseLoading, isLoading, meta, meta?.workflowCount, numberOfWorkflows]);\n\n  const headers = [\n    {\n      label: formatMessage({\n        id: 'Settings.review-workflows.list.page.list.column.name.title',\n        defaultMessage: 'Name',\n      }),\n      name: 'name',\n    },\n    {\n      label: formatMessage({\n        id: 'Settings.review-workflows.list.page.list.column.stages.title',\n        defaultMessage: 'Stages',\n      }),\n      name: 'stages',\n    },\n    {\n      label: formatMessage({\n        id: 'Settings.review-workflows.list.page.list.column.contentTypes.title',\n        defaultMessage: 'Content Types',\n      }),\n      name: 'content-types',\n    },\n  ];\n\n  if (isLoading || isLoadingModels) {\n    return <Page.Loading />;\n  }\n\n  const contentTypes = Object.values(data ?? {}).reduce<ContentType[]>((acc, curr) => {\n    acc.push(...curr);\n    return acc;\n  }, []);\n\n  return (\n    <>\n      <Layout.Header\n        primaryAction={\n          canCreate ? (\n            <LinkButton\n              startIcon={<Plus />}\n              size=\"S\"\n              tag={NavLink}\n              to=\"create\"\n              onClick={handleCreateClick}\n            >\n              {formatMessage({\n                id: 'Settings.review-workflows.list.page.create',\n                defaultMessage: 'Create new workflow',\n              })}\n            </LinkButton>\n          ) : null\n        }\n        subtitle={formatMessage({\n          id: 'Settings.review-workflows.list.page.subtitle',\n          defaultMessage: 'Manage your content review process',\n        })}\n        title={formatMessage({\n          id: 'Settings.review-workflows.list.page.title',\n          defaultMessage: 'Review Workflows',\n        })}\n      />\n\n      <Layout.Root>\n        <Table.Root\n          isLoading={isLoading}\n          rows={workflows}\n          footer={\n            canCreate ? (\n              <TFooter cursor=\"pointer\" icon={<Plus />} onClick={handleCreateClick}>\n                {formatMessage({\n                  id: 'Settings.review-workflows.list.page.create',\n                  defaultMessage: 'Create new workflow',\n                })}\n              </TFooter>\n            ) : null\n          }\n          headers={headers}\n        >\n          <Table.Content>\n            <Table.Head>\n              {headers.map((head) => (\n                <Table.HeaderCell key={head.name} {...head} />\n              ))}\n            </Table.Head>\n\n            <Table.Body>\n              {workflows.map((workflow) => (\n                <Table.Row\n                  onClick={() => {\n                    navigate(`${workflow.id}`);\n                  }}\n                  key={workflow.id}\n                >\n                  <Table.Cell width=\"25rem\">\n                    <Typography textColor=\"neutral800\" fontWeight=\"bold\" ellipsis>\n                      {workflow.name}\n                    </Typography>\n                  </Table.Cell>\n                  <Table.Cell>\n                    <Typography textColor=\"neutral800\">{workflow.stages.length}</Typography>\n                  </Table.Cell>\n                  <Table.Cell>\n                    <Typography textColor=\"neutral800\">\n                      {workflow.contentTypes\n                        .map((uid: string) => {\n                          const contentType = contentTypes.find(\n                            (contentType) => contentType.uid === uid\n                          );\n\n                          return contentType?.info.displayName ?? '';\n                        })\n                        .join(', ')}\n                    </Typography>\n                  </Table.Cell>\n                  <Table.Cell>\n                    <Flex alignItems=\"center\" justifyContent=\"end\">\n                      {canRead || canUpdate ? (\n                        <IconButton\n                          tag={Link}\n                          to={workflow.id.toString()}\n                          label={formatMessage(\n                            {\n                              id: 'Settings.review-workflows.list.page.list.column.actions.edit.label',\n                              defaultMessage: 'Edit {name}',\n                            },\n                            { name: workflow.name }\n                          )}\n                          variant=\"ghost\"\n                        >\n                          <Pencil />\n                        </IconButton>\n                      ) : null}\n                      {workflows.length > 1 && canDelete ? (\n                        <IconButton\n                          withTooltip={false}\n                          label={formatMessage(\n                            {\n                              id: 'Settings.review-workflows.list.page.list.column.actions.delete.label',\n                              defaultMessage: 'Delete {name}',\n                            },\n                            { name: 'Default workflow' }\n                          )}\n                          variant=\"ghost\"\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            handleDeleteWorkflow(String(workflow.id));\n                          }}\n                        >\n                          <Trash />\n                        </IconButton>\n                      ) : null}\n                    </Flex>\n                  </Table.Cell>\n                </Table.Row>\n              ))}\n            </Table.Body>\n          </Table.Content>\n        </Table.Root>\n\n        <Dialog.Root open={!!workflowToDelete} onOpenChange={toggleConfirmDeleteDialog}>\n          <ConfirmDialog onConfirm={handleConfirmDeleteDialog}>\n            {formatMessage({\n              id: 'Settings.review-workflows.list.page.delete.confirm.body',\n              defaultMessage:\n                'If you remove this worfklow, all stage-related information will be removed for this content-type. Are you sure you want to remove it?',\n            })}\n          </ConfirmDialog>\n        </Dialog.Root>\n\n        <LimitsModal.Root open={showLimitModal} onOpenChange={() => setShowLimitModal(false)}>\n          <LimitsModal.Title>\n            {formatMessage({\n              id: 'Settings.review-workflows.list.page.workflows.limit.title',\n              defaultMessage: 'You’ve reached the limit of workflows in your plan',\n            })}\n          </LimitsModal.Title>\n\n          <LimitsModal.Body>\n            {formatMessage({\n              id: 'Settings.review-workflows.list.page.workflows.limit.body',\n              defaultMessage: 'Delete a workflow or contact Sales to enable more workflows.',\n            })}\n          </LimitsModal.Body>\n        </LimitsModal.Root>\n      </Layout.Root>\n    </>\n  );\n};\n\nconst ProtectedListPage = () => {\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions.settings?.['review-workflows']?.main\n  );\n\n  return (\n    <Page.Protect permissions={permissions}>\n      <ReviewWorkflowsListView />\n    </Page.Protect>\n  );\n};\n\nexport { ProtectedListPage };\n"],"names":["ReviewWorkflowsListView","formatMessage","useIntl","navigate","useNavigate","trackUsage","useTracking","workflowToDelete","setWorkflowToDelete","React","useState","showLimitModal","setShowLimitModal","data","isLoading","isLoadingModels","useGetContentTypesQuery","meta","workflows","delete","deleteAction","useReviewWorkflows","getFeature","isLicenseLoading","useLicenseLimits","permissions","useTypedSelector","state","admin_app","settings","allowedActions","canCreate","canRead","canUpdate","canDelete","useRBAC","limits","numberOfWorkflows","CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME","handleDeleteWorkflow","workflowId","toggleConfirmDeleteDialog","handleConfirmDeleteDialog","handleCreateClick","event","preventDefault","workflowCount","parseInt","useEffect","headers","label","id","defaultMessage","name","_jsx","Page","Loading","contentTypes","Object","values","reduce","acc","curr","push","_jsxs","_Fragment","Layout","primaryAction","LinkButton","startIcon","Plus","size","tag","NavLink","to","onClick","subtitle","title","Table","Root","rows","footer","TFooter","cursor","icon","Content","Head","map","head","HeaderCell","Body","workflow","Row","Cell","width","Typography","textColor","fontWeight","ellipsis","stages","length","uid","contentType","find","info","displayName","join","Flex","alignItems","justifyContent","IconButton","Link","toString","variant","Pencil","withTooltip","e","stopPropagation","String","Trash","Dialog","open","onOpenChange","ConfirmDialog","onConfirm","LimitsModal","Title","ProtectedListPage","main","Protect"],"mappings":"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"}

package/dist/admin/routes/settings/index.mjs

@@ -0,0 +1,271 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useTracking, useRBAC, Page, Table, ConfirmDialog } from '@strapi/admin/strapi-admin';
+import { useLicenseLimits } from '@strapi/admin/strapi-admin/ee';
+import { LinkButton, TFooter, Typography, Flex, IconButton, Dialog } from '@strapi/design-system';
+import { Plus, Pencil, Trash } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { useNavigate, NavLink, Link } from 'react-router-dom';
+import { LimitsModal } from '../../components/LimitsModal.mjs';
+import { CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME } from '../../constants.mjs';
+import { useTypedSelector } from '../../modules/hooks.mjs';
+import { useGetContentTypesQuery } from '../../services/content-manager.mjs';
+import { Header, Root } from './components/Layout.mjs';
+import { useReviewWorkflows } from './hooks/useReviewWorkflows.mjs';
+
+const ReviewWorkflowsListView = ()=>{
+    const { formatMessage } = useIntl();
+    const navigate = useNavigate();
+    const { trackUsage } = useTracking();
+    const [workflowToDelete, setWorkflowToDelete] = React.useState(null);
+    const [showLimitModal, setShowLimitModal] = React.useState(false);
+    const { data, isLoading: isLoadingModels } = useGetContentTypesQuery();
+    const { meta, workflows, isLoading, delete: deleteAction } = useReviewWorkflows();
+    const { getFeature, isLoading: isLicenseLoading } = useLicenseLimits();
+    const permissions = useTypedSelector((state)=>state.admin_app.permissions.settings?.['review-workflows']);
+    const { allowedActions: { canCreate, canRead, canUpdate, canDelete } } = useRBAC(permissions);
+    const limits = getFeature('review-workflows');
+    const numberOfWorkflows = limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME];
+    const handleDeleteWorkflow = (workflowId)=>{
+        setWorkflowToDelete(workflowId);
+    };
+    const toggleConfirmDeleteDialog = ()=>{
+        setWorkflowToDelete(null);
+    };
+    const handleConfirmDeleteDialog = async ()=>{
+        if (!workflowToDelete) return;
+        await deleteAction(workflowToDelete);
+        setWorkflowToDelete(null);
+    };
+    const handleCreateClick = (event)=>{
+        event.preventDefault();
+        /**
+     * If the current license has a workflow limit:
+     * check if the total count of workflows exceeds that limit. If so,
+     * prevent the navigation and show the limits overlay.
+     *
+     * If the current license does not have a limit (e.g. offline license):
+     * allow the user to navigate to the create-view. In case they exceed the
+     * current hard-limit of 200 they will see an error thrown by the API.
+     */ if (numberOfWorkflows && meta && meta?.workflowCount >= parseInt(numberOfWorkflows, 10)) {
+            event.preventDefault();
+            setShowLimitModal(true);
+        } else {
+            navigate('create');
+            trackUsage('willCreateWorkflow');
+        }
+    };
+    /**
+   * If the current license has a limit:
+   * check if the total count of workflows or stages exceeds that limit and display
+   * the limits modal on page load. It can be closed by the user, but the
+   * API will throw an error in case they try to create a new workflow or update the
+   * stages.
+   *
+   * If the current license does not have a limit (e.g. offline license):
+   * do nothing (for now). In case they are trying to create the 201st workflow/ stage
+   * the API will throw an error.
+   *
+   */ React.useEffect(()=>{
+        if (!isLoading && !isLicenseLoading) {
+            if (numberOfWorkflows && meta && meta?.workflowCount > parseInt(numberOfWorkflows, 10)) {
+                setShowLimitModal(true);
+            }
+        }
+    }, [
+        isLicenseLoading,
+        isLoading,
+        meta,
+        meta?.workflowCount,
+        numberOfWorkflows
+    ]);
+    const headers = [
+        {
+            label: formatMessage({
+                id: 'Settings.review-workflows.list.page.list.column.name.title',
+                defaultMessage: 'Name'
+            }),
+            name: 'name'
+        },
+        {
+            label: formatMessage({
+                id: 'Settings.review-workflows.list.page.list.column.stages.title',
+                defaultMessage: 'Stages'
+            }),
+            name: 'stages'
+        },
+        {
+            label: formatMessage({
+                id: 'Settings.review-workflows.list.page.list.column.contentTypes.title',
+                defaultMessage: 'Content Types'
+            }),
+            name: 'content-types'
+        }
+    ];
+    if (isLoading || isLoadingModels) {
+        return /*#__PURE__*/ jsx(Page.Loading, {});
+    }
+    const contentTypes = Object.values(data ?? {}).reduce((acc, curr)=>{
+        acc.push(...curr);
+        return acc;
+    }, []);
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Header, {
+                primaryAction: canCreate ? /*#__PURE__*/ jsx(LinkButton, {
+                    startIcon: /*#__PURE__*/ jsx(Plus, {}),
+                    size: "S",
+                    tag: NavLink,
+                    to: "create",
+                    onClick: handleCreateClick,
+                    children: formatMessage({
+                        id: 'Settings.review-workflows.list.page.create',
+                        defaultMessage: 'Create new workflow'
+                    })
+                }) : null,
+                subtitle: formatMessage({
+                    id: 'Settings.review-workflows.list.page.subtitle',
+                    defaultMessage: 'Manage your content review process'
+                }),
+                title: formatMessage({
+                    id: 'Settings.review-workflows.list.page.title',
+                    defaultMessage: 'Review Workflows'
+                })
+            }),
+            /*#__PURE__*/ jsxs(Root, {
+                children: [
+                    /*#__PURE__*/ jsx(Table.Root, {
+                        isLoading: isLoading,
+                        rows: workflows,
+                        footer: canCreate ? /*#__PURE__*/ jsx(TFooter, {
+                            cursor: "pointer",
+                            icon: /*#__PURE__*/ jsx(Plus, {}),
+                            onClick: handleCreateClick,
+                            children: formatMessage({
+                                id: 'Settings.review-workflows.list.page.create',
+                                defaultMessage: 'Create new workflow'
+                            })
+                        }) : null,
+                        headers: headers,
+                        children: /*#__PURE__*/ jsxs(Table.Content, {
+                            children: [
+                                /*#__PURE__*/ jsx(Table.Head, {
+                                    children: headers.map((head)=>/*#__PURE__*/ jsx(Table.HeaderCell, {
+                                            ...head
+                                        }, head.name))
+                                }),
+                                /*#__PURE__*/ jsx(Table.Body, {
+                                    children: workflows.map((workflow)=>/*#__PURE__*/ jsxs(Table.Row, {
+                                            onClick: ()=>{
+                                                navigate(`${workflow.id}`);
+                                            },
+                                            children: [
+                                                /*#__PURE__*/ jsx(Table.Cell, {
+                                                    width: "25rem",
+                                                    children: /*#__PURE__*/ jsx(Typography, {
+                                                        textColor: "neutral800",
+                                                        fontWeight: "bold",
+                                                        ellipsis: true,
+                                                        children: workflow.name
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsx(Table.Cell, {
+                                                    children: /*#__PURE__*/ jsx(Typography, {
+                                                        textColor: "neutral800",
+                                                        children: workflow.stages.length
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsx(Table.Cell, {
+                                                    children: /*#__PURE__*/ jsx(Typography, {
+                                                        textColor: "neutral800",
+                                                        children: workflow.contentTypes.map((uid)=>{
+                                                            const contentType = contentTypes.find((contentType)=>contentType.uid === uid);
+                                                            return contentType?.info.displayName ?? '';
+                                                        }).join(', ')
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsx(Table.Cell, {
+                                                    children: /*#__PURE__*/ jsxs(Flex, {
+                                                        alignItems: "center",
+                                                        justifyContent: "end",
+                                                        children: [
+                                                            canRead || canUpdate ? /*#__PURE__*/ jsx(IconButton, {
+                                                                tag: Link,
+                                                                to: workflow.id.toString(),
+                                                                label: formatMessage({
+                                                                    id: 'Settings.review-workflows.list.page.list.column.actions.edit.label',
+                                                                    defaultMessage: 'Edit {name}'
+                                                                }, {
+                                                                    name: workflow.name
+                                                                }),
+                                                                variant: "ghost",
+                                                                children: /*#__PURE__*/ jsx(Pencil, {})
+                                                            }) : null,
+                                                            workflows.length > 1 && canDelete ? /*#__PURE__*/ jsx(IconButton, {
+                                                                withTooltip: false,
+                                                                label: formatMessage({
+                                                                    id: 'Settings.review-workflows.list.page.list.column.actions.delete.label',
+                                                                    defaultMessage: 'Delete {name}'
+                                                                }, {
+                                                                    name: 'Default workflow'
+                                                                }),
+                                                                variant: "ghost",
+                                                                onClick: (e)=>{
+                                                                    e.stopPropagation();
+                                                                    handleDeleteWorkflow(String(workflow.id));
+                                                                },
+                                                                children: /*#__PURE__*/ jsx(Trash, {})
+                                                            }) : null
+                                                        ]
+                                                    })
+                                                })
+                                            ]
+                                        }, workflow.id))
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Dialog.Root, {
+                        open: !!workflowToDelete,
+                        onOpenChange: toggleConfirmDeleteDialog,
+                        children: /*#__PURE__*/ jsx(ConfirmDialog, {
+                            onConfirm: handleConfirmDeleteDialog,
+                            children: formatMessage({
+                                id: 'Settings.review-workflows.list.page.delete.confirm.body',
+                                defaultMessage: 'If you remove this worfklow, all stage-related information will be removed for this content-type. Are you sure you want to remove it?'
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs(LimitsModal.Root, {
+                        open: showLimitModal,
+                        onOpenChange: ()=>setShowLimitModal(false),
+                        children: [
+                            /*#__PURE__*/ jsx(LimitsModal.Title, {
+                                children: formatMessage({
+                                    id: 'Settings.review-workflows.list.page.workflows.limit.title',
+                                    defaultMessage: 'You’ve reached the limit of workflows in your plan'
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(LimitsModal.Body, {
+                                children: formatMessage({
+                                    id: 'Settings.review-workflows.list.page.workflows.limit.body',
+                                    defaultMessage: 'Delete a workflow or contact Sales to enable more workflows.'
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+const ProtectedListPage = ()=>{
+    const permissions = useTypedSelector((state)=>state.admin_app.permissions.settings?.['review-workflows']?.main);
+    return /*#__PURE__*/ jsx(Page.Protect, {
+        permissions: permissions,
+        children: /*#__PURE__*/ jsx(ReviewWorkflowsListView, {})
+    });
+};
+
+export { ProtectedListPage, ReviewWorkflowsListView };
+//# sourceMappingURL=index.mjs.map