@strapi/admin 4.16.2 → 4.17.1

package/dist/_chunks/InformationBoxEE-7d383cec.js

@@ -0,0 +1,398 @@
+"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-3956d072.js");
+const designSystem = require("@strapi/design-system");
+const reactIntl = require("react-intl");
+const reactQuery = require("react-query");
+const constants = require("./constants-d5d67ca8.js");
+const React = require("react");
+const useLicenseLimits = require("./useLicenseLimits-e60a01b1.js");
+const LimitsModal = require("./LimitsModal-3327be54.js");
+const constants$1 = require("./constants-85da8cc4.js");
+const colors = require("./colors-c17c9c3c.js");
+require("react-dom/client");
+require("invariant");
+require("lodash/isFunction");
+require("lodash/merge");
+require("lodash/pick");
+require("react-helmet");
+require("react-router-dom");
+require("react-redux");
+require("@radix-ui/react-context");
+require("@strapi/design-system/v2");
+require("@strapi/icons");
+require("formik");
+require("lodash/camelCase");
+require("styled-components");
+require("yup");
+require("@reduxjs/toolkit");
+require("lodash/omit");
+require("qs");
+require("immer");
+require("lodash/get");
+require("lodash/set");
+require("lodash/defaultsDeep");
+require("react-dnd");
+require("react-dnd-html5-backend");
+require("react-window");
+require("lodash/cloneDeep");
+require("lodash/isEqual");
+require("lodash/upperFirst");
+require("prop-types");
+require("axios");
+require("lodash/fp");
+require("lodash/isNaN");
+require("lodash/take");
+require("slate");
+require("slate-history");
+require("slate-react");
+require("@radix-ui/react-toolbar");
+require("codemirror5");
+require("sanitize-html");
+require("highlight.js");
+require("markdown-it");
+require("markdown-it-abbr");
+require("markdown-it-container");
+require("markdown-it-deflist");
+require("markdown-it-emoji");
+require("markdown-it-footnote");
+require("markdown-it-ins");
+require("markdown-it-mark");
+require("markdown-it-sub");
+require("markdown-it-sup");
+require("codemirror5/addon/display/placeholder");
+require("lodash/toString");
+require("lodash/isEmpty");
+require("react-dom");
+require("lodash/isBoolean");
+require("lodash/toNumber");
+require("fractional-indexing");
+require("lodash/uniqBy");
+require("lodash/unset");
+require("lodash/isArray");
+require("date-fns/parseISO");
+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 { formatAPIError } = helperPlugin.useAPIErrorHandler();
+  const toggleNotification = helperPlugin.useNotification();
+  const { put } = helperPlugin.useFetchClient();
+  const {
+    allowedActions: { canRead },
+    isLoading: isLoadingPermissions
+  } = helperPlugin.useRBAC(permissions.settings?.users);
+  const { users, isLoading, isError } = index.useAdminUsers(
+    {},
+    {
+      enabled: !isLoadingPermissions && canRead
+    }
+  );
+  const currentAssignee = initialData?.[constants.ASSIGNEE_ATTRIBUTE_NAME] ?? null;
+  const handleChange = async (assigneeId) => {
+    mutation.mutate({
+      entityId: initialData.id,
+      assigneeId: assigneeId ? parseInt(assigneeId, 10) : null,
+      uid: layout.uid
+    });
+  };
+  const mutation = reactQuery.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: constants.ASSIGNEE_ATTRIBUTE_NAME,
+            value: createdEntity[constants.ASSIGNEE_ATTRIBUTE_NAME]
+          }
+        },
+        true
+      );
+      return createdEntity;
+    },
+    {
+      onSuccess() {
+        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"
+      }) || mutation.error && formatAPIError(mutation.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 || mutation.isLoading,
+      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
+        );
+      })
+    }
+  ) }) });
+};
+function useReviewWorkflowsStages({ id, layout }, queryOptions = {}) {
+  const { kind, uid } = layout;
+  const slug = kind === "collectionType" ? "collection-types" : "single-types";
+  const { get } = helperPlugin.useFetchClient();
+  const { data, isLoading, refetch } = reactQuery.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__namespace.useMemo(() => data?.meta ?? { workflowCount: 0 }, [data?.meta]);
+  const stages = React__namespace.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 } = helperPlugin.useCMEditViewDataManager();
+  const { put } = helperPlugin.useFetchClient();
+  const { formatMessage } = reactIntl.useIntl();
+  const { formatAPIError } = helperPlugin.useAPIErrorHandler();
+  const toggleNotification = helperPlugin.useNotification();
+  const { meta, stages, isLoading, refetch } = useReviewWorkflowsStages(
+    { id: initialData.id, layout: contentType },
+    {
+      enabled: !!initialData?.id
+    }
+  );
+  const { getFeature } = useLicenseLimits.useLicenseLimits();
+  const [showLimitModal, setShowLimitModal] = React__namespace.useState(null);
+  const limits = getFeature("review-workflows") ?? {};
+  const activeWorkflowStage = initialData?.[constants.STAGE_ATTRIBUTE_NAME] ?? null;
+  const mutation = reactQuery.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: constants.STAGE_ATTRIBUTE_NAME,
+            value: createdEntity[constants.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?.[constants$1.CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME] && parseInt(limits[constants$1.CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME], 10) < meta.workflowCount) {
+        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) {
+          mutation.mutateAsync({
+            entityId: initialData.id,
+            stageId,
+            uid: contentType.uid
+          });
+        }
+      }
+    } catch (error) {
+    }
+  };
+  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: mutation.error && formatAPIError(mutation.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-7d383cec.js.map

package/dist/_chunks/InformationBoxEE-7d383cec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InformationBoxEE-7d383cec.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/InstalledPluginsPage-73eabc0b.js

@@ -0,0 +1,189 @@
+"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 reactQuery = require("react-query");
+const reactRedux = require("react-redux");
+const AuthenticatedApp = require("./AuthenticatedApp-b186733c.js");
+require("semver/functions/lt");
+require("semver/functions/valid");
+require("./index-3956d072.js");
+require("react-dom/client");
+require("invariant");
+require("lodash/isFunction");
+require("lodash/merge");
+require("lodash/pick");
+require("react-router-dom");
+require("@radix-ui/react-context");
+require("@strapi/design-system/v2");
+require("@strapi/icons");
+require("formik");
+require("lodash/camelCase");
+require("styled-components");
+require("yup");
+require("@reduxjs/toolkit");
+require("lodash/omit");
+require("qs");
+require("immer");
+require("lodash/get");
+require("lodash/set");
+require("lodash/defaultsDeep");
+require("react-dnd");
+require("react-dnd-html5-backend");
+require("react-window");
+require("lodash/cloneDeep");
+require("lodash/isEqual");
+require("lodash/upperFirst");
+require("prop-types");
+require("axios");
+require("lodash/fp");
+require("lodash/isNaN");
+require("lodash/take");
+require("slate");
+require("slate-history");
+require("slate-react");
+require("@radix-ui/react-toolbar");
+require("codemirror5");
+require("sanitize-html");
+require("highlight.js");
+require("markdown-it");
+require("markdown-it-abbr");
+require("markdown-it-container");
+require("markdown-it-deflist");
+require("markdown-it-emoji");
+require("markdown-it-footnote");
+require("markdown-it-ins");
+require("markdown-it-mark");
+require("markdown-it-sub");
+require("markdown-it-sup");
+require("codemirror5/addon/display/placeholder");
+require("lodash/toString");
+require("lodash/isEmpty");
+require("react-dom");
+require("lodash/isBoolean");
+require("lodash/toNumber");
+require("fractional-indexing");
+require("lodash/uniqBy");
+require("lodash/unset");
+require("lodash/isArray");
+require("date-fns/parseISO");
+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 { get } = helperPlugin.useFetchClient();
+  helperPlugin.useFocusWhenNavigate();
+  const { status, data, error } = reactQuery.useQuery(["plugins"], async () => {
+    const { data: data2 } = await get("/admin/plugins");
+    return data2;
+  });
+  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: { id: "notification.error", defaultMessage: "An error occured" }
+      });
+    }
+  }, [data, error, formatMessage, notifyStatus, toggleNotification]);
+  const isLoading = status !== "success" && status !== "error";
+  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-73eabc0b.js.map

package/dist/_chunks/InstalledPluginsPage-73eabc0b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstalledPluginsPage-73eabc0b.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  useFetchClient,\n  useFocusWhenNavigate,\n  useNotification,\n} from '@strapi/helper-plugin';\nimport { Helmet } from 'react-helmet';\nimport { useIntl } from 'react-intl';\nimport { useQuery } from 'react-query';\nimport { useSelector } from 'react-redux';\n\nimport { selectAdminPermissions } from '../selectors';\n\nconst InstalledPluginsPage = () => {\n  const { formatMessage } = useIntl();\n  const { notifyStatus } = useNotifyAT();\n  const toggleNotification = useNotification();\n  const { get } = useFetchClient();\n  useFocusWhenNavigate();\n\n  const { status, data, error } = useQuery(['plugins'], async () => {\n    /**\n     * TODO: why is this a different format?\n     */\n    const { data } = await get<{\n      plugins: Array<{ name: string; displayName: string; description: string }>;\n    }>('/admin/plugins');\n\n    return data;\n  });\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: { id: 'notification.error', defaultMessage: 'An error occured' },\n      });\n    }\n  }, [data, error, formatMessage, notifyStatus, toggleNotification]);\n\n  const isLoading = status !== 'success' && status !== 'error';\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","useFetchClient","useFocusWhenNavigate","useQuery","data","React","jsx","Layout","Main","LoadingIndicatorPage","jsxs","HeaderLayout","ContentLayout","Table","Thead","Tr","Th","Typography","Tbody","Td","useSelector","selectAdminPermissions","CheckPagePermissions","Helmet"],"mappings":"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"}