@strapi/admin 4.17.0 → 4.18.0

package/dist/_chunks/ListPage-7d5baee5.mjs

@@ -1,348 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React__default, { createElement } from "react";
-import { Flex, Loader, Table, TFooter, Thead, Tr, Th, Typography, VisuallyHidden, Tbody, Td, IconButton } from "@strapi/design-system";
-import { Link, pxToRem, CheckPagePermissions, useTracking, useFetchClient, useAPIErrorHandler, useNotification, useRBAC, LinkButton, onRowClick, ConfirmDialog } from "@strapi/helper-plugin";
-import { Plus, Pencil, Trash } from "@strapi/icons";
-import { AxiosError } from "axios";
-import { useIntl } from "react-intl";
-import { useMutation } from "react-query";
-import { useSelector } from "react-redux";
-import { useHistory } from "react-router-dom";
-import styled from "styled-components";
-import { u as useContentTypes } from "./useContentTypes-53b449bb.mjs";
-import { s as selectAdminPermissions } from "./AuthenticatedApp-7d1fdf0c.mjs";
-import { u as useLicenseLimits } from "./useLicenseLimits-497c0f5f.mjs";
-import { H as Header, R as Root } from "./Layout-caf718bb.mjs";
-import { L as LimitsModal } from "./LimitsModal-d438f513.mjs";
-import { C as CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME } from "./constants-8092eeb5.mjs";
-import { u as useReviewWorkflows } from "./useReviewWorkflows-3e0bcb69.mjs";
-import "semver/functions/lt";
-import "semver/functions/valid";
-import "./index-95e8649d.mjs";
-import "react-dom/client";
-import "invariant";
-import "lodash/isFunction";
-import "lodash/merge";
-import "lodash/pick";
-import "react-helmet";
-import "@radix-ui/react-context";
-import "@strapi/design-system/v2";
-import "formik";
-import "lodash/camelCase";
-import "yup";
-import "@reduxjs/toolkit";
-import "lodash/omit";
-import "qs";
-import "immer";
-import "lodash/get";
-import "lodash/set";
-import "lodash/defaultsDeep";
-import "react-dnd";
-import "react-dnd-html5-backend";
-import "react-window";
-import "lodash/cloneDeep";
-import "lodash/isEqual";
-import "lodash/upperFirst";
-import "prop-types";
-import "lodash/fp";
-import "lodash/isNaN";
-import "lodash/take";
-import "slate";
-import "slate-history";
-import "slate-react";
-import "@radix-ui/react-toolbar";
-import "codemirror5";
-import "sanitize-html";
-import "highlight.js";
-import "markdown-it";
-import "markdown-it-abbr";
-import "markdown-it-container";
-import "markdown-it-deflist";
-import "markdown-it-emoji";
-import "markdown-it-footnote";
-import "markdown-it-ins";
-import "markdown-it-mark";
-import "markdown-it-sub";
-import "markdown-it-sup";
-import "codemirror5/addon/display/placeholder";
-import "lodash/toString";
-import "lodash/isEmpty";
-import "react-dom";
-import "lodash/isBoolean";
-import "lodash/toNumber";
-import "fractional-indexing";
-import "lodash/uniqBy";
-import "lodash/unset";
-import "lodash/isArray";
-import "date-fns/parseISO";
-const ActionLink = styled(Link)`
-  align-items: center;
-  height: ${pxToRem(32)};
-  display: flex;
-  justify-content: center;
-  padding: ${({ theme }) => `${theme.spaces[2]}}`};
-  width: ${pxToRem(32)};
-
-  svg {
-    height: ${pxToRem(12)};
-    width: ${pxToRem(12)};
-
-    path {
-      fill: ${({ theme }) => theme.colors.neutral500};
-    }
-  }
-
-  &:hover,
-  &:focus {
-    svg {
-      path {
-        fill: ${({ theme }) => theme.colors.neutral800};
-      }
-    }
-  }
-`;
-const ReviewWorkflowsListView = () => {
-  const { formatMessage } = useIntl();
-  const { push } = useHistory();
-  const { trackUsage } = useTracking();
-  const [workflowToDelete, setWorkflowToDelete] = React__default.useState(null);
-  const [showLimitModal, setShowLimitModal] = React__default.useState(false);
-  const { collectionTypes, singleTypes, isLoading: isLoadingModels } = useContentTypes();
-  const { meta, workflows, isLoading, refetch } = useReviewWorkflows();
-  const { del } = useFetchClient();
-  const { formatAPIError } = useAPIErrorHandler();
-  const toggleNotification = useNotification();
-  const { getFeature, isLoading: isLicenseLoading } = useLicenseLimits();
-  const permissions = useSelector(selectAdminPermissions);
-  const {
-    allowedActions: { canCreate, canDelete }
-  } = useRBAC(permissions.settings?.["review-workflows"]);
-  const limits = getFeature("review-workflows");
-  const numberOfWorkflows = limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME];
-  const { mutateAsync, isLoading: isLoadingMutation } = useMutation(
-    async ({ workflowId, stages }) => {
-      const {
-        data: { data }
-      } = await del(`/admin/review-workflows/workflows/${workflowId}`, {
-        data: stages
-      });
-      return data;
-    },
-    {
-      onSuccess() {
-        toggleNotification({
-          type: "success",
-          message: { id: "notification.success.deleted", defaultMessage: "Deleted" }
-        });
-      }
-    }
-  );
-  const getContentTypeDisplayName = (uid) => {
-    const contentType = [...collectionTypes, ...singleTypes].find(
-      (contentType2) => contentType2.uid === uid
-    );
-    return contentType?.info.displayName;
-  };
-  const handleDeleteWorkflow = (workflowId) => {
-    setWorkflowToDelete(workflowId);
-  };
-  const toggleConfirmDeleteDialog = () => {
-    setWorkflowToDelete(null);
-  };
-  const handleConfirmDeleteDialog = async () => {
-    if (!workflowToDelete)
-      return;
-    try {
-      const res = await mutateAsync({ workflowId: workflowToDelete });
-      await refetch();
-      setWorkflowToDelete(null);
-      return res;
-    } catch (error) {
-      if (error instanceof AxiosError) {
-        toggleNotification({
-          type: "warning",
-          message: formatAPIError(error)
-        });
-      }
-      return null;
-    }
-  };
-  React__default.useEffect(() => {
-    if (!isLoading && !isLicenseLoading) {
-      if (numberOfWorkflows && meta && meta?.workflowCount > parseInt(numberOfWorkflows, 10)) {
-        setShowLimitModal(true);
-      }
-    }
-  }, [isLicenseLoading, isLoading, meta, meta?.workflowCount, numberOfWorkflows]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Header,
-      {
-        primaryAction: canCreate && /* @__PURE__ */ jsx(
-          LinkButton,
-          {
-            startIcon: /* @__PURE__ */ jsx(Plus, {}),
-            size: "S",
-            to: "/settings/review-workflows/create",
-            onClick: (event) => {
-              if (numberOfWorkflows && meta && meta?.workflowCount >= parseInt(numberOfWorkflows, 10)) {
-                event.preventDefault();
-                setShowLimitModal(true);
-              } else {
-                trackUsage("willCreateWorkflow");
-              }
-            },
-            children: formatMessage({
-              id: "Settings.review-workflows.list.page.create",
-              defaultMessage: "Create new workflow"
-            })
-          }
-        ),
-        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: [
-      isLoading || isLoadingModels ? /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Loader, { children: formatMessage({
-        id: "Settings.review-workflows.page.list.isLoading",
-        defaultMessage: "Workflows are loading"
-      }) }) }) : /* @__PURE__ */ jsxs(
-        Table,
-        {
-          colCount: 3,
-          footer: (
-            // TODO: we should be able to use a link here instead of an (inaccessible onClick) handler
-            canCreate && /* @__PURE__ */ jsx(
-              TFooter,
-              {
-                icon: /* @__PURE__ */ jsx(Plus, {}),
-                onClick: () => {
-                  if (numberOfWorkflows && meta && meta?.workflowCount >= parseInt(numberOfWorkflows, 10)) {
-                    setShowLimitModal(true);
-                  } else {
-                    push("/settings/review-workflows/create");
-                    trackUsage("willCreateWorkflow");
-                  }
-                },
-                children: formatMessage({
-                  id: "Settings.review-workflows.list.page.create",
-                  defaultMessage: "Create new workflow"
-                })
-              }
-            )
-          ),
-          rowCount: 1,
-          children: [
-            /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
-              /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({
-                id: "Settings.review-workflows.list.page.list.column.name.title",
-                defaultMessage: "Name"
-              }) }) }),
-              /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({
-                id: "Settings.review-workflows.list.page.list.column.stages.title",
-                defaultMessage: "Stages"
-              }) }) }),
-              /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({
-                id: "Settings.review-workflows.list.page.list.column.contentTypes.title",
-                defaultMessage: "Content Types"
-              }) }) }),
-              /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(VisuallyHidden, { children: formatMessage({
-                id: "Settings.review-workflows.list.page.list.column.actions.title",
-                defaultMessage: "Actions"
-              }) }) })
-            ] }) }),
-            /* @__PURE__ */ jsx(Tbody, { children: workflows?.map((workflow) => /* @__PURE__ */ createElement(
-              Tr,
-              {
-                ...onRowClick({
-                  fn(event) {
-                    const el = event.target;
-                    if (el.nodeName === "BUTTON") {
-                      return;
-                    }
-                    push(`/settings/review-workflows/${workflow.id}`);
-                  }
-                }),
-                key: `workflow-${workflow.id}`
-              },
-              /* @__PURE__ */ jsx(Td, { width: pxToRem(250), children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", fontWeight: "bold", ellipsis: true, children: workflow.name }) }),
-              /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: workflow.stages.length }) }),
-              /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: (workflow?.contentTypes ?? []).map(getContentTypeDisplayName).join(", ") }) }),
-              /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { alignItems: "center", justifyContent: "end", children: [
-                /* @__PURE__ */ jsx(
-                  ActionLink,
-                  {
-                    to: `/settings/review-workflows/${workflow.id}`,
-                    "aria-label": formatMessage(
-                      {
-                        id: "Settings.review-workflows.list.page.list.column.actions.edit.label",
-                        defaultMessage: "Edit {name}"
-                      },
-                      { name: workflow.name }
-                    ),
-                    children: /* @__PURE__ */ jsx(Pencil, {})
-                  }
-                ),
-                workflows.length > 1 && canDelete && /* @__PURE__ */ jsx(
-                  IconButton,
-                  {
-                    "aria-label": formatMessage(
-                      {
-                        id: "Settings.review-workflows.list.page.list.column.actions.delete.label",
-                        defaultMessage: "Delete {name}"
-                      },
-                      { name: "Default workflow" }
-                    ),
-                    icon: /* @__PURE__ */ jsx(Trash, {}),
-                    noBorder: true,
-                    onClick: () => {
-                      handleDeleteWorkflow(String(workflow.id));
-                    }
-                  }
-                )
-              ] }) })
-            )) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        ConfirmDialog,
-        {
-          bodyText: {
-            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?"
-          },
-          isConfirmButtonLoading: isLoadingMutation,
-          isOpen: !!workflowToDelete,
-          onToggleDialog: toggleConfirmDeleteDialog,
-          onConfirm: handleConfirmDeleteDialog
-        }
-      ),
-      /* @__PURE__ */ jsxs(LimitsModal.Root, { isOpen: showLimitModal, onClose: () => 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 ProtectedReviewWorkflowsPage = () => {
-  const permissions = useSelector(selectAdminPermissions);
-  return /* @__PURE__ */ jsx(CheckPagePermissions, { permissions: permissions.settings?.["review-workflows"]?.main, children: /* @__PURE__ */ jsx(ReviewWorkflowsListView, {}) });
-};
-export {
-  ProtectedReviewWorkflowsPage,
-  ReviewWorkflowsListView
-};
-//# sourceMappingURL=ListPage-7d5baee5.mjs.map

package/dist/_chunks/ListPage-7d5baee5.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListPage-7d5baee5.mjs","sources":["../../ee/admin/src/pages/SettingsPage/pages/ReviewWorkflows/ListPage.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  Flex,\n  IconButton,\n  Loader,\n  Table,\n  Thead,\n  Tbody,\n  Tr,\n  Td,\n  TFooter,\n  Th,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport {\n  ConfirmDialog,\n  Link,\n  LinkButton,\n  onRowClick,\n  pxToRem,\n  useAPIErrorHandler,\n  useFetchClient,\n  useNotification,\n  useRBAC,\n  useTracking,\n  CheckPagePermissions,\n} from '@strapi/helper-plugin';\nimport { Pencil, Plus, Trash } from '@strapi/icons';\nimport { AxiosError } from 'axios';\nimport { useIntl } from 'react-intl';\nimport { useMutation } from 'react-query';\nimport { useSelector } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport { useContentTypes } from '../../../../../../../admin/src/hooks/useContentTypes';\nimport { selectAdminPermissions } from '../../../../../../../admin/src/selectors';\nimport { Update } from '../../../../../../../shared/contracts/review-workflows';\nimport { useLicenseLimits } from '../../../../hooks/useLicenseLimits';\n\nimport * as Layout from './components/Layout';\nimport { LimitsModal } from './components/LimitsModal';\nimport { CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME } from './constants';\nimport { useReviewWorkflows } from './hooks/useReviewWorkflows';\n\nconst ActionLink = styled(Link)`\n  align-items: center;\n  height: ${pxToRem(32)};\n  display: flex;\n  justify-content: center;\n  padding: ${({ theme }) => `${theme.spaces[2]}}`};\n  width: ${pxToRem(32)};\n\n  svg {\n    height: ${pxToRem(12)};\n    width: ${pxToRem(12)};\n\n    path {\n      fill: ${({ theme }) => theme.colors.neutral500};\n    }\n  }\n\n  &:hover,\n  &:focus {\n    svg {\n      path {\n        fill: ${({ theme }) => theme.colors.neutral800};\n      }\n    }\n  }\n`;\n\nexport const ReviewWorkflowsListView = () => {\n  const { formatMessage } = useIntl();\n  const { push } = useHistory();\n  const { trackUsage } = useTracking();\n  const [workflowToDelete, setWorkflowToDelete] = React.useState<string | null>(null);\n  const [showLimitModal, setShowLimitModal] = React.useState<boolean>(false);\n  const { collectionTypes, singleTypes, isLoading: isLoadingModels } = useContentTypes();\n  const { meta, workflows, isLoading, refetch } = useReviewWorkflows();\n  const { del } = useFetchClient();\n  const { formatAPIError } = useAPIErrorHandler();\n  const toggleNotification = useNotification();\n  const { getFeature, isLoading: isLicenseLoading } = useLicenseLimits();\n  const permissions = useSelector(selectAdminPermissions);\n  const {\n    allowedActions: { canCreate, canDelete },\n  } = useRBAC(permissions.settings?.['review-workflows']);\n\n  const limits = getFeature('review-workflows');\n  const numberOfWorkflows = limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME] as string;\n\n  const { mutateAsync, isLoading: isLoadingMutation } = useMutation<\n    Update.Response['data'],\n    AxiosError<Update.Response>,\n    { workflowId: string; stages?: Update.Request['body'] }\n  >(\n    async ({ workflowId, stages }) => {\n      const {\n        data: { data },\n      } = await del(`/admin/review-workflows/workflows/${workflowId}`, {\n        data: stages,\n      });\n\n      return data;\n    },\n    {\n      onSuccess() {\n        toggleNotification({\n          type: 'success',\n          message: { id: 'notification.success.deleted', defaultMessage: 'Deleted' },\n        });\n      },\n    }\n  );\n\n  const getContentTypeDisplayName = (uid: string) => {\n    const contentType = [...collectionTypes, ...singleTypes].find(\n      (contentType) => contentType.uid === uid\n    );\n\n    return contentType?.info.displayName;\n  };\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    try {\n      const res = await mutateAsync({ workflowId: workflowToDelete });\n\n      await refetch();\n      setWorkflowToDelete(null);\n\n      return res;\n    } catch (error) {\n      if (error instanceof AxiosError) {\n        toggleNotification({\n          type: 'warning',\n          message: formatAPIError(error),\n        });\n      }\n\n      return null;\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  return (\n    <>\n      <Layout.Header\n        primaryAction={\n          canCreate && (\n            <LinkButton\n              startIcon={<Plus />}\n              size=\"S\"\n              // @ts-expect-error - types are not inferred correctly through the as prop.\n              to=\"/settings/review-workflows/create\"\n              onClick={(event) => {\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 (\n                  numberOfWorkflows &&\n                  meta &&\n                  meta?.workflowCount >= parseInt(numberOfWorkflows, 10)\n                ) {\n                  event.preventDefault();\n                  setShowLimitModal(true);\n                } else {\n                  trackUsage('willCreateWorkflow');\n                }\n              }}\n            >\n              {formatMessage({\n                id: 'Settings.review-workflows.list.page.create',\n                defaultMessage: 'Create new workflow',\n              })}\n            </LinkButton>\n          )\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        {isLoading || isLoadingModels ? (\n          <Flex justifyContent=\"center\">\n            <Loader>\n              {formatMessage({\n                id: 'Settings.review-workflows.page.list.isLoading',\n                defaultMessage: 'Workflows are loading',\n              })}\n            </Loader>\n          </Flex>\n        ) : (\n          <Table\n            colCount={3}\n            footer={\n              // TODO: we should be able to use a link here instead of an (inaccessible onClick) handler\n              canCreate && (\n                <TFooter\n                  icon={<Plus />}\n                  onClick={() => {\n                    /**\n                     * If the current license has a workflow limit:\n                     * check if the total count of workflows exceeds that limit\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 (\n                      numberOfWorkflows &&\n                      meta &&\n                      meta?.workflowCount >= parseInt(numberOfWorkflows, 10)\n                    ) {\n                      setShowLimitModal(true);\n                    } else {\n                      push('/settings/review-workflows/create');\n                      trackUsage('willCreateWorkflow');\n                    }\n                  }}\n                >\n                  {formatMessage({\n                    id: 'Settings.review-workflows.list.page.create',\n                    defaultMessage: 'Create new workflow',\n                  })}\n                </TFooter>\n              )\n            }\n            rowCount={1}\n          >\n            <Thead>\n              <Tr>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    {formatMessage({\n                      id: 'Settings.review-workflows.list.page.list.column.name.title',\n                      defaultMessage: 'Name',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    {formatMessage({\n                      id: 'Settings.review-workflows.list.page.list.column.stages.title',\n                      defaultMessage: 'Stages',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    {formatMessage({\n                      id: 'Settings.review-workflows.list.page.list.column.contentTypes.title',\n                      defaultMessage: 'Content Types',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <VisuallyHidden>\n                    {formatMessage({\n                      id: 'Settings.review-workflows.list.page.list.column.actions.title',\n                      defaultMessage: 'Actions',\n                    })}\n                  </VisuallyHidden>\n                </Th>\n              </Tr>\n            </Thead>\n\n            <Tbody>\n              {workflows?.map((workflow) => (\n                <Tr\n                  {...onRowClick({\n                    fn(event) {\n                      const el = event.target as HTMLElement;\n                      // Abort row onClick event when the user click on the delete button\n                      if (el.nodeName === 'BUTTON') {\n                        return;\n                      }\n\n                      push(`/settings/review-workflows/${workflow.id}`);\n                    },\n                  })}\n                  key={`workflow-${workflow.id}`}\n                >\n                  <Td width={pxToRem(250)}>\n                    <Typography textColor=\"neutral800\" fontWeight=\"bold\" ellipsis>\n                      {workflow.name}\n                    </Typography>\n                  </Td>\n                  <Td>\n                    <Typography textColor=\"neutral800\">{workflow.stages.length}</Typography>\n                  </Td>\n                  <Td>\n                    <Typography textColor=\"neutral800\">\n                      {(workflow?.contentTypes ?? []).map(getContentTypeDisplayName).join(', ')}\n                    </Typography>\n                  </Td>\n                  <Td>\n                    <Flex alignItems=\"center\" justifyContent=\"end\">\n                      <ActionLink\n                        to={`/settings/review-workflows/${workflow.id}`}\n                        aria-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                      >\n                        <Pencil />\n                      </ActionLink>\n\n                      {workflows.length > 1 && canDelete && (\n                        <IconButton\n                          aria-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                          icon={<Trash />}\n                          noBorder\n                          onClick={() => {\n                            handleDeleteWorkflow(String(workflow.id));\n                          }}\n                        />\n                      )}\n                    </Flex>\n                  </Td>\n                </Tr>\n              ))}\n            </Tbody>\n          </Table>\n        )}\n\n        <ConfirmDialog\n          bodyText={{\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          isConfirmButtonLoading={isLoadingMutation}\n          isOpen={!!workflowToDelete}\n          onToggleDialog={toggleConfirmDeleteDialog}\n          onConfirm={handleConfirmDeleteDialog}\n        />\n\n        <LimitsModal.Root isOpen={showLimitModal} onClose={() => 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\nexport const ProtectedReviewWorkflowsPage = () => {\n  const permissions = useSelector(selectAdminPermissions);\n\n  return (\n    <CheckPagePermissions permissions={permissions.settings?.['review-workflows']?.main}>\n      <ReviewWorkflowsListView />\n    </CheckPagePermissions>\n  );\n};\n"],"names":["React","contentType","Layout.Header","Layout.Root"],"mappings":"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"}