@strapi/admin 4.20.4 → 5.0.0-alpha.0

package/dist/_chunks/validateWorkflow-Y1LKUNt8.mjs

@@ -1,1055 +0,0 @@
-import * as React from "react";
-import { useEffect } from "react";
-import { Q as useTypedStore, T as useDragAndDrop, V as composeRefs } from "./index-Sr5PWLEf.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Box, Typography, Flex, MultiSelectOption, IconButton, VisuallyHidden, Accordion, AccordionToggle, AccordionContent, Grid, GridItem, TextInput, SingleSelect, SingleSelectOption, MultiSelect, MultiSelectGroup } from "@strapi/design-system";
-import { useTracking, useNotification, NotAllowedInput, ConfirmDialog, useCollator } from "@strapi/helper-plugin";
-import { useIntl } from "react-intl";
-import { useDispatch, useSelector } from "react-redux";
-import styled from "styled-components";
-import { PlusCircle, More, Drag, Duplicate } from "@strapi/icons";
-import PropTypes from "prop-types";
-import { MenuItem, Menu } from "@strapi/design-system/v2";
-import { useField } from "formik";
-import { getEmptyImage } from "react-dnd-html5-backend";
-import { A as ACTION_SET_WORKFLOW, c as ACTION_SET_WORKFLOWS, d as ACTION_ADD_STAGE, e as ACTION_RESET_WORKFLOW, f as ACTION_SET_CONTENT_TYPES, g as ACTION_SET_ROLES, h as ACTION_SET_IS_LOADING, i as ACTION_UPDATE_WORKFLOW, j as ACTION_CLONE_STAGE, k as ACTION_DELETE_STAGE, l as ACTION_UPDATE_STAGE, m as ACTION_UPDATE_STAGES, n as ACTION_UPDATE_STAGE_POSITION, b as STAGE_COLOR_DEFAULT, R as REDUX_NAMESPACE, D as DRAG_DROP_TYPES } from "./constants-8sAt6dKz.mjs";
-import { a as getAvailableStageColors, g as getStageColorByHex } from "./colors-YeFa2BnS.mjs";
-import { createSelector } from "@reduxjs/toolkit";
-import isEqual from "lodash/isEqual";
-import { produce, createDraft } from "immer";
-import set from "lodash/set";
-import * as yup from "yup";
-function useInjectReducer(namespace, reducer2) {
-  const store = useTypedStore();
-  useEffect(() => {
-    store.injectReducer(namespace, reducer2);
-  }, [store, namespace, reducer2]);
-}
-function cloneStage(id) {
-  return {
-    type: ACTION_CLONE_STAGE,
-    payload: { id }
-  };
-}
-function setWorkflow({ workflow }) {
-  return {
-    type: ACTION_SET_WORKFLOW,
-    payload: workflow
-  };
-}
-function setWorkflows({ workflows }) {
-  return {
-    type: ACTION_SET_WORKFLOWS,
-    payload: workflows
-  };
-}
-function deleteStage(stageId) {
-  return {
-    type: ACTION_DELETE_STAGE,
-    payload: {
-      stageId
-    }
-  };
-}
-function addStage(stage) {
-  return {
-    type: ACTION_ADD_STAGE,
-    payload: stage
-  };
-}
-function updateStage(stageId, payload) {
-  return {
-    type: ACTION_UPDATE_STAGE,
-    payload: {
-      stageId,
-      ...payload
-    }
-  };
-}
-function updateStages(payload) {
-  return {
-    type: ACTION_UPDATE_STAGES,
-    payload
-  };
-}
-function updateStagePosition(oldIndex, newIndex) {
-  return {
-    type: ACTION_UPDATE_STAGE_POSITION,
-    payload: {
-      newIndex,
-      oldIndex
-    }
-  };
-}
-function updateWorkflow(payload) {
-  return {
-    type: ACTION_UPDATE_WORKFLOW,
-    payload
-  };
-}
-function resetWorkflow() {
-  return {
-    type: ACTION_RESET_WORKFLOW
-  };
-}
-function setContentTypes(payload) {
-  return {
-    type: ACTION_SET_CONTENT_TYPES,
-    payload
-  };
-}
-function setRoles(payload) {
-  return {
-    type: ACTION_SET_ROLES,
-    payload
-  };
-}
-function setIsLoading(isLoading) {
-  return {
-    type: ACTION_SET_IS_LOADING,
-    payload: isLoading
-  };
-}
-const StyledAddIcon = styled(PlusCircle)`
-  > circle {
-    fill: ${({ theme }) => theme.colors.neutral150};
-  }
-  > path {
-    fill: ${({ theme }) => theme.colors.neutral600};
-  }
-`;
-const StyledButton = styled(Box)`
-  border-radius: 26px;
-
-  svg {
-    height: ${({ theme }) => theme.spaces[6]};
-    width: ${({ theme }) => theme.spaces[6]};
-
-    > path {
-      fill: ${({ theme }) => theme.colors.neutral600};
-    }
-  }
-
-  &:hover {
-    color: ${({ theme }) => theme.colors.primary600} !important;
-    ${Typography} {
-      color: ${({ theme }) => theme.colors.primary600} !important;
-    }
-
-    ${StyledAddIcon} {
-      > circle {
-        fill: ${({ theme }) => theme.colors.primary600};
-      }
-      > path {
-        fill: ${({ theme }) => theme.colors.neutral100};
-      }
-    }
-  }
-
-  &:active {
-    ${Typography} {
-      color: ${({ theme }) => theme.colors.primary600};
-    }
-
-    ${StyledAddIcon} {
-      > circle {
-        fill: ${({ theme }) => theme.colors.primary600};
-      }
-      > path {
-        fill: ${({ theme }) => theme.colors.neutral100};
-      }
-    }
-  }
-`;
-const AddStage = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx(
-    StyledButton,
-    {
-      as: "button",
-      background: "neutral0",
-      border: "neutral150",
-      paddingBottom: 3,
-      paddingLeft: 4,
-      paddingRight: 4,
-      paddingTop: 3,
-      shadow: "filterShadow",
-      ...props,
-      children: /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
-        /* @__PURE__ */ jsx(StyledAddIcon, { "aria-hidden": true }),
-        /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral500", children })
-      ] })
-    }
-  );
-};
-AddStage.propTypes = {
-  children: PropTypes.node.isRequired
-};
-const initialState = {
-  serverState: {
-    contentTypes: {
-      collectionTypes: [],
-      singleTypes: []
-    },
-    roles: [],
-    workflow: null,
-    workflows: []
-  },
-  clientState: {
-    currentWorkflow: {
-      data: {
-        name: "",
-        contentTypes: [],
-        stages: [],
-        permissions: void 0
-      }
-    },
-    isLoading: true
-  }
-};
-function reducer(state = initialState, action) {
-  return produce(state, (draft) => {
-    const { payload } = action;
-    switch (action.type) {
-      case ACTION_SET_CONTENT_TYPES: {
-        draft.serverState.contentTypes = payload;
-        break;
-      }
-      case ACTION_SET_IS_LOADING: {
-        draft.clientState.isLoading = payload;
-        break;
-      }
-      case ACTION_SET_ROLES: {
-        draft.serverState.roles = payload;
-        break;
-      }
-      case ACTION_SET_WORKFLOW: {
-        const workflow = payload;
-        if (workflow) {
-          draft.serverState.workflow = workflow;
-          draft.clientState.currentWorkflow.data = {
-            ...workflow,
-            stages: workflow.stages.map((stage) => ({
-              ...stage,
-              // A safety net in case a stage does not have a color assigned;
-              // this should not happen
-              color: stage?.color ?? STAGE_COLOR_DEFAULT
-            }))
-          };
-        }
-        break;
-      }
-      case ACTION_SET_WORKFLOWS: {
-        draft.serverState.workflows = payload;
-        break;
-      }
-      case ACTION_RESET_WORKFLOW: {
-        draft.clientState = initialState.clientState;
-        draft.serverState = createDraft(initialState.serverState);
-        break;
-      }
-      case ACTION_DELETE_STAGE: {
-        const { stageId } = payload;
-        const { currentWorkflow } = state.clientState;
-        draft.clientState.currentWorkflow.data.stages = currentWorkflow.data.stages?.filter(
-          (stage) => (stage?.id ?? stage.__temp_key__) !== stageId
-        );
-        break;
-      }
-      case ACTION_ADD_STAGE: {
-        const { currentWorkflow } = state.clientState;
-        if (!currentWorkflow.data) {
-          draft.clientState.currentWorkflow.data = {
-            stages: []
-          };
-        }
-        const newTempKey = getMaxTempKey(draft.clientState.currentWorkflow.data.stages);
-        draft.clientState.currentWorkflow.data.stages?.push({
-          ...payload,
-          color: payload?.color ?? STAGE_COLOR_DEFAULT,
-          __temp_key__: newTempKey
-        });
-        break;
-      }
-      case ACTION_CLONE_STAGE: {
-        const { currentWorkflow } = state.clientState;
-        const { id } = payload;
-        const sourceStageIndex = currentWorkflow.data.stages?.findIndex(
-          (stage) => (stage?.id ?? stage?.__temp_key__) === id
-        );
-        if (sourceStageIndex !== void 0 && sourceStageIndex !== -1) {
-          const sourceStage = currentWorkflow.data.stages?.[sourceStageIndex];
-          draft.clientState.currentWorkflow.data.stages?.splice(sourceStageIndex + 1, 0, {
-            ...sourceStage,
-            // @ts-expect-error - We are handling temporary (unsaved) duplicated stages with temporary keys and undefined ids. It should be revamp imo
-            id: void 0,
-            __temp_key__: getMaxTempKey(draft.clientState.currentWorkflow.data.stages)
-          });
-        }
-        break;
-      }
-      case ACTION_UPDATE_STAGE: {
-        const { currentWorkflow } = state.clientState;
-        const { stageId, ...modified } = payload;
-        draft.clientState.currentWorkflow.data.stages = currentWorkflow.data.stages?.map(
-          (stage) => (stage.id ?? stage.__temp_key__) === stageId ? {
-            ...stage,
-            ...modified
-          } : stage
-        );
-        break;
-      }
-      case ACTION_UPDATE_STAGES: {
-        const { currentWorkflow } = state.clientState;
-        draft.clientState.currentWorkflow.data.stages = currentWorkflow.data.stages?.map(
-          (stage) => ({
-            ...stage,
-            ...payload
-          })
-        );
-        break;
-      }
-      case ACTION_UPDATE_STAGE_POSITION: {
-        const {
-          currentWorkflow: {
-            data: { stages }
-          }
-        } = state.clientState;
-        const { newIndex, oldIndex } = payload;
-        if (stages && newIndex >= 0 && newIndex < stages.length) {
-          const stage = stages[oldIndex];
-          const newStages = [...stages];
-          newStages.splice(oldIndex, 1);
-          newStages.splice(newIndex, 0, stage);
-          draft.clientState.currentWorkflow.data.stages = newStages;
-        }
-        break;
-      }
-      case ACTION_UPDATE_WORKFLOW: {
-        draft.clientState.currentWorkflow.data = {
-          ...draft.clientState.currentWorkflow.data,
-          ...payload
-        };
-        break;
-      }
-    }
-  });
-}
-const getMaxTempKey = (stages = []) => {
-  const ids = stages.map((stage) => Number(stage.id ?? stage.__temp_key__));
-  return Math.max(...ids, -1) + 1;
-};
-const selectNamespace = (state) => state[REDUX_NAMESPACE] ?? initialState;
-const selectContentTypes = createSelector(
-  selectNamespace,
-  ({ serverState: { contentTypes } }) => contentTypes
-);
-const selectRoles = createSelector(selectNamespace, ({ serverState: { roles } }) => roles);
-const selectCurrentWorkflow = createSelector(
-  selectNamespace,
-  ({ clientState: { currentWorkflow } }) => currentWorkflow.data
-);
-const selectWorkflows = createSelector(
-  selectNamespace,
-  ({ serverState: { workflows } }) => workflows
-);
-const selectIsWorkflowDirty = createSelector(
-  selectNamespace,
-  ({ serverState, clientState: { currentWorkflow } }) => !isEqual(serverState.workflow, currentWorkflow.data)
-);
-const selectHasDeletedServerStages = createSelector(
-  selectNamespace,
-  ({ serverState, clientState: { currentWorkflow } }) => !(serverState.workflow?.stages ?? []).every(
-    (stage) => !!currentWorkflow.data.stages?.find(({ id }) => id === stage.id)
-  )
-);
-const selectIsLoading = createSelector(
-  selectNamespace,
-  ({ clientState: { isLoading } }) => isLoading
-);
-const selectServerState = createSelector(selectNamespace, ({ serverState }) => serverState);
-const NestedOption$1 = styled(MultiSelectOption)`
-  padding-left: ${({ theme }) => theme.spaces[7]};
-`;
-const PermissionWrapper = styled(Flex)`
-  > * {
-    flex-grow: 1;
-  }
-`;
-const DeleteMenuItem = styled(MenuItem)`
-  color: ${({ theme }) => theme.colors.danger600};
-`;
-const ContextMenuTrigger = styled(Menu.Trigger)`
-  :hover,
-  :focus {
-    background-color: ${({ theme }) => theme.colors.neutral100};
-  }
-
-  > span {
-    font-size: 0;
-  }
-`;
-const DragIconButton = styled(IconButton)`
-  align-items: center;
-  border-radius: ${({ theme }) => theme.borderRadius};
-  display: flex;
-  justify-content: center;
-
-  :hover,
-  :focus {
-    background-color: ${({ theme }) => theme.colors.neutral100};
-  }
-
-  svg {
-    height: auto;
-    width: ${({ theme }) => theme.spaces[3]}};
-  }
-`;
-const AVAILABLE_COLORS = getAvailableStageColors();
-const StageDropPreview = () => {
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      background: "primary100",
-      borderStyle: "dashed",
-      borderColor: "primary600",
-      borderWidth: "1px",
-      display: "block",
-      hasRadius: true,
-      padding: 6,
-      shadow: "tableShadow"
-    }
-  );
-};
-const Stage = ({
-  id,
-  index,
-  canDelete,
-  canReorder,
-  canUpdate,
-  isOpen: isOpenDefault = false,
-  stagesCount
-}) => {
-  const getItemPos = (index2) => `${index2 + 1} of ${stagesCount}`;
-  const handleGrabStage = (index2) => {
-    setLiveText(
-      formatMessage(
-        {
-          id: "dnd.grab-item",
-          defaultMessage: `{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel.`
-        },
-        {
-          item: nameField.value,
-          position: getItemPos(index2)
-        }
-      )
-    );
-  };
-  const handleDropStage = (index2) => {
-    setLiveText(
-      formatMessage(
-        {
-          id: "dnd.drop-item",
-          defaultMessage: `{item}, dropped. Final position in list: {position}.`
-        },
-        {
-          item: nameField.value,
-          position: getItemPos(index2)
-        }
-      )
-    );
-  };
-  const handleCancelDragStage = () => {
-    setLiveText(
-      formatMessage(
-        {
-          id: "dnd.cancel-item",
-          defaultMessage: "{item}, dropped. Re-order cancelled."
-        },
-        {
-          item: nameField.value
-        }
-      )
-    );
-  };
-  const handleMoveStage = (newIndex, oldIndex) => {
-    setLiveText(
-      formatMessage(
-        {
-          id: "dnd.reorder",
-          defaultMessage: "{item}, moved. New position in list: {position}."
-        },
-        {
-          item: nameField.value,
-          position: getItemPos(newIndex)
-        }
-      )
-    );
-    dispatch(updateStagePosition(oldIndex, newIndex));
-  };
-  const handleApplyPermissionsToAllStages = () => {
-    setIsApplyAllConfirmationOpen(true);
-  };
-  const [liveText, setLiveText] = React.useState(null);
-  const { formatMessage } = useIntl();
-  const { trackUsage } = useTracking();
-  const dispatch = useDispatch();
-  const toggleNotification = useNotification();
-  const [isOpen, setIsOpen] = React.useState(isOpenDefault);
-  const [isApplyAllConfirmationOpen, setIsApplyAllConfirmationOpen] = React.useState(false);
-  const [nameField, nameMeta, nameHelper] = useField(`stages.${index}.name`);
-  const [colorField, colorMeta, colorHelper] = useField(`stages.${index}.color`);
-  const [permissionsField, permissionsMeta, permissionsHelper] = useField(`stages.${index}.permissions`);
-  const roles = useSelector(selectRoles);
-  const [{ handlerId, isDragging, handleKeyDown }, stageRef, dropRef, dragRef, dragPreviewRef] = useDragAndDrop(canReorder, {
-    index,
-    item: {
-      index,
-      name: nameField.value
-    },
-    onGrabItem: handleGrabStage,
-    onDropItem: handleDropStage,
-    onMoveItem: handleMoveStage,
-    onCancel: handleCancelDragStage,
-    type: DRAG_DROP_TYPES.STAGE
-  });
-  const composedRef = composeRefs(stageRef, dropRef);
-  const colorOptions = AVAILABLE_COLORS.map(({ hex, name }) => ({
-    value: hex,
-    label: formatMessage(
-      {
-        id: "Settings.review-workflows.stage.color.name",
-        defaultMessage: "{name}"
-      },
-      { name }
-    ),
-    color: hex
-  }));
-  const { themeColorName } = getStageColorByHex(colorField.value) ?? {};
-  const filteredRoles = roles?.filter((role) => role.code !== "strapi-super-admin");
-  React.useEffect(() => {
-    dragPreviewRef(getEmptyImage(), { captureDraggingState: false });
-  }, [dragPreviewRef, index]);
-  return /* @__PURE__ */ jsxs(Box, { ref: (ref) => composedRef(ref), children: [
-    liveText && /* @__PURE__ */ jsx(VisuallyHidden, { "aria-live": "assertive", children: liveText }),
-    isDragging ? /* @__PURE__ */ jsx(StageDropPreview, {}) : /* @__PURE__ */ jsxs(
-      Accordion,
-      {
-        size: "S",
-        variant: "primary",
-        onToggle: () => {
-          setIsOpen(!isOpen);
-          if (!isOpen) {
-            trackUsage("willEditStage");
-          }
-        },
-        expanded: isOpen,
-        shadow: "tableShadow",
-        error: nameMeta.error ?? colorMeta?.error ?? permissionsMeta?.error,
-        hasErrorMessage: false,
-        children: [
-          /* @__PURE__ */ jsx(
-            AccordionToggle,
-            {
-              title: nameField.value,
-              togglePosition: "left",
-              action: (canDelete || canUpdate) && /* @__PURE__ */ jsxs(Flex, { children: [
-                /* @__PURE__ */ jsxs(Menu.Root, { children: [
-                  /* @__PURE__ */ jsxs(ContextMenuTrigger, { size: "S", endIcon: null, paddingLeft: 2, paddingRight: 2, children: [
-                    /* @__PURE__ */ jsx(More, { "aria-hidden": true, focusable: false }),
-                    /* @__PURE__ */ jsx(VisuallyHidden, { as: "span", children: formatMessage({
-                      id: "[tbdb].components.DynamicZone.more-actions",
-                      defaultMessage: "More actions"
-                    }) })
-                  ] }),
-                  /* @__PURE__ */ jsx(Menu.Content, { popoverPlacement: "bottom-end", zIndex: 2, children: /* @__PURE__ */ jsxs(Menu.SubRoot, { children: [
-                    canUpdate && /* @__PURE__ */ jsx(MenuItem, { onClick: () => dispatch(cloneStage(id)), children: formatMessage({
-                      id: "Settings.review-workflows.stage.delete",
-                      defaultMessage: "Duplicate stage"
-                    }) }),
-                    canDelete && /* @__PURE__ */ jsx(DeleteMenuItem, { onClick: () => dispatch(deleteStage(id)), children: formatMessage({
-                      id: "Settings.review-workflows.stage.delete",
-                      defaultMessage: "Delete"
-                    }) })
-                  ] }) })
-                ] }),
-                canUpdate && /* @__PURE__ */ jsx(
-                  DragIconButton,
-                  {
-                    background: "transparent",
-                    forwardedAs: "div",
-                    hasRadius: true,
-                    role: "button",
-                    noBorder: true,
-                    tabIndex: 0,
-                    "data-handler-id": handlerId,
-                    ref: dragRef,
-                    label: formatMessage({
-                      id: "Settings.review-workflows.stage.drag",
-                      defaultMessage: "Drag"
-                    }),
-                    onClick: (e) => e.stopPropagation(),
-                    onKeyDown: handleKeyDown,
-                    children: /* @__PURE__ */ jsx(Drag, {})
-                  }
-                )
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsx(AccordionContent, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ jsxs(Grid, { gap: 4, children: [
-            /* @__PURE__ */ jsx(GridItem, { col: 6, children: /* @__PURE__ */ jsx(
-              TextInput,
-              {
-                ...nameField,
-                id: nameField.name,
-                disabled: !canUpdate,
-                label: formatMessage({
-                  id: "Settings.review-workflows.stage.name.label",
-                  defaultMessage: "Stage name"
-                }),
-                error: nameMeta.error ?? false,
-                onChange: (event) => {
-                  nameHelper.setValue(event.target.value);
-                  dispatch(updateStage(id, { name: event.target.value }));
-                },
-                required: true
-              }
-            ) }),
-            /* @__PURE__ */ jsx(GridItem, { col: 6, children: /* @__PURE__ */ jsx(
-              SingleSelect,
-              {
-                disabled: !canUpdate,
-                error: colorMeta?.error ?? false,
-                id: colorField.name,
-                required: true,
-                label: formatMessage({
-                  id: "content-manager.reviewWorkflows.stage.color",
-                  defaultMessage: "Color"
-                }),
-                onChange: (value) => {
-                  colorHelper.setValue(value);
-                  dispatch(updateStage(id, { color: String(value) }));
-                },
-                value: colorField.value.toUpperCase(),
-                startIcon: /* @__PURE__ */ jsx(
-                  Flex,
-                  {
-                    as: "span",
-                    height: 2,
-                    background: colorField.value,
-                    borderColor: themeColorName === "neutral0" ? "neutral150" : "transparent",
-                    hasRadius: true,
-                    shrink: 0,
-                    width: 2
-                  }
-                ),
-                children: colorOptions.map(({ value, label, color }) => {
-                  const { themeColorName: themeColorName2 } = getStageColorByHex(color) || {};
-                  return /* @__PURE__ */ jsx(
-                    SingleSelectOption,
-                    {
-                      value,
-                      startIcon: /* @__PURE__ */ jsx(
-                        Flex,
-                        {
-                          as: "span",
-                          height: 2,
-                          background: color,
-                          borderColor: themeColorName2 === "neutral0" ? "neutral150" : "transparent",
-                          hasRadius: true,
-                          shrink: 0,
-                          width: 2
-                        }
-                      ),
-                      children: label
-                    },
-                    value
-                  );
-                })
-              }
-            ) }),
-            /* @__PURE__ */ jsx(GridItem, { col: 6, children: filteredRoles?.length === 0 ? /* @__PURE__ */ jsx(
-              NotAllowedInput,
-              {
-                description: {
-                  id: "Settings.review-workflows.stage.permissions.noPermissions.description",
-                  defaultMessage: "You don’t have the permission to see roles"
-                },
-                intlLabel: {
-                  id: "Settings.review-workflows.stage.permissions.label",
-                  defaultMessage: "Roles that can change this stage"
-                },
-                name: permissionsField.name
-              }
-            ) : /* @__PURE__ */ jsxs(Flex, { alignItems: "flex-end", gap: 3, children: [
-              /* @__PURE__ */ jsx(PermissionWrapper, { grow: 1, children: /* @__PURE__ */ jsx(
-                MultiSelect,
-                {
-                  ...permissionsField,
-                  disabled: !canUpdate,
-                  error: permissionsMeta.error ?? false,
-                  id: permissionsField.name,
-                  label: formatMessage({
-                    id: "Settings.review-workflows.stage.permissions.label",
-                    defaultMessage: "Roles that can change this stage"
-                  }),
-                  onChange: (values) => {
-                    const permissions = values.map((value) => ({
-                      role: parseInt(value, 10),
-                      action: "admin::review-workflows.stage.transition"
-                    }));
-                    permissionsHelper.setValue(permissions);
-                    dispatch(updateStage(id, { permissions }));
-                  },
-                  placeholder: formatMessage({
-                    id: "Settings.review-workflows.stage.permissions.placeholder",
-                    defaultMessage: "Select a role"
-                  }),
-                  required: true,
-                  value: (permissionsField.value ?? []).map(
-                    (permission) => `${permission.role}`
-                  ),
-                  withTags: true,
-                  children: /* @__PURE__ */ jsx(
-                    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__ */ jsx(NestedOption$1, { value: `${role.id}`, children: role.name }, role.id);
-                      })
-                    }
-                  )
-                }
-              ) }),
-              /* @__PURE__ */ jsx(
-                IconButton,
-                {
-                  disabled: !canUpdate,
-                  icon: /* @__PURE__ */ jsx(Duplicate, {}),
-                  label: formatMessage({
-                    id: "Settings.review-workflows.stage.permissions.apply.label",
-                    defaultMessage: "Apply to all stages"
-                  }),
-                  size: "L",
-                  variant: "secondary",
-                  onClick: () => handleApplyPermissionsToAllStages()
-                }
-              )
-            ] }) })
-          ] }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ConfirmDialog.Root,
-      {
-        iconRightButton: null,
-        isOpen: isApplyAllConfirmationOpen,
-        onToggleDialog: () => setIsApplyAllConfirmationOpen(false),
-        onConfirm: () => {
-          dispatch(updateStages({ permissions: permissionsField.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"
-            })
-          });
-        },
-        variantRightButton: "default",
-        children: /* @__PURE__ */ jsx(ConfirmDialog.Body, { children: /* @__PURE__ */ jsx(Typography, { textAlign: "center", variant: "omega", 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 Background = styled(Box)`
-  transform: translateX(-50%);
-`;
-const Stages = ({ canDelete = true, canUpdate = true, stages = [] }) => {
-  const { formatMessage } = useIntl();
-  const dispatch = useDispatch();
-  const { trackUsage } = useTracking();
-  return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 6, width: "100%", children: [
-    /* @__PURE__ */ jsxs(Box, { position: "relative", width: "100%", children: [
-      /* @__PURE__ */ jsx(
-        Background,
-        {
-          background: "neutral200",
-          height: "100%",
-          left: "50%",
-          position: "absolute",
-          top: "0",
-          width: 2,
-          zIndex: 1
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Flex,
-        {
-          direction: "column",
-          alignItems: "stretch",
-          gap: 6,
-          zIndex: 2,
-          position: "relative",
-          as: "ol",
-          children: stages.map((stage, index) => {
-            const id = Number(stage?.id ?? stage.__temp_key__);
-            return /* @__PURE__ */ jsx(Box, { as: "li", children: /* @__PURE__ */ jsx(
-              Stage,
-              {
-                id,
-                index,
-                isOpen: !stage.id,
-                canDelete: stages.length > 1 && canDelete,
-                canReorder: stages.length > 1,
-                canUpdate,
-                stagesCount: stages.length
-              }
-            ) }, `stage-${id}`);
-          })
-        }
-      )
-    ] }),
-    canUpdate && /* @__PURE__ */ jsx(
-      AddStage,
-      {
-        type: "button",
-        onClick: () => {
-          dispatch(addStage({ name: "" }));
-          trackUsage("willCreateStage");
-        },
-        children: formatMessage({
-          id: "Settings.review-workflows.stage.add",
-          defaultMessage: "Add new stage"
-        })
-      }
-    )
-  ] });
-};
-const NestedOption = styled(MultiSelectOption)`
-  padding-left: ${({ theme }) => theme.spaces[7]};
-`;
-const ContentTypeTakeNotice = styled(Typography)`
-  font-style: italic;
-`;
-const WorkflowAttributes = ({ canUpdate = true }) => {
-  const { formatMessage, locale } = useIntl();
-  const dispatch = useDispatch();
-  const contentTypes = useSelector(selectContentTypes);
-  const currentWorkflow = useSelector(selectCurrentWorkflow);
-  const workflows = useSelector(selectWorkflows);
-  const [nameField, nameMeta, nameHelper] = useField("name");
-  const [contentTypesField, contentTypesMeta, contentTypesHelper] = useField("contentTypes");
-  const formatter = useCollator(locale, {
-    sensitivity: "base"
-  });
-  return /* @__PURE__ */ jsxs(Grid, { background: "neutral0", hasRadius: true, gap: 4, padding: 6, shadow: "tableShadow", children: [
-    /* @__PURE__ */ jsx(GridItem, { col: 6, children: /* @__PURE__ */ jsx(
-      TextInput,
-      {
-        ...nameField,
-        id: nameField.name,
-        disabled: !canUpdate,
-        label: formatMessage({
-          id: "Settings.review-workflows.workflow.name.label",
-          defaultMessage: "Workflow Name"
-        }),
-        error: nameMeta.error ?? false,
-        onChange: (event) => {
-          dispatch(updateWorkflow({ name: event.target.value }));
-          nameHelper.setValue(event.target.value);
-        },
-        required: true
-      }
-    ) }),
-    contentTypes && /* @__PURE__ */ jsx(GridItem, { col: 6, children: /* @__PURE__ */ jsx(
-      MultiSelect,
-      {
-        ...contentTypesField,
-        customizeContent: (value) => formatMessage(
-          {
-            id: "Settings.review-workflows.workflow.contentTypes.displayValue",
-            defaultMessage: "{count} {count, plural, one {content type} other {content types}} selected"
-          },
-          { count: value?.length }
-        ),
-        disabled: !canUpdate,
-        error: contentTypesMeta.error ?? false,
-        id: contentTypesField.name,
-        label: formatMessage({
-          id: "Settings.review-workflows.workflow.contentTypes.label",
-          defaultMessage: "Associated to"
-        }),
-        onChange: (values) => {
-          dispatch(updateWorkflow({ contentTypes: values }));
-          contentTypesHelper.setValue(values);
-        },
-        placeholder: formatMessage({
-          id: "Settings.review-workflows.workflow.contentTypes.placeholder",
-          defaultMessage: "Select"
-        }),
-        children: [
-          ...contentTypes.collectionTypes.length > 0 ? [
-            {
-              label: formatMessage({
-                id: "Settings.review-workflows.workflow.contentTypes.collectionTypes.label",
-                defaultMessage: "Collection Types"
-              }),
-              children: [...contentTypes.collectionTypes].sort((a, b) => formatter.compare(a.info.displayName, b.info.displayName)).map((contentType) => ({
-                label: contentType.info.displayName,
-                value: contentType.uid
-              }))
-            }
-          ] : [],
-          ...contentTypes.singleTypes.length > 0 ? [
-            {
-              label: formatMessage({
-                id: "Settings.review-workflows.workflow.contentTypes.singleTypes.label",
-                defaultMessage: "Single Types"
-              }),
-              children: [...contentTypes.singleTypes].map((contentType) => ({
-                label: contentType.info.displayName,
-                value: contentType.uid
-              }))
-            }
-          ] : []
-        ].map((opt) => {
-          if ("children" in opt) {
-            return /* @__PURE__ */ jsx(
-              MultiSelectGroup,
-              {
-                label: opt.label,
-                values: opt.children.map((child) => child.value.toString()),
-                children: opt.children.map((child) => {
-                  const { name: assignedWorkflowName } = workflows?.find(
-                    (workflow) => (currentWorkflow && workflow.id !== currentWorkflow.id || !currentWorkflow) && workflow.contentTypes.includes(child.value)
-                  ) ?? {};
-                  return /* @__PURE__ */ jsx(NestedOption, { value: child.value, children: /* @__PURE__ */ jsx(Typography, {
-                    // @ts-expect-error - formatMessage options doesn't expect to be a React component but that's what we need actually for the <i> and <em> components
-                    children: formatMessage(
-                      {
-                        id: "Settings.review-workflows.workflow.contentTypes.assigned.notice",
-                        defaultMessage: "{label} {name, select, undefined {} other {<i>(assigned to <em>{name}</em> workflow)</i>}}"
-                      },
-                      {
-                        label: child.label,
-                        name: assignedWorkflowName,
-                        em: (...children) => /* @__PURE__ */ jsx(Typography, { as: "em", fontWeight: "bold", children }),
-                        i: (...children) => /* @__PURE__ */ jsx(ContentTypeTakeNotice, { children })
-                      }
-                    )
-                  }) }, child.value);
-                })
-              },
-              opt.label
-            );
-          }
-        })
-      }
-    ) })
-  ] });
-};
-async function validateWorkflow({
-  values,
-  formatMessage
-}) {
-  const schema = yup.object({
-    contentTypes: yup.array().of(yup.string()),
-    name: yup.string().max(
-      255,
-      formatMessage({
-        id: "Settings.review-workflows.validation.name.max-length",
-        defaultMessage: "Name can not be longer than 255 characters"
-      })
-    ).required(),
-    stages: yup.array().of(
-      yup.object().shape({
-        name: yup.string().required(
-          formatMessage({
-            id: "Settings.review-workflows.validation.stage.name",
-            defaultMessage: "Name is required"
-          })
-        ).max(
-          255,
-          formatMessage({
-            id: "Settings.review-workflows.validation.stage.max-length",
-            defaultMessage: "Name can not be longer than 255 characters"
-          })
-        ).test(
-          "unique-name",
-          formatMessage({
-            id: "Settings.review-workflows.validation.stage.duplicate",
-            defaultMessage: "Stage name must be unique"
-          }),
-          function(stageName) {
-            const {
-              options: { context }
-            } = this;
-            return context?.stages.filter((stage) => stage.name === stageName).length === 1;
-          }
-        ),
-        color: yup.string().required(
-          formatMessage({
-            id: "Settings.review-workflows.validation.stage.color",
-            defaultMessage: "Color is required"
-          })
-        ).matches(/^#(?:[0-9a-fA-F]{3}){1,2}$/i),
-        permissions: yup.array(
-          yup.object({
-            role: yup.number().strict().typeError(
-              formatMessage({
-                id: "Settings.review-workflows.validation.stage.permissions.role.number",
-                defaultMessage: "Role must be of type number"
-              })
-            ).required(),
-            action: yup.string().required({
-              id: "Settings.review-workflows.validation.stage.permissions.action.required",
-              defaultMessage: "Action is a required argument"
-            })
-          })
-        ).strict()
-      })
-    ).min(1)
-  });
-  try {
-    await schema.validate(values, { abortEarly: false, context: values });
-    return true;
-  } catch (error) {
-    const errors = {};
-    if (error instanceof yup.ValidationError) {
-      error.inner.forEach((error2) => {
-        if (error2.path)
-          set(errors, error2.path, error2.message);
-      });
-    }
-    return errors;
-  }
-}
-export {
-  Stages as S,
-  WorkflowAttributes as W,
-  selectIsWorkflowDirty as a,
-  selectCurrentWorkflow as b,
-  selectRoles as c,
-  setWorkflows as d,
-  setContentTypes as e,
-  setRoles as f,
-  setIsLoading as g,
-  addStage as h,
-  reducer as i,
-  selectServerState as j,
-  selectHasDeletedServerStages as k,
-  setWorkflow as l,
-  resetWorkflow as r,
-  selectIsLoading as s,
-  useInjectReducer as u,
-  validateWorkflow as v
-};
-//# sourceMappingURL=validateWorkflow-Y1LKUNt8.mjs.map