@strapi/admin 4.15.0-alpha.0 → 4.15.1

package/dist/_chunks/index-305a03f4.mjs

@@ -0,0 +1,66 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Divider, Box, Flex, Typography } from "@strapi/design-system";
+import PropTypes from "prop-types";
+import { useIntl } from "react-intl";
+import styled from "styled-components";
+import { U as UnauthenticatedLayout, L as Login } from "./index-34de382e.mjs";
+import { u as useAuthProviders, S as SSOProviders } from "./SSOProviders-1d062c95.mjs";
+import "@strapi/helper-plugin";
+import "react-dom/client";
+import "invariant";
+import "lodash/isFunction";
+import "lodash/merge";
+import "lodash/pick";
+import "react-helmet";
+import "react-router-dom";
+import "react";
+import "react-redux";
+import "@radix-ui/react-context";
+import "axios";
+import "lodash/camelCase";
+import "lodash/get";
+import "lodash/omit";
+import "lodash/defaultsDeep";
+import "@strapi/icons";
+import "formik";
+import "yup";
+import "react-query";
+import "immer";
+import "lodash/set";
+import "qs";
+import "@reduxjs/toolkit";
+const DividerFull = styled(Divider)`
+  flex: 1;
+`;
+const LoginEE = (loginProps) => {
+  const { formatMessage } = useIntl();
+  const { isLoading, providers } = useAuthProviders({
+    enabled: window.strapi.features.isEnabled(window.strapi.features.SSO)
+  });
+  if (!window.strapi.features.isEnabled(window.strapi.features.SSO) || !isLoading && providers.length === 0) {
+    return /* @__PURE__ */ jsx(UnauthenticatedLayout, { children: /* @__PURE__ */ jsx(Login, { ...loginProps }) });
+  }
+  return /* @__PURE__ */ jsx(UnauthenticatedLayout, { children: /* @__PURE__ */ jsx(Login, { ...loginProps, children: /* @__PURE__ */ jsx(Box, { paddingTop: 7, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 7, children: [
+    /* @__PURE__ */ jsxs(Flex, { children: [
+      /* @__PURE__ */ jsx(DividerFull, {}),
+      /* @__PURE__ */ jsx(Box, { paddingLeft: 3, paddingRight: 3, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({ id: "Auth.login.sso.divider" }) }) }),
+      /* @__PURE__ */ jsx(DividerFull, {})
+    ] }),
+    /* @__PURE__ */ jsx(SSOProviders, { providers, displayAllProviders: false })
+  ] }) }) }) });
+};
+LoginEE.defaultProps = {
+  onSubmit: (e) => e.preventDefault(),
+  requestError: null
+};
+LoginEE.propTypes = {
+  formErrors: PropTypes.object.isRequired,
+  modifiedData: PropTypes.object.isRequired,
+  onChange: PropTypes.func.isRequired,
+  onSubmit: PropTypes.func,
+  requestError: PropTypes.object
+};
+export {
+  LoginEE
+};
+//# sourceMappingURL=index-305a03f4.mjs.map

package/dist/_chunks/index-305a03f4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-305a03f4.mjs","sources":["../../ee/admin/src/pages/AuthPage/components/Login/index.js"],"sourcesContent":["import React from 'react';\n\nimport { Box, Divider, Flex, Typography } from '@strapi/design-system';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\nimport styled from 'styled-components';\n\nimport { UnauthenticatedLayout } from '../../../../../../../admin/src/layouts/UnauthenticatedLayout';\nimport BaseLogin from '../../../../../../../admin/src/pages/AuthPage/components/Login/BaseLogin';\nimport { useAuthProviders } from '../../../../hooks/useAuthProviders';\nimport SSOProviders from '../Providers/SSOProviders';\n\nconst DividerFull = styled(Divider)`\n  flex: 1;\n`;\n\nexport const LoginEE = (loginProps) => {\n  const { formatMessage } = useIntl();\n  const { isLoading, providers } = useAuthProviders({\n    enabled: window.strapi.features.isEnabled(window.strapi.features.SSO),\n  });\n\n  if (\n    !window.strapi.features.isEnabled(window.strapi.features.SSO) ||\n    (!isLoading && providers.length === 0)\n  ) {\n    return (\n      <UnauthenticatedLayout>\n        <BaseLogin {...loginProps} />\n      </UnauthenticatedLayout>\n    );\n  }\n\n  return (\n    <UnauthenticatedLayout>\n      <BaseLogin {...loginProps}>\n        <Box paddingTop={7}>\n          <Flex direction=\"column\" alignItems=\"stretch\" gap={7}>\n            <Flex>\n              <DividerFull />\n              <Box paddingLeft={3} paddingRight={3}>\n                <Typography variant=\"sigma\" textColor=\"neutral600\">\n                  {formatMessage({ id: 'Auth.login.sso.divider' })}\n                </Typography>\n              </Box>\n              <DividerFull />\n            </Flex>\n            <SSOProviders providers={providers} displayAllProviders={false} />\n          </Flex>\n        </Box>\n      </BaseLogin>\n    </UnauthenticatedLayout>\n  );\n};\n\nLoginEE.defaultProps = {\n  onSubmit: (e) => e.preventDefault(),\n  requestError: null,\n};\n\nLoginEE.propTypes = {\n  formErrors: PropTypes.object.isRequired,\n  modifiedData: PropTypes.object.isRequired,\n  onChange: PropTypes.func.isRequired,\n  onSubmit: PropTypes.func,\n  requestError: PropTypes.object,\n};\n"],"names":["BaseLogin"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,cAAc,OAAO,OAAO;AAAA;AAAA;AAIrB,MAAA,UAAU,CAAC,eAAe;AAC/B,QAAA,EAAE,kBAAkB;AAC1B,QAAM,EAAE,WAAW,UAAU,IAAI,iBAAiB;AAAA,IAChD,SAAS,OAAO,OAAO,SAAS,UAAU,OAAO,OAAO,SAAS,GAAG;AAAA,EAAA,CACrE;AAED,MACE,CAAC,OAAO,OAAO,SAAS,UAAU,OAAO,OAAO,SAAS,GAAG,KAC3D,CAAC,aAAa,UAAU,WAAW,GACpC;AACA,+BACG,uBACC,EAAA,UAAA,oBAACA,OAAW,EAAA,GAAG,YAAY,EAC7B,CAAA;AAAA,EAEJ;AAEA,6BACG,uBACC,EAAA,UAAA,oBAACA,OAAW,EAAA,GAAG,YACb,UAAC,oBAAA,KAAA,EAAI,YAAY,GACf,+BAAC,MAAK,EAAA,WAAU,UAAS,YAAW,WAAU,KAAK,GACjD,UAAA;AAAA,IAAA,qBAAC,MACC,EAAA,UAAA;AAAA,MAAA,oBAAC,aAAY,EAAA;AAAA,0BACZ,KAAI,EAAA,aAAa,GAAG,cAAc,GACjC,8BAAC,YAAW,EAAA,SAAQ,SAAQ,WAAU,cACnC,UAAc,cAAA,EAAE,IAAI,yBAAyB,CAAC,EACjD,CAAA,GACF;AAAA,0BACC,aAAY,EAAA;AAAA,IAAA,GACf;AAAA,IACC,oBAAA,cAAA,EAAa,WAAsB,qBAAqB,MAAO,CAAA;AAAA,EAClE,EAAA,CAAA,EACF,CAAA,GACF,EACF,CAAA;AAEJ;AAEA,QAAQ,eAAe;AAAA,EACrB,UAAU,CAAC,MAAM,EAAE,eAAe;AAAA,EAClC,cAAc;AAChB;AAEA,QAAQ,YAAY;AAAA,EAClB,YAAY,UAAU,OAAO;AAAA,EAC7B,cAAc,UAAU,OAAO;AAAA,EAC/B,UAAU,UAAU,KAAK;AAAA,EACzB,UAAU,UAAU;AAAA,EACpB,cAAc,UAAU;AAC1B;"}

package/dist/_chunks/index-332f319e.mjs

@@ -0,0 +1,127 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { GridItem, Typography, Flex, Tooltip, Icon } from "@strapi/design-system";
+import { Link } from "@strapi/design-system/v2";
+import { useRBAC, pxToRem } from "@strapi/helper-plugin";
+import { ExclamationMarkCircle, ExternalLink } from "@strapi/icons";
+import { useIntl } from "react-intl";
+import { useSelector } from "react-redux";
+import { s as selectAdminPermissions } from "./AuthenticatedApp-b0ada7e9.mjs";
+import { u as useLicenseLimits } from "./useLicenseLimits-13a102d3.mjs";
+import "react";
+import "react-query";
+import "semver/functions/lt";
+import "semver/functions/valid";
+import "./index-34de382e.mjs";
+import "react-dom/client";
+import "invariant";
+import "lodash/isFunction";
+import "lodash/merge";
+import "lodash/pick";
+import "react-helmet";
+import "react-router-dom";
+import "@radix-ui/react-context";
+import "axios";
+import "lodash/camelCase";
+import "lodash/get";
+import "lodash/omit";
+import "prop-types";
+import "lodash/defaultsDeep";
+import "styled-components";
+import "formik";
+import "yup";
+import "immer";
+import "lodash/set";
+import "qs";
+import "@reduxjs/toolkit";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "lodash/cloneDeep";
+const BILLING_STRAPI_CLOUD_URL = "https://cloud.strapi.io/profile/billing";
+const BILLING_SELF_HOSTED_URL = "https://strapi.io/billing/request-seats";
+const AdminSeatInfoEE = () => {
+  const { formatMessage } = useIntl();
+  const permissions = useSelector(selectAdminPermissions);
+  const {
+    isLoading: isRBACLoading,
+    allowedActions: { canRead, canCreate, canUpdate, canDelete }
+  } = useRBAC(permissions.settings.users);
+  const {
+    license: { licenseLimitStatus, enforcementUserCount, permittedSeats, isHostedOnStrapiCloud },
+    isError,
+    isLoading: isLicenseLoading
+  } = useLicenseLimits({
+    // TODO: this creates a waterfall which we should avoid to render earlier, but for that
+    // we will have to move away from data-fetching hooks to query functions.
+    // Short-term we could at least implement a loader, for the user to have visual feedback
+    // in case the requests take a while
+    enabled: !isRBACLoading && canRead && canCreate && canUpdate && canDelete
+  });
+  const isLoading = isRBACLoading || isLicenseLoading;
+  if (isError || isLoading || !permittedSeats) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(GridItem, { col: 6, s: 12, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
+      id: "Settings.application.admin-seats",
+      defaultMessage: "Admin seats"
+    }) }),
+    /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+      /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(Typography, { as: "p", children: formatMessage(
+        {
+          id: "Settings.application.ee.admin-seats.count",
+          defaultMessage: "<text>{enforcementUserCount}</text>/{permittedSeats}"
+        },
+        {
+          permittedSeats,
+          enforcementUserCount,
+          // eslint-disable-next-line react/no-unstable-nested-components
+          text: (chunks) => /* @__PURE__ */ jsx(
+            Typography,
+            {
+              fontWeight: "semiBold",
+              textColor: enforcementUserCount > permittedSeats ? "danger500" : null,
+              children: chunks
+            }
+          )
+        }
+      ) }) }),
+      licenseLimitStatus === "OVER_LIMIT" && /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          description: formatMessage({
+            id: "Settings.application.ee.admin-seats.at-limit-tooltip",
+            defaultMessage: "At limit: add seats to invite more users"
+          }),
+          children: /* @__PURE__ */ jsx(
+            Icon,
+            {
+              width: `${pxToRem(14)}rem`,
+              height: `${pxToRem(14)}rem`,
+              color: "danger500",
+              as: ExclamationMarkCircle
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      Link,
+      {
+        href: isHostedOnStrapiCloud ? BILLING_STRAPI_CLOUD_URL : BILLING_SELF_HOSTED_URL,
+        isExternal: true,
+        endIcon: /* @__PURE__ */ jsx(ExternalLink, {}),
+        children: formatMessage(
+          {
+            id: "Settings.application.ee.admin-seats.add-seats",
+            defaultMessage: "{isHostedOnStrapiCloud, select, true {Add seats} other {Contact sales}}"
+          },
+          { isHostedOnStrapiCloud }
+        )
+      }
+    )
+  ] });
+};
+export {
+  AdminSeatInfoEE
+};
+//# sourceMappingURL=index-332f319e.mjs.map

package/dist/_chunks/index-332f319e.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-332f319e.mjs","sources":["../../ee/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/components/AdminSeatInfo/index.js"],"sourcesContent":["import React from 'react';\n\nimport { Flex, GridItem, Icon, Tooltip, Typography } from '@strapi/design-system';\nimport { Link } from '@strapi/design-system/v2';\nimport { pxToRem, useRBAC } from '@strapi/helper-plugin';\nimport { ExclamationMarkCircle, ExternalLink } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useSelector } from 'react-redux';\n\nimport { selectAdminPermissions } from '../../../../../../../../../admin/src/selectors';\nimport { useLicenseLimits } from '../../../../../../hooks/useLicenseLimits';\n\nconst BILLING_STRAPI_CLOUD_URL = 'https://cloud.strapi.io/profile/billing';\nconst BILLING_SELF_HOSTED_URL = 'https://strapi.io/billing/request-seats';\n\nexport const AdminSeatInfoEE = () => {\n  const { formatMessage } = useIntl();\n  const permissions = useSelector(selectAdminPermissions);\n  const {\n    isLoading: isRBACLoading,\n    allowedActions: { canRead, canCreate, canUpdate, canDelete },\n  } = useRBAC(permissions.settings.users);\n  const {\n    license: { licenseLimitStatus, enforcementUserCount, permittedSeats, isHostedOnStrapiCloud },\n    isError,\n    isLoading: isLicenseLoading,\n  } = useLicenseLimits({\n    // TODO: this creates a waterfall which we should avoid to render earlier, but for that\n    // we will have to move away from data-fetching hooks to query functions.\n    // Short-term we could at least implement a loader, for the user to have visual feedback\n    // in case the requests take a while\n    enabled: !isRBACLoading && canRead && canCreate && canUpdate && canDelete,\n  });\n\n  const isLoading = isRBACLoading || isLicenseLoading;\n\n  if (isError || isLoading || !permittedSeats) {\n    return null;\n  }\n\n  return (\n    <GridItem col={6} s={12}>\n      <Typography variant=\"sigma\" textColor=\"neutral600\">\n        {formatMessage({\n          id: 'Settings.application.admin-seats',\n          defaultMessage: 'Admin seats',\n        })}\n      </Typography>\n      <Flex gap={2}>\n        <Flex>\n          <Typography as=\"p\">\n            {formatMessage(\n              {\n                id: 'Settings.application.ee.admin-seats.count',\n                defaultMessage: '<text>{enforcementUserCount}</text>/{permittedSeats}',\n              },\n              {\n                permittedSeats,\n                enforcementUserCount,\n                // eslint-disable-next-line react/no-unstable-nested-components\n                text: (chunks) => (\n                  <Typography\n                    fontWeight=\"semiBold\"\n                    textColor={enforcementUserCount > permittedSeats ? 'danger500' : null}\n                  >\n                    {chunks}\n                  </Typography>\n                ),\n              }\n            )}\n          </Typography>\n        </Flex>\n        {licenseLimitStatus === 'OVER_LIMIT' && (\n          <Tooltip\n            description={formatMessage({\n              id: 'Settings.application.ee.admin-seats.at-limit-tooltip',\n              defaultMessage: 'At limit: add seats to invite more users',\n            })}\n          >\n            <Icon\n              width={`${pxToRem(14)}rem`}\n              height={`${pxToRem(14)}rem`}\n              color=\"danger500\"\n              as={ExclamationMarkCircle}\n            />\n          </Tooltip>\n        )}\n      </Flex>\n      <Link\n        href={isHostedOnStrapiCloud ? BILLING_STRAPI_CLOUD_URL : BILLING_SELF_HOSTED_URL}\n        isExternal\n        endIcon={<ExternalLink />}\n      >\n        {formatMessage(\n          {\n            id: 'Settings.application.ee.admin-seats.add-seats',\n            defaultMessage:\n              '{isHostedOnStrapiCloud, select, true {Add seats} other {Contact sales}}',\n          },\n          { isHostedOnStrapiCloud }\n        )}\n      </Link>\n    </GridItem>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,2BAA2B;AACjC,MAAM,0BAA0B;AAEzB,MAAM,kBAAkB,MAAM;AAC7B,QAAA,EAAE,kBAAkB;AACpB,QAAA,cAAc,YAAY,sBAAsB;AAChD,QAAA;AAAA,IACJ,WAAW;AAAA,IACX,gBAAgB,EAAE,SAAS,WAAW,WAAW,UAAU;AAAA,EACzD,IAAA,QAAQ,YAAY,SAAS,KAAK;AAChC,QAAA;AAAA,IACJ,SAAS,EAAE,oBAAoB,sBAAsB,gBAAgB,sBAAsB;AAAA,IAC3F;AAAA,IACA,WAAW;AAAA,MACT,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKnB,SAAS,CAAC,iBAAiB,WAAW,aAAa,aAAa;AAAA,EAAA,CACjE;AAED,QAAM,YAAY,iBAAiB;AAE/B,MAAA,WAAW,aAAa,CAAC,gBAAgB;AACpC,WAAA;AAAA,EACT;AAEA,SACG,qBAAA,UAAA,EAAS,KAAK,GAAG,GAAG,IACnB,UAAA;AAAA,IAAA,oBAAC,YAAW,EAAA,SAAQ,SAAQ,WAAU,cACnC,UAAc,cAAA;AAAA,MACb,IAAI;AAAA,MACJ,gBAAgB;AAAA,IACjB,CAAA,GACH;AAAA,IACA,qBAAC,MAAK,EAAA,KAAK,GACT,UAAA;AAAA,MAAA,oBAAC,MACC,EAAA,UAAA,oBAAC,YAAW,EAAA,IAAG,KACZ,UAAA;AAAA,QACC;AAAA,UACE,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAClB;AAAA,QACA;AAAA,UACE;AAAA,UACA;AAAA;AAAA,UAEA,MAAM,CAAC,WACL;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,YAAW;AAAA,cACX,WAAW,uBAAuB,iBAAiB,cAAc;AAAA,cAEhE,UAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAEJ;AAAA,SAEJ,EACF,CAAA;AAAA,MACC,uBAAuB,gBACtB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAa,cAAc;AAAA,YACzB,IAAI;AAAA,YACJ,gBAAgB;AAAA,UAAA,CACjB;AAAA,UAED,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO,GAAG,QAAQ,EAAE,CAAC;AAAA,cACrB,QAAQ,GAAG,QAAQ,EAAE,CAAC;AAAA,cACtB,OAAM;AAAA,cACN,IAAI;AAAA,YAAA;AAAA,UACN;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GAEJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,wBAAwB,2BAA2B;AAAA,QACzD,YAAU;AAAA,QACV,6BAAU,cAAa,EAAA;AAAA,QAEtB,UAAA;AAAA,UACC;AAAA,YACE,IAAI;AAAA,YACJ,gBACE;AAAA,UACJ;AAAA,UACA,EAAE,sBAAsB;AAAA,QAC1B;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/_chunks/index-34a2909e.mjs

@@ -0,0 +1,359 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useFetchClient, useAPIErrorHandler, useNotification, useRBAC, ConfirmDialog, CheckPagePermissions } from "@strapi/helper-plugin";
+import { useSelector, useDispatch } from "react-redux";
+import { s as selectAdminPermissions } from "./AuthenticatedApp-b0ada7e9.mjs";
+import * as React from "react";
+import { Button, Flex, Loader, Typography } from "@strapi/design-system";
+import { Check } from "@strapi/icons";
+import { useFormik, FormikProvider, Form } from "formik";
+import set from "lodash/set";
+import { useIntl } from "react-intl";
+import { useMutation } from "react-query";
+import { useParams } from "react-router-dom";
+import { u as useAdminRoles } from "./useAdminRoles-7ab5d521.mjs";
+import { u as useContentTypes } from "./useContentTypes-53b449bb.mjs";
+import { j as selectServerState, a as selectIsWorkflowDirty, b as selectCurrentWorkflow, k as selectHasDeletedServerStages, c as selectRoles, s as selectIsLoading, v as validateWorkflow, u as useInjectReducer, l as setWorkflow, d as setWorkflows, e as setContentTypes, f as setRoles, g as setIsLoading, r as resetWorkflow, W as WorkflowAttributes, S as Stages, i as reducer } from "./validateWorkflow-d051b610.mjs";
+import { u as useLicenseLimits } from "./useLicenseLimits-13a102d3.mjs";
+import { D as DragLayerRendered, H as Header, B as Back, R as Root } from "./Layout-72fa2ace.mjs";
+import { L as LimitsModal, T as Title, B as Body } from "./LimitsModal-da04700e.mjs";
+import { C as CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME, a as CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME, R as REDUX_NAMESPACE } from "./constants-8092eeb5.mjs";
+import { u as useReviewWorkflows } from "./useReviewWorkflows-9e6b8986.mjs";
+import "semver/functions/lt";
+import "semver/functions/valid";
+import "./index-34de382e.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 "axios";
+import "lodash/camelCase";
+import "lodash/get";
+import "lodash/omit";
+import "prop-types";
+import "lodash/defaultsDeep";
+import "styled-components";
+import "yup";
+import "immer";
+import "qs";
+import "@reduxjs/toolkit";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "@strapi/design-system/v2";
+import "lodash/cloneDeep";
+import "./schema-a95f2514.mjs";
+import "lodash/isBoolean";
+import "lodash/isEmpty";
+import "lodash/isNaN";
+import "lodash/toNumber";
+import "lodash/isObject";
+import "./colors-e7489dd4.mjs";
+import "lodash/isEqual";
+import "./DragLayer-bff96835.mjs";
+function ReviewWorkflowsEditView() {
+  const { workflowId } = useParams();
+  const permissions = useSelector(selectAdminPermissions);
+  const { formatMessage } = useIntl();
+  const dispatch = useDispatch();
+  const { put } = useFetchClient();
+  const { formatAPIError } = useAPIErrorHandler();
+  const toggleNotification = useNotification();
+  const { isLoading: isLoadingWorkflow, meta, workflows, refetch } = useReviewWorkflows();
+  const { collectionTypes, singleTypes, isLoading: isLoadingContentTypes } = useContentTypes();
+  const serverState = useSelector(selectServerState);
+  const currentWorkflowIsDirty = useSelector(selectIsWorkflowDirty);
+  const currentWorkflow = useSelector(selectCurrentWorkflow);
+  const hasDeletedServerStages = useSelector(selectHasDeletedServerStages);
+  const roles = useSelector(selectRoles);
+  const isLoading = useSelector(selectIsLoading);
+  const {
+    allowedActions: { canDelete, canUpdate }
+  } = useRBAC(permissions.settings["review-workflows"]);
+  const [savePrompts, setSavePrompts] = React.useState({});
+  const { getFeature, isLoading: isLicenseLoading } = useLicenseLimits();
+  const { isLoading: isLoadingRoles, roles: serverRoles } = useAdminRoles(void 0, {
+    retry: false
+  });
+  const [showLimitModal, setShowLimitModal] = React.useState(false);
+  const [initialErrors, setInitialErrors] = React.useState(null);
+  const workflow = workflows.find((workflow2) => workflow2.id === parseInt(workflowId, 10));
+  const contentTypesFromOtherWorkflows = workflows.filter((workflow2) => workflow2.id !== parseInt(workflowId, 10)).flatMap((workflow2) => workflow2.contentTypes);
+  const { mutateAsync, isLoading: isLoadingMutation } = useMutation(
+    async ({ workflow: workflow2 }) => {
+      const {
+        data: { data }
+      } = await put(`/admin/review-workflows/workflows/${workflow2.id}`, {
+        data: workflow2
+      });
+      return data;
+    },
+    {
+      onSuccess() {
+        toggleNotification({
+          type: "success",
+          message: { id: "notification.success.saved", defaultMessage: "Saved" }
+        });
+      }
+    }
+  );
+  const updateWorkflow = async (workflow2) => {
+    setInitialErrors(null);
+    try {
+      const res = await mutateAsync({
+        workflow: {
+          ...workflow2,
+          // compare permissions of stages and only submit them if at least one has
+          // changed; this enables partial updates e.g. for users who don't have
+          // permissions to see roles
+          stages: workflow2.stages.map((stage) => {
+            let hasUpdatedPermissions = true;
+            const serverStage = serverState.workflow.stages.find(
+              (serverStage2) => serverStage2.id === stage?.id
+            );
+            if (serverStage) {
+              hasUpdatedPermissions = serverStage.permissions?.length !== stage.permission?.length || !serverStage.permissions.every(
+                (serverPermission) => !!stage.permissions.find(
+                  (permission) => permission.role === serverPermission.role
+                )
+              );
+            }
+            return {
+              ...stage,
+              permissions: hasUpdatedPermissions ? stage.permissions : void 0
+            };
+          })
+        }
+      });
+      return res;
+    } catch (error) {
+      if (error.response.data?.error?.name === "ValidationError" && error.response.data?.error?.details?.errors?.length > 0) {
+        setInitialErrors(
+          error.response.data?.error?.details?.errors.reduce((acc, error2) => {
+            set(acc, error2.path, error2.message);
+            return acc;
+          }, {})
+        );
+      }
+      toggleNotification({
+        type: "warning",
+        message: formatAPIError(error)
+      });
+      return null;
+    }
+  };
+  const submitForm = async () => {
+    await updateWorkflow(currentWorkflow);
+    await refetch();
+    setSavePrompts({});
+  };
+  const handleConfirmDeleteDialog = async () => {
+    await submitForm();
+  };
+  const handleConfirmClose = () => {
+    setSavePrompts({});
+  };
+  const formik = useFormik({
+    enableReinitialize: true,
+    initialErrors,
+    initialValues: currentWorkflow,
+    async onSubmit() {
+      const isContentTypeReassignment = currentWorkflow.contentTypes.some(
+        (contentType) => contentTypesFromOtherWorkflows.includes(contentType)
+      );
+      if (limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME] && meta?.workflowCount > parseInt(limits[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME], 10)) {
+        setShowLimitModal("workflow");
+      } else if (limits?.[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME] && currentWorkflow.stages.length > parseInt(limits[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME], 10)) {
+        setShowLimitModal("stage");
+      } else if (hasDeletedServerStages || isContentTypeReassignment) {
+        if (hasDeletedServerStages) {
+          setSavePrompts((prev) => ({ ...prev, hasDeletedServerStages: true }));
+        }
+        if (isContentTypeReassignment) {
+          setSavePrompts((prev) => ({ ...prev, hasReassignedContentTypes: true }));
+        }
+      } else {
+        submitForm();
+      }
+    },
+    validate(values) {
+      return validateWorkflow({ values, formatMessage });
+    }
+  });
+  useInjectReducer(REDUX_NAMESPACE, reducer);
+  const limits = getFeature("review-workflows");
+  React.useEffect(() => {
+    if (!isLoadingWorkflow) {
+      dispatch(setWorkflow({ workflow }));
+      dispatch(setWorkflows({ workflows }));
+    }
+    if (!isLoadingContentTypes) {
+      dispatch(setContentTypes({ collectionTypes, singleTypes }));
+    }
+    if (!isLoadingRoles) {
+      dispatch(setRoles(serverRoles));
+    }
+    dispatch(setIsLoading(isLoadingWorkflow || isLoadingContentTypes || isLoadingRoles));
+    return () => {
+      dispatch(resetWorkflow());
+    };
+  }, [
+    collectionTypes,
+    dispatch,
+    isLoadingContentTypes,
+    isLoadingWorkflow,
+    isLoadingRoles,
+    serverRoles,
+    singleTypes,
+    workflow,
+    workflows
+  ]);
+  React.useEffect(() => {
+    if (!isLoadingWorkflow && !isLicenseLoading) {
+      if (limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME] && meta?.workflowCount > parseInt(limits[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME], 10)) {
+        setShowLimitModal("workflow");
+      } else if (limits?.[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME] && currentWorkflow.stages.length > parseInt(limits[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME], 10)) {
+        setShowLimitModal("stage");
+      }
+    }
+  }, [
+    currentWorkflow.stages.length,
+    isLicenseLoading,
+    isLoadingWorkflow,
+    limits,
+    meta?.workflowCount,
+    meta.workflowsTotal
+  ]);
+  React.useEffect(() => {
+    if (!isLoading && roles.length === 0) {
+      toggleNotification({
+        blockTransition: true,
+        type: "warning",
+        message: formatMessage({
+          id: "Settings.review-workflows.stage.permissions.noPermissions.description",
+          defaultMessage: "You don’t have the permission to see roles"
+        })
+      });
+    }
+  }, [formatMessage, isLoading, roles, toggleNotification]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(DragLayerRendered, {}),
+    /* @__PURE__ */ jsx(FormikProvider, { value: formik, children: /* @__PURE__ */ jsxs(Form, { onSubmit: formik.handleSubmit, children: [
+      /* @__PURE__ */ jsx(
+        Header,
+        {
+          navigationAction: /* @__PURE__ */ jsx(Back, { href: "/settings/review-workflows" }),
+          primaryAction: canUpdate && /* @__PURE__ */ jsx(
+            Button,
+            {
+              startIcon: /* @__PURE__ */ jsx(Check, {}),
+              type: "submit",
+              size: "M",
+              disabled: !currentWorkflowIsDirty,
+              loading: !Object.keys(savePrompts).length > 0 && isLoadingMutation,
+              children: formatMessage({
+                id: "global.save",
+                defaultMessage: "Save"
+              })
+            }
+          ),
+          subtitle: !isLoading && formatMessage(
+            {
+              id: "Settings.review-workflows.page.subtitle",
+              defaultMessage: "{count, plural, one {# stage} other {# stages}}"
+            },
+            { count: currentWorkflow.stages.length }
+          ),
+          title: currentWorkflow.name
+        }
+      ),
+      /* @__PURE__ */ jsx(Root, { children: isLoading ? /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Loader, { children: formatMessage({
+        id: "Settings.review-workflows.page.isLoading",
+        defaultMessage: "Workflow is loading"
+      }) }) }) : /* @__PURE__ */ jsxs(Flex, { alignItems: "stretch", direction: "column", gap: 7, children: [
+        /* @__PURE__ */ jsx(WorkflowAttributes, { canUpdate }),
+        /* @__PURE__ */ jsx(
+          Stages,
+          {
+            canDelete,
+            canUpdate,
+            stages: formik.values?.stages
+          }
+        )
+      ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      ConfirmDialog.Root,
+      {
+        isConfirmButtonLoading: isLoading,
+        isOpen: Object.keys(savePrompts).length > 0,
+        onToggleDialog: handleConfirmClose,
+        onConfirm: handleConfirmDeleteDialog,
+        children: /* @__PURE__ */ jsx(ConfirmDialog.Body, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 5, children: [
+          savePrompts.hasDeletedServerStages && /* @__PURE__ */ jsx(Typography, { textAlign: "center", variant: "omega", children: formatMessage({
+            id: "Settings.review-workflows.page.delete.confirm.stages.body",
+            defaultMessage: "All entries assigned to deleted stages will be moved to the previous stage."
+          }) }),
+          savePrompts.hasReassignedContentTypes && /* @__PURE__ */ jsx(Typography, { textAlign: "center", variant: "omega", children: formatMessage(
+            {
+              id: "Settings.review-workflows.page.delete.confirm.contentType.body",
+              defaultMessage: "{count} {count, plural, one {content-type} other {content-types}} {count, plural, one {is} other {are}} already mapped to {count, plural, one {another workflow} other {other workflows}}. If you save changes, {count, plural, one {this} other {these}} {count, plural, one {content-type} other {{count} content-types}} will no more be mapped to the {count, plural, one {another workflow} other {other workflows}} and all corresponding information will be removed."
+            },
+            {
+              count: contentTypesFromOtherWorkflows.filter(
+                (contentType) => currentWorkflow.contentTypes.includes(contentType)
+              ).length
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Typography, { textAlign: "center", variant: "omega", children: formatMessage({
+            id: "Settings.review-workflows.page.delete.confirm.confirm",
+            defaultMessage: "Are you sure you want to save?"
+          }) })
+        ] }) })
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      LimitsModal,
+      {
+        isOpen: showLimitModal === "workflow",
+        onClose: () => setShowLimitModal(false),
+        children: [
+          /* @__PURE__ */ jsx(Title, { children: formatMessage({
+            id: "Settings.review-workflows.edit.page.workflows.limit.title",
+            defaultMessage: "You’ve reached the limit of workflows in your plan"
+          }) }),
+          /* @__PURE__ */ jsx(Body, { children: formatMessage({
+            id: "Settings.review-workflows.edit.page.workflows.limit.body",
+            defaultMessage: "Delete a workflow or contact Sales to enable more workflows."
+          }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      LimitsModal,
+      {
+        isOpen: showLimitModal === "stage",
+        onClose: () => setShowLimitModal(false),
+        children: [
+          /* @__PURE__ */ jsx(Title, { children: formatMessage({
+            id: "Settings.review-workflows.edit.page.stages.limit.title",
+            defaultMessage: "You have reached the limit of stages for this workflow in your plan"
+          }) }),
+          /* @__PURE__ */ jsx(Body, { children: formatMessage({
+            id: "Settings.review-workflows.edit.page.stages.limit.body",
+            defaultMessage: "Try deleting some stages or contact Sales to enable more stages."
+          }) })
+        ]
+      }
+    )
+  ] });
+}
+function index() {
+  const permissions = useSelector(selectAdminPermissions);
+  return /* @__PURE__ */ jsx(CheckPagePermissions, { permissions: permissions.settings["review-workflows"].main, children: /* @__PURE__ */ jsx(ReviewWorkflowsEditView, {}) });
+}
+export {
+  index as default
+};
+//# sourceMappingURL=index-34a2909e.mjs.map

package/dist/_chunks/index-34a2909e.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-34a2909e.mjs","sources":["../../ee/admin/src/pages/SettingsPage/pages/ReviewWorkflows/pages/EditView/EditView.js","../../ee/admin/src/pages/SettingsPage/pages/ReviewWorkflows/pages/EditView/index.js"],"sourcesContent":["import * as React from 'react';\n\nimport { Button, Flex, Loader, Typography } from '@strapi/design-system';\nimport {\n  ConfirmDialog,\n  useAPIErrorHandler,\n  useFetchClient,\n  useNotification,\n  useRBAC,\n} from '@strapi/helper-plugin';\nimport { Check } from '@strapi/icons';\nimport { useFormik, Form, FormikProvider } from 'formik';\nimport set from 'lodash/set';\nimport { useIntl } from 'react-intl';\nimport { useMutation } from 'react-query';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { useParams } from 'react-router-dom';\n\nimport { useAdminRoles } from '../../../../../../../../../admin/src/hooks/useAdminRoles';\nimport { useContentTypes } from '../../../../../../../../../admin/src/hooks/useContentTypes';\nimport { useInjectReducer } from '../../../../../../../../../admin/src/hooks/useInjectReducer';\nimport { selectAdminPermissions } from '../../../../../../../../../admin/src/selectors';\nimport { useLicenseLimits } from '../../../../../../hooks/useLicenseLimits';\nimport {\n  resetWorkflow,\n  setIsLoading,\n  setWorkflow,\n  setContentTypes,\n  setRoles,\n  setWorkflows,\n} from '../../actions';\nimport * as Layout from '../../components/Layout';\nimport * as LimitsModal from '../../components/LimitsModal';\nimport { Stages } from '../../components/Stages';\nimport { WorkflowAttributes } from '../../components/WorkflowAttributes';\nimport {\n  CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME,\n  CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME,\n  REDUX_NAMESPACE,\n} from '../../constants';\nimport { useReviewWorkflows } from '../../hooks/useReviewWorkflows';\nimport { reducer } from '../../reducer';\nimport {\n  selectIsWorkflowDirty,\n  selectCurrentWorkflow,\n  selectHasDeletedServerStages,\n  selectIsLoading,\n  selectRoles,\n  selectServerState,\n} from '../../selectors';\nimport { validateWorkflow } from '../../utils/validateWorkflow';\n\nexport function ReviewWorkflowsEditView() {\n  const { workflowId } = useParams();\n  const permissions = useSelector(selectAdminPermissions);\n  const { formatMessage } = useIntl();\n  const dispatch = useDispatch();\n  const { put } = useFetchClient();\n  const { formatAPIError } = useAPIErrorHandler();\n  const toggleNotification = useNotification();\n  const { isLoading: isLoadingWorkflow, meta, workflows, refetch } = useReviewWorkflows();\n  const { collectionTypes, singleTypes, isLoading: isLoadingContentTypes } = useContentTypes();\n  const serverState = useSelector(selectServerState);\n  const currentWorkflowIsDirty = useSelector(selectIsWorkflowDirty);\n  const currentWorkflow = useSelector(selectCurrentWorkflow);\n  const hasDeletedServerStages = useSelector(selectHasDeletedServerStages);\n  const roles = useSelector(selectRoles);\n  const isLoading = useSelector(selectIsLoading);\n  const {\n    allowedActions: { canDelete, canUpdate },\n  } = useRBAC(permissions.settings['review-workflows']);\n  const [savePrompts, setSavePrompts] = React.useState({});\n  const { getFeature, isLoading: isLicenseLoading } = useLicenseLimits();\n  const { isLoading: isLoadingRoles, roles: serverRoles } = useAdminRoles(undefined, {\n    retry: false,\n  });\n  const [showLimitModal, setShowLimitModal] = React.useState(false);\n  const [initialErrors, setInitialErrors] = React.useState(null);\n\n  const workflow = workflows.find((workflow) => workflow.id === parseInt(workflowId, 10));\n  const contentTypesFromOtherWorkflows = workflows\n    .filter((workflow) => workflow.id !== parseInt(workflowId, 10))\n    .flatMap((workflow) => workflow.contentTypes);\n\n  const { mutateAsync, isLoading: isLoadingMutation } = useMutation(\n    async ({ workflow }) => {\n      const {\n        data: { data },\n      } = await put(`/admin/review-workflows/workflows/${workflow.id}`, {\n        data: workflow,\n      });\n\n      return data;\n    },\n    {\n      onSuccess() {\n        toggleNotification({\n          type: 'success',\n          message: { id: 'notification.success.saved', defaultMessage: 'Saved' },\n        });\n      },\n    }\n  );\n\n  const updateWorkflow = async (workflow) => {\n    // reset the error messages\n    setInitialErrors(null);\n\n    try {\n      const res = await mutateAsync({\n        workflow: {\n          ...workflow,\n\n          // compare permissions of stages and only submit them if at least one has\n          // changed; this enables partial updates e.g. for users who don't have\n          // permissions to see roles\n          stages: workflow.stages.map((stage) => {\n            let hasUpdatedPermissions = true;\n            const serverStage = serverState.workflow.stages.find(\n              (serverStage) => serverStage.id === stage?.id\n            );\n\n            if (serverStage) {\n              hasUpdatedPermissions =\n                serverStage.permissions?.length !== stage.permission?.length ||\n                !serverStage.permissions.every(\n                  (serverPermission) =>\n                    !!stage.permissions.find(\n                      (permission) => permission.role === serverPermission.role\n                    )\n                );\n            }\n\n            return {\n              ...stage,\n              permissions: hasUpdatedPermissions ? stage.permissions : undefined,\n            };\n          }),\n        },\n      });\n\n      return res;\n    } catch (error) {\n      // TODO: this would benefit from a utility to get a formik error\n      // representation from an API error\n      if (\n        error.response.data?.error?.name === 'ValidationError' &&\n        error.response.data?.error?.details?.errors?.length > 0\n      ) {\n        setInitialErrors(\n          error.response.data?.error?.details?.errors.reduce((acc, error) => {\n            set(acc, error.path, error.message);\n\n            return acc;\n          }, {})\n        );\n      }\n\n      toggleNotification({\n        type: 'warning',\n        message: formatAPIError(error),\n      });\n\n      return null;\n    }\n  };\n\n  const submitForm = async () => {\n    await updateWorkflow(currentWorkflow);\n    await refetch();\n\n    setSavePrompts({});\n  };\n\n  const handleConfirmDeleteDialog = async () => {\n    await submitForm();\n  };\n\n  const handleConfirmClose = () => {\n    setSavePrompts({});\n  };\n\n  const formik = useFormik({\n    enableReinitialize: true,\n    initialErrors,\n    initialValues: currentWorkflow,\n    async onSubmit() {\n      const isContentTypeReassignment = currentWorkflow.contentTypes.some((contentType) =>\n        contentTypesFromOtherWorkflows.includes(contentType)\n      );\n\n      if (\n        limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME] &&\n        meta?.workflowCount > parseInt(limits[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME], 10)\n      ) {\n        /**\n         * If the current license has a limit, check if the total count of workflows\n         * exceeds that limit and display the limits modal instead of sending the\n         * update, because it would throw an API error.\n         */\n        setShowLimitModal('workflow');\n\n        /**\n         * If the current license has a limit, check if the total count of stages\n         * exceeds that limit and display the limits modal instead of sending the\n         * update, because it would throw an API error.\n         */\n      } else if (\n        limits?.[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME] &&\n        currentWorkflow.stages.length >\n          parseInt(limits[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME], 10)\n      ) {\n        setShowLimitModal('stage');\n      } else if (hasDeletedServerStages || isContentTypeReassignment) {\n        if (hasDeletedServerStages) {\n          setSavePrompts((prev) => ({ ...prev, hasDeletedServerStages: true }));\n        }\n\n        if (isContentTypeReassignment) {\n          setSavePrompts((prev) => ({ ...prev, hasReassignedContentTypes: true }));\n        }\n      } else {\n        submitForm();\n      }\n    },\n    validate(values) {\n      return validateWorkflow({ values, formatMessage });\n    },\n  });\n\n  useInjectReducer(REDUX_NAMESPACE, reducer);\n\n  const limits = getFeature('review-workflows');\n\n  React.useEffect(() => {\n    if (!isLoadingWorkflow) {\n      dispatch(setWorkflow({ workflow }));\n      dispatch(setWorkflows({ workflows }));\n    }\n\n    if (!isLoadingContentTypes) {\n      dispatch(setContentTypes({ collectionTypes, singleTypes }));\n    }\n\n    if (!isLoadingRoles) {\n      dispatch(setRoles(serverRoles));\n    }\n\n    dispatch(setIsLoading(isLoadingWorkflow || isLoadingContentTypes || isLoadingRoles));\n\n    // reset the state to the initial state to avoid flashes if a user\n    // navigates from an edit-view to a create-view\n    return () => {\n      dispatch(resetWorkflow());\n    };\n  }, [\n    collectionTypes,\n    dispatch,\n    isLoadingContentTypes,\n    isLoadingWorkflow,\n    isLoadingRoles,\n    serverRoles,\n    singleTypes,\n    workflow,\n    workflows,\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\n  React.useEffect(() => {\n    if (!isLoadingWorkflow && !isLicenseLoading) {\n      if (\n        limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME] &&\n        meta?.workflowCount > parseInt(limits[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME], 10)\n      ) {\n        setShowLimitModal('workflow');\n      } else if (\n        limits?.[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME] &&\n        currentWorkflow.stages.length >\n          parseInt(limits[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME], 10)\n      ) {\n        setShowLimitModal('stage');\n      }\n    }\n  }, [\n    currentWorkflow.stages.length,\n    isLicenseLoading,\n    isLoadingWorkflow,\n    limits,\n    meta?.workflowCount,\n    meta.workflowsTotal,\n  ]);\n\n  React.useEffect(() => {\n    if (!isLoading && roles.length === 0) {\n      toggleNotification({\n        blockTransition: true,\n        type: 'warning',\n        message: formatMessage({\n          id: 'Settings.review-workflows.stage.permissions.noPermissions.description',\n          defaultMessage: 'You don’t have the permission to see roles',\n        }),\n      });\n    }\n  }, [formatMessage, isLoading, roles, toggleNotification]);\n\n  // TODO: redirect back to list-view if workflow is not found?\n\n  return (\n    <>\n      <Layout.DragLayerRendered />\n\n      <FormikProvider value={formik}>\n        <Form onSubmit={formik.handleSubmit}>\n          <Layout.Header\n            navigationAction={<Layout.Back href=\"/settings/review-workflows\" />}\n            primaryAction={\n              canUpdate && (\n                <Button\n                  startIcon={<Check />}\n                  type=\"submit\"\n                  size=\"M\"\n                  disabled={!currentWorkflowIsDirty}\n                  // if the confirm dialog is open the loading state is on\n                  // the confirm button already\n                  loading={!Object.keys(savePrompts).length > 0 && isLoadingMutation}\n                >\n                  {formatMessage({\n                    id: 'global.save',\n                    defaultMessage: 'Save',\n                  })}\n                </Button>\n              )\n            }\n            subtitle={\n              !isLoading &&\n              formatMessage(\n                {\n                  id: 'Settings.review-workflows.page.subtitle',\n                  defaultMessage: '{count, plural, one {# stage} other {# stages}}',\n                },\n                { count: currentWorkflow.stages.length }\n              )\n            }\n            title={currentWorkflow.name}\n          />\n\n          <Layout.Root>\n            {isLoading ? (\n              <Flex justifyContent=\"center\">\n                <Loader>\n                  {formatMessage({\n                    id: 'Settings.review-workflows.page.isLoading',\n                    defaultMessage: 'Workflow is loading',\n                  })}\n                </Loader>\n              </Flex>\n            ) : (\n              <Flex alignItems=\"stretch\" direction=\"column\" gap={7}>\n                <WorkflowAttributes canUpdate={canUpdate} />\n                <Stages\n                  canDelete={canDelete}\n                  canUpdate={canUpdate}\n                  stages={formik.values?.stages}\n                />\n              </Flex>\n            )}\n          </Layout.Root>\n        </Form>\n      </FormikProvider>\n\n      <ConfirmDialog.Root\n        isConfirmButtonLoading={isLoading}\n        isOpen={Object.keys(savePrompts).length > 0}\n        onToggleDialog={handleConfirmClose}\n        onConfirm={handleConfirmDeleteDialog}\n      >\n        <ConfirmDialog.Body>\n          <Flex direction=\"column\" gap={5}>\n            {savePrompts.hasDeletedServerStages && (\n              <Typography textAlign=\"center\" variant=\"omega\">\n                {formatMessage({\n                  id: 'Settings.review-workflows.page.delete.confirm.stages.body',\n                  defaultMessage:\n                    'All entries assigned to deleted stages will be moved to the previous stage.',\n                })}\n              </Typography>\n            )}\n\n            {savePrompts.hasReassignedContentTypes && (\n              <Typography textAlign=\"center\" variant=\"omega\">\n                {formatMessage(\n                  {\n                    id: 'Settings.review-workflows.page.delete.confirm.contentType.body',\n                    defaultMessage:\n                      '{count} {count, plural, one {content-type} other {content-types}} {count, plural, one {is} other {are}} already mapped to {count, plural, one {another workflow} other {other workflows}}. If you save changes, {count, plural, one {this} other {these}} {count, plural, one {content-type} other {{count} content-types}} will no more be mapped to the {count, plural, one {another workflow} other {other workflows}} and all corresponding information will be removed.',\n                  },\n                  {\n                    count: contentTypesFromOtherWorkflows.filter((contentType) =>\n                      currentWorkflow.contentTypes.includes(contentType)\n                    ).length,\n                  }\n                )}\n              </Typography>\n            )}\n\n            <Typography textAlign=\"center\" variant=\"omega\">\n              {formatMessage({\n                id: 'Settings.review-workflows.page.delete.confirm.confirm',\n                defaultMessage: 'Are you sure you want to save?',\n              })}\n            </Typography>\n          </Flex>\n        </ConfirmDialog.Body>\n      </ConfirmDialog.Root>\n\n      <LimitsModal.Root\n        isOpen={showLimitModal === 'workflow'}\n        onClose={() => setShowLimitModal(false)}\n      >\n        <LimitsModal.Title>\n          {formatMessage({\n            id: 'Settings.review-workflows.edit.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.edit.page.workflows.limit.body',\n            defaultMessage: 'Delete a workflow or contact Sales to enable more workflows.',\n          })}\n        </LimitsModal.Body>\n      </LimitsModal.Root>\n\n      <LimitsModal.Root\n        isOpen={showLimitModal === 'stage'}\n        onClose={() => setShowLimitModal(false)}\n      >\n        <LimitsModal.Title>\n          {formatMessage({\n            id: 'Settings.review-workflows.edit.page.stages.limit.title',\n            defaultMessage: 'You have reached the limit of stages for this workflow in your plan',\n          })}\n        </LimitsModal.Title>\n\n        <LimitsModal.Body>\n          {formatMessage({\n            id: 'Settings.review-workflows.edit.page.stages.limit.body',\n            defaultMessage: 'Try deleting some stages or contact Sales to enable more stages.',\n          })}\n        </LimitsModal.Body>\n      </LimitsModal.Root>\n    </>\n  );\n}\n","import React from 'react';\n\nimport { CheckPagePermissions } from '@strapi/helper-plugin';\nimport { useSelector } from 'react-redux';\n\nimport { selectAdminPermissions } from '../../../../../../../../../admin/src/selectors';\n\nimport { ReviewWorkflowsEditView } from './EditView';\n\nexport default function () {\n  const permissions = useSelector(selectAdminPermissions);\n\n  return (\n    <CheckPagePermissions permissions={permissions.settings['review-workflows'].main}>\n      <ReviewWorkflowsEditView />\n    </CheckPagePermissions>\n  );\n}\n"],"names":["workflow","serverStage","error","Layout.DragLayerRendered","Layout.Header","Layout.Back","Layout.Root","LimitsModal.Root","LimitsModal.Title","LimitsModal.Body"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDO,SAAS,0BAA0B;AAClC,QAAA,EAAE,eAAe;AACjB,QAAA,cAAc,YAAY,sBAAsB;AAChD,QAAA,EAAE,kBAAkB;AAC1B,QAAM,WAAW;AACX,QAAA,EAAE,QAAQ;AACV,QAAA,EAAE,mBAAmB;AAC3B,QAAM,qBAAqB;AAC3B,QAAM,EAAE,WAAW,mBAAmB,MAAM,WAAW,QAAA,IAAY;AACnE,QAAM,EAAE,iBAAiB,aAAa,WAAW,sBAAA,IAA0B;AACrE,QAAA,cAAc,YAAY,iBAAiB;AAC3C,QAAA,yBAAyB,YAAY,qBAAqB;AAC1D,QAAA,kBAAkB,YAAY,qBAAqB;AACnD,QAAA,yBAAyB,YAAY,4BAA4B;AACjE,QAAA,QAAQ,YAAY,WAAW;AAC/B,QAAA,YAAY,YAAY,eAAe;AACvC,QAAA;AAAA,IACJ,gBAAgB,EAAE,WAAW,UAAU;AAAA,EACrC,IAAA,QAAQ,YAAY,SAAS,kBAAkB,CAAC;AACpD,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,CAAA,CAAE;AACvD,QAAM,EAAE,YAAY,WAAW,qBAAqB,iBAAiB;AACrE,QAAM,EAAE,WAAW,gBAAgB,OAAO,gBAAgB,cAAc,QAAW;AAAA,IACjF,OAAO;AAAA,EAAA,CACR;AACD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,MAAM,SAAS,KAAK;AAChE,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAS,IAAI;AAEvD,QAAA,WAAW,UAAU,KAAK,CAACA,cAAaA,UAAS,OAAO,SAAS,YAAY,EAAE,CAAC;AACtF,QAAM,iCAAiC,UACpC,OAAO,CAACA,cAAaA,UAAS,OAAO,SAAS,YAAY,EAAE,CAAC,EAC7D,QAAQ,CAACA,cAAaA,UAAS,YAAY;AAE9C,QAAM,EAAE,aAAa,WAAW,kBAAsB,IAAA;AAAA,IACpD,OAAO,EAAE,UAAAA,gBAAe;AAChB,YAAA;AAAA,QACJ,MAAM,EAAE,KAAK;AAAA,MAAA,IACX,MAAM,IAAI,qCAAqCA,UAAS,EAAE,IAAI;AAAA,QAChE,MAAMA;AAAAA,MAAA,CACP;AAEM,aAAA;AAAA,IACT;AAAA,IACA;AAAA,MACE,YAAY;AACS,2BAAA;AAAA,UACjB,MAAM;AAAA,UACN,SAAS,EAAE,IAAI,8BAA8B,gBAAgB,QAAQ;AAAA,QAAA,CACtE;AAAA,MACH;AAAA,IACF;AAAA,EAAA;AAGI,QAAA,iBAAiB,OAAOA,cAAa;AAEzC,qBAAiB,IAAI;AAEjB,QAAA;AACI,YAAA,MAAM,MAAM,YAAY;AAAA,QAC5B,UAAU;AAAA,UACR,GAAGA;AAAAA;AAAAA;AAAAA;AAAAA,UAKH,QAAQA,UAAS,OAAO,IAAI,CAAC,UAAU;AACrC,gBAAI,wBAAwB;AACtB,kBAAA,cAAc,YAAY,SAAS,OAAO;AAAA,cAC9C,CAACC,iBAAgBA,aAAY,OAAO,OAAO;AAAA,YAAA;AAG7C,gBAAI,aAAa;AAEb,sCAAA,YAAY,aAAa,WAAW,MAAM,YAAY,UACtD,CAAC,YAAY,YAAY;AAAA,gBACvB,CAAC,qBACC,CAAC,CAAC,MAAM,YAAY;AAAA,kBAClB,CAAC,eAAe,WAAW,SAAS,iBAAiB;AAAA,gBACvD;AAAA,cAAA;AAAA,YAER;AAEO,mBAAA;AAAA,cACL,GAAG;AAAA,cACH,aAAa,wBAAwB,MAAM,cAAc;AAAA,YAAA;AAAA,UAC3D,CACD;AAAA,QACH;AAAA,MAAA,CACD;AAEM,aAAA;AAAA,aACA,OAAO;AAGd,UACE,MAAM,SAAS,MAAM,OAAO,SAAS,qBACrC,MAAM,SAAS,MAAM,OAAO,SAAS,QAAQ,SAAS,GACtD;AACA;AAAA,UACE,MAAM,SAAS,MAAM,OAAO,SAAS,OAAO,OAAO,CAAC,KAAKC,WAAU;AACjE,gBAAI,KAAKA,OAAM,MAAMA,OAAM,OAAO;AAE3B,mBAAA;AAAA,UACT,GAAG,EAAE;AAAA,QAAA;AAAA,MAET;AAEmB,yBAAA;AAAA,QACjB,MAAM;AAAA,QACN,SAAS,eAAe,KAAK;AAAA,MAAA,CAC9B;AAEM,aAAA;AAAA,IACT;AAAA,EAAA;AAGF,QAAM,aAAa,YAAY;AAC7B,UAAM,eAAe,eAAe;AACpC,UAAM,QAAQ;AAEd,mBAAe,CAAE,CAAA;AAAA,EAAA;AAGnB,QAAM,4BAA4B,YAAY;AAC5C,UAAM,WAAW;AAAA,EAAA;AAGnB,QAAM,qBAAqB,MAAM;AAC/B,mBAAe,CAAE,CAAA;AAAA,EAAA;AAGnB,QAAM,SAAS,UAAU;AAAA,IACvB,oBAAoB;AAAA,IACpB;AAAA,IACA,eAAe;AAAA,IACf,MAAM,WAAW;AACT,YAAA,4BAA4B,gBAAgB,aAAa;AAAA,QAAK,CAAC,gBACnE,+BAA+B,SAAS,WAAW;AAAA,MAAA;AAInD,UAAA,SAAS,mCAAmC,KAC5C,MAAM,gBAAgB,SAAS,OAAO,mCAAmC,GAAG,EAAE,GAC9E;AAMA,0BAAkB,UAAU;AAAA,MAQ5B,WAAA,SAAS,8CAA8C,KACvD,gBAAgB,OAAO,SACrB,SAAS,OAAO,8CAA8C,GAAG,EAAE,GACrE;AACA,0BAAkB,OAAO;AAAA,MAAA,WAChB,0BAA0B,2BAA2B;AAC9D,YAAI,wBAAwB;AAC1B,yBAAe,CAAC,UAAU,EAAE,GAAG,MAAM,wBAAwB,KAAO,EAAA;AAAA,QACtE;AAEA,YAAI,2BAA2B;AAC7B,yBAAe,CAAC,UAAU,EAAE,GAAG,MAAM,2BAA2B,KAAO,EAAA;AAAA,QACzE;AAAA,MAAA,OACK;AACM;MACb;AAAA,IACF;AAAA,IACA,SAAS,QAAQ;AACf,aAAO,iBAAiB,EAAE,QAAQ,cAAe,CAAA;AAAA,IACnD;AAAA,EAAA,CACD;AAED,mBAAiB,iBAAiB,OAAO;AAEnC,QAAA,SAAS,WAAW,kBAAkB;AAE5C,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,mBAAmB;AACtB,eAAS,YAAY,EAAE,SAAS,CAAC,CAAC;AAClC,eAAS,aAAa,EAAE,UAAU,CAAC,CAAC;AAAA,IACtC;AAEA,QAAI,CAAC,uBAAuB;AAC1B,eAAS,gBAAgB,EAAE,iBAAiB,YAAA,CAAa,CAAC;AAAA,IAC5D;AAEA,QAAI,CAAC,gBAAgB;AACV,eAAA,SAAS,WAAW,CAAC;AAAA,IAChC;AAEA,aAAS,aAAa,qBAAqB,yBAAyB,cAAc,CAAC;AAInF,WAAO,MAAM;AACX,eAAS,eAAe;AAAA,IAAA;AAAA,EAC1B,GACC;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAeD,QAAM,UAAU,MAAM;AAChB,QAAA,CAAC,qBAAqB,CAAC,kBAAkB;AAEzC,UAAA,SAAS,mCAAmC,KAC5C,MAAM,gBAAgB,SAAS,OAAO,mCAAmC,GAAG,EAAE,GAC9E;AACA,0BAAkB,UAAU;AAAA,MAE5B,WAAA,SAAS,8CAA8C,KACvD,gBAAgB,OAAO,SACrB,SAAS,OAAO,8CAA8C,GAAG,EAAE,GACrE;AACA,0BAAkB,OAAO;AAAA,MAC3B;AAAA,IACF;AAAA,EAAA,GACC;AAAA,IACD,gBAAgB,OAAO;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,KAAK;AAAA,EAAA,CACN;AAED,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,aAAa,MAAM,WAAW,GAAG;AACjB,yBAAA;AAAA,QACjB,iBAAiB;AAAA,QACjB,MAAM;AAAA,QACN,SAAS,cAAc;AAAA,UACrB,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA,CACF;AAAA,IACH;AAAA,KACC,CAAC,eAAe,WAAW,OAAO,kBAAkB,CAAC;AAIxD,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAC,oBAAAC,mBAAA,EAAyB;AAAA,IAE1B,oBAAC,kBAAe,OAAO,QACrB,+BAAC,MAAK,EAAA,UAAU,OAAO,cACrB,UAAA;AAAA,MAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,kBAAmB,oBAAAC,MAAA,EAAY,MAAK,6BAA6B,CAAA;AAAA,UACjE,eACE,aACE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,+BAAY,OAAM,EAAA;AAAA,cAClB,MAAK;AAAA,cACL,MAAK;AAAA,cACL,UAAU,CAAC;AAAA,cAGX,SAAS,CAAC,OAAO,KAAK,WAAW,EAAE,SAAS,KAAK;AAAA,cAEhD,UAAc,cAAA;AAAA,gBACb,IAAI;AAAA,gBACJ,gBAAgB;AAAA,cAAA,CACjB;AAAA,YAAA;AAAA,UACH;AAAA,UAGJ,UACE,CAAC,aACD;AAAA,YACE;AAAA,cACE,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAClB;AAAA,YACA,EAAE,OAAO,gBAAgB,OAAO,OAAO;AAAA,UACzC;AAAA,UAEF,OAAO,gBAAgB;AAAA,QAAA;AAAA,MACzB;AAAA,MAEA,oBAACC,MAAA,EACE,UAAA,YACE,oBAAA,MAAA,EAAK,gBAAe,UACnB,UAAC,oBAAA,QAAA,EACE,UAAc,cAAA;AAAA,QACb,IAAI;AAAA,QACJ,gBAAgB;AAAA,MACjB,CAAA,EACH,CAAA,EACF,CAAA,IAEA,qBAAC,MAAK,EAAA,YAAW,WAAU,WAAU,UAAS,KAAK,GACjD,UAAA;AAAA,QAAA,oBAAC,sBAAmB,WAAsB;AAAA,QAC1C;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA,QAAQ,OAAO,QAAQ;AAAA,UAAA;AAAA,QACzB;AAAA,MAAA,EAAA,CACF,EAEJ,CAAA;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,IAEA;AAAA,MAAC,cAAc;AAAA,MAAd;AAAA,QACC,wBAAwB;AAAA,QACxB,QAAQ,OAAO,KAAK,WAAW,EAAE,SAAS;AAAA,QAC1C,gBAAgB;AAAA,QAChB,WAAW;AAAA,QAEX,UAAA,oBAAC,cAAc,MAAd,EACC,+BAAC,MAAK,EAAA,WAAU,UAAS,KAAK,GAC3B,UAAA;AAAA,UAAA,YAAY,0BACV,oBAAA,YAAA,EAAW,WAAU,UAAS,SAAQ,SACpC,UAAc,cAAA;AAAA,YACb,IAAI;AAAA,YACJ,gBACE;AAAA,UACH,CAAA,GACH;AAAA,UAGD,YAAY,6BACX,oBAAC,cAAW,WAAU,UAAS,SAAQ,SACpC,UAAA;AAAA,YACC;AAAA,cACE,IAAI;AAAA,cACJ,gBACE;AAAA,YACJ;AAAA,YACA;AAAA,cACE,OAAO,+BAA+B;AAAA,gBAAO,CAAC,gBAC5C,gBAAgB,aAAa,SAAS,WAAW;AAAA,cAAA,EACjD;AAAA,YACJ;AAAA,UAAA,GAEJ;AAAA,8BAGD,YAAW,EAAA,WAAU,UAAS,SAAQ,SACpC,UAAc,cAAA;AAAA,YACb,IAAI;AAAA,YACJ,gBAAgB;AAAA,UACjB,CAAA,GACH;AAAA,QAAA,EAAA,CACF,EACF,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,IAEA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,QAAQ,mBAAmB;AAAA,QAC3B,SAAS,MAAM,kBAAkB,KAAK;AAAA,QAEtC,UAAA;AAAA,UAAC,oBAAAC,OAAA,EACE,UAAc,cAAA;AAAA,YACb,IAAI;AAAA,YACJ,gBAAgB;AAAA,UACjB,CAAA,GACH;AAAA,UAEC,oBAAAC,MAAA,EACE,UAAc,cAAA;AAAA,YACb,IAAI;AAAA,YACJ,gBAAgB;AAAA,UACjB,CAAA,GACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IAEA;AAAA,MAACF;AAAAA,MAAA;AAAA,QACC,QAAQ,mBAAmB;AAAA,QAC3B,SAAS,MAAM,kBAAkB,KAAK;AAAA,QAEtC,UAAA;AAAA,UAAC,oBAAAC,OAAA,EACE,UAAc,cAAA;AAAA,YACb,IAAI;AAAA,YACJ,gBAAgB;AAAA,UACjB,CAAA,GACH;AAAA,UAEC,oBAAAC,MAAA,EACE,UAAc,cAAA;AAAA,YACb,IAAI;AAAA,YACJ,gBAAgB;AAAA,UACjB,CAAA,GACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ;ACzc2B,SAAA,QAAA;AACnB,QAAA,cAAc,YAAY,sBAAsB;AAGpD,SAAA,oBAAC,sBAAqB,EAAA,aAAa,YAAY,SAAS,kBAAkB,EAAE,MAC1E,UAAC,oBAAA,yBAAA,CAAwB,CAAA,EAC3B,CAAA;AAEJ;"}