@strapi/admin 4.26.0 → 4.26.2

package/dist/_chunks/InformationBoxEE-CDmKrsLo.js

@@ -0,0 +1,293 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const helperPlugin = require("@strapi/helper-plugin");
+const index = require("./index-BiELGgSr.js");
+const designSystem = require("@strapi/design-system");
+const reactIntl = require("react-intl");
+const reviewWorkflows = require("./reviewWorkflows-kHDJXR8s.js");
+const constants = require("./constants-Do9bkPhf.js");
+const React = require("react");
+const LimitsModal = require("./LimitsModal-5HFqiYwo.js");
+const constants$1 = require("./constants-WJ4DI42l.js");
+const colors = require("./colors-Cx54zjV2.js");
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespace(React);
+const AssigneeSelect = () => {
+  const { initialData, layout, isSingleType, onChange } = helperPlugin.useCMEditViewDataManager();
+  const permissions = index.useTypedSelector((state) => state.admin_app.permissions);
+  const { formatMessage } = reactIntl.useIntl();
+  const { _unstableFormatAPIError: formatAPIError } = helperPlugin.useAPIErrorHandler();
+  const toggleNotification = helperPlugin.useNotification();
+  const {
+    allowedActions: { canRead },
+    isLoading: isLoadingPermissions
+  } = helperPlugin.useRBAC(permissions.settings?.users);
+  const { data, isLoading, isError } = index.useAdminUsers(
+    {},
+    {
+      skip: isLoadingPermissions || !canRead
+    }
+  );
+  const users = data?.users || [];
+  const currentAssignee = initialData?.[constants.ASSIGNEE_ATTRIBUTE_NAME] ?? null;
+  const [updateAssignee, { error, isLoading: isMutating }] = reviewWorkflows.useUpdateAssigneeMutation();
+  const handleChange = async (assigneeId) => {
+    const res = await updateAssignee({
+      slug: isSingleType ? "single-types" : "collection-types",
+      model: layout.uid,
+      id: initialData.id,
+      data: {
+        id: assigneeId ? parseInt(assigneeId, 10) : null
+      }
+    });
+    if ("data" in res) {
+      onChange?.(
+        {
+          target: {
+            type: "",
+            name: constants.ASSIGNEE_ATTRIBUTE_NAME,
+            value: res.data[constants.ASSIGNEE_ATTRIBUTE_NAME]
+          }
+        },
+        true
+      );
+      toggleNotification({
+        type: "success",
+        message: {
+          id: "content-manager.reviewWorkflows.assignee.notification.saved",
+          defaultMessage: "Assignee updated"
+        }
+      });
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field, { name: constants.ASSIGNEE_ATTRIBUTE_NAME, id: constants.ASSIGNEE_ATTRIBUTE_NAME, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", gap: 2, alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.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"
+      }) || error && formatAPIError(error)) ?? void 0,
+      disabled: !isLoadingPermissions && !isLoading && users.length === 0,
+      name: constants.ASSIGNEE_ATTRIBUTE_NAME,
+      id: constants.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 || isMutating,
+      children: users.map((user) => {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.ComboboxOption,
+          {
+            value: user.id.toString(),
+            textValue: index.getDisplayName(user, formatMessage),
+            children: index.getDisplayName(user, formatMessage)
+          },
+          user.id
+        );
+      })
+    }
+  ) }) });
+};
+const StageSelect = () => {
+  const { initialData, layout: contentType, isSingleType, onChange } = helperPlugin.useCMEditViewDataManager();
+  const { formatMessage } = reactIntl.useIntl();
+  const { _unstableFormatAPIError: formatAPIError } = helperPlugin.useAPIErrorHandler();
+  const toggleNotification = helperPlugin.useNotification();
+  const { data, isLoading } = reviewWorkflows.useGetStagesQuery(
+    {
+      slug: isSingleType ? "single-types" : "collection-types",
+      model: contentType.uid,
+      id: initialData.id
+    },
+    {
+      skip: !initialData?.id || !contentType?.uid
+    }
+  );
+  const { meta, stages = [] } = data ?? {};
+  const { getFeature } = index.useLicenseLimits();
+  const [showLimitModal, setShowLimitModal] = React__namespace.useState(null);
+  const limits = getFeature("review-workflows") ?? {};
+  const activeWorkflowStage = initialData?.[constants.STAGE_ATTRIBUTE_NAME] ?? null;
+  const [updateStage, { error }] = reviewWorkflows.useUpdateStageMutation();
+  const handleChange = async (stageId) => {
+    try {
+      if (limits?.[constants$1.CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME] && parseInt(limits[constants$1.CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME], 10) < (meta?.workflowCount ?? 0)) {
+        setShowLimitModal("workflow");
+      } else if (limits?.[constants$1.CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME] && parseInt(limits[constants$1.CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME], 10) < stages.length) {
+        setShowLimitModal("stage");
+      } else {
+        if (initialData.id && contentType) {
+          const res = await updateStage({
+            model: contentType.uid,
+            id: initialData.id,
+            slug: isSingleType ? "single-types" : "collection-types",
+            data: { id: stageId }
+          });
+          if ("data" in res) {
+            onChange?.(
+              {
+                target: {
+                  name: constants.STAGE_ATTRIBUTE_NAME,
+                  value: res.data[constants.STAGE_ATTRIBUTE_NAME],
+                  type: ""
+                }
+              },
+              true
+            );
+            toggleNotification({
+              type: "success",
+              message: {
+                id: "content-manager.reviewWorkflows.stage.notification.saved",
+                defaultMessage: "Review stage updated"
+              }
+            });
+          }
+        }
+      }
+    } catch (error2) {
+    }
+  };
+  const { themeColorName } = colors.getStageColorByHex(activeWorkflowStage?.color) ?? {};
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.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: constants.STAGE_ATTRIBUTE_NAME,
+        id: constants.STAGE_ATTRIBUTE_NAME,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, alignItems: "stretch", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.SingleSelect,
+            {
+              disabled: stages.length === 0,
+              error: error && formatAPIError(error) || void 0,
+              name: constants.STAGE_ATTRIBUTE_NAME,
+              id: constants.STAGE_ATTRIBUTE_NAME,
+              value: activeWorkflowStage?.id,
+              onChange: handleChange,
+              label: formatMessage({
+                id: "content-manager.reviewWorkflows.stage.label",
+                defaultMessage: "Review stage"
+              }),
+              startIcon: activeWorkflowStage && /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Flex,
+                {
+                  as: "span",
+                  height: 2,
+                  background: activeWorkflowStage?.color,
+                  borderColor: themeColorName === "neutral0" ? "neutral150" : void 0,
+                  hasRadius: true,
+                  shrink: 0,
+                  width: 2,
+                  marginRight: "-3px"
+                }
+              ),
+              customizeContent: () => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { as: "span", justifyContent: "space-between", alignItems: "center", width: "100%", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", ellipsis: true, children: activeWorkflowStage?.name ?? "" }),
+                isLoading ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { small: true, style: { display: "flex" }, "data-testid": "loader" }) : null
+              ] }),
+              children: stages.map(({ id, color, name }) => {
+                const { themeColorName: themeColorName2 } = colors.getStageColorByHex(color) ?? {};
+                return /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.SingleSelectOption,
+                  {
+                    startIcon: /* @__PURE__ */ jsxRuntime.jsx(
+                      designSystem.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__ */ jsxRuntime.jsx(designSystem.FieldHint, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.FieldError, {})
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      LimitsModal.LimitsModal.Root,
+      {
+        isOpen: showLimitModal === "workflow",
+        onClose: () => setShowLimitModal(null),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(LimitsModal.LimitsModal.Title, { children: formatMessage({
+            id: "content-manager.reviewWorkflows.workflows.limit.title",
+            defaultMessage: "You’ve reached the limit of workflows in your plan"
+          }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(LimitsModal.LimitsModal.Body, { children: formatMessage({
+            id: "content-manager.reviewWorkflows.workflows.limit.body",
+            defaultMessage: "Delete a workflow or contact Sales to enable more workflows."
+          }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(LimitsModal.LimitsModal.Root, { isOpen: showLimitModal === "stage", onClose: () => setShowLimitModal(null), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(LimitsModal.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__ */ jsxRuntime.jsx(LimitsModal.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 } = helperPlugin.useCMEditViewDataManager();
+  const hasReviewWorkflowsEnabled = layout?.options?.reviewWorkflows ?? false;
+  return /* @__PURE__ */ jsxRuntime.jsxs(index.Information.Root, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(index.Information.Title, {}),
+    hasReviewWorkflowsEnabled && !isCreatingEntry && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(StageSelect, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(AssigneeSelect, {})
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(index.Information.Body, {})
+  ] });
+};
+exports.InformationBoxEE = InformationBoxEE;
+//# sourceMappingURL=InformationBoxEE-CDmKrsLo.js.map

package/dist/_chunks/InformationBoxEE-CDmKrsLo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InformationBoxEE-CDmKrsLo.js","sources":["../../ee/admin/src/content-manager/pages/EditView/components/AssigneeSelect.tsx","../../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  useNotification,\n  useRBAC,\n} from '@strapi/helper-plugin';\nimport { useIntl } from 'react-intl';\n\nimport { getDisplayName } from '../../../../../../../admin/src/content-manager/utils/users';\nimport { useTypedSelector } from '../../../../../../../admin/src/core/store/hooks';\nimport { useAdminUsers } from '../../../../../../../admin/src/services/users';\nimport { useUpdateAssigneeMutation } from '../../../../services/reviewWorkflows';\n\nimport { ASSIGNEE_ATTRIBUTE_NAME } from './constants';\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 { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n  const toggleNotification = useNotification();\n  const {\n    allowedActions: { canRead },\n    isLoading: isLoadingPermissions,\n  } = useRBAC(permissions.settings?.users);\n  const { data, isLoading, isError } = useAdminUsers(\n    {},\n    {\n      skip: isLoadingPermissions || !canRead,\n    }\n  );\n\n  const users = data?.users || [];\n\n  const currentAssignee = initialData?.[ASSIGNEE_ATTRIBUTE_NAME] ?? null;\n\n  const [updateAssignee, { error, isLoading: isMutating }] = useUpdateAssigneeMutation();\n\n  const handleChange = async (assigneeId: string | null) => {\n    const res = await updateAssignee({\n      slug: isSingleType ? 'single-types' : 'collection-types',\n      model: layout!.uid,\n      id: initialData.id!,\n      data: {\n        id: assigneeId ? parseInt(assigneeId, 10) : null,\n      },\n    });\n\n    if ('data' in res) {\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: res.data[ASSIGNEE_ATTRIBUTE_NAME],\n          },\n        },\n        true\n      );\n\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  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              (error && formatAPIError(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 || isMutating}\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 {\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  useNotification,\n} from '@strapi/helper-plugin';\nimport { Entity } from '@strapi/types';\nimport { useIntl } from 'react-intl';\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 { getStageColorByHex } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/utils/colors';\nimport { useGetStagesQuery, useUpdateStageMutation } from '../../../../services/reviewWorkflows';\n\nimport { STAGE_ATTRIBUTE_NAME } from './constants';\n\nexport const StageSelect = () => {\n  const { initialData, layout: contentType, isSingleType, onChange } = useCMEditViewDataManager();\n  const { formatMessage } = useIntl();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n  const toggleNotification = useNotification();\n  const { data, isLoading } = useGetStagesQuery(\n    {\n      slug: isSingleType ? 'single-types' : 'collection-types',\n      model: contentType!.uid,\n      id: initialData!.id!,\n    },\n    {\n      skip: !initialData?.id || !contentType?.uid,\n    }\n  );\n\n  const { meta, stages = [] } = data ?? {};\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 [updateStage, { error }] = useUpdateStageMutation();\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 ?? 0)\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          const res = await updateStage({\n            model: contentType.uid,\n            id: initialData.id,\n            slug: isSingleType ? 'single-types' : 'collection-types',\n            data: { id: stageId },\n          });\n\n          if ('data' in res) {\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: res.data[STAGE_ATTRIBUTE_NAME],\n                  type: '',\n                },\n              },\n              true\n            );\n\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    } 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={(error && formatAPIError(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","useRBAC","useAdminUsers","ASSIGNEE_ATTRIBUTE_NAME","useUpdateAssigneeMutation","jsx","Field","Flex","Combobox","ComboboxOption","getDisplayName","useGetStagesQuery","useLicenseLimits","React","STAGE_ATTRIBUTE_NAME","useUpdateStageMutation","CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME","CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME","error","getStageColorByHex","jsxs","Fragment","SingleSelect","Typography","Loader","themeColorName","SingleSelectOption","FieldHint","FieldError","LimitsModal","Information"],"mappings":"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"}

package/dist/_chunks/InstalledPluginsPage-BrxNFD5S.js

@@ -0,0 +1,122 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const designSystem = require("@strapi/design-system");
+const helperPlugin = require("@strapi/helper-plugin");
+const reactHelmet = require("react-helmet");
+const reactIntl = require("react-intl");
+const reactRedux = require("react-redux");
+const AuthenticatedApp = require("./AuthenticatedApp-VeEtpPSd.js");
+const index = require("./index-BiELGgSr.js");
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespace(React);
+const InstalledPluginsPage = () => {
+  const { formatMessage } = reactIntl.useIntl();
+  const { notifyStatus } = designSystem.useNotifyAT();
+  const toggleNotification = helperPlugin.useNotification();
+  const { _unstableFormatAPIError: formatAPIError } = helperPlugin.useAPIErrorHandler();
+  helperPlugin.useFocusWhenNavigate();
+  const { isLoading, data, error } = index.useGetPluginsQuery();
+  React__namespace.useEffect(() => {
+    if (data) {
+      notifyStatus(
+        formatMessage(
+          {
+            id: "app.utils.notify.data-loaded",
+            defaultMessage: "The {target} has loaded"
+          },
+          {
+            target: formatMessage({
+              id: "global.plugins",
+              defaultMessage: "Plugins"
+            })
+          }
+        )
+      );
+    }
+    if (error) {
+      toggleNotification({
+        type: "warning",
+        message: formatAPIError(error)
+      });
+    }
+  }, [data, error, formatAPIError, formatMessage, notifyStatus, toggleNotification]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Layout, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Main, { "aria-busy": true, children: /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.LoadingIndicatorPage, {}) }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Layout, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.HeaderLayout,
+      {
+        title: formatMessage({
+          id: "global.plugins",
+          defaultMessage: "Plugins"
+        }),
+        subtitle: formatMessage({
+          id: "app.components.ListPluginsPage.description",
+          defaultMessage: "List of the installed plugins in the project."
+        })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.ContentLayout, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: 2, rowCount: data?.plugins?.length ?? 0 + 1, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
+          id: "global.name",
+          defaultMessage: "Name"
+        }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
+          id: "global.description",
+          defaultMessage: "description"
+        }) }) })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: data?.plugins.map(({ name, displayName, description }) => {
+        return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", variant: "omega", fontWeight: "bold", children: formatMessage({
+            id: `global.plugins.${name}`,
+            defaultMessage: displayName
+          }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: formatMessage({
+            id: `global.plugins.${name}.description`,
+            defaultMessage: description
+          }) }) })
+        ] }, name);
+      }) })
+    ] }) })
+  ] }) });
+};
+const ProtectedInstalledPluginsPage = () => {
+  const { formatMessage } = reactIntl.useIntl();
+  const permissions = reactRedux.useSelector(AuthenticatedApp.selectAdminPermissions);
+  return /* @__PURE__ */ jsxRuntime.jsxs(helperPlugin.CheckPagePermissions, { permissions: permissions.marketplace?.main, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactHelmet.Helmet,
+      {
+        title: formatMessage({
+          id: "global.plugins",
+          defaultMessage: "Plugins"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(InstalledPluginsPage, {})
+  ] });
+};
+exports.InstalledPluginsPage = InstalledPluginsPage;
+exports.ProtectedInstalledPluginsPage = ProtectedInstalledPluginsPage;
+//# sourceMappingURL=InstalledPluginsPage-BrxNFD5S.js.map

package/dist/_chunks/InstalledPluginsPage-BrxNFD5S.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstalledPluginsPage-BrxNFD5S.js","sources":["../../admin/src/pages/InstalledPluginsPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  ContentLayout,\n  HeaderLayout,\n  Layout,\n  Main,\n  Table,\n  Tbody,\n  Td,\n  Th,\n  Thead,\n  Tr,\n  Typography,\n  useNotifyAT,\n} from '@strapi/design-system';\nimport {\n  CheckPagePermissions,\n  LoadingIndicatorPage,\n  useAPIErrorHandler,\n  useFocusWhenNavigate,\n  useNotification,\n} from '@strapi/helper-plugin';\nimport { Helmet } from 'react-helmet';\nimport { useIntl } from 'react-intl';\nimport { useSelector } from 'react-redux';\n\nimport { selectAdminPermissions } from '../selectors';\nimport { useGetPluginsQuery } from '../services/admin';\n\nconst InstalledPluginsPage = () => {\n  const { formatMessage } = useIntl();\n  const { notifyStatus } = useNotifyAT();\n  const toggleNotification = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n  useFocusWhenNavigate();\n\n  const { isLoading, data, error } = useGetPluginsQuery();\n\n  React.useEffect(() => {\n    if (data) {\n      notifyStatus(\n        formatMessage(\n          {\n            id: 'app.utils.notify.data-loaded',\n            defaultMessage: 'The {target} has loaded',\n          },\n          {\n            target: formatMessage({\n              id: 'global.plugins',\n              defaultMessage: 'Plugins',\n            }),\n          }\n        )\n      );\n    }\n\n    if (error) {\n      toggleNotification({\n        type: 'warning',\n        message: formatAPIError(error),\n      });\n    }\n  }, [data, error, formatAPIError, formatMessage, notifyStatus, toggleNotification]);\n\n  if (isLoading) {\n    return (\n      <Layout>\n        <Main aria-busy>\n          <LoadingIndicatorPage />\n        </Main>\n      </Layout>\n    );\n  }\n\n  return (\n    <Layout>\n      <Main>\n        <HeaderLayout\n          title={formatMessage({\n            id: 'global.plugins',\n            defaultMessage: 'Plugins',\n          })}\n          subtitle={formatMessage({\n            id: 'app.components.ListPluginsPage.description',\n            defaultMessage: 'List of the installed plugins in the project.',\n          })}\n        />\n        <ContentLayout>\n          <Table colCount={2} rowCount={data?.plugins?.length ?? 0 + 1}>\n            <Thead>\n              <Tr>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({\n                      id: 'global.name',\n                      defaultMessage: 'Name',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({\n                      id: 'global.description',\n                      defaultMessage: 'description',\n                    })}\n                  </Typography>\n                </Th>\n              </Tr>\n            </Thead>\n            <Tbody>\n              {data?.plugins.map(({ name, displayName, description }) => {\n                return (\n                  <Tr key={name}>\n                    <Td>\n                      <Typography textColor=\"neutral800\" variant=\"omega\" fontWeight=\"bold\">\n                        {formatMessage({\n                          id: `global.plugins.${name}`,\n                          defaultMessage: displayName,\n                        })}\n                      </Typography>\n                    </Td>\n                    <Td>\n                      <Typography textColor=\"neutral800\">\n                        {formatMessage({\n                          id: `global.plugins.${name}.description`,\n                          defaultMessage: description,\n                        })}\n                      </Typography>\n                    </Td>\n                  </Tr>\n                );\n              })}\n            </Tbody>\n          </Table>\n        </ContentLayout>\n      </Main>\n    </Layout>\n  );\n};\n\nconst ProtectedInstalledPluginsPage = () => {\n  const { formatMessage } = useIntl();\n  const permissions = useSelector(selectAdminPermissions);\n\n  return (\n    <CheckPagePermissions permissions={permissions.marketplace?.main}>\n      <Helmet\n        title={formatMessage({\n          id: 'global.plugins',\n          defaultMessage: 'Plugins',\n        })}\n      />\n      <InstalledPluginsPage />\n    </CheckPagePermissions>\n  );\n};\n\nexport { ProtectedInstalledPluginsPage, InstalledPluginsPage };\n"],"names":["useIntl","useNotifyAT","useNotification","useAPIErrorHandler","useFocusWhenNavigate","useGetPluginsQuery","React","jsx","Layout","Main","LoadingIndicatorPage","jsxs","HeaderLayout","ContentLayout","Table","Thead","Tr","Th","Typography","Tbody","Td","useSelector","selectAdminPermissions","CheckPagePermissions","Helmet"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,MAAM,uBAAuB,MAAM;AACjC,QAAM,EAAE,cAAA,IAAkBA,kBAAA;AAC1B,QAAM,EAAE,aAAA,IAAiBC,yBAAA;AACzB,QAAM,qBAAqBC,aAAAA,gBAAA;AAC3B,QAAM,EAAE,yBAAyB,eAAA,IAAmBC,gCAAA;AACpDC,oCAAA;AAEA,QAAM,EAAE,WAAW,MAAM,MAAA,IAAUC,MAAAA,mBAAA;AAEnCC,mBAAM,UAAU,MAAM;AACpB,QAAI,MAAM;AACR;AAAA,QACE;AAAA,UACE;AAAA,YACE,IAAI;AAAA,YACJ,gBAAgB;AAAA,UAAA;AAAA,UAElB;AAAA,YACE,QAAQ,cAAc;AAAA,cACpB,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAAA,CACjB;AAAA,UAAA;AAAA,QACH;AAAA,MACF;AAAA,IAEJ;AAEA,QAAI,OAAO;AACT,yBAAmB;AAAA,QACjB,MAAM;AAAA,QACN,SAAS,eAAe,KAAK;AAAA,MAAA,CAC9B;AAAA,IACH;AAAA,EACF,GAAG,CAAC,MAAM,OAAO,gBAAgB,eAAe,cAAc,kBAAkB,CAAC;AAEjF,MAAI,WAAW;AACb,WACEC,2BAAAA,IAACC,aAAAA,UACC,UAAAD,2BAAAA,IAACE,aAAAA,MAAA,EAAK,aAAS,MACb,UAAAF,2BAAAA,IAACG,aAAAA,sBAAA,CAAA,CAAqB,EAAA,CACxB,EAAA,CACF;AAAA,EAEJ;AAEA,SACEH,2BAAAA,IAACC,aAAAA,QAAA,EACC,UAAAG,2BAAAA,KAACF,aAAAA,MAAA,EACC,UAAA;AAAA,IAAAF,2BAAAA;AAAAA,MAACK,aAAAA;AAAAA,MAAA;AAAA,QACC,OAAO,cAAc;AAAA,UACnB,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB;AAAA,QACD,UAAU,cAAc;AAAA,UACtB,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEHL,2BAAAA,IAACM,aAAAA,eAAA,EACC,UAAAF,2BAAAA,KAACG,aAAAA,OAAA,EAAM,UAAU,GAAG,UAAU,MAAM,SAAS,UAAU,IAAI,GACzD,UAAA;AAAA,MAAAP,2BAAAA,IAACQ,aAAAA,OAAA,EACC,0CAACC,aAAAA,IAAA,EACC,UAAA;AAAA,QAAAT,2BAAAA,IAACU,aAAAA,MACC,UAAAV,2BAAAA,IAACW,aAAAA,YAAA,EAAW,SAAQ,SAAQ,WAAU,cACnC,UAAA,cAAc;AAAA,UACb,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB,GACH,EAAA,CACF;AAAA,QACAX,2BAAAA,IAACU,aAAAA,MACC,UAAAV,2BAAAA,IAACW,aAAAA,YAAA,EAAW,SAAQ,SAAQ,WAAU,cACnC,UAAA,cAAc;AAAA,UACb,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB,GACH,EAAA,CACF;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,MACAX,2BAAAA,IAACY,aAAAA,OAAA,EACE,UAAA,MAAM,QAAQ,IAAI,CAAC,EAAE,MAAM,aAAa,YAAA,MAAkB;AACzD,+CACGH,iBAAA,EACC,UAAA;AAAA,UAAAT,2BAAAA,IAACa,aAAAA,IAAA,EACC,yCAACF,aAAAA,YAAA,EAAW,WAAU,cAAa,SAAQ,SAAQ,YAAW,QAC3D,UAAA,cAAc;AAAA,YACb,IAAI,kBAAkB,IAAI;AAAA,YAC1B,gBAAgB;AAAA,UAAA,CACjB,GACH,EAAA,CACF;AAAA,yCACCE,aAAAA,IAAA,EACC,UAAAb,2BAAAA,IAACW,yBAAA,EAAW,WAAU,cACnB,UAAA,cAAc;AAAA,YACb,IAAI,kBAAkB,IAAI;AAAA,YAC1B,gBAAgB;AAAA,UAAA,CACjB,GACH,EAAA,CACF;AAAA,QAAA,EAAA,GAhBO,IAiBT;AAAA,MAEJ,CAAC,EAAA,CACH;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;AAEA,MAAM,gCAAgC,MAAM;AAC1C,QAAM,EAAE,cAAA,IAAkBlB,kBAAA;AAC1B,QAAM,cAAcqB,WAAAA,YAAYC,uCAAsB;AAEtD,SACEX,2BAAAA,KAACY,aAAAA,sBAAA,EAAqB,aAAa,YAAY,aAAa,MAC1D,UAAA;AAAA,IAAAhB,2BAAAA;AAAAA,MAACiB,YAAAA;AAAAA,MAAA;AAAA,QACC,OAAO,cAAc;AAAA,UACnB,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IAAA;AAAA,mCAEF,sBAAA,CAAA,CAAqB;AAAA,EAAA,GACxB;AAEJ;;;"}

package/dist/_chunks/InstalledPluginsPage-D4ieZMEq.mjs

@@ -0,0 +1,104 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useNotifyAT, Layout, Main, HeaderLayout, ContentLayout, Table, Thead, Tr, Th, Typography, Tbody, Td } from "@strapi/design-system";
+import { CheckPagePermissions, useNotification, useAPIErrorHandler, useFocusWhenNavigate, LoadingIndicatorPage } from "@strapi/helper-plugin";
+import { Helmet } from "react-helmet";
+import { useIntl } from "react-intl";
+import { useSelector } from "react-redux";
+import { s as selectAdminPermissions } from "./AuthenticatedApp-q6ueY2uL.mjs";
+import { q as useGetPluginsQuery } from "./index-Cwr9u7_W.mjs";
+const InstalledPluginsPage = () => {
+  const { formatMessage } = useIntl();
+  const { notifyStatus } = useNotifyAT();
+  const toggleNotification = useNotification();
+  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
+  useFocusWhenNavigate();
+  const { isLoading, data, error } = useGetPluginsQuery();
+  React.useEffect(() => {
+    if (data) {
+      notifyStatus(
+        formatMessage(
+          {
+            id: "app.utils.notify.data-loaded",
+            defaultMessage: "The {target} has loaded"
+          },
+          {
+            target: formatMessage({
+              id: "global.plugins",
+              defaultMessage: "Plugins"
+            })
+          }
+        )
+      );
+    }
+    if (error) {
+      toggleNotification({
+        type: "warning",
+        message: formatAPIError(error)
+      });
+    }
+  }, [data, error, formatAPIError, formatMessage, notifyStatus, toggleNotification]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Layout, { children: /* @__PURE__ */ jsx(Main, { "aria-busy": true, children: /* @__PURE__ */ jsx(LoadingIndicatorPage, {}) }) });
+  }
+  return /* @__PURE__ */ jsx(Layout, { children: /* @__PURE__ */ jsxs(Main, { children: [
+    /* @__PURE__ */ jsx(
+      HeaderLayout,
+      {
+        title: formatMessage({
+          id: "global.plugins",
+          defaultMessage: "Plugins"
+        }),
+        subtitle: formatMessage({
+          id: "app.components.ListPluginsPage.description",
+          defaultMessage: "List of the installed plugins in the project."
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(ContentLayout, { children: /* @__PURE__ */ jsxs(Table, { colCount: 2, rowCount: data?.plugins?.length ?? 0 + 1, children: [
+      /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
+          id: "global.name",
+          defaultMessage: "Name"
+        }) }) }),
+        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
+          id: "global.description",
+          defaultMessage: "description"
+        }) }) })
+      ] }) }),
+      /* @__PURE__ */ jsx(Tbody, { children: data?.plugins.map(({ name, displayName, description }) => {
+        return /* @__PURE__ */ jsxs(Tr, { children: [
+          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", variant: "omega", fontWeight: "bold", children: formatMessage({
+            id: `global.plugins.${name}`,
+            defaultMessage: displayName
+          }) }) }),
+          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: formatMessage({
+            id: `global.plugins.${name}.description`,
+            defaultMessage: description
+          }) }) })
+        ] }, name);
+      }) })
+    ] }) })
+  ] }) });
+};
+const ProtectedInstalledPluginsPage = () => {
+  const { formatMessage } = useIntl();
+  const permissions = useSelector(selectAdminPermissions);
+  return /* @__PURE__ */ jsxs(CheckPagePermissions, { permissions: permissions.marketplace?.main, children: [
+    /* @__PURE__ */ jsx(
+      Helmet,
+      {
+        title: formatMessage({
+          id: "global.plugins",
+          defaultMessage: "Plugins"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(InstalledPluginsPage, {})
+  ] });
+};
+export {
+  InstalledPluginsPage,
+  ProtectedInstalledPluginsPage
+};
+//# sourceMappingURL=InstalledPluginsPage-D4ieZMEq.mjs.map

package/dist/_chunks/InstalledPluginsPage-D4ieZMEq.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstalledPluginsPage-D4ieZMEq.mjs","sources":["../../admin/src/pages/InstalledPluginsPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  ContentLayout,\n  HeaderLayout,\n  Layout,\n  Main,\n  Table,\n  Tbody,\n  Td,\n  Th,\n  Thead,\n  Tr,\n  Typography,\n  useNotifyAT,\n} from '@strapi/design-system';\nimport {\n  CheckPagePermissions,\n  LoadingIndicatorPage,\n  useAPIErrorHandler,\n  useFocusWhenNavigate,\n  useNotification,\n} from '@strapi/helper-plugin';\nimport { Helmet } from 'react-helmet';\nimport { useIntl } from 'react-intl';\nimport { useSelector } from 'react-redux';\n\nimport { selectAdminPermissions } from '../selectors';\nimport { useGetPluginsQuery } from '../services/admin';\n\nconst InstalledPluginsPage = () => {\n  const { formatMessage } = useIntl();\n  const { notifyStatus } = useNotifyAT();\n  const toggleNotification = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n  useFocusWhenNavigate();\n\n  const { isLoading, data, error } = useGetPluginsQuery();\n\n  React.useEffect(() => {\n    if (data) {\n      notifyStatus(\n        formatMessage(\n          {\n            id: 'app.utils.notify.data-loaded',\n            defaultMessage: 'The {target} has loaded',\n          },\n          {\n            target: formatMessage({\n              id: 'global.plugins',\n              defaultMessage: 'Plugins',\n            }),\n          }\n        )\n      );\n    }\n\n    if (error) {\n      toggleNotification({\n        type: 'warning',\n        message: formatAPIError(error),\n      });\n    }\n  }, [data, error, formatAPIError, formatMessage, notifyStatus, toggleNotification]);\n\n  if (isLoading) {\n    return (\n      <Layout>\n        <Main aria-busy>\n          <LoadingIndicatorPage />\n        </Main>\n      </Layout>\n    );\n  }\n\n  return (\n    <Layout>\n      <Main>\n        <HeaderLayout\n          title={formatMessage({\n            id: 'global.plugins',\n            defaultMessage: 'Plugins',\n          })}\n          subtitle={formatMessage({\n            id: 'app.components.ListPluginsPage.description',\n            defaultMessage: 'List of the installed plugins in the project.',\n          })}\n        />\n        <ContentLayout>\n          <Table colCount={2} rowCount={data?.plugins?.length ?? 0 + 1}>\n            <Thead>\n              <Tr>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({\n                      id: 'global.name',\n                      defaultMessage: 'Name',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({\n                      id: 'global.description',\n                      defaultMessage: 'description',\n                    })}\n                  </Typography>\n                </Th>\n              </Tr>\n            </Thead>\n            <Tbody>\n              {data?.plugins.map(({ name, displayName, description }) => {\n                return (\n                  <Tr key={name}>\n                    <Td>\n                      <Typography textColor=\"neutral800\" variant=\"omega\" fontWeight=\"bold\">\n                        {formatMessage({\n                          id: `global.plugins.${name}`,\n                          defaultMessage: displayName,\n                        })}\n                      </Typography>\n                    </Td>\n                    <Td>\n                      <Typography textColor=\"neutral800\">\n                        {formatMessage({\n                          id: `global.plugins.${name}.description`,\n                          defaultMessage: description,\n                        })}\n                      </Typography>\n                    </Td>\n                  </Tr>\n                );\n              })}\n            </Tbody>\n          </Table>\n        </ContentLayout>\n      </Main>\n    </Layout>\n  );\n};\n\nconst ProtectedInstalledPluginsPage = () => {\n  const { formatMessage } = useIntl();\n  const permissions = useSelector(selectAdminPermissions);\n\n  return (\n    <CheckPagePermissions permissions={permissions.marketplace?.main}>\n      <Helmet\n        title={formatMessage({\n          id: 'global.plugins',\n          defaultMessage: 'Plugins',\n        })}\n      />\n      <InstalledPluginsPage />\n    </CheckPagePermissions>\n  );\n};\n\nexport { ProtectedInstalledPluginsPage, InstalledPluginsPage };\n"],"names":[],"mappings":"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"}

package/dist/_chunks/InternalErrorPage-BjU_jwcO.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const designSystem = require("@strapi/design-system");
+const helperPlugin = require("@strapi/helper-plugin");
+const Icons = require("@strapi/icons");
+const reactIntl = require("react-intl");
+const InternalErrorPage = () => {
+  const { formatMessage } = reactIntl.useIntl();
+  helperPlugin.useFocusWhenNavigate();
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { labelledBy: "title", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.HeaderLayout,
+      {
+        id: "title",
+        title: formatMessage({
+          id: "content-manager.pageNotFound",
+          defaultMessage: "Page not found"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.ContentLayout, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.EmptyStateLayout,
+      {
+        action: /* @__PURE__ */ jsxRuntime.jsx(designSystem.LinkButton, { variant: "secondary", endIcon: /* @__PURE__ */ jsxRuntime.jsx(Icons.ArrowRight, {}), to: "/", children: formatMessage({
+          id: "app.components.NotFoundPage.back",
+          defaultMessage: "Back to homepage"
+        }) }),
+        content: formatMessage({
+          id: "notification.error",
+          defaultMessage: "An error occured"
+        }),
+        hasRadius: true,
+        icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.EmptyPictures, { width: "10rem" }),
+        shadow: "tableShadow"
+      }
+    ) })
+  ] });
+};
+exports.InternalErrorPage = InternalErrorPage;
+//# sourceMappingURL=InternalErrorPage-BjU_jwcO.js.map