@strapi/admin 4.16.2 → 4.17.0

package/dist/_chunks/InformationBoxEE-2d2b6c4a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InformationBoxEE-2d2b6c4a.js","sources":["../../ee/admin/src/content-manager/pages/EditView/components/AssigneeSelect.tsx","../../ee/admin/src/pages/SettingsPage/pages/ReviewWorkflows/hooks/useReviewWorkflowsStages.ts","../../ee/admin/src/content-manager/pages/EditView/components/StageSelect.tsx","../../ee/admin/src/content-manager/pages/EditView/components/InformationBoxEE.tsx"],"sourcesContent":["import { Combobox, ComboboxOption, Field, Flex } from '@strapi/design-system';\nimport {\n  useCMEditViewDataManager,\n  useAPIErrorHandler,\n  useFetchClient,\n  useNotification,\n  useRBAC,\n} from '@strapi/helper-plugin';\nimport { useIntl } from 'react-intl';\nimport { useMutation } from 'react-query';\n\nimport { getDisplayName } from '../../../../../../../admin/src/content-manager/utils/users';\nimport { useTypedSelector } from '../../../../../../../admin/src/core/store/hooks';\nimport { useAdminUsers } from '../../../../../../../admin/src/hooks/useAdminUsers';\n\nimport { ASSIGNEE_ATTRIBUTE_NAME } from './constants';\n\nimport type { Contracts } from '@strapi/plugin-content-manager/_internal/shared';\nimport type { AxiosError, AxiosResponse } from 'axios';\n\nconst AssigneeSelect = () => {\n  const { initialData, layout, isSingleType, onChange } = useCMEditViewDataManager();\n  const permissions = useTypedSelector((state) => state.admin_app.permissions);\n  const { formatMessage } = useIntl();\n  const { formatAPIError } = useAPIErrorHandler();\n  const toggleNotification = useNotification();\n  const { put } = useFetchClient();\n  const {\n    allowedActions: { canRead },\n    isLoading: isLoadingPermissions,\n  } = useRBAC(permissions.settings?.users);\n  const { users, isLoading, isError } = useAdminUsers(\n    {},\n    {\n      enabled: !isLoadingPermissions && canRead,\n    }\n  );\n\n  const currentAssignee = initialData?.[ASSIGNEE_ATTRIBUTE_NAME] ?? null;\n\n  const handleChange = async (assigneeId: string | null) => {\n    mutation.mutate({\n      entityId: initialData.id!,\n      assigneeId: assigneeId ? parseInt(assigneeId, 10) : null,\n      uid: layout!.uid,\n    });\n  };\n\n  const mutation = useMutation<\n    Contracts.ReviewWorkflows.UpdateAssignee.Response['data'],\n    AxiosError<Required<Pick<Contracts.ReviewWorkflows.UpdateAssignee.Response, 'error'>>>,\n    {\n      assigneeId: Contracts.ReviewWorkflows.UpdateAssignee.Request['body']['data']['id'];\n      uid: Contracts.ReviewWorkflows.UpdateAssignee.Params['model'];\n      entityId: Contracts.ReviewWorkflows.UpdateAssignee.Params['id'];\n    }\n  >(\n    async ({ entityId, assigneeId, uid }) => {\n      const typeSlug = isSingleType ? 'single-types' : 'collection-types';\n\n      const {\n        data: { data: createdEntity },\n      } = await put<\n        Contracts.ReviewWorkflows.UpdateAssignee.Response,\n        AxiosResponse<Contracts.ReviewWorkflows.UpdateAssignee.Response>,\n        Contracts.ReviewWorkflows.UpdateAssignee.Request['body']\n      >(`/admin/content-manager/${typeSlug}/${uid}/${entityId}/assignee`, {\n        data: { id: assigneeId },\n      });\n\n      // initialData and modifiedData have to stay in sync, otherwise the entity would be flagged\n      // as modified, which is what the boolean flag is for\n      onChange?.(\n        {\n          target: {\n            type: '',\n            name: ASSIGNEE_ATTRIBUTE_NAME,\n            value: createdEntity[ASSIGNEE_ATTRIBUTE_NAME],\n          },\n        },\n        true\n      );\n\n      return createdEntity;\n    },\n    {\n      onSuccess() {\n        toggleNotification({\n          type: 'success',\n          message: {\n            id: 'content-manager.reviewWorkflows.assignee.notification.saved',\n            defaultMessage: 'Assignee updated',\n          },\n        });\n      },\n    }\n  );\n\n  return (\n    <Field name={ASSIGNEE_ATTRIBUTE_NAME} id={ASSIGNEE_ATTRIBUTE_NAME}>\n      <Flex direction=\"column\" gap={2} alignItems=\"stretch\">\n        <Combobox\n          clearLabel={formatMessage({\n            id: 'content-manager.reviewWorkflows.assignee.clear',\n            defaultMessage: 'Clear assignee',\n          })}\n          error={\n            ((isError &&\n              canRead &&\n              formatMessage({\n                id: 'content-manager.reviewWorkflows.assignee.error',\n                defaultMessage: 'An error occurred while fetching users',\n              })) ||\n              (mutation.error && formatAPIError(mutation.error))) ??\n            undefined\n          }\n          disabled={!isLoadingPermissions && !isLoading && users.length === 0}\n          name={ASSIGNEE_ATTRIBUTE_NAME}\n          id={ASSIGNEE_ATTRIBUTE_NAME}\n          value={currentAssignee ? currentAssignee.id.toString() : null}\n          // @ts-expect-error - DS Combobox wants to return number or string, this will be fixed in V2.\n          onChange={handleChange}\n          onClear={() => handleChange(null)}\n          placeholder={formatMessage({\n            id: 'content-manager.reviewWorkflows.assignee.placeholder',\n            defaultMessage: 'Select …',\n          })}\n          label={formatMessage({\n            id: 'content-manager.reviewWorkflows.assignee.label',\n            defaultMessage: 'Assignee',\n          })}\n          loading={isLoading || isLoadingPermissions || mutation.isLoading}\n        >\n          {users.map((user) => {\n            return (\n              <ComboboxOption\n                key={user.id}\n                value={user.id.toString()}\n                textValue={getDisplayName(user, formatMessage)}\n              >\n                {getDisplayName(user, formatMessage)}\n              </ComboboxOption>\n            );\n          })}\n        </Combobox>\n      </Flex>\n    </Field>\n  );\n};\n\nexport { AssigneeSelect };\n","import * as React from 'react';\n\nimport { useFetchClient } from '@strapi/helper-plugin';\nimport { UseQueryOptions, useQuery } from 'react-query';\n\nimport type { Contracts } from '@strapi/plugin-content-manager/_internal/shared';\nimport type { Entity, Schema } from '@strapi/types';\n\ninterface UseReviewWorkflowStagesArgs {\n  id: Entity.ID;\n  layout: Schema.ContentType;\n}\n\nexport function useReviewWorkflowsStages(\n  { id, layout }: UseReviewWorkflowStagesArgs,\n  queryOptions: Omit<\n    UseQueryOptions<Contracts.ReviewWorkflows.GetStages.Response>,\n    'queryKey' | 'queryFn'\n  > = {}\n) {\n  const { kind, uid } = layout;\n  const slug = kind === 'collectionType' ? 'collection-types' : 'single-types';\n\n  const { get } = useFetchClient();\n\n  const { data, isLoading, refetch } = useQuery<Contracts.ReviewWorkflows.GetStages.Response>(\n    ['content-manager', slug, uid, id, 'stages'],\n    async () => {\n      const { data } = await get<Contracts.ReviewWorkflows.GetStages.Response>(\n        `/admin/content-manager/${slug}/${uid}/${id}/stages`\n      );\n\n      return data;\n    },\n    queryOptions\n  );\n\n  // these return values need to be memoized, because the default value\n  // would lead to infinite rendering loops when used in a dependency array\n  // on an effect\n  const meta = React.useMemo(() => data?.meta ?? { workflowCount: 0 }, [data?.meta]);\n  const stages = React.useMemo(() => data?.data ?? [], [data?.data]);\n\n  return {\n    // meta contains e.g. the total of all workflows. we can not use\n    // the pagination object here, because the list is not paginated.\n    meta,\n    stages,\n    isLoading,\n    refetch,\n  };\n}\n","import * as React from 'react';\n\nimport {\n  SingleSelect,\n  SingleSelectOption,\n  Field,\n  FieldError,\n  FieldHint,\n  Flex,\n  Loader,\n  Typography,\n} from '@strapi/design-system';\nimport {\n  useCMEditViewDataManager,\n  useAPIErrorHandler,\n  useFetchClient,\n  useNotification,\n} from '@strapi/helper-plugin';\nimport { Contracts } from '@strapi/plugin-content-manager/_internal/shared';\nimport { Entity } from '@strapi/types';\nimport { AxiosError, AxiosResponse } from 'axios';\nimport { useIntl } from 'react-intl';\nimport { useMutation } from 'react-query';\n\nimport { useLicenseLimits } from '../../../../hooks/useLicenseLimits';\nimport { LimitsModal } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/components/LimitsModal';\nimport {\n  CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME,\n  CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME,\n} from '../../../../pages/SettingsPage/pages/ReviewWorkflows/constants';\nimport { useReviewWorkflowsStages } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/hooks/useReviewWorkflowsStages';\nimport { getStageColorByHex } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/utils/colors';\n\nimport { STAGE_ATTRIBUTE_NAME } from './constants';\n\nexport const StageSelect = () => {\n  const { initialData, layout: contentType, isSingleType, onChange } = useCMEditViewDataManager();\n  const { put } = useFetchClient();\n  const { formatMessage } = useIntl();\n  const { formatAPIError } = useAPIErrorHandler();\n  const toggleNotification = useNotification();\n  const { meta, stages, isLoading, refetch } = useReviewWorkflowsStages(\n    { id: initialData.id!, layout: contentType! },\n    {\n      enabled: !!initialData?.id,\n    }\n  );\n  const { getFeature } = useLicenseLimits();\n  const [showLimitModal, setShowLimitModal] = React.useState<'stage' | 'workflow' | null>(null);\n\n  const limits = getFeature<string>('review-workflows') ?? {};\n  // it is possible to rely on initialData here, because it always will\n  // be updated at the same time when modifiedData is updated, otherwise\n  // the entity is flagged as modified\n  const activeWorkflowStage = initialData?.[STAGE_ATTRIBUTE_NAME] ?? null;\n\n  const mutation = useMutation<\n    Contracts.ReviewWorkflows.UpdateStage.Response['data'],\n    AxiosError<Required<Pick<Contracts.ReviewWorkflows.UpdateStage.Response, 'error'>>>,\n    {\n      stageId: Contracts.ReviewWorkflows.UpdateStage.Request['body']['data']['id'];\n      uid: Contracts.ReviewWorkflows.UpdateStage.Params['model'];\n      entityId: Contracts.ReviewWorkflows.UpdateStage.Params['id'];\n    }\n  >(\n    async ({ entityId, stageId, uid }) => {\n      const typeSlug = isSingleType ? 'single-types' : 'collection-types';\n\n      const {\n        data: { data: createdEntity },\n      } = await put<\n        Contracts.ReviewWorkflows.UpdateStage.Response,\n        AxiosResponse<Contracts.ReviewWorkflows.UpdateStage.Response>,\n        Contracts.ReviewWorkflows.UpdateStage.Request['body']\n      >(`/admin/content-manager/${typeSlug}/${uid}/${entityId}/stage`, {\n        data: { id: stageId },\n      });\n\n      // initialData and modifiedData have to stay in sync, otherwise the entity would be flagged\n      // as modified, which is what the boolean flag is for\n      onChange?.(\n        {\n          target: {\n            name: STAGE_ATTRIBUTE_NAME,\n            value: createdEntity[STAGE_ATTRIBUTE_NAME],\n            type: '',\n          },\n        },\n        true\n      );\n\n      await refetch();\n\n      return createdEntity;\n    },\n    {\n      onSuccess() {\n        toggleNotification({\n          type: 'success',\n          message: {\n            id: 'content-manager.reviewWorkflows.stage.notification.saved',\n            defaultMessage: 'Review stage updated',\n          },\n        });\n      },\n    }\n  );\n\n  const handleChange = async (stageId: Entity.ID) => {\n    try {\n      /**\n       * If the current license has a limit:\n       * check if the total count of workflows exceeds that limit and display\n       * the limits modal.\n       *\n       * If the current license does not have a limit (e.g. offline license):\n       * do nothing (for now).\n       *\n       */\n\n      if (\n        limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME] &&\n        parseInt(limits[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME], 10) < meta.workflowCount\n      ) {\n        setShowLimitModal('workflow');\n\n        /**\n         * If the current license has a limit:\n         * check if the total count of stages exceeds that limit and display\n         * the limits modal.\n         *\n         * If the current license does not have a limit (e.g. offline license):\n         * do nothing (for now).\n         *\n         */\n      } else if (\n        limits?.[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME] &&\n        parseInt(limits[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME], 10) < stages.length\n      ) {\n        setShowLimitModal('stage');\n      } else {\n        if (initialData.id && contentType) {\n          mutation.mutateAsync({\n            entityId: initialData.id,\n            stageId,\n            uid: contentType.uid,\n          });\n        }\n      }\n    } catch (error) {\n      // react-query@v3: the error doesn't have to be handled here\n      // see: https://github.com/TanStack/query/issues/121\n    }\n  };\n\n  const { themeColorName } = getStageColorByHex(activeWorkflowStage?.color) ?? {};\n\n  return (\n    <>\n      <Field\n        hint={\n          stages.length === 0 &&\n          formatMessage({\n            id: 'content-manager.reviewWorkflows.stages.no-transition',\n            defaultMessage: 'You don’t have the permission to update this stage.',\n          })\n        }\n        name={STAGE_ATTRIBUTE_NAME}\n        id={STAGE_ATTRIBUTE_NAME}\n      >\n        <Flex direction=\"column\" gap={2} alignItems=\"stretch\">\n          <SingleSelect\n            disabled={stages.length === 0}\n            error={(mutation.error && formatAPIError(mutation.error)) || undefined}\n            name={STAGE_ATTRIBUTE_NAME}\n            id={STAGE_ATTRIBUTE_NAME}\n            value={activeWorkflowStage?.id}\n            onChange={handleChange}\n            label={formatMessage({\n              id: 'content-manager.reviewWorkflows.stage.label',\n              defaultMessage: 'Review stage',\n            })}\n            startIcon={\n              activeWorkflowStage && (\n                <Flex\n                  as=\"span\"\n                  height={2}\n                  background={activeWorkflowStage?.color}\n                  borderColor={themeColorName === 'neutral0' ? 'neutral150' : undefined}\n                  hasRadius\n                  shrink={0}\n                  width={2}\n                  marginRight=\"-3px\"\n                />\n              )\n            }\n            // @ts-expect-error – `customizeContent` is not correctly typed in the DS.\n            customizeContent={() => (\n              <Flex as=\"span\" justifyContent=\"space-between\" alignItems=\"center\" width=\"100%\">\n                <Typography textColor=\"neutral800\" ellipsis>\n                  {activeWorkflowStage?.name ?? ''}\n                </Typography>\n                {isLoading ? (\n                  <Loader small style={{ display: 'flex' }} data-testid=\"loader\" />\n                ) : null}\n              </Flex>\n            )}\n          >\n            {stages.map(({ id, color, name }) => {\n              const { themeColorName } = getStageColorByHex(color) ?? {};\n\n              return (\n                <SingleSelectOption\n                  key={id}\n                  startIcon={\n                    <Flex\n                      height={2}\n                      background={color}\n                      borderColor={themeColorName === 'neutral0' ? 'neutral150' : undefined}\n                      hasRadius\n                      shrink={0}\n                      width={2}\n                    />\n                  }\n                  value={id}\n                  textValue={name}\n                >\n                  {name}\n                </SingleSelectOption>\n              );\n            })}\n          </SingleSelect>\n          <FieldHint />\n          <FieldError />\n        </Flex>\n      </Field>\n\n      <LimitsModal.Root\n        isOpen={showLimitModal === 'workflow'}\n        onClose={() => setShowLimitModal(null)}\n      >\n        <LimitsModal.Title>\n          {formatMessage({\n            id: 'content-manager.reviewWorkflows.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: 'content-manager.reviewWorkflows.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: 'content-manager.reviewWorkflows.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: 'content-manager.reviewWorkflows.stages.limit.body',\n            defaultMessage: 'Try deleting some stages or contact Sales to enable more stages.',\n          })}\n        </LimitsModal.Body>\n      </LimitsModal.Root>\n    </>\n  );\n};\n","import { useCMEditViewDataManager } from '@strapi/helper-plugin';\n\nimport { Information } from '../../../../../../../admin/src/content-manager/pages/EditView/components/Information';\n\nimport { AssigneeSelect } from './AssigneeSelect';\nimport { StageSelect } from './StageSelect';\n\nconst InformationBoxEE = () => {\n  const { isCreatingEntry, layout } = useCMEditViewDataManager();\n\n  const hasReviewWorkflowsEnabled = layout?.options?.reviewWorkflows ?? false;\n\n  return (\n    <Information.Root>\n      <Information.Title />\n      {hasReviewWorkflowsEnabled && !isCreatingEntry && (\n        <>\n          <StageSelect />\n          <AssigneeSelect />\n        </>\n      )}\n      <Information.Body />\n    </Information.Root>\n  );\n};\n\nexport { InformationBoxEE };\n"],"names":["useCMEditViewDataManager","useTypedSelector","useIntl","useAPIErrorHandler","useNotification","useFetchClient","useRBAC","useAdminUsers","ASSIGNEE_ATTRIBUTE_NAME","useMutation","jsx","Field","Flex","Combobox","ComboboxOption","getDisplayName","useQuery","data","React","useLicenseLimits","STAGE_ATTRIBUTE_NAME","CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME","CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME","getStageColorByHex","jsxs","Fragment","SingleSelect","Typography","Loader","themeColorName","SingleSelectOption","FieldHint","FieldError","LimitsModal","Information"],"mappings":"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"}

package/dist/_chunks/InformationBoxEE-bd1d2894.mjs

@@ -0,0 +1,379 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useCMEditViewDataManager, useAPIErrorHandler, useNotification, useFetchClient, useRBAC } from "@strapi/helper-plugin";
+import { f as useTypedSelector, g as useAdminUsers, h as getDisplayName, I as Information } from "./index-95e8649d.mjs";
+import { Field, Flex, Combobox, ComboboxOption, SingleSelect, Typography, Loader, SingleSelectOption, FieldHint, FieldError } from "@strapi/design-system";
+import { useIntl } from "react-intl";
+import { useMutation, useQuery } from "react-query";
+import { A as ASSIGNEE_ATTRIBUTE_NAME, S as STAGE_ATTRIBUTE_NAME } from "./constants-a92ce583.mjs";
+import * as React from "react";
+import { u as useLicenseLimits } from "./useLicenseLimits-497c0f5f.mjs";
+import { L as LimitsModal } from "./LimitsModal-d438f513.mjs";
+import { C as CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME, a as CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME } from "./constants-8092eeb5.mjs";
+import { g as getStageColorByHex } from "./colors-bda951e9.mjs";
+import "react-dom/client";
+import "invariant";
+import "lodash/isFunction";
+import "lodash/merge";
+import "lodash/pick";
+import "react-helmet";
+import "react-router-dom";
+import "react-redux";
+import "@radix-ui/react-context";
+import "@strapi/design-system/v2";
+import "@strapi/icons";
+import "formik";
+import "lodash/camelCase";
+import "styled-components";
+import "yup";
+import "@reduxjs/toolkit";
+import "lodash/omit";
+import "qs";
+import "immer";
+import "lodash/get";
+import "lodash/set";
+import "lodash/defaultsDeep";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "react-window";
+import "lodash/cloneDeep";
+import "lodash/isEqual";
+import "lodash/upperFirst";
+import "prop-types";
+import "axios";
+import "lodash/fp";
+import "lodash/isNaN";
+import "lodash/take";
+import "slate";
+import "slate-history";
+import "slate-react";
+import "@radix-ui/react-toolbar";
+import "codemirror5";
+import "sanitize-html";
+import "highlight.js";
+import "markdown-it";
+import "markdown-it-abbr";
+import "markdown-it-container";
+import "markdown-it-deflist";
+import "markdown-it-emoji";
+import "markdown-it-footnote";
+import "markdown-it-ins";
+import "markdown-it-mark";
+import "markdown-it-sub";
+import "markdown-it-sup";
+import "codemirror5/addon/display/placeholder";
+import "lodash/toString";
+import "lodash/isEmpty";
+import "react-dom";
+import "lodash/isBoolean";
+import "lodash/toNumber";
+import "fractional-indexing";
+import "lodash/uniqBy";
+import "lodash/unset";
+import "lodash/isArray";
+import "date-fns/parseISO";
+const AssigneeSelect = () => {
+  const { initialData, layout, isSingleType, onChange } = useCMEditViewDataManager();
+  const permissions = useTypedSelector((state) => state.admin_app.permissions);
+  const { formatMessage } = useIntl();
+  const { formatAPIError } = useAPIErrorHandler();
+  const toggleNotification = useNotification();
+  const { put } = useFetchClient();
+  const {
+    allowedActions: { canRead },
+    isLoading: isLoadingPermissions
+  } = useRBAC(permissions.settings?.users);
+  const { users, isLoading, isError } = useAdminUsers(
+    {},
+    {
+      enabled: !isLoadingPermissions && canRead
+    }
+  );
+  const currentAssignee = initialData?.[ASSIGNEE_ATTRIBUTE_NAME] ?? null;
+  const handleChange = async (assigneeId) => {
+    mutation.mutate({
+      entityId: initialData.id,
+      assigneeId: assigneeId ? parseInt(assigneeId, 10) : null,
+      uid: layout.uid
+    });
+  };
+  const mutation = useMutation(
+    async ({ entityId, assigneeId, uid }) => {
+      const typeSlug = isSingleType ? "single-types" : "collection-types";
+      const {
+        data: { data: createdEntity }
+      } = await put(`/admin/content-manager/${typeSlug}/${uid}/${entityId}/assignee`, {
+        data: { id: assigneeId }
+      });
+      onChange?.(
+        {
+          target: {
+            type: "",
+            name: ASSIGNEE_ATTRIBUTE_NAME,
+            value: createdEntity[ASSIGNEE_ATTRIBUTE_NAME]
+          }
+        },
+        true
+      );
+      return createdEntity;
+    },
+    {
+      onSuccess() {
+        toggleNotification({
+          type: "success",
+          message: {
+            id: "content-manager.reviewWorkflows.assignee.notification.saved",
+            defaultMessage: "Assignee updated"
+          }
+        });
+      }
+    }
+  );
+  return /* @__PURE__ */ jsx(Field, { name: ASSIGNEE_ATTRIBUTE_NAME, id: ASSIGNEE_ATTRIBUTE_NAME, children: /* @__PURE__ */ jsx(Flex, { direction: "column", gap: 2, alignItems: "stretch", children: /* @__PURE__ */ jsx(
+    Combobox,
+    {
+      clearLabel: formatMessage({
+        id: "content-manager.reviewWorkflows.assignee.clear",
+        defaultMessage: "Clear assignee"
+      }),
+      error: (isError && canRead && formatMessage({
+        id: "content-manager.reviewWorkflows.assignee.error",
+        defaultMessage: "An error occurred while fetching users"
+      }) || mutation.error && formatAPIError(mutation.error)) ?? void 0,
+      disabled: !isLoadingPermissions && !isLoading && users.length === 0,
+      name: ASSIGNEE_ATTRIBUTE_NAME,
+      id: ASSIGNEE_ATTRIBUTE_NAME,
+      value: currentAssignee ? currentAssignee.id.toString() : null,
+      onChange: handleChange,
+      onClear: () => handleChange(null),
+      placeholder: formatMessage({
+        id: "content-manager.reviewWorkflows.assignee.placeholder",
+        defaultMessage: "Select …"
+      }),
+      label: formatMessage({
+        id: "content-manager.reviewWorkflows.assignee.label",
+        defaultMessage: "Assignee"
+      }),
+      loading: isLoading || isLoadingPermissions || mutation.isLoading,
+      children: users.map((user) => {
+        return /* @__PURE__ */ jsx(
+          ComboboxOption,
+          {
+            value: user.id.toString(),
+            textValue: getDisplayName(user, formatMessage),
+            children: getDisplayName(user, formatMessage)
+          },
+          user.id
+        );
+      })
+    }
+  ) }) });
+};
+function useReviewWorkflowsStages({ id, layout }, queryOptions = {}) {
+  const { kind, uid } = layout;
+  const slug = kind === "collectionType" ? "collection-types" : "single-types";
+  const { get } = useFetchClient();
+  const { data, isLoading, refetch } = useQuery(
+    ["content-manager", slug, uid, id, "stages"],
+    async () => {
+      const { data: data2 } = await get(
+        `/admin/content-manager/${slug}/${uid}/${id}/stages`
+      );
+      return data2;
+    },
+    queryOptions
+  );
+  const meta = React.useMemo(() => data?.meta ?? { workflowCount: 0 }, [data?.meta]);
+  const stages = React.useMemo(() => data?.data ?? [], [data?.data]);
+  return {
+    // meta contains e.g. the total of all workflows. we can not use
+    // the pagination object here, because the list is not paginated.
+    meta,
+    stages,
+    isLoading,
+    refetch
+  };
+}
+const StageSelect = () => {
+  const { initialData, layout: contentType, isSingleType, onChange } = useCMEditViewDataManager();
+  const { put } = useFetchClient();
+  const { formatMessage } = useIntl();
+  const { formatAPIError } = useAPIErrorHandler();
+  const toggleNotification = useNotification();
+  const { meta, stages, isLoading, refetch } = useReviewWorkflowsStages(
+    { id: initialData.id, layout: contentType },
+    {
+      enabled: !!initialData?.id
+    }
+  );
+  const { getFeature } = useLicenseLimits();
+  const [showLimitModal, setShowLimitModal] = React.useState(null);
+  const limits = getFeature("review-workflows") ?? {};
+  const activeWorkflowStage = initialData?.[STAGE_ATTRIBUTE_NAME] ?? null;
+  const mutation = useMutation(
+    async ({ entityId, stageId, uid }) => {
+      const typeSlug = isSingleType ? "single-types" : "collection-types";
+      const {
+        data: { data: createdEntity }
+      } = await put(`/admin/content-manager/${typeSlug}/${uid}/${entityId}/stage`, {
+        data: { id: stageId }
+      });
+      onChange?.(
+        {
+          target: {
+            name: STAGE_ATTRIBUTE_NAME,
+            value: createdEntity[STAGE_ATTRIBUTE_NAME],
+            type: ""
+          }
+        },
+        true
+      );
+      await refetch();
+      return createdEntity;
+    },
+    {
+      onSuccess() {
+        toggleNotification({
+          type: "success",
+          message: {
+            id: "content-manager.reviewWorkflows.stage.notification.saved",
+            defaultMessage: "Review stage updated"
+          }
+        });
+      }
+    }
+  );
+  const handleChange = async (stageId) => {
+    try {
+      if (limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME] && parseInt(limits[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME], 10) < meta.workflowCount) {
+        setShowLimitModal("workflow");
+      } else if (limits?.[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME] && parseInt(limits[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME], 10) < stages.length) {
+        setShowLimitModal("stage");
+      } else {
+        if (initialData.id && contentType) {
+          mutation.mutateAsync({
+            entityId: initialData.id,
+            stageId,
+            uid: contentType.uid
+          });
+        }
+      }
+    } catch (error) {
+    }
+  };
+  const { themeColorName } = getStageColorByHex(activeWorkflowStage?.color) ?? {};
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        hint: stages.length === 0 && formatMessage({
+          id: "content-manager.reviewWorkflows.stages.no-transition",
+          defaultMessage: "You don’t have the permission to update this stage."
+        }),
+        name: STAGE_ATTRIBUTE_NAME,
+        id: STAGE_ATTRIBUTE_NAME,
+        children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, alignItems: "stretch", children: [
+          /* @__PURE__ */ jsx(
+            SingleSelect,
+            {
+              disabled: stages.length === 0,
+              error: mutation.error && formatAPIError(mutation.error) || void 0,
+              name: STAGE_ATTRIBUTE_NAME,
+              id: STAGE_ATTRIBUTE_NAME,
+              value: activeWorkflowStage?.id,
+              onChange: handleChange,
+              label: formatMessage({
+                id: "content-manager.reviewWorkflows.stage.label",
+                defaultMessage: "Review stage"
+              }),
+              startIcon: activeWorkflowStage && /* @__PURE__ */ jsx(
+                Flex,
+                {
+                  as: "span",
+                  height: 2,
+                  background: activeWorkflowStage?.color,
+                  borderColor: themeColorName === "neutral0" ? "neutral150" : void 0,
+                  hasRadius: true,
+                  shrink: 0,
+                  width: 2,
+                  marginRight: "-3px"
+                }
+              ),
+              customizeContent: () => /* @__PURE__ */ jsxs(Flex, { as: "span", justifyContent: "space-between", alignItems: "center", width: "100%", children: [
+                /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", ellipsis: true, children: activeWorkflowStage?.name ?? "" }),
+                isLoading ? /* @__PURE__ */ jsx(Loader, { small: true, style: { display: "flex" }, "data-testid": "loader" }) : null
+              ] }),
+              children: stages.map(({ id, color, name }) => {
+                const { themeColorName: themeColorName2 } = getStageColorByHex(color) ?? {};
+                return /* @__PURE__ */ jsx(
+                  SingleSelectOption,
+                  {
+                    startIcon: /* @__PURE__ */ jsx(
+                      Flex,
+                      {
+                        height: 2,
+                        background: color,
+                        borderColor: themeColorName2 === "neutral0" ? "neutral150" : void 0,
+                        hasRadius: true,
+                        shrink: 0,
+                        width: 2
+                      }
+                    ),
+                    value: id,
+                    textValue: name,
+                    children: name
+                  },
+                  id
+                );
+              })
+            }
+          ),
+          /* @__PURE__ */ jsx(FieldHint, {}),
+          /* @__PURE__ */ jsx(FieldError, {})
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      LimitsModal.Root,
+      {
+        isOpen: showLimitModal === "workflow",
+        onClose: () => setShowLimitModal(null),
+        children: [
+          /* @__PURE__ */ jsx(LimitsModal.Title, { children: formatMessage({
+            id: "content-manager.reviewWorkflows.workflows.limit.title",
+            defaultMessage: "You’ve reached the limit of workflows in your plan"
+          }) }),
+          /* @__PURE__ */ jsx(LimitsModal.Body, { children: formatMessage({
+            id: "content-manager.reviewWorkflows.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: "content-manager.reviewWorkflows.stages.limit.title",
+        defaultMessage: "You have reached the limit of stages for this workflow in your plan"
+      }) }),
+      /* @__PURE__ */ jsx(LimitsModal.Body, { children: formatMessage({
+        id: "content-manager.reviewWorkflows.stages.limit.body",
+        defaultMessage: "Try deleting some stages or contact Sales to enable more stages."
+      }) })
+    ] })
+  ] });
+};
+const InformationBoxEE = () => {
+  const { isCreatingEntry, layout } = useCMEditViewDataManager();
+  const hasReviewWorkflowsEnabled = layout?.options?.reviewWorkflows ?? false;
+  return /* @__PURE__ */ jsxs(Information.Root, { children: [
+    /* @__PURE__ */ jsx(Information.Title, {}),
+    hasReviewWorkflowsEnabled && !isCreatingEntry && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(StageSelect, {}),
+      /* @__PURE__ */ jsx(AssigneeSelect, {})
+    ] }),
+    /* @__PURE__ */ jsx(Information.Body, {})
+  ] });
+};
+export {
+  InformationBoxEE
+};
+//# sourceMappingURL=InformationBoxEE-bd1d2894.mjs.map

package/dist/_chunks/InformationBoxEE-bd1d2894.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InformationBoxEE-bd1d2894.mjs","sources":["../../ee/admin/src/content-manager/pages/EditView/components/AssigneeSelect.tsx","../../ee/admin/src/pages/SettingsPage/pages/ReviewWorkflows/hooks/useReviewWorkflowsStages.ts","../../ee/admin/src/content-manager/pages/EditView/components/StageSelect.tsx","../../ee/admin/src/content-manager/pages/EditView/components/InformationBoxEE.tsx"],"sourcesContent":["import { Combobox, ComboboxOption, Field, Flex } from '@strapi/design-system';\nimport {\n  useCMEditViewDataManager,\n  useAPIErrorHandler,\n  useFetchClient,\n  useNotification,\n  useRBAC,\n} from '@strapi/helper-plugin';\nimport { useIntl } from 'react-intl';\nimport { useMutation } from 'react-query';\n\nimport { getDisplayName } from '../../../../../../../admin/src/content-manager/utils/users';\nimport { useTypedSelector } from '../../../../../../../admin/src/core/store/hooks';\nimport { useAdminUsers } from '../../../../../../../admin/src/hooks/useAdminUsers';\n\nimport { ASSIGNEE_ATTRIBUTE_NAME } from './constants';\n\nimport type { Contracts } from '@strapi/plugin-content-manager/_internal/shared';\nimport type { AxiosError, AxiosResponse } from 'axios';\n\nconst AssigneeSelect = () => {\n  const { initialData, layout, isSingleType, onChange } = useCMEditViewDataManager();\n  const permissions = useTypedSelector((state) => state.admin_app.permissions);\n  const { formatMessage } = useIntl();\n  const { formatAPIError } = useAPIErrorHandler();\n  const toggleNotification = useNotification();\n  const { put } = useFetchClient();\n  const {\n    allowedActions: { canRead },\n    isLoading: isLoadingPermissions,\n  } = useRBAC(permissions.settings?.users);\n  const { users, isLoading, isError } = useAdminUsers(\n    {},\n    {\n      enabled: !isLoadingPermissions && canRead,\n    }\n  );\n\n  const currentAssignee = initialData?.[ASSIGNEE_ATTRIBUTE_NAME] ?? null;\n\n  const handleChange = async (assigneeId: string | null) => {\n    mutation.mutate({\n      entityId: initialData.id!,\n      assigneeId: assigneeId ? parseInt(assigneeId, 10) : null,\n      uid: layout!.uid,\n    });\n  };\n\n  const mutation = useMutation<\n    Contracts.ReviewWorkflows.UpdateAssignee.Response['data'],\n    AxiosError<Required<Pick<Contracts.ReviewWorkflows.UpdateAssignee.Response, 'error'>>>,\n    {\n      assigneeId: Contracts.ReviewWorkflows.UpdateAssignee.Request['body']['data']['id'];\n      uid: Contracts.ReviewWorkflows.UpdateAssignee.Params['model'];\n      entityId: Contracts.ReviewWorkflows.UpdateAssignee.Params['id'];\n    }\n  >(\n    async ({ entityId, assigneeId, uid }) => {\n      const typeSlug = isSingleType ? 'single-types' : 'collection-types';\n\n      const {\n        data: { data: createdEntity },\n      } = await put<\n        Contracts.ReviewWorkflows.UpdateAssignee.Response,\n        AxiosResponse<Contracts.ReviewWorkflows.UpdateAssignee.Response>,\n        Contracts.ReviewWorkflows.UpdateAssignee.Request['body']\n      >(`/admin/content-manager/${typeSlug}/${uid}/${entityId}/assignee`, {\n        data: { id: assigneeId },\n      });\n\n      // initialData and modifiedData have to stay in sync, otherwise the entity would be flagged\n      // as modified, which is what the boolean flag is for\n      onChange?.(\n        {\n          target: {\n            type: '',\n            name: ASSIGNEE_ATTRIBUTE_NAME,\n            value: createdEntity[ASSIGNEE_ATTRIBUTE_NAME],\n          },\n        },\n        true\n      );\n\n      return createdEntity;\n    },\n    {\n      onSuccess() {\n        toggleNotification({\n          type: 'success',\n          message: {\n            id: 'content-manager.reviewWorkflows.assignee.notification.saved',\n            defaultMessage: 'Assignee updated',\n          },\n        });\n      },\n    }\n  );\n\n  return (\n    <Field name={ASSIGNEE_ATTRIBUTE_NAME} id={ASSIGNEE_ATTRIBUTE_NAME}>\n      <Flex direction=\"column\" gap={2} alignItems=\"stretch\">\n        <Combobox\n          clearLabel={formatMessage({\n            id: 'content-manager.reviewWorkflows.assignee.clear',\n            defaultMessage: 'Clear assignee',\n          })}\n          error={\n            ((isError &&\n              canRead &&\n              formatMessage({\n                id: 'content-manager.reviewWorkflows.assignee.error',\n                defaultMessage: 'An error occurred while fetching users',\n              })) ||\n              (mutation.error && formatAPIError(mutation.error))) ??\n            undefined\n          }\n          disabled={!isLoadingPermissions && !isLoading && users.length === 0}\n          name={ASSIGNEE_ATTRIBUTE_NAME}\n          id={ASSIGNEE_ATTRIBUTE_NAME}\n          value={currentAssignee ? currentAssignee.id.toString() : null}\n          // @ts-expect-error - DS Combobox wants to return number or string, this will be fixed in V2.\n          onChange={handleChange}\n          onClear={() => handleChange(null)}\n          placeholder={formatMessage({\n            id: 'content-manager.reviewWorkflows.assignee.placeholder',\n            defaultMessage: 'Select …',\n          })}\n          label={formatMessage({\n            id: 'content-manager.reviewWorkflows.assignee.label',\n            defaultMessage: 'Assignee',\n          })}\n          loading={isLoading || isLoadingPermissions || mutation.isLoading}\n        >\n          {users.map((user) => {\n            return (\n              <ComboboxOption\n                key={user.id}\n                value={user.id.toString()}\n                textValue={getDisplayName(user, formatMessage)}\n              >\n                {getDisplayName(user, formatMessage)}\n              </ComboboxOption>\n            );\n          })}\n        </Combobox>\n      </Flex>\n    </Field>\n  );\n};\n\nexport { AssigneeSelect };\n","import * as React from 'react';\n\nimport { useFetchClient } from '@strapi/helper-plugin';\nimport { UseQueryOptions, useQuery } from 'react-query';\n\nimport type { Contracts } from '@strapi/plugin-content-manager/_internal/shared';\nimport type { Entity, Schema } from '@strapi/types';\n\ninterface UseReviewWorkflowStagesArgs {\n  id: Entity.ID;\n  layout: Schema.ContentType;\n}\n\nexport function useReviewWorkflowsStages(\n  { id, layout }: UseReviewWorkflowStagesArgs,\n  queryOptions: Omit<\n    UseQueryOptions<Contracts.ReviewWorkflows.GetStages.Response>,\n    'queryKey' | 'queryFn'\n  > = {}\n) {\n  const { kind, uid } = layout;\n  const slug = kind === 'collectionType' ? 'collection-types' : 'single-types';\n\n  const { get } = useFetchClient();\n\n  const { data, isLoading, refetch } = useQuery<Contracts.ReviewWorkflows.GetStages.Response>(\n    ['content-manager', slug, uid, id, 'stages'],\n    async () => {\n      const { data } = await get<Contracts.ReviewWorkflows.GetStages.Response>(\n        `/admin/content-manager/${slug}/${uid}/${id}/stages`\n      );\n\n      return data;\n    },\n    queryOptions\n  );\n\n  // these return values need to be memoized, because the default value\n  // would lead to infinite rendering loops when used in a dependency array\n  // on an effect\n  const meta = React.useMemo(() => data?.meta ?? { workflowCount: 0 }, [data?.meta]);\n  const stages = React.useMemo(() => data?.data ?? [], [data?.data]);\n\n  return {\n    // meta contains e.g. the total of all workflows. we can not use\n    // the pagination object here, because the list is not paginated.\n    meta,\n    stages,\n    isLoading,\n    refetch,\n  };\n}\n","import * as React from 'react';\n\nimport {\n  SingleSelect,\n  SingleSelectOption,\n  Field,\n  FieldError,\n  FieldHint,\n  Flex,\n  Loader,\n  Typography,\n} from '@strapi/design-system';\nimport {\n  useCMEditViewDataManager,\n  useAPIErrorHandler,\n  useFetchClient,\n  useNotification,\n} from '@strapi/helper-plugin';\nimport { Contracts } from '@strapi/plugin-content-manager/_internal/shared';\nimport { Entity } from '@strapi/types';\nimport { AxiosError, AxiosResponse } from 'axios';\nimport { useIntl } from 'react-intl';\nimport { useMutation } from 'react-query';\n\nimport { useLicenseLimits } from '../../../../hooks/useLicenseLimits';\nimport { LimitsModal } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/components/LimitsModal';\nimport {\n  CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME,\n  CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME,\n} from '../../../../pages/SettingsPage/pages/ReviewWorkflows/constants';\nimport { useReviewWorkflowsStages } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/hooks/useReviewWorkflowsStages';\nimport { getStageColorByHex } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/utils/colors';\n\nimport { STAGE_ATTRIBUTE_NAME } from './constants';\n\nexport const StageSelect = () => {\n  const { initialData, layout: contentType, isSingleType, onChange } = useCMEditViewDataManager();\n  const { put } = useFetchClient();\n  const { formatMessage } = useIntl();\n  const { formatAPIError } = useAPIErrorHandler();\n  const toggleNotification = useNotification();\n  const { meta, stages, isLoading, refetch } = useReviewWorkflowsStages(\n    { id: initialData.id!, layout: contentType! },\n    {\n      enabled: !!initialData?.id,\n    }\n  );\n  const { getFeature } = useLicenseLimits();\n  const [showLimitModal, setShowLimitModal] = React.useState<'stage' | 'workflow' | null>(null);\n\n  const limits = getFeature<string>('review-workflows') ?? {};\n  // it is possible to rely on initialData here, because it always will\n  // be updated at the same time when modifiedData is updated, otherwise\n  // the entity is flagged as modified\n  const activeWorkflowStage = initialData?.[STAGE_ATTRIBUTE_NAME] ?? null;\n\n  const mutation = useMutation<\n    Contracts.ReviewWorkflows.UpdateStage.Response['data'],\n    AxiosError<Required<Pick<Contracts.ReviewWorkflows.UpdateStage.Response, 'error'>>>,\n    {\n      stageId: Contracts.ReviewWorkflows.UpdateStage.Request['body']['data']['id'];\n      uid: Contracts.ReviewWorkflows.UpdateStage.Params['model'];\n      entityId: Contracts.ReviewWorkflows.UpdateStage.Params['id'];\n    }\n  >(\n    async ({ entityId, stageId, uid }) => {\n      const typeSlug = isSingleType ? 'single-types' : 'collection-types';\n\n      const {\n        data: { data: createdEntity },\n      } = await put<\n        Contracts.ReviewWorkflows.UpdateStage.Response,\n        AxiosResponse<Contracts.ReviewWorkflows.UpdateStage.Response>,\n        Contracts.ReviewWorkflows.UpdateStage.Request['body']\n      >(`/admin/content-manager/${typeSlug}/${uid}/${entityId}/stage`, {\n        data: { id: stageId },\n      });\n\n      // initialData and modifiedData have to stay in sync, otherwise the entity would be flagged\n      // as modified, which is what the boolean flag is for\n      onChange?.(\n        {\n          target: {\n            name: STAGE_ATTRIBUTE_NAME,\n            value: createdEntity[STAGE_ATTRIBUTE_NAME],\n            type: '',\n          },\n        },\n        true\n      );\n\n      await refetch();\n\n      return createdEntity;\n    },\n    {\n      onSuccess() {\n        toggleNotification({\n          type: 'success',\n          message: {\n            id: 'content-manager.reviewWorkflows.stage.notification.saved',\n            defaultMessage: 'Review stage updated',\n          },\n        });\n      },\n    }\n  );\n\n  const handleChange = async (stageId: Entity.ID) => {\n    try {\n      /**\n       * If the current license has a limit:\n       * check if the total count of workflows exceeds that limit and display\n       * the limits modal.\n       *\n       * If the current license does not have a limit (e.g. offline license):\n       * do nothing (for now).\n       *\n       */\n\n      if (\n        limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME] &&\n        parseInt(limits[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME], 10) < meta.workflowCount\n      ) {\n        setShowLimitModal('workflow');\n\n        /**\n         * If the current license has a limit:\n         * check if the total count of stages exceeds that limit and display\n         * the limits modal.\n         *\n         * If the current license does not have a limit (e.g. offline license):\n         * do nothing (for now).\n         *\n         */\n      } else if (\n        limits?.[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME] &&\n        parseInt(limits[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME], 10) < stages.length\n      ) {\n        setShowLimitModal('stage');\n      } else {\n        if (initialData.id && contentType) {\n          mutation.mutateAsync({\n            entityId: initialData.id,\n            stageId,\n            uid: contentType.uid,\n          });\n        }\n      }\n    } catch (error) {\n      // react-query@v3: the error doesn't have to be handled here\n      // see: https://github.com/TanStack/query/issues/121\n    }\n  };\n\n  const { themeColorName } = getStageColorByHex(activeWorkflowStage?.color) ?? {};\n\n  return (\n    <>\n      <Field\n        hint={\n          stages.length === 0 &&\n          formatMessage({\n            id: 'content-manager.reviewWorkflows.stages.no-transition',\n            defaultMessage: 'You don’t have the permission to update this stage.',\n          })\n        }\n        name={STAGE_ATTRIBUTE_NAME}\n        id={STAGE_ATTRIBUTE_NAME}\n      >\n        <Flex direction=\"column\" gap={2} alignItems=\"stretch\">\n          <SingleSelect\n            disabled={stages.length === 0}\n            error={(mutation.error && formatAPIError(mutation.error)) || undefined}\n            name={STAGE_ATTRIBUTE_NAME}\n            id={STAGE_ATTRIBUTE_NAME}\n            value={activeWorkflowStage?.id}\n            onChange={handleChange}\n            label={formatMessage({\n              id: 'content-manager.reviewWorkflows.stage.label',\n              defaultMessage: 'Review stage',\n            })}\n            startIcon={\n              activeWorkflowStage && (\n                <Flex\n                  as=\"span\"\n                  height={2}\n                  background={activeWorkflowStage?.color}\n                  borderColor={themeColorName === 'neutral0' ? 'neutral150' : undefined}\n                  hasRadius\n                  shrink={0}\n                  width={2}\n                  marginRight=\"-3px\"\n                />\n              )\n            }\n            // @ts-expect-error – `customizeContent` is not correctly typed in the DS.\n            customizeContent={() => (\n              <Flex as=\"span\" justifyContent=\"space-between\" alignItems=\"center\" width=\"100%\">\n                <Typography textColor=\"neutral800\" ellipsis>\n                  {activeWorkflowStage?.name ?? ''}\n                </Typography>\n                {isLoading ? (\n                  <Loader small style={{ display: 'flex' }} data-testid=\"loader\" />\n                ) : null}\n              </Flex>\n            )}\n          >\n            {stages.map(({ id, color, name }) => {\n              const { themeColorName } = getStageColorByHex(color) ?? {};\n\n              return (\n                <SingleSelectOption\n                  key={id}\n                  startIcon={\n                    <Flex\n                      height={2}\n                      background={color}\n                      borderColor={themeColorName === 'neutral0' ? 'neutral150' : undefined}\n                      hasRadius\n                      shrink={0}\n                      width={2}\n                    />\n                  }\n                  value={id}\n                  textValue={name}\n                >\n                  {name}\n                </SingleSelectOption>\n              );\n            })}\n          </SingleSelect>\n          <FieldHint />\n          <FieldError />\n        </Flex>\n      </Field>\n\n      <LimitsModal.Root\n        isOpen={showLimitModal === 'workflow'}\n        onClose={() => setShowLimitModal(null)}\n      >\n        <LimitsModal.Title>\n          {formatMessage({\n            id: 'content-manager.reviewWorkflows.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: 'content-manager.reviewWorkflows.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: 'content-manager.reviewWorkflows.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: 'content-manager.reviewWorkflows.stages.limit.body',\n            defaultMessage: 'Try deleting some stages or contact Sales to enable more stages.',\n          })}\n        </LimitsModal.Body>\n      </LimitsModal.Root>\n    </>\n  );\n};\n","import { useCMEditViewDataManager } from '@strapi/helper-plugin';\n\nimport { Information } from '../../../../../../../admin/src/content-manager/pages/EditView/components/Information';\n\nimport { AssigneeSelect } from './AssigneeSelect';\nimport { StageSelect } from './StageSelect';\n\nconst InformationBoxEE = () => {\n  const { isCreatingEntry, layout } = useCMEditViewDataManager();\n\n  const hasReviewWorkflowsEnabled = layout?.options?.reviewWorkflows ?? false;\n\n  return (\n    <Information.Root>\n      <Information.Title />\n      {hasReviewWorkflowsEnabled && !isCreatingEntry && (\n        <>\n          <StageSelect />\n          <AssigneeSelect />\n        </>\n      )}\n      <Information.Body />\n    </Information.Root>\n  );\n};\n\nexport { InformationBoxEE };\n"],"names":["data","themeColorName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,iBAAiB,MAAM;AAC3B,QAAM,EAAE,aAAa,QAAQ,cAAc,SAAA,IAAa;AACxD,QAAM,cAAc,iBAAiB,CAAC,UAAU,MAAM,UAAU,WAAW;AACrE,QAAA,EAAE,kBAAkB;AACpB,QAAA,EAAE,mBAAmB;AAC3B,QAAM,qBAAqB;AACrB,QAAA,EAAE,QAAQ;AACV,QAAA;AAAA,IACJ,gBAAgB,EAAE,QAAQ;AAAA,IAC1B,WAAW;AAAA,EACT,IAAA,QAAQ,YAAY,UAAU,KAAK;AACvC,QAAM,EAAE,OAAO,WAAW,QAAY,IAAA;AAAA,IACpC,CAAC;AAAA,IACD;AAAA,MACE,SAAS,CAAC,wBAAwB;AAAA,IACpC;AAAA,EAAA;AAGI,QAAA,kBAAkB,cAAc,uBAAuB,KAAK;AAE5D,QAAA,eAAe,OAAO,eAA8B;AACxD,aAAS,OAAO;AAAA,MACd,UAAU,YAAY;AAAA,MACtB,YAAY,aAAa,SAAS,YAAY,EAAE,IAAI;AAAA,MACpD,KAAK,OAAQ;AAAA,IAAA,CACd;AAAA,EAAA;AAGH,QAAM,WAAW;AAAA,IASf,OAAO,EAAE,UAAU,YAAY,UAAU;AACjC,YAAA,WAAW,eAAe,iBAAiB;AAE3C,YAAA;AAAA,QACJ,MAAM,EAAE,MAAM,cAAc;AAAA,MAAA,IAC1B,MAAM,IAIR,0BAA0B,QAAQ,IAAI,GAAG,IAAI,QAAQ,aAAa;AAAA,QAClE,MAAM,EAAE,IAAI,WAAW;AAAA,MAAA,CACxB;AAID;AAAA,QACE;AAAA,UACE,QAAQ;AAAA,YACN,MAAM;AAAA,YACN,MAAM;AAAA,YACN,OAAO,cAAc,uBAAuB;AAAA,UAC9C;AAAA,QACF;AAAA,QACA;AAAA,MAAA;AAGK,aAAA;AAAA,IACT;AAAA,IACA;AAAA,MACE,YAAY;AACS,2BAAA;AAAA,UACjB,MAAM;AAAA,UACN,SAAS;AAAA,YACP,IAAI;AAAA,YACJ,gBAAgB;AAAA,UAClB;AAAA,QAAA,CACD;AAAA,MACH;AAAA,IACF;AAAA,EAAA;AAGF,SACG,oBAAA,OAAA,EAAM,MAAM,yBAAyB,IAAI,yBACxC,UAAC,oBAAA,MAAA,EAAK,WAAU,UAAS,KAAK,GAAG,YAAW,WAC1C,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,YAAY,cAAc;AAAA,QACxB,IAAI;AAAA,QACJ,gBAAgB;AAAA,MAAA,CACjB;AAAA,MACD,QACI,WACA,WACA,cAAc;AAAA,QACZ,IAAI;AAAA,QACJ,gBAAgB;AAAA,MAAA,CACjB,KACA,SAAS,SAAS,eAAe,SAAS,KAAK,MAClD;AAAA,MAEF,UAAU,CAAC,wBAAwB,CAAC,aAAa,MAAM,WAAW;AAAA,MAClE,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,OAAO,kBAAkB,gBAAgB,GAAG,SAAa,IAAA;AAAA,MAEzD,UAAU;AAAA,MACV,SAAS,MAAM,aAAa,IAAI;AAAA,MAChC,aAAa,cAAc;AAAA,QACzB,IAAI;AAAA,QACJ,gBAAgB;AAAA,MAAA,CACjB;AAAA,MACD,OAAO,cAAc;AAAA,QACnB,IAAI;AAAA,QACJ,gBAAgB;AAAA,MAAA,CACjB;AAAA,MACD,SAAS,aAAa,wBAAwB,SAAS;AAAA,MAEtD,UAAA,MAAM,IAAI,CAAC,SAAS;AAEjB,eAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,OAAO,KAAK,GAAG,SAAS;AAAA,YACxB,WAAW,eAAe,MAAM,aAAa;AAAA,YAE5C,UAAA,eAAe,MAAM,aAAa;AAAA,UAAA;AAAA,UAJ9B,KAAK;AAAA,QAAA;AAAA,MAKZ,CAEH;AAAA,IAAA;AAAA,EAAA,EAEL,CAAA,EACF,CAAA;AAEJ;ACvIO,SAAS,yBACd,EAAE,IAAI,UACN,eAGI,CAAA,GACJ;AACM,QAAA,EAAE,MAAM,IAAQ,IAAA;AAChB,QAAA,OAAO,SAAS,mBAAmB,qBAAqB;AAExD,QAAA,EAAE,QAAQ;AAEhB,QAAM,EAAE,MAAM,WAAW,QAAY,IAAA;AAAA,IACnC,CAAC,mBAAmB,MAAM,KAAK,IAAI,QAAQ;AAAA,IAC3C,YAAY;AACV,YAAM,EAAE,MAAAA,MAAK,IAAI,MAAM;AAAA,QACrB,0BAA0B,IAAI,IAAI,GAAG,IAAI,EAAE;AAAA,MAAA;AAGtCA,aAAAA;AAAAA,IACT;AAAA,IACA;AAAA,EAAA;AAMF,QAAM,OAAO,MAAM,QAAQ,MAAM,MAAM,QAAQ,EAAE,eAAe,EAAE,GAAG,CAAC,MAAM,IAAI,CAAC;AAC3E,QAAA,SAAS,MAAM,QAAQ,MAAM,MAAM,QAAQ,CAAA,GAAI,CAAC,MAAM,IAAI,CAAC;AAE1D,SAAA;AAAA;AAAA;AAAA,IAGL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;AChBO,MAAM,cAAc,MAAM;AAC/B,QAAM,EAAE,aAAa,QAAQ,aAAa,cAAc,SAAA,IAAa;AAC/D,QAAA,EAAE,QAAQ;AACV,QAAA,EAAE,kBAAkB;AACpB,QAAA,EAAE,mBAAmB;AAC3B,QAAM,qBAAqB;AAC3B,QAAM,EAAE,MAAM,QAAQ,WAAW,QAAY,IAAA;AAAA,IAC3C,EAAE,IAAI,YAAY,IAAK,QAAQ,YAAa;AAAA,IAC5C;AAAA,MACE,SAAS,CAAC,CAAC,aAAa;AAAA,IAC1B;AAAA,EAAA;AAEI,QAAA,EAAE,eAAe;AACvB,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,MAAM,SAAsC,IAAI;AAE5F,QAAM,SAAS,WAAmB,kBAAkB,KAAK,CAAA;AAInD,QAAA,sBAAsB,cAAc,oBAAoB,KAAK;AAEnE,QAAM,WAAW;AAAA,IASf,OAAO,EAAE,UAAU,SAAS,UAAU;AAC9B,YAAA,WAAW,eAAe,iBAAiB;AAE3C,YAAA;AAAA,QACJ,MAAM,EAAE,MAAM,cAAc;AAAA,MAAA,IAC1B,MAAM,IAIR,0BAA0B,QAAQ,IAAI,GAAG,IAAI,QAAQ,UAAU;AAAA,QAC/D,MAAM,EAAE,IAAI,QAAQ;AAAA,MAAA,CACrB;AAID;AAAA,QACE;AAAA,UACE,QAAQ;AAAA,YACN,MAAM;AAAA,YACN,OAAO,cAAc,oBAAoB;AAAA,YACzC,MAAM;AAAA,UACR;AAAA,QACF;AAAA,QACA;AAAA,MAAA;AAGF,YAAM,QAAQ;AAEP,aAAA;AAAA,IACT;AAAA,IACA;AAAA,MACE,YAAY;AACS,2BAAA;AAAA,UACjB,MAAM;AAAA,UACN,SAAS;AAAA,YACP,IAAI;AAAA,YACJ,gBAAgB;AAAA,UAClB;AAAA,QAAA,CACD;AAAA,MACH;AAAA,IACF;AAAA,EAAA;AAGI,QAAA,eAAe,OAAO,YAAuB;AAC7C,QAAA;AAYA,UAAA,SAAS,mCAAmC,KAC5C,SAAS,OAAO,mCAAmC,GAAG,EAAE,IAAI,KAAK,eACjE;AACA,0BAAkB,UAAU;AAAA,MAW9B,WACE,SAAS,8CAA8C,KACvD,SAAS,OAAO,8CAA8C,GAAG,EAAE,IAAI,OAAO,QAC9E;AACA,0BAAkB,OAAO;AAAA,MAAA,OACpB;AACD,YAAA,YAAY,MAAM,aAAa;AACjC,mBAAS,YAAY;AAAA,YACnB,UAAU,YAAY;AAAA,YACtB;AAAA,YACA,KAAK,YAAY;AAAA,UAAA,CAClB;AAAA,QACH;AAAA,MACF;AAAA,aACO,OAAO;AAAA,IAGhB;AAAA,EAAA;AAGF,QAAM,EAAE,eAAe,IAAI,mBAAmB,qBAAqB,KAAK,KAAK;AAE7E,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MACE,OAAO,WAAW,KAClB,cAAc;AAAA,UACZ,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB;AAAA,QAEH,MAAM;AAAA,QACN,IAAI;AAAA,QAEJ,+BAAC,MAAK,EAAA,WAAU,UAAS,KAAK,GAAG,YAAW,WAC1C,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,UAAU,OAAO,WAAW;AAAA,cAC5B,OAAQ,SAAS,SAAS,eAAe,SAAS,KAAK,KAAM;AAAA,cAC7D,MAAM;AAAA,cACN,IAAI;AAAA,cACJ,OAAO,qBAAqB;AAAA,cAC5B,UAAU;AAAA,cACV,OAAO,cAAc;AAAA,gBACnB,IAAI;AAAA,gBACJ,gBAAgB;AAAA,cAAA,CACjB;AAAA,cACD,WACE,uBACE;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,QAAQ;AAAA,kBACR,YAAY,qBAAqB;AAAA,kBACjC,aAAa,mBAAmB,aAAa,eAAe;AAAA,kBAC5D,WAAS;AAAA,kBACT,QAAQ;AAAA,kBACR,OAAO;AAAA,kBACP,aAAY;AAAA,gBAAA;AAAA,cACd;AAAA,cAIJ,kBAAkB,MAChB,qBAAC,MAAK,EAAA,IAAG,QAAO,gBAAe,iBAAgB,YAAW,UAAS,OAAM,QACvE,UAAA;AAAA,gBAAA,oBAAC,cAAW,WAAU,cAAa,UAAQ,MACxC,UAAA,qBAAqB,QAAQ,GAChC,CAAA;AAAA,gBACC,YACC,oBAAC,QAAO,EAAA,OAAK,MAAC,OAAO,EAAE,SAAS,OAAO,GAAG,eAAY,SAAA,CAAS,IAC7D;AAAA,cAAA,GACN;AAAA,cAGD,iBAAO,IAAI,CAAC,EAAE,IAAI,OAAO,WAAW;AACnC,sBAAM,EAAE,gBAAAC,gBAAAA,IAAmB,mBAAmB,KAAK,KAAK;AAGtD,uBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,WACE;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,QAAQ;AAAA,wBACR,YAAY;AAAA,wBACZ,aAAaA,oBAAmB,aAAa,eAAe;AAAA,wBAC5D,WAAS;AAAA,wBACT,QAAQ;AAAA,wBACR,OAAO;AAAA,sBAAA;AAAA,oBACT;AAAA,oBAEF,OAAO;AAAA,oBACP,WAAW;AAAA,oBAEV,UAAA;AAAA,kBAAA;AAAA,kBAdI;AAAA,gBAAA;AAAA,cAeP,CAEH;AAAA,YAAA;AAAA,UACH;AAAA,8BACC,WAAU,EAAA;AAAA,8BACV,YAAW,EAAA;AAAA,QAAA,GACd;AAAA,MAAA;AAAA,IACF;AAAA,IAEA;AAAA,MAAC,YAAY;AAAA,MAAZ;AAAA,QACC,QAAQ,mBAAmB;AAAA,QAC3B,SAAS,MAAM,kBAAkB,IAAI;AAAA,QAErC,UAAA;AAAA,UAAC,oBAAA,YAAY,OAAZ,EACE,UAAc,cAAA;AAAA,YACb,IAAI;AAAA,YACJ,gBAAgB;AAAA,UACjB,CAAA,GACH;AAAA,UAEC,oBAAA,YAAY,MAAZ,EACE,UAAc,cAAA;AAAA,YACb,IAAI;AAAA,YACJ,gBAAgB;AAAA,UACjB,CAAA,GACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IAEA,qBAAC,YAAY,MAAZ,EAAiB,QAAQ,mBAAmB,SAAS,SAAS,MAAM,kBAAkB,IAAI,GACzF,UAAA;AAAA,MAAC,oBAAA,YAAY,OAAZ,EACE,UAAc,cAAA;AAAA,QACb,IAAI;AAAA,QACJ,gBAAgB;AAAA,MACjB,CAAA,GACH;AAAA,MAEC,oBAAA,YAAY,MAAZ,EACE,UAAc,cAAA;AAAA,QACb,IAAI;AAAA,QACJ,gBAAgB;AAAA,MACjB,CAAA,GACH;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;AC1QA,MAAM,mBAAmB,MAAM;AAC7B,QAAM,EAAE,iBAAiB,OAAO,IAAI,yBAAyB;AAEvD,QAAA,4BAA4B,QAAQ,SAAS,mBAAmB;AAGpE,SAAA,qBAAC,YAAY,MAAZ,EACC,UAAA;AAAA,IAAC,oBAAA,YAAY,OAAZ,EAAkB;AAAA,IAClB,6BAA6B,CAAC,mBAE3B,qBAAA,UAAA,EAAA,UAAA;AAAA,MAAA,oBAAC,aAAY,EAAA;AAAA,0BACZ,gBAAe,EAAA;AAAA,IAAA,GAClB;AAAA,IAEF,oBAAC,YAAY,MAAZ,EAAiB;AAAA,EACpB,EAAA,CAAA;AAEJ;"}