@strapi/admin 5.0.0-alpha.1 → 5.0.0-alpha.3

package/dist/admin/ContentBox-PbS25I_4.mjs

@@ -0,0 +1,40 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Flex, Typography } from '@strapi/design-system';
+import styled from 'styled-components';
+
+const ContentBox = ({
+  title,
+  subtitle,
+  icon,
+  iconBackground,
+  endAction,
+  titleEllipsis = false
+}) => {
+  if (title && title.length > 70 && titleEllipsis) {
+    title = `${title.substring(0, 70)}...`;
+  }
+  return /* @__PURE__ */ jsxs(Flex, { shadow: "tableShadow", hasRadius: true, padding: 6, background: "neutral0", children: [
+    /* @__PURE__ */ jsx(IconWrapper, { background: iconBackground, hasRadius: true, padding: 3, children: icon }),
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: endAction ? 0 : 1, children: [
+      /* @__PURE__ */ jsxs(Flex, { children: [
+        /* @__PURE__ */ jsx(TypographyWordBreak, { fontWeight: "semiBold", variant: "pi", children: title }),
+        endAction
+      ] }),
+      /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: subtitle })
+    ] })
+  ] });
+};
+const IconWrapper = styled(Flex)`
+  margin-right: ${({ theme }) => theme.spaces[6]};
+
+  svg {
+    width: ${32 / 16}rem;
+    height: ${32 / 16}rem;
+  }
+`;
+const TypographyWordBreak = styled(Typography)`
+  word-break: break-all;
+`;
+
+export { ContentBox as C };
+//# sourceMappingURL=ContentBox-PbS25I_4.mjs.map

package/dist/admin/ContentBox-PbS25I_4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentBox-PbS25I_4.mjs","sources":["../../admin/src/components/ContentBox.tsx"],"sourcesContent":["import { Flex, FlexProps, Typography } from '@strapi/design-system';\nimport styled from 'styled-components';\n\ninterface ContentBoxProps {\n  title?: string;\n  subtitle?: string;\n  icon?: FlexProps['children'];\n  iconBackground?: FlexProps['background'];\n  endAction?: FlexProps['children'];\n  titleEllipsis?: boolean;\n}\n\nconst ContentBox = ({\n  title,\n  subtitle,\n  icon,\n  iconBackground,\n  endAction,\n  titleEllipsis = false,\n}: ContentBoxProps) => {\n  if (title && title.length > 70 && titleEllipsis) {\n    title = `${title.substring(0, 70)}...`;\n  }\n\n  return (\n    <Flex shadow=\"tableShadow\" hasRadius padding={6} background=\"neutral0\">\n      <IconWrapper background={iconBackground} hasRadius padding={3}>\n        {icon}\n      </IconWrapper>\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={endAction ? 0 : 1}>\n        <Flex>\n          <TypographyWordBreak fontWeight=\"semiBold\" variant=\"pi\">\n            {title}\n          </TypographyWordBreak>\n          {endAction}\n        </Flex>\n        <Typography textColor=\"neutral600\">{subtitle}</Typography>\n      </Flex>\n    </Flex>\n  );\n};\n\nconst IconWrapper = styled(Flex)`\n  margin-right: ${({ theme }) => theme.spaces[6]};\n\n  svg {\n    width: ${32 / 16}rem;\n    height: ${32 / 16}rem;\n  }\n`;\n\nconst TypographyWordBreak = styled(Typography)`\n  word-break: break-all;\n`;\n\nexport { ContentBox };\nexport type { ContentBoxProps };\n"],"names":[],"mappings":";;;;AAYA,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAgB,GAAA,KAAA;AAClB,CAAuB,KAAA;AACrB,EAAA,IAAI,KAAS,IAAA,KAAA,CAAM,MAAS,GAAA,EAAA,IAAM,aAAe,EAAA;AAC/C,IAAA,KAAA,GAAQ,CAAG,EAAA,KAAA,CAAM,SAAU,CAAA,CAAA,EAAG,EAAE,CAAC,CAAA,GAAA,CAAA,CAAA;AAAA,GACnC;AAEA,EACE,uBAAA,IAAA,CAAC,QAAK,MAAO,EAAA,aAAA,EAAc,WAAS,IAAC,EAAA,OAAA,EAAS,CAAG,EAAA,UAAA,EAAW,UAC1D,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,eAAY,UAAY,EAAA,cAAA,EAAgB,WAAS,IAAC,EAAA,OAAA,EAAS,GACzD,QACH,EAAA,IAAA,EAAA,CAAA;AAAA,oBACA,IAAA,CAAC,QAAK,SAAU,EAAA,QAAA,EAAS,YAAW,SAAU,EAAA,GAAA,EAAK,SAAY,GAAA,CAAA,GAAI,CACjE,EAAA,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,IACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,mBAAoB,EAAA,EAAA,UAAA,EAAW,UAAW,EAAA,OAAA,EAAQ,MAChD,QACH,EAAA,KAAA,EAAA,CAAA;AAAA,QACC,SAAA;AAAA,OACH,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,YAAA,EAAc,QAAS,EAAA,QAAA,EAAA,CAAA;AAAA,KAC/C,EAAA,CAAA;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,WAAA,GAAc,OAAO,IAAI,CAAA,CAAA;AAAA,gBAAA,EACb,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,MAAA,CAAO,CAAC,CAAC,CAAA;AAAA;AAAA;AAAA,WAAA,EAGnC,KAAK,EAAE,CAAA;AAAA,YAAA,EACN,KAAK,EAAE,CAAA;AAAA;AAAA,CAAA,CAAA;AAIrB,MAAM,mBAAA,GAAsB,OAAO,UAAU,CAAA,CAAA;AAAA;AAAA,CAAA;;;;"}

package/dist/admin/ContentBox-xqJCP2BC.js

@@ -0,0 +1,46 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const designSystem = require('@strapi/design-system');
+const styled = require('styled-components');
+
+const _interopDefault = e => e && e.__esModule ? e : { default: e };
+
+const styled__default = /*#__PURE__*/_interopDefault(styled);
+
+const ContentBox = ({
+  title,
+  subtitle,
+  icon,
+  iconBackground,
+  endAction,
+  titleEllipsis = false
+}) => {
+  if (title && title.length > 70 && titleEllipsis) {
+    title = `${title.substring(0, 70)}...`;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { shadow: "tableShadow", hasRadius: true, padding: 6, background: "neutral0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(IconWrapper, { background: iconBackground, hasRadius: true, padding: 3, children: icon }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: endAction ? 0 : 1, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TypographyWordBreak, { fontWeight: "semiBold", variant: "pi", children: title }),
+        endAction
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: subtitle })
+    ] })
+  ] });
+};
+const IconWrapper = styled__default.default(designSystem.Flex)`
+  margin-right: ${({ theme }) => theme.spaces[6]};
+
+  svg {
+    width: ${32 / 16}rem;
+    height: ${32 / 16}rem;
+  }
+`;
+const TypographyWordBreak = styled__default.default(designSystem.Typography)`
+  word-break: break-all;
+`;
+
+exports.ContentBox = ContentBox;
+//# sourceMappingURL=ContentBox-xqJCP2BC.js.map

package/dist/admin/ContentBox-xqJCP2BC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentBox-xqJCP2BC.js","sources":["../../admin/src/components/ContentBox.tsx"],"sourcesContent":["import { Flex, FlexProps, Typography } from '@strapi/design-system';\nimport styled from 'styled-components';\n\ninterface ContentBoxProps {\n  title?: string;\n  subtitle?: string;\n  icon?: FlexProps['children'];\n  iconBackground?: FlexProps['background'];\n  endAction?: FlexProps['children'];\n  titleEllipsis?: boolean;\n}\n\nconst ContentBox = ({\n  title,\n  subtitle,\n  icon,\n  iconBackground,\n  endAction,\n  titleEllipsis = false,\n}: ContentBoxProps) => {\n  if (title && title.length > 70 && titleEllipsis) {\n    title = `${title.substring(0, 70)}...`;\n  }\n\n  return (\n    <Flex shadow=\"tableShadow\" hasRadius padding={6} background=\"neutral0\">\n      <IconWrapper background={iconBackground} hasRadius padding={3}>\n        {icon}\n      </IconWrapper>\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={endAction ? 0 : 1}>\n        <Flex>\n          <TypographyWordBreak fontWeight=\"semiBold\" variant=\"pi\">\n            {title}\n          </TypographyWordBreak>\n          {endAction}\n        </Flex>\n        <Typography textColor=\"neutral600\">{subtitle}</Typography>\n      </Flex>\n    </Flex>\n  );\n};\n\nconst IconWrapper = styled(Flex)`\n  margin-right: ${({ theme }) => theme.spaces[6]};\n\n  svg {\n    width: ${32 / 16}rem;\n    height: ${32 / 16}rem;\n  }\n`;\n\nconst TypographyWordBreak = styled(Typography)`\n  word-break: break-all;\n`;\n\nexport { ContentBox };\nexport type { ContentBoxProps };\n"],"names":["jsxs","Flex","jsx","Typography","styled"],"mappings":";;;;;;;;;;AAYA,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAgB,GAAA,KAAA;AAClB,CAAuB,KAAA;AACrB,EAAA,IAAI,KAAS,IAAA,KAAA,CAAM,MAAS,GAAA,EAAA,IAAM,aAAe,EAAA;AAC/C,IAAA,KAAA,GAAQ,CAAG,EAAA,KAAA,CAAM,SAAU,CAAA,CAAA,EAAG,EAAE,CAAC,CAAA,GAAA,CAAA,CAAA;AAAA,GACnC;AAEA,EACE,uBAAAA,eAAA,CAACC,qBAAK,MAAO,EAAA,aAAA,EAAc,WAAS,IAAC,EAAA,OAAA,EAAS,CAAG,EAAA,UAAA,EAAW,UAC1D,EAAA,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,eAAY,UAAY,EAAA,cAAA,EAAgB,WAAS,IAAC,EAAA,OAAA,EAAS,GACzD,QACH,EAAA,IAAA,EAAA,CAAA;AAAA,oBACAF,eAAA,CAACC,qBAAK,SAAU,EAAA,QAAA,EAAS,YAAW,SAAU,EAAA,GAAA,EAAK,SAAY,GAAA,CAAA,GAAI,CACjE,EAAA,QAAA,EAAA;AAAA,sBAAAD,eAAA,CAACC,iBACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,mBAAoB,EAAA,EAAA,UAAA,EAAW,UAAW,EAAA,OAAA,EAAQ,MAChD,QACH,EAAA,KAAA,EAAA,CAAA;AAAA,QACC,SAAA;AAAA,OACH,EAAA,CAAA;AAAA,sBACCA,cAAA,CAAAC,uBAAA,EAAA,EAAW,SAAU,EAAA,YAAA,EAAc,QAAS,EAAA,QAAA,EAAA,CAAA;AAAA,KAC/C,EAAA,CAAA;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,WAAA,GAAcC,wBAAOH,iBAAI,CAAA,CAAA;AAAA,gBAAA,EACb,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,MAAA,CAAO,CAAC,CAAC,CAAA;AAAA;AAAA;AAAA,WAAA,EAGnC,KAAK,EAAE,CAAA;AAAA,YAAA,EACN,KAAK,EAAE,CAAA;AAAA;AAAA,CAAA,CAAA;AAIrB,MAAM,mBAAA,GAAsBG,wBAAOD,uBAAU,CAAA,CAAA;AAAA;AAAA,CAAA;;;;"}

package/dist/admin/CreateActionEE-MO4CwmTg.js

@@ -0,0 +1,61 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const designSystem = require('@strapi/design-system');
+const Icons = require('@strapi/icons');
+const isNil = require('lodash/isNil');
+const reactIntl = require('react-intl');
+const index = require('./index-Xcv2DEB8.js');
+
+const _interopDefault = e => e && e.__esModule ? e : { default: e };
+
+const isNil__default = /*#__PURE__*/_interopDefault(isNil);
+
+const CreateActionEE = ({ onClick }) => {
+  const { formatMessage } = reactIntl.useIntl();
+  const { license, isError, isLoading } = index.useLicenseLimits();
+  const { permittedSeats, shouldStopCreate } = license ?? {};
+  if (isError || isLoading) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+    !isNil__default.default(permittedSeats) && shouldStopCreate && /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Tooltip,
+      {
+        description: formatMessage({
+          id: "Settings.application.admin-seats.at-limit-tooltip",
+          defaultMessage: "At limit: add seats to invite more users"
+        }),
+        position: "left",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Icon,
+          {
+            width: `${14 / 16}rem`,
+            height: `${14 / 16}rem`,
+            color: "danger500",
+            as: Icons.ExclamationMarkCircle
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Button,
+      {
+        "data-testid": "create-user-button",
+        onClick,
+        startIcon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Envelop, {}),
+        size: "S",
+        disabled: shouldStopCreate,
+        children: formatMessage({
+          id: "Settings.permissions.users.create",
+          defaultMessage: "Invite new user"
+        })
+      }
+    )
+  ] });
+};
+
+exports.CreateActionEE = CreateActionEE;
+//# sourceMappingURL=CreateActionEE-MO4CwmTg.js.map

package/dist/admin/CreateActionEE-MO4CwmTg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateActionEE-MO4CwmTg.js","sources":["../../ee/admin/src/pages/SettingsPage/pages/Users/components/CreateActionEE.tsx"],"sourcesContent":["import { Button, Flex, Icon, Tooltip } from '@strapi/design-system';\nimport { Envelop, ExclamationMarkCircle } from '@strapi/icons';\nimport isNil from 'lodash/isNil';\nimport { useIntl } from 'react-intl';\n\nimport { useLicenseLimits } from '../../../../../hooks/useLicenseLimits';\n\nimport type { CreateActionCEProps } from '../../../../../../../../admin/src/pages/Settings/pages/Users/components/CreateActionCE';\n\nexport const CreateActionEE = ({ onClick }: CreateActionCEProps) => {\n  const { formatMessage } = useIntl();\n  const { license, isError, isLoading } = useLicenseLimits();\n\n  const { permittedSeats, shouldStopCreate } = license ?? {};\n\n  if (isError || isLoading) {\n    return null;\n  }\n\n  return (\n    <Flex gap={2}>\n      {!isNil(permittedSeats) && shouldStopCreate && (\n        <Tooltip\n          description={formatMessage({\n            id: 'Settings.application.admin-seats.at-limit-tooltip',\n            defaultMessage: 'At limit: add seats to invite more users',\n          })}\n          position=\"left\"\n        >\n          <Icon\n            width={`${14 / 16}rem`}\n            height={`${14 / 16}rem`}\n            color=\"danger500\"\n            as={ExclamationMarkCircle}\n          />\n        </Tooltip>\n      )}\n      <Button\n        data-testid=\"create-user-button\"\n        onClick={onClick}\n        startIcon={<Envelop />}\n        size=\"S\"\n        disabled={shouldStopCreate}\n      >\n        {formatMessage({\n          id: 'Settings.permissions.users.create',\n          defaultMessage: 'Invite new user',\n        })}\n      </Button>\n    </Flex>\n  );\n};\n"],"names":["useIntl","useLicenseLimits","jsxs","Flex","isNil","jsx","Tooltip","Icon","ExclamationMarkCircle","Button","Envelop"],"mappings":";;;;;;;;;;;;;;;AASO,MAAM,cAAiB,GAAA,CAAC,EAAE,OAAA,EAAmC,KAAA;AAClE,EAAM,MAAA,EAAE,aAAc,EAAA,GAAIA,iBAAQ,EAAA,CAAA;AAClC,EAAA,MAAM,EAAE,OAAA,EAAS,OAAS,EAAA,SAAA,KAAcC,sBAAiB,EAAA,CAAA;AAEzD,EAAA,MAAM,EAAE,cAAA,EAAgB,gBAAiB,EAAA,GAAI,WAAW,EAAC,CAAA;AAEzD,EAAA,IAAI,WAAW,SAAW,EAAA;AACxB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAC,eAAA,CAACC,iBAAK,EAAA,EAAA,GAAA,EAAK,CACR,EAAA,QAAA,EAAA;AAAA,IAAC,CAAAC,sBAAA,CAAM,cAAc,CAAA,IAAK,gBACzB,oBAAAC,cAAA;AAAA,MAACC,oBAAA;AAAA,MAAA;AAAA,QACC,aAAa,aAAc,CAAA;AAAA,UACzB,EAAI,EAAA,mDAAA;AAAA,UACJ,cAAgB,EAAA,0CAAA;AAAA,SACjB,CAAA;AAAA,QACD,QAAS,EAAA,MAAA;AAAA,QAET,QAAA,kBAAAD,cAAA;AAAA,UAACE,iBAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO,CAAG,EAAA,EAAA,GAAK,EAAE,CAAA,GAAA,CAAA;AAAA,YACjB,MAAA,EAAQ,CAAG,EAAA,EAAA,GAAK,EAAE,CAAA,GAAA,CAAA;AAAA,YAClB,KAAM,EAAA,WAAA;AAAA,YACN,EAAI,EAAAC,2BAAA;AAAA,WAAA;AAAA,SACN;AAAA,OAAA;AAAA,KACF;AAAA,oBAEFH,cAAA;AAAA,MAACI,mBAAA;AAAA,MAAA;AAAA,QACC,aAAY,EAAA,oBAAA;AAAA,QACZ,OAAA;AAAA,QACA,SAAA,iCAAYC,aAAQ,EAAA,EAAA,CAAA;AAAA,QACpB,IAAK,EAAA,GAAA;AAAA,QACL,QAAU,EAAA,gBAAA;AAAA,QAET,QAAc,EAAA,aAAA,CAAA;AAAA,UACb,EAAI,EAAA,mCAAA;AAAA,UACJ,cAAgB,EAAA,iBAAA;AAAA,SACjB,CAAA;AAAA,OAAA;AAAA,KACH;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/admin/CreateActionEE-MS5BO87T.mjs

@@ -0,0 +1,53 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Flex, Tooltip, Icon, Button } from '@strapi/design-system';
+import { ExclamationMarkCircle, Envelop } from '@strapi/icons';
+import isNil from 'lodash/isNil';
+import { useIntl } from 'react-intl';
+import { f as useLicenseLimits } from './index--h1ljeG8.mjs';
+
+const CreateActionEE = ({ onClick }) => {
+  const { formatMessage } = useIntl();
+  const { license, isError, isLoading } = useLicenseLimits();
+  const { permittedSeats, shouldStopCreate } = license ?? {};
+  if (isError || isLoading) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+    !isNil(permittedSeats) && shouldStopCreate && /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        description: formatMessage({
+          id: "Settings.application.admin-seats.at-limit-tooltip",
+          defaultMessage: "At limit: add seats to invite more users"
+        }),
+        position: "left",
+        children: /* @__PURE__ */ jsx(
+          Icon,
+          {
+            width: `${14 / 16}rem`,
+            height: `${14 / 16}rem`,
+            color: "danger500",
+            as: ExclamationMarkCircle
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        "data-testid": "create-user-button",
+        onClick,
+        startIcon: /* @__PURE__ */ jsx(Envelop, {}),
+        size: "S",
+        disabled: shouldStopCreate,
+        children: formatMessage({
+          id: "Settings.permissions.users.create",
+          defaultMessage: "Invite new user"
+        })
+      }
+    )
+  ] });
+};
+
+export { CreateActionEE };
+//# sourceMappingURL=CreateActionEE-MS5BO87T.mjs.map

package/dist/admin/CreateActionEE-MS5BO87T.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateActionEE-MS5BO87T.mjs","sources":["../../ee/admin/src/pages/SettingsPage/pages/Users/components/CreateActionEE.tsx"],"sourcesContent":["import { Button, Flex, Icon, Tooltip } from '@strapi/design-system';\nimport { Envelop, ExclamationMarkCircle } from '@strapi/icons';\nimport isNil from 'lodash/isNil';\nimport { useIntl } from 'react-intl';\n\nimport { useLicenseLimits } from '../../../../../hooks/useLicenseLimits';\n\nimport type { CreateActionCEProps } from '../../../../../../../../admin/src/pages/Settings/pages/Users/components/CreateActionCE';\n\nexport const CreateActionEE = ({ onClick }: CreateActionCEProps) => {\n  const { formatMessage } = useIntl();\n  const { license, isError, isLoading } = useLicenseLimits();\n\n  const { permittedSeats, shouldStopCreate } = license ?? {};\n\n  if (isError || isLoading) {\n    return null;\n  }\n\n  return (\n    <Flex gap={2}>\n      {!isNil(permittedSeats) && shouldStopCreate && (\n        <Tooltip\n          description={formatMessage({\n            id: 'Settings.application.admin-seats.at-limit-tooltip',\n            defaultMessage: 'At limit: add seats to invite more users',\n          })}\n          position=\"left\"\n        >\n          <Icon\n            width={`${14 / 16}rem`}\n            height={`${14 / 16}rem`}\n            color=\"danger500\"\n            as={ExclamationMarkCircle}\n          />\n        </Tooltip>\n      )}\n      <Button\n        data-testid=\"create-user-button\"\n        onClick={onClick}\n        startIcon={<Envelop />}\n        size=\"S\"\n        disabled={shouldStopCreate}\n      >\n        {formatMessage({\n          id: 'Settings.permissions.users.create',\n          defaultMessage: 'Invite new user',\n        })}\n      </Button>\n    </Flex>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AASO,MAAM,cAAiB,GAAA,CAAC,EAAE,OAAA,EAAmC,KAAA;AAClE,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,OAAQ,EAAA,CAAA;AAClC,EAAA,MAAM,EAAE,OAAA,EAAS,OAAS,EAAA,SAAA,KAAc,gBAAiB,EAAA,CAAA;AAEzD,EAAA,MAAM,EAAE,cAAA,EAAgB,gBAAiB,EAAA,GAAI,WAAW,EAAC,CAAA;AAEzD,EAAA,IAAI,WAAW,SAAW,EAAA;AACxB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,GAAA,EAAK,CACR,EAAA,QAAA,EAAA;AAAA,IAAC,CAAA,KAAA,CAAM,cAAc,CAAA,IAAK,gBACzB,oBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,aAAa,aAAc,CAAA;AAAA,UACzB,EAAI,EAAA,mDAAA;AAAA,UACJ,cAAgB,EAAA,0CAAA;AAAA,SACjB,CAAA;AAAA,QACD,QAAS,EAAA,MAAA;AAAA,QAET,QAAA,kBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO,CAAG,EAAA,EAAA,GAAK,EAAE,CAAA,GAAA,CAAA;AAAA,YACjB,MAAA,EAAQ,CAAG,EAAA,EAAA,GAAK,EAAE,CAAA,GAAA,CAAA;AAAA,YAClB,KAAM,EAAA,WAAA;AAAA,YACN,EAAI,EAAA,qBAAA;AAAA,WAAA;AAAA,SACN;AAAA,OAAA;AAAA,KACF;AAAA,oBAEF,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,aAAY,EAAA,oBAAA;AAAA,QACZ,OAAA;AAAA,QACA,SAAA,sBAAY,OAAQ,EAAA,EAAA,CAAA;AAAA,QACpB,IAAK,EAAA,GAAA;AAAA,QACL,QAAU,EAAA,gBAAA;AAAA,QAET,QAAc,EAAA,aAAA,CAAA;AAAA,UACb,EAAI,EAAA,mCAAA;AAAA,UACJ,cAAgB,EAAA,iBAAA;AAAA,SACjB,CAAA;AAAA,OAAA;AAAA,KACH;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/admin/CreatePage-TuxqMr0o.mjs

@@ -0,0 +1,248 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+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 { useIntl } from 'react-intl';
+import { useDispatch, useSelector } from 'react-redux';
+import { useNavigate } from 'react-router-dom';
+import { f as useLicenseLimits, C as CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME, m as CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME, n as useInjectReducer, R as REDUX_NAMESPACE, B as BackButton, g as ConfirmDialog, h as LimitsModal } from './index--h1ljeG8.mjs';
+import { i as useAPIErrorHandler, j as useNotification, H as isBaseQueryError } from './reducers-TOuLOGw_.mjs';
+import { u as useAdminRoles } from './useAdminRoles-gR2hyMNd.mjs';
+import { u as useContentTypes } from './useContentTypes-Or3rDVks.mjs';
+import { s as selectIsLoading, a as selectIsWorkflowDirty, b as selectCurrentWorkflow, c as selectRoles, v as validateWorkflow, r as reducer, d as resetWorkflow, e as setWorkflows, f as setContentTypes, g as setRoles, h as setIsLoading, i as addStage, W as WorkflowAttributes, S as Stages } from './validateWorkflow-nIbqjAha.mjs';
+import { D as DragLayerRendered, H as Header, R as Root } from './Layout-12gUdjvi.mjs';
+import { u as useReviewWorkflows } from './useReviewWorkflows-5xeAwxah.mjs';
+
+const ReviewWorkflowsCreatePage = () => {
+  const { formatMessage } = useIntl();
+  const navigate = useNavigate();
+  const {
+    _unstableFormatAPIError: formatAPIError,
+    _unstableFormatValidationErrors: formatValidationErrors
+  } = useAPIErrorHandler();
+  const dispatch = useDispatch();
+  const { toggleNotification } = useNotification();
+  const { collectionTypes, singleTypes, isLoading: isLoadingContentTypes } = useContentTypes();
+  const { isLoading: isLoadingWorkflow, meta, workflows, createWorkflow } = useReviewWorkflows();
+  const { isLoading: isLoadingRoles, roles: serverRoles } = useAdminRoles();
+  const isLoading = useSelector(selectIsLoading);
+  const currentWorkflowIsDirty = useSelector(selectIsWorkflowDirty);
+  const currentWorkflow = useSelector(selectCurrentWorkflow);
+  const roles = useSelector(selectRoles);
+  const [showLimitModal, setShowLimitModal] = React.useState(null);
+  const { isLoading: isLicenseLoading, getFeature } = useLicenseLimits();
+  const [initialErrors, setInitialErrors] = React.useState();
+  const [savePrompts, setSavePrompts] = React.useState({});
+  const limits = getFeature("review-workflows");
+  const numberOfWorkflows = limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME];
+  const stagesPerWorkflow = limits?.[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME];
+  const contentTypesFromOtherWorkflows = workflows?.flatMap((workflow) => workflow.contentTypes);
+  const submitForm = async () => {
+    setSavePrompts({});
+    try {
+      const res = await createWorkflow({
+        // @ts-expect-error – currentWorkflow will have already been validated by formik before it gets here.
+        data: currentWorkflow
+      });
+      if ("error" in res) {
+        if (isBaseQueryError(res.error) && res.error.name === "ValidationError") {
+          setInitialErrors(formatValidationErrors(res.error));
+        }
+        toggleNotification({
+          type: "danger",
+          message: formatAPIError(res.error)
+        });
+        return;
+      }
+      toggleNotification({
+        type: "success",
+        message: formatMessage({
+          id: "Settings.review-workflows.create.page.notification.success",
+          defaultMessage: "Workflow successfully created"
+        })
+      });
+      navigate(res.data.id.toString());
+    } catch (error) {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: "Settings.review-workflows.create.page.notification.error",
+          defaultMessage: "An error occurred"
+        })
+      });
+    }
+  };
+  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 (meta && numberOfWorkflows && meta?.workflowCount >= parseInt(numberOfWorkflows, 10)) {
+        setShowLimitModal("workflow");
+      } else if (currentWorkflow.stages && stagesPerWorkflow && currentWorkflow.stages.length >= parseInt(stagesPerWorkflow, 10)) {
+        setShowLimitModal("stage");
+      } else if (isContentTypeReassignment) {
+        setSavePrompts((prev) => ({ ...prev, hasReassignedContentTypes: true }));
+      } else {
+        submitForm();
+      }
+    },
+    validate(values) {
+      return validateWorkflow({ values, formatMessage });
+    }
+  });
+  useInjectReducer(REDUX_NAMESPACE, reducer);
+  React.useEffect(() => {
+    dispatch(resetWorkflow());
+    if (!isLoadingWorkflow && workflows) {
+      dispatch(setWorkflows({ workflows }));
+    }
+    if (!isLoadingContentTypes) {
+      dispatch(setContentTypes({ collectionTypes, singleTypes }));
+    }
+    if (!isLoadingRoles) {
+      dispatch(setRoles(serverRoles));
+    }
+    dispatch(setIsLoading(isLoadingContentTypes || isLoadingRoles));
+    dispatch(
+      addStage({
+        name: ""
+      })
+    );
+  }, [
+    collectionTypes,
+    dispatch,
+    isLoadingContentTypes,
+    isLoadingRoles,
+    isLoadingWorkflow,
+    serverRoles,
+    singleTypes,
+    workflows
+  ]);
+  React.useEffect(() => {
+    if (!isLoadingWorkflow && !isLicenseLoading) {
+      if (currentWorkflow.stages && limits?.[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME] && stagesPerWorkflow && currentWorkflow.stages.length >= parseInt(stagesPerWorkflow, 10)) {
+        setShowLimitModal("stage");
+      }
+    }
+  }, [isLicenseLoading, isLoadingWorkflow, limits, currentWorkflow.stages, stagesPerWorkflow]);
+  React.useEffect(() => {
+    if (!isLoading && roles?.length === 0) {
+      toggleNotification({
+        blockTransition: true,
+        type: "danger",
+        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(BackButton, {}),
+          primaryAction: /* @__PURE__ */ jsx(
+            Button,
+            {
+              startIcon: /* @__PURE__ */ jsx(Check, {}),
+              type: "submit",
+              size: "M",
+              disabled: !currentWorkflowIsDirty,
+              children: formatMessage({
+                id: "global.save",
+                defaultMessage: "Save"
+              })
+            }
+          ),
+          title: formatMessage({
+            id: "Settings.review-workflows.create.page.title",
+            defaultMessage: "Create Review Workflow"
+          }),
+          subtitle: formatMessage(
+            {
+              id: "Settings.review-workflows.page.subtitle",
+              defaultMessage: "{count, plural, one {# stage} other {# stages}}"
+            },
+            { count: currentWorkflow?.stages?.length ?? 0 }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(Root, { children: /* @__PURE__ */ jsx(Flex, { alignItems: "stretch", direction: "column", gap: 7, children: isLoading ? /* @__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, {}),
+        /* @__PURE__ */ jsx(Stages, { stages: formik.values?.stages })
+      ] }) }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        isOpen: Object.keys(savePrompts).length > 0,
+        onClose: handleConfirmClose,
+        onConfirm: handleConfirmDeleteDialog,
+        children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 5, children: [
+          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.Root,
+      {
+        isOpen: showLimitModal === "workflow",
+        onClose: () => setShowLimitModal(null),
+        children: [
+          /* @__PURE__ */ jsx(LimitsModal.Title, { children: formatMessage({
+            id: "Settings.review-workflows.create.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.create.page.workflows.limit.body",
+            defaultMessage: "Delete a workflow or contact Sales to enable more workflows."
+          }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(LimitsModal.Root, { isOpen: showLimitModal === "stage", onClose: () => setShowLimitModal(null), children: [
+      /* @__PURE__ */ jsx(LimitsModal.Title, { children: formatMessage({
+        id: "Settings.review-workflows.create.page.stages.limit.title",
+        defaultMessage: "You have reached the limit of stages for this workflow in your plan"
+      }) }),
+      /* @__PURE__ */ jsx(LimitsModal.Body, { children: formatMessage({
+        id: "Settings.review-workflows.create.page.stages.limit.body",
+        defaultMessage: "Try deleting some stages or contact Sales to enable more stages."
+      }) })
+    ] })
+  ] });
+};
+
+export { ReviewWorkflowsCreatePage };
+//# sourceMappingURL=CreatePage-TuxqMr0o.mjs.map

package/dist/admin/CreatePage-TuxqMr0o.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreatePage-TuxqMr0o.mjs","sources":["../../ee/admin/src/pages/SettingsPage/pages/ReviewWorkflows/CreatePage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Button, Flex, Loader, Typography } from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\nimport { useFormik, Form, FormikProvider, FormikErrors } from 'formik';\nimport { useIntl } from 'react-intl';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useNavigate } from 'react-router-dom';\n\nimport { ConfirmDialog } from '../../../../../../../admin/src/components/ConfirmDialog';\nimport { BackButton } from '../../../../../../../admin/src/features/BackButton';\nimport { useNotification } from '../../../../../../../admin/src/features/Notifications';\nimport { useAdminRoles } from '../../../../../../../admin/src/hooks/useAdminRoles';\nimport { useAPIErrorHandler } from '../../../../../../../admin/src/hooks/useAPIErrorHandler';\nimport { useContentTypes } from '../../../../../../../admin/src/hooks/useContentTypes';\nimport { useInjectReducer } from '../../../../../../../admin/src/hooks/useInjectReducer';\nimport { isBaseQueryError } from '../../../../../../../admin/src/utils/baseQuery';\nimport { useLicenseLimits } from '../../../../hooks/useLicenseLimits';\n\nimport {\n  addStage,\n  resetWorkflow,\n  setContentTypes,\n  setIsLoading,\n  setRoles,\n  setWorkflows,\n} from './actions';\nimport * as Layout from './components/Layout';\nimport { LimitsModal } from './components/LimitsModal';\nimport { Stages } from './components/Stages';\nimport { WorkflowAttributes } from './components/WorkflowAttributes';\nimport {\n  CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME,\n  CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME,\n  REDUX_NAMESPACE,\n} from './constants';\nimport { useReviewWorkflows } from './hooks/useReviewWorkflows';\nimport { CurrentWorkflow, reducer } from './reducer';\nimport {\n  selectIsLoading,\n  selectIsWorkflowDirty,\n  selectCurrentWorkflow,\n  selectRoles,\n} from './selectors';\nimport { validateWorkflow } from './utils/validateWorkflow';\n\nexport const ReviewWorkflowsCreatePage = () => {\n  const { formatMessage } = useIntl();\n  const navigate = useNavigate();\n  const {\n    _unstableFormatAPIError: formatAPIError,\n    _unstableFormatValidationErrors: formatValidationErrors,\n  } = useAPIErrorHandler();\n  const dispatch = useDispatch();\n  const { toggleNotification } = useNotification();\n  const { collectionTypes, singleTypes, isLoading: isLoadingContentTypes } = useContentTypes();\n  const { isLoading: isLoadingWorkflow, meta, workflows, createWorkflow } = useReviewWorkflows();\n  const { isLoading: isLoadingRoles, roles: serverRoles } = useAdminRoles();\n  const isLoading = useSelector(selectIsLoading);\n  const currentWorkflowIsDirty = useSelector(selectIsWorkflowDirty);\n  const currentWorkflow = useSelector(selectCurrentWorkflow);\n  const roles = useSelector(selectRoles);\n  const [showLimitModal, setShowLimitModal] = React.useState<'workflow' | 'stage' | null>(null);\n  const { isLoading: isLicenseLoading, getFeature } = useLicenseLimits();\n  const [initialErrors, setInitialErrors] = React.useState<FormikErrors<CurrentWorkflow>>();\n  const [savePrompts, setSavePrompts] = React.useState<{ hasReassignedContentTypes?: boolean }>({});\n\n  const limits = getFeature<string>('review-workflows');\n  const numberOfWorkflows = limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME];\n  const stagesPerWorkflow = limits?.[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME];\n  const contentTypesFromOtherWorkflows = workflows?.flatMap((workflow) => workflow.contentTypes);\n\n  const submitForm = async () => {\n    setSavePrompts({});\n\n    try {\n      const res = await createWorkflow({\n        // @ts-expect-error – currentWorkflow will have already been validated by formik before it gets here.\n        data: currentWorkflow,\n      });\n\n      if ('error' in res) {\n        if (isBaseQueryError(res.error) && res.error.name === 'ValidationError') {\n          setInitialErrors(formatValidationErrors(res.error));\n        }\n\n        toggleNotification({\n          type: 'danger',\n          message: formatAPIError(res.error),\n        });\n\n        return;\n      }\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({\n          id: 'Settings.review-workflows.create.page.notification.success',\n          defaultMessage: 'Workflow successfully created',\n        }),\n      });\n\n      navigate(res.data.id.toString());\n    } catch (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: 'Settings.review-workflows.create.page.notification.error',\n          defaultMessage: 'An error occurred',\n        }),\n      });\n    }\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      /**\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\n      if (meta && numberOfWorkflows && meta?.workflowCount >= parseInt(numberOfWorkflows, 10)) {\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        currentWorkflow.stages &&\n        stagesPerWorkflow &&\n        currentWorkflow.stages.length >= parseInt(stagesPerWorkflow, 10)\n      ) {\n        setShowLimitModal('stage');\n      } else if (isContentTypeReassignment) {\n        setSavePrompts((prev) => ({ ...prev, hasReassignedContentTypes: true }));\n      } else {\n        submitForm();\n      }\n    },\n    validate(values) {\n      return validateWorkflow({ values, formatMessage });\n    },\n  });\n\n  useInjectReducer(REDUX_NAMESPACE, reducer);\n\n  React.useEffect(() => {\n    dispatch(resetWorkflow());\n\n    if (!isLoadingWorkflow && workflows) {\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(isLoadingContentTypes || isLoadingRoles));\n\n    // Create an empty default stage\n    dispatch(\n      addStage({\n        name: '',\n      })\n    );\n  }, [\n    collectionTypes,\n    dispatch,\n    isLoadingContentTypes,\n    isLoadingRoles,\n    isLoadingWorkflow,\n    serverRoles,\n    singleTypes,\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  React.useEffect(() => {\n    if (!isLoadingWorkflow && !isLicenseLoading) {\n      if (\n        currentWorkflow.stages &&\n        limits?.[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME] &&\n        stagesPerWorkflow &&\n        currentWorkflow.stages.length >= parseInt(stagesPerWorkflow, 10)\n      ) {\n        setShowLimitModal('stage');\n      }\n    }\n  }, [isLicenseLoading, isLoadingWorkflow, limits, currentWorkflow.stages, stagesPerWorkflow]);\n\n  React.useEffect(() => {\n    if (!isLoading && roles?.length === 0) {\n      toggleNotification({\n        blockTransition: true,\n        type: 'danger',\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  return (\n    <>\n      <Layout.DragLayerRendered />\n      <FormikProvider value={formik}>\n        <Form onSubmit={formik.handleSubmit}>\n          <Layout.Header\n            navigationAction={<BackButton />}\n            primaryAction={\n              <Button\n                startIcon={<Check />}\n                type=\"submit\"\n                size=\"M\"\n                disabled={!currentWorkflowIsDirty}\n              >\n                {formatMessage({\n                  id: 'global.save',\n                  defaultMessage: 'Save',\n                })}\n              </Button>\n            }\n            title={formatMessage({\n              id: 'Settings.review-workflows.create.page.title',\n              defaultMessage: 'Create Review Workflow',\n            })}\n            subtitle={formatMessage(\n              {\n                id: 'Settings.review-workflows.page.subtitle',\n                defaultMessage: '{count, plural, one {# stage} other {# stages}}',\n              },\n              { count: currentWorkflow?.stages?.length ?? 0 }\n            )}\n          />\n          <Layout.Root>\n            <Flex alignItems=\"stretch\" direction=\"column\" gap={7}>\n              {isLoading ? (\n                <Loader>\n                  {formatMessage({\n                    id: 'Settings.review-workflows.page.isLoading',\n                    defaultMessage: 'Workflow is loading',\n                  })}\n                </Loader>\n              ) : (\n                <Flex alignItems=\"stretch\" direction=\"column\" gap={7}>\n                  <WorkflowAttributes />\n                  <Stages stages={formik.values?.stages} />\n                </Flex>\n              )}\n            </Flex>\n          </Layout.Root>\n        </Form>\n      </FormikProvider>\n\n      <ConfirmDialog\n        isOpen={Object.keys(savePrompts).length > 0}\n        onClose={handleConfirmClose}\n        onConfirm={handleConfirmDeleteDialog}\n      >\n        <Flex direction=\"column\" gap={5}>\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>\n\n      <LimitsModal.Root\n        isOpen={showLimitModal === 'workflow'}\n        onClose={() => setShowLimitModal(null)}\n      >\n        <LimitsModal.Title>\n          {formatMessage({\n            id: 'Settings.review-workflows.create.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.create.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 isOpen={showLimitModal === 'stage'} onClose={() => setShowLimitModal(null)}>\n        <LimitsModal.Title>\n          {formatMessage({\n            id: 'Settings.review-workflows.create.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.create.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"],"names":["Layout.DragLayerRendered","Layout.Header","Layout.Root"],"mappings":"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"}