@strapi/review-workflows 0.0.0-experimental.826f263c58b6886b849d3f03b81f7a530bc51c91 → 0.0.0-experimental.8c83c87960f2f5ddf95ae2f0acf849052f4a9ab4

package/dist/_chunks/{_id-B853wt9z.js → id-BI6AAFQF.js}

@@ -8,17 +8,15 @@ const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
 const fractionalIndexing = require("fractional-indexing");
 const reactIntl = require("react-intl");
-const reactRedux = require("react-redux");
 const reactRouterDom = require("react-router-dom");
 const yup = require("yup");
-const index = require("./index-Ujtj1Rcp.js");
-const Layout = require("./Layout-BMqtFafC.js");
+const index = require("./index-Nf1qO5tM.js");
+const Layout = require("./Layout-DcZnQxp9.js");
 const reactDndHtml5Backend = require("react-dnd-html5-backend");
 const styledComponents = require("styled-components");
 const reactDnd = require("react-dnd");
 function _interopNamespace(e) {
-  if (e && e.__esModule)
-    return e;
+  if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
     for (const k in e) {
@@ -160,8 +158,7 @@ const useDragAndDrop = (active, {
       const hoverBoundingRect = objectRef.current?.getBoundingClientRect();
       const hoverMiddleY = (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;
       const clientOffset = monitor.getClientOffset();
-      if (!clientOffset)
-        return;
+      if (!clientOffset) return;
       const hoverClientY = clientOffset && clientOffset.y - hoverBoundingRect.top;
       if (typeof dragIndex === "number" && typeof newIndex === "number") {
         if (dragIndex === newIndex) {
@@ -214,10 +211,8 @@ const useDragAndDrop = (active, {
   const getDragDirection = (monitor) => {
     if (monitor && monitor.isDragging() && !monitor.didDrop() && monitor.getInitialClientOffset() && monitor.getClientOffset()) {
       const deltaY = monitor.getInitialClientOffset().y - monitor.getClientOffset().y;
-      if (deltaY > 0)
-        return DIRECTIONS.UPWARD;
-      if (deltaY < 0)
-        return DIRECTIONS.DOWNWARD;
+      if (deltaY > 0) return DIRECTIONS.UPWARD;
+      if (deltaY < 0) return DIRECTIONS.DOWNWARD;
       return null;
     }
     return null;
@@ -313,35 +308,23 @@ const Stages = ({ canDelete = true, canUpdate = true, isCreating }) => {
           left: "50%",
           position: "absolute",
           top: "0",
-          width: 2,
-          zIndex: 1
+          width: 2
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.Flex,
-        {
-          direction: "column",
-          alignItems: "stretch",
-          gap: 6,
-          zIndex: 2,
-          position: "relative",
-          tag: "ol",
-          children: stages.map((stage, index2) => {
-            return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { tag: "li", children: /* @__PURE__ */ jsxRuntime.jsx(
-              Stage,
-              {
-                index: index2,
-                canDelete: stages.length > 1 && canDelete,
-                canReorder: stages.length > 1,
-                canUpdate,
-                stagesCount: stages.length,
-                defaultOpen: isCreating,
-                ...stage
-              }
-            ) }, stage.__temp_key__);
-          })
-        }
-      )
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 6, position: "relative", tag: "ol", children: stages.map((stage, index2) => {
+        return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { tag: "li", children: /* @__PURE__ */ jsxRuntime.jsx(
+          Stage,
+          {
+            index: index2,
+            canDelete: stages.length > 1 && canDelete,
+            canReorder: stages.length > 1,
+            canUpdate,
+            stagesCount: stages.length,
+            defaultOpen: !stage.id,
+            ...stage
+          }
+        ) }, stage.__temp_key__);
+      }) })
     ] }),
     canUpdate && /* @__PURE__ */ jsxRuntime.jsx(
       AddStage,
@@ -458,7 +441,7 @@ const Stage = ({
     addFieldRow("stages", { name, color, permissions });
   };
   const id = React__namespace.useId();
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { ref: composedRef, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { ref: composedRef, shadow: "tableShadow", children: [
     liveText && /* @__PURE__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { "aria-live": "assertive", children: liveText }),
     isDragging ? /* @__PURE__ */ jsxRuntime.jsx(
       designSystem.Box,
@@ -509,7 +492,7 @@ const Stage = ({
                 {
                   background: "transparent",
                   hasRadius: true,
-                  borderWidth: 0,
+                  variant: "ghost",
                   "data-handler-id": handlerId,
                   ref: dragRef,
                   label: formatMessage({
@@ -523,7 +506,7 @@ const Stage = ({
               )
             ] }) : null })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid, { gap: 4, padding: 6, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, padding: 6, children: [
             {
               disabled: !canUpdate,
               label: formatMessage({
@@ -561,7 +544,7 @@ const Stage = ({
               size: 6,
               type: "permissions"
             }
-          ].map(({ size, ...field }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: size, children: /* @__PURE__ */ jsxRuntime.jsx(InputRenderer, { ...field }) }, field.name)) }) })
+          ].map(({ size, ...field }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: size, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsx(InputRenderer, { ...field }) }, field.name)) }) })
         ] })
       }
     )
@@ -666,20 +649,22 @@ const PermissionsField = ({ disabled, name, placeholder, required }) => {
   const { value = [], error, onChange } = strapiAdmin.useField(name);
   const allStages = strapiAdmin.useForm("PermissionsField", (state) => state.values.stages);
   const onFormValueChange = strapiAdmin.useForm("PermissionsField", (state) => state.onChange);
-  const { data: roles = [], isLoading } = useGetAdminRolesQuery();
+  const rolesErrorCount = React__namespace.useRef(0);
+  const { data: roles = [], isLoading, error: getRolesError } = useGetAdminRolesQuery();
   const filteredRoles = roles?.filter((role) => role.code !== "strapi-super-admin") ?? [];
   React__namespace.useEffect(() => {
-    if (!isLoading && roles.length === 0) {
+    if (!isLoading && getRolesError && "status" in getRolesError && getRolesError.status == 403 && rolesErrorCount.current === 0) {
+      rolesErrorCount.current = 1;
       toggleNotification({
         blockTransition: true,
         type: "danger",
         message: formatMessage({
           id: "review-workflows.stage.permissions.noPermissions.description",
-          defaultMessage: "You don’t have the permission to see roles"
+          defaultMessage: "You don’t have the permission to see roles. Contact your administrator."
         })
       });
     }
-  }, [formatMessage, isLoading, roles, toggleNotification]);
+  }, [formatMessage, isLoading, roles, toggleNotification, getRolesError]);
   if (!isLoading && filteredRoles.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       designSystem.Field.Root,
@@ -713,45 +698,45 @@ const PermissionsField = ({ disabled, name, placeholder, required }) => {
       }
     );
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "flex-end", gap: 3, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(PermissionWrapper, { grow: 1, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { error, name, required: true, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
-          id: "Settings.review-workflows.stage.permissions.label",
-          defaultMessage: "Roles that can change this stage"
-        }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.MultiSelect,
-          {
-            disabled,
-            onChange: (values) => {
-              const permissions = values.map((value2) => ({
-                role: parseInt(value2, 10),
-                action: "admin::review-workflows.stage.transition"
-              }));
-              onChange(name, permissions);
-            },
-            placeholder,
-            value: value.map((permission) => `${permission.role}`),
-            withTags: true,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              designSystem.MultiSelectGroup,
-              {
-                label: formatMessage({
-                  id: "Settings.review-workflows.stage.permissions.allRoles.label",
-                  defaultMessage: "All roles"
-                }),
-                values: filteredRoles.map((r) => `${r.id}`),
-                children: filteredRoles.map((role) => {
-                  return /* @__PURE__ */ jsxRuntime.jsx(NestedOption$1, { value: `${role.id}`, children: role.name }, role.id);
-                })
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
-      ] }) }),
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "flex-end", gap: 3, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(PermissionWrapper, { grow: 1, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { error, name, required: true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+        id: "Settings.review-workflows.stage.permissions.label",
+        defaultMessage: "Roles that can change this stage"
+      }) }),
       /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.MultiSelect,
+        {
+          disabled,
+          onChange: (values) => {
+            const permissions = values.map((value2) => ({
+              role: parseInt(value2, 10),
+              action: "admin::review-workflows.stage.transition"
+            }));
+            onChange(name, permissions);
+          },
+          placeholder,
+          value: value.map((permission) => `${permission.role}`),
+          withTags: true,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.MultiSelectGroup,
+            {
+              label: formatMessage({
+                id: "Settings.review-workflows.stage.permissions.allRoles.label",
+                defaultMessage: "All roles"
+              }),
+              values: filteredRoles.map((r) => `${r.id}`),
+              children: filteredRoles.map((role) => {
+                return /* @__PURE__ */ jsxRuntime.jsx(NestedOption$1, { value: `${role.id}`, children: role.name }, role.id);
+              })
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Root, { open: isApplyAllConfirmationOpen, onOpenChange: setIsApplyAllConfirmationOpen, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
         designSystem.IconButton,
         {
           disabled,
@@ -760,42 +745,38 @@ const PermissionsField = ({ disabled, name, placeholder, required }) => {
             defaultMessage: "Apply to all stages"
           }),
           size: "L",
-          variant: "secondary",
-          onClick: () => setIsApplyAllConfirmationOpen(true),
           children: /* @__PURE__ */ jsxRuntime.jsx(icons.Duplicate, {})
         }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        strapiAdmin.ConfirmDialog,
+        {
+          onConfirm: () => {
+            onFormValueChange(
+              "stages",
+              allStages.map((stage) => ({
+                ...stage,
+                permissions: value
+              }))
+            );
+            setIsApplyAllConfirmationOpen(false);
+            toggleNotification({
+              type: "success",
+              message: formatMessage({
+                id: "Settings.review-workflows.page.edit.confirm.stages.permissions.copy.success",
+                defaultMessage: "Applied roles to all other stages of the workflow"
+              })
+            });
+          },
+          variant: "default",
+          children: formatMessage({
+            id: "Settings.review-workflows.page.edit.confirm.stages.permissions.copy",
+            defaultMessage: "Roles that can change that stage will be applied to all the other stages."
+          })
+        }
       )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      strapiAdmin.ConfirmDialog,
-      {
-        isOpen: isApplyAllConfirmationOpen,
-        onClose: () => setIsApplyAllConfirmationOpen(false),
-        onConfirm: () => {
-          onFormValueChange(
-            "stages",
-            allStages.map((stage) => ({
-              ...stage,
-              permissions: value
-            }))
-          );
-          setIsApplyAllConfirmationOpen(false);
-          toggleNotification({
-            type: "success",
-            message: formatMessage({
-              id: "Settings.review-workflows.page.edit.confirm.stages.permissions.copy.success",
-              defaultMessage: "Applied roles to all other stages of the workflow"
-            })
-          });
-        },
-        variant: "default",
-        children: formatMessage({
-          id: "Settings.review-workflows.page.edit.confirm.stages.permissions.copy",
-          defaultMessage: "Roles that can change that stage will be applied to all the other stages."
-        })
-      }
-    )
-  ] });
+    ] })
+  ] }) });
 };
 const NestedOption$1 = styledComponents.styled(designSystem.MultiSelectOption)`
   padding-left: ${({ theme }) => theme.spaces[7]};
@@ -807,8 +788,8 @@ const PermissionWrapper = styledComponents.styled(designSystem.Flex)`
 `;
 const WorkflowAttributes = ({ canUpdate = true }) => {
   const { formatMessage } = reactIntl.useIntl();
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid, { background: "neutral0", hasRadius: true, gap: 4, padding: 6, shadow: "tableShadow", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 6, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { background: "neutral0", hasRadius: true, gap: 4, padding: 6, shadow: "tableShadow", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsx(
       strapiAdmin.InputRenderer,
       {
         disabled: !canUpdate,
@@ -821,7 +802,8 @@ const WorkflowAttributes = ({ canUpdate = true }) => {
         type: "string"
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 6, children: /* @__PURE__ */ jsxRuntime.jsx(ContentTypesSelector, { disabled: !canUpdate }) })
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsx(ContentTypesSelector, { disabled: !canUpdate }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsx(StageSelector, { disabled: !canUpdate }) })
   ] });
 };
 const ContentTypesSelector = ({ disabled }) => {
@@ -925,15 +907,63 @@ const NestedOption = styledComponents.styled(designSystem.MultiSelectOption)`
 const ContentTypeTakeNotice = styledComponents.styled(designSystem.Typography)`
   font-style: italic;
 `;
+const StageSelector = ({ disabled }) => {
+  const { value: stages = [] } = strapiAdmin.useField("stages");
+  const { formatMessage } = reactIntl.useIntl();
+  const { error, value, onChange } = strapiAdmin.useField("stageRequiredToPublish");
+  const validStages = stages.filter((stage) => stage.name);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    designSystem.Field.Root,
+    {
+      error,
+      name: "stageRequiredToPublish",
+      hint: formatMessage({
+        id: "settings.review-workflows.workflow.stageRequiredToPublish.hint",
+        defaultMessage: "Prevents entries from being published if they are not at the required stage."
+      }),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+          id: "settings.review-workflows.workflow.stageRequiredToPublish.label",
+          defaultMessage: "Required stage for publishing"
+        }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          designSystem.SingleSelect,
+          {
+            disabled,
+            onChange: (value2) => {
+              onChange("stageRequiredToPublish", value2);
+            },
+            value,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "", children: formatMessage({
+                id: "settings.review-workflows.workflow.stageRequiredToPublish.any",
+                defaultMessage: "Any stage"
+              }) }),
+              validStages.map((stage, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.SingleSelectOption,
+                {
+                  value: stage.id?.toString() || stage.__temp_key__,
+                  children: stage.name
+                },
+                `requiredToPublishStage-${stage.id || stage.__temp_key__}`
+              ))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+      ]
+    }
+  );
+};
 const WORKFLOW_SCHEMA = yup__namespace.object({
   contentTypes: yup__namespace.array().of(yup__namespace.string()),
   name: yup__namespace.string().max(255, {
     id: "review-workflows.validation.name.max-length",
     defaultMessage: "Name can not be longer than 255 characters"
-  }).required(),
+  }).required().nullable(),
   stages: yup__namespace.array().of(
     yup__namespace.object().shape({
-      name: yup__namespace.string().required({
+      name: yup__namespace.string().nullable().required({
         id: "review-workflows.validation.stage.name",
         defaultMessage: "Name is required"
       }).max(255, {
@@ -950,7 +980,7 @@ const WORKFLOW_SCHEMA = yup__namespace.object({
           return stages.filter((stage) => stage.name === stageName).length === 1;
         }
       ),
-      color: yup__namespace.string().required({
+      color: yup__namespace.string().nullable().required({
         id: "review-workflows.validation.stage.color",
         defaultMessage: "Color is required"
       }).matches(/^#(?:[0-9a-fA-F]{3}){1,2}$/i),
@@ -967,7 +997,8 @@ const WORKFLOW_SCHEMA = yup__namespace.object({
         })
       ).strict()
     })
-  ).min(1)
+  ).min(1),
+  stageRequiredToPublish: yup__namespace.string().nullable()
 });
 const EditPage = () => {
   const { id = "" } = reactRouterDom.useParams();
@@ -976,7 +1007,6 @@ const EditPage = () => {
   const { _unstableFormatValidationErrors: formatValidationErrors } = strapiAdmin.useAPIErrorHandler();
   const navigate = reactRouterDom.useNavigate();
   const { toggleNotification } = strapiAdmin.useNotification();
-  const dispatch = reactRedux.useDispatch();
   const {
     isLoading: isLoadingWorkflow,
     meta,
@@ -984,7 +1014,7 @@ const EditPage = () => {
     error,
     update,
     create
-  } = Layout.useReviewWorkflows({ id: isCreatingWorkflow ? void 0 : id });
+  } = Layout.useReviewWorkflows();
   const permissions = index.useTypedSelector(
     (state) => state.admin_app.permissions["settings"]?.["review-workflows"]
   );
@@ -1001,13 +1031,17 @@ const EditPage = () => {
   const stagesPerWorkflow = limits?.[index.CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME];
   const submitForm = async (data, helpers) => {
     try {
+      const { stageRequiredToPublish, ...rest } = data;
+      const stageRequiredToPublishName = stageRequiredToPublish === "" ? null : rest.stages.find(
+        (stage) => stage.id === Number(stageRequiredToPublish) || stage.__temp_key__ === stageRequiredToPublish
+      )?.name;
       if (!isCreatingWorkflow) {
         const res = await update(id, {
-          ...data,
+          ...rest,
           // 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: data.stages.map((stage) => {
+          stages: rest.stages.map((stage) => {
             let hasUpdatedPermissions = true;
             const serverStage = currentWorkflow?.stages?.find(
               (serverStage2) => serverStage2.id === stage?.id
@@ -1023,40 +1057,21 @@ const EditPage = () => {
               ...stage,
               permissions: hasUpdatedPermissions ? stage.permissions : void 0
             };
-          })
+          }),
+          stageRequiredToPublishName
         });
         if ("error" in res && index.isBaseQueryError(res.error) && res.error.name === "ValidationError") {
           helpers.setErrors(formatValidationErrors(res.error));
-        } else if ("data" in res) {
-          for (const uid of res.data.contentTypes) {
-            dispatch({
-              type: "contentManagerApi/invalidateTags",
-              payload: [
-                {
-                  type: "ContentTypesConfiguration",
-                  id: uid
-                }
-              ]
-            });
-          }
         }
       } else {
-        const res = await create(data);
+        const res = await create({
+          ...rest,
+          stageRequiredToPublishName
+        });
         if ("error" in res && index.isBaseQueryError(res.error) && res.error.name === "ValidationError") {
           helpers.setErrors(formatValidationErrors(res.error));
         } else if ("data" in res) {
-          for (const uid of res.data.contentTypes) {
-            dispatch({
-              type: "contentManagerApi/invalidateTags",
-              payload: [
-                {
-                  type: "ContentTypesConfiguration",
-                  id: uid
-                }
-              ]
-            });
-          }
-          navigate(`../${res.data.id}`);
+          navigate(`../${res.data.id}`, { replace: true });
         }
       }
     } catch (error2) {
@@ -1120,13 +1135,15 @@ const EditPage = () => {
       return {
         name: "",
         stages: [],
-        contentTypes: []
+        contentTypes: [],
+        stageRequiredToPublish: ""
       };
     } else {
       return {
         name: currentWorkflow.name,
         stages: addTmpKeysToStages(currentWorkflow.stages),
-        contentTypes: currentWorkflow.contentTypes
+        contentTypes: currentWorkflow.contentTypes,
+        stageRequiredToPublish: currentWorkflow.stageRequiredToPublish?.id.toString() ?? ""
       };
     }
   }, [currentWorkflow, isCreatingWorkflow]);
@@ -1149,13 +1166,12 @@ const EditPage = () => {
           /* @__PURE__ */ jsxRuntime.jsx(
             Layout.Header,
             {
-              navigationAction: /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.BackButton, {}),
+              navigationAction: /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.BackButton, { fallback: ".." }),
               primaryAction: canUpdate || canCreate ? /* @__PURE__ */ jsxRuntime.jsx(
                 designSystem.Button,
                 {
                   startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Check, {}),
                   type: "submit",
-                  size: "M",
                   disabled: !modified || isSubmitting || values.stages.length === 0,
                   loading: !Boolean(Object.keys(savePrompts).length > 0) && isSubmitting,
                   children: formatMessage({
@@ -1178,23 +1194,22 @@ const EditPage = () => {
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(Layout.Root, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "stretch", direction: "column", gap: 7, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(WorkflowAttributes, { canUpdate }),
+            /* @__PURE__ */ jsxRuntime.jsx(WorkflowAttributes, { canUpdate: canUpdate || canCreate }),
             /* @__PURE__ */ jsxRuntime.jsx(
               Stages,
               {
                 canDelete,
-                canUpdate,
+                canUpdate: canUpdate || canCreate,
                 isCreating: isCreatingWorkflow
               }
             )
           ] }) }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            strapiAdmin.ConfirmDialog,
+            designSystem.Dialog.Root,
             {
-              isOpen: Object.keys(savePrompts).length > 0,
-              onClose: handleConfirmClose,
-              onConfirm: handleConfirmDeleteDialog(values, { setErrors }),
-              children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 5, children: [
+              open: Object.keys(savePrompts).length > 0,
+              onOpenChange: handleConfirmClose,
+              children: /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.ConfirmDialog, { onConfirm: handleConfirmDeleteDialog(values, { setErrors }), children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 5, children: [
                 savePrompts.hasDeletedServerStages && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textAlign: "center", variant: "omega", children: formatMessage({
                   id: "review-workflows.page.delete.confirm.stages.body",
                   defaultMessage: "All entries assigned to deleted stages will be moved to the previous stage."
@@ -1206,7 +1221,7 @@ const EditPage = () => {
                   },
                   {
                     count: contentTypesFromOtherWorkflows?.filter(
-                      (contentType) => currentWorkflow?.contentTypes?.includes(contentType)
+                      (contentType) => values.contentTypes.includes(contentType)
                     ).length ?? 0
                   }
                 ) }),
@@ -1214,7 +1229,7 @@ const EditPage = () => {
                   id: "review-workflows.page.delete.confirm.confirm",
                   defaultMessage: "Are you sure you want to save?"
                 }) })
-              ] })
+              ] }) })
             }
           )
         ] })
@@ -1223,8 +1238,8 @@ const EditPage = () => {
     /* @__PURE__ */ jsxRuntime.jsxs(
       index.LimitsModal.Root,
       {
-        isOpen: showLimitModal === "workflow",
-        onClose: () => setShowLimitModal(null),
+        open: showLimitModal === "workflow",
+        onOpenChange: () => setShowLimitModal(null),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(index.LimitsModal.Title, { children: formatMessage({
             id: "review-workflows.edit.page.workflows.limit.title",
@@ -1237,16 +1252,23 @@ const EditPage = () => {
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs(index.LimitsModal.Root, { isOpen: showLimitModal === "stage", onClose: () => setShowLimitModal(null), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index.LimitsModal.Title, { children: formatMessage({
-        id: "review-workflows.edit.page.stages.limit.title",
-        defaultMessage: "You have reached the limit of stages for this workflow in your plan"
-      }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(index.LimitsModal.Body, { children: formatMessage({
-        id: "review-workflows.edit.page.stages.limit.body",
-        defaultMessage: "Try deleting some stages or contact Sales to enable more stages."
-      }) })
-    ] })
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      index.LimitsModal.Root,
+      {
+        open: showLimitModal === "stage",
+        onOpenChange: () => setShowLimitModal(null),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(index.LimitsModal.Title, { children: formatMessage({
+            id: "review-workflows.edit.page.stages.limit.title",
+            defaultMessage: "You have reached the limit of stages for this workflow in your plan"
+          }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(index.LimitsModal.Body, { children: formatMessage({
+            id: "review-workflows.edit.page.stages.limit.body",
+            defaultMessage: "Try deleting some stages or contact Sales to enable more stages."
+          }) })
+        ]
+      }
+    )
   ] });
 };
 const addTmpKeysToStages = (data) => {
@@ -1268,4 +1290,4 @@ const ProtectedEditPage = () => {
   return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.Protect, { permissions, children: /* @__PURE__ */ jsxRuntime.jsx(EditPage, {}) });
 };
 exports.ProtectedEditPage = ProtectedEditPage;
-//# sourceMappingURL=_id-B853wt9z.js.map
+//# sourceMappingURL=id-BI6AAFQF.js.map