@strapi/admin 5.0.0-alpha.1 → 5.0.0-alpha.3

package/dist/_chunks/History-j00hpmXV.js

@@ -1,447 +0,0 @@
-"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 qs = require("qs");
-const reactHelmet = require("react-helmet");
-const reactIntl = require("react-intl");
-const reactRouterDom = require("react-router-dom");
-const index = require("./index-ejSDPT-T.js");
-const useSyncRbac = require("./useSyncRbac-hZJWbmmY.js");
-const InputRenderer = require("./InputRenderer-AVDw8MeU.js");
-const v2 = require("@strapi/design-system/v2");
-const Icons = require("@strapi/icons");
-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 UNSUPPORTED_TYPES = ["media", "relation"];
-const CustomInputRenderer = (props) => {
-  if (UNSUPPORTED_TYPES.includes(props.type)) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { children: [
-      "TODO: support ",
-      props.type
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(InputRenderer.InputRenderer, { ...props });
-};
-const VersionContent = () => {
-  const { version, layout } = useHistoryContext("VersionContent", (state) => ({
-    version: state.selectedVersion,
-    layout: state.layout
-  }));
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.ContentLayout, { children: /* @__PURE__ */ jsxRuntime.jsx(index.Form, { disabled: true, method: "PUT", initialValues: version.data, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 6, position: "relative", children: layout.map((panel, index2) => {
-    if (panel.some((row) => row.some((field) => field.type === "dynamiczone"))) {
-      const [row] = panel;
-      const [field] = row;
-      return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid, { gap: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 12, s: 12, xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(CustomInputRenderer, { ...field }) }) }, field.name);
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.Box,
-      {
-        hasRadius: true,
-        background: "neutral0",
-        shadow: "tableShadow",
-        paddingLeft: 6,
-        paddingRight: 6,
-        paddingTop: 6,
-        paddingBottom: 6,
-        borderColor: "neutral150",
-        children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 6, children: panel.map((row, gridRowIndex) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid, { gap: 4, children: row.map(({ size, ...field }) => {
-          return /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: size, s: 12, xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(CustomInputRenderer, { ...field }) }, field.name);
-        }) }, gridRowIndex)) })
-      },
-      index2
-    );
-  }) }) }) });
-};
-const VersionHeader = ({ headerId }) => {
-  const { formatMessage, formatDate } = reactIntl.useIntl();
-  const { version, mainField, schema } = useHistoryContext("VersionHeader", (state) => ({
-    version: state.selectedVersion,
-    mainField: state.mainField,
-    schema: state.schema
-  }));
-  const [{ query }] = helperPlugin.useQueryParams();
-  const { collectionType } = reactRouterDom.useParams();
-  const mainFieldValue = version.data[mainField];
-  const getBackLink = () => {
-    const pluginsQueryParams = qs.stringify({ plugins: query.plugins }, { encode: false });
-    if (collectionType === index.COLLECTION_TYPES) {
-      return {
-        pathname: `../${collectionType}/${version.contentType}/${version.relatedDocumentId}`,
-        search: pluginsQueryParams
-      };
-    }
-    return {
-      pathname: `../${collectionType}/${version.contentType}`,
-      search: pluginsQueryParams
-    };
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    designSystem.HeaderLayout,
-    {
-      id: headerId,
-      title: formatDate(new Date(version.createdAt), {
-        year: "numeric",
-        month: "numeric",
-        day: "numeric",
-        hour: "numeric",
-        minute: "numeric"
-      }),
-      subtitle: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", children: formatMessage(
-        {
-          id: "content-manager.history.version.subtitle",
-          defaultMessage: "{hasLocale, select, true {{subtitle}, in {locale}} other {{subtitle}}}"
-        },
-        {
-          hasLocale: Boolean(version.locale),
-          subtitle: `${mainFieldValue || ""} (${schema.info.singularName})`.trim(),
-          locale: version.locale?.name
-        }
-      ) }),
-      navigationAction: /* @__PURE__ */ jsxRuntime.jsx(
-        v2.Link,
-        {
-          startIcon: /* @__PURE__ */ jsxRuntime.jsx(Icons.ArrowLeft, {}),
-          as: reactRouterDom.NavLink,
-          to: getBackLink(),
-          children: formatMessage({
-            id: "global.back",
-            defaultMessage: "Back"
-          })
-        }
-      )
-    }
-  );
-};
-const BlueText = (children) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "primary600", children });
-const VersionCard = ({ version, isCurrent }) => {
-  const { formatDate, formatMessage } = reactIntl.useIntl();
-  const [{ query }] = helperPlugin.useQueryParams();
-  const statusData = (() => {
-    switch (version.status) {
-      case "draft":
-        return {
-          background: "secondary100",
-          border: "secondary200",
-          text: "secondary700",
-          message: {
-            id: "content-manager.containers.List.draft",
-            defaultMessage: "Draft"
-          }
-        };
-      case "modified":
-        return {
-          background: "alternative100",
-          border: "alternative200",
-          text: "alternative700",
-          message: {
-            // TODO: check the translation key once D&P v5 is done
-            id: "content-manager.containers.List.modified",
-            defaultMessage: "Modified"
-          }
-        };
-      case "published":
-      default:
-        return {
-          background: "success100",
-          border: "success200",
-          text: "success700",
-          message: {
-            id: "content-manager.containers.List.published",
-            defaultMessage: "Published"
-          }
-        };
-    }
-  })();
-  const isActive = query.id === version.id.toString();
-  const author = version.createdBy && index.getDisplayName(version.createdBy, formatMessage);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    designSystem.Flex,
-    {
-      direction: "column",
-      alignItems: "flex-start",
-      gap: 3,
-      hasRadius: true,
-      borderWidth: "1px",
-      borderStyle: "solid",
-      borderColor: isActive ? "primary600" : "neutral200",
-      paddingTop: 5,
-      paddingBottom: 5,
-      paddingLeft: 5,
-      paddingRight: 5,
-      as: reactRouterDom.Link,
-      to: `?${qs.stringify({ ...query, id: version.id })}`,
-      style: { textDecoration: "none" },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 1, alignItems: "flex-start", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { as: "h3", fontWeight: "semiBold", children: formatDate(version.createdAt, {
-            day: "numeric",
-            month: "numeric",
-            year: "numeric",
-            hour: "2-digit",
-            minute: "2-digit"
-          }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { as: "p", textColor: "neutral600", children: formatMessage(
-            {
-              id: "content-manager.history.sidebar.versionDescription",
-              defaultMessage: "{distanceToNow}{isAnonymous, select, true {} other { by {author}}}{isCurrent, select, true { <b>(current)</b>} other {}}"
-            },
-            {
-              distanceToNow: /* @__PURE__ */ jsxRuntime.jsx(index.RelativeTime, { timestamp: new Date(version.createdAt) }),
-              author,
-              isAnonymous: !Boolean(version.createdBy),
-              isCurrent,
-              b: BlueText
-            }
-          ) })
-        ] }),
-        version.status && /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.Box,
-          {
-            background: statusData.background,
-            borderStyle: "solid",
-            borderWidth: "1px",
-            borderColor: statusData.border,
-            hasRadius: true,
-            paddingLeft: "6px",
-            paddingRight: "6px",
-            paddingTop: "2px",
-            paddingBottom: "2px",
-            children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", textColor: statusData.text, children: formatMessage(statusData.message) })
-          }
-        )
-      ]
-    }
-  );
-};
-const PaginationButton = ({ page, children }) => {
-  const [{ query }] = helperPlugin.useQueryParams();
-  const { id: _id, ...queryRest } = query;
-  return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: { search: qs.stringify({ ...queryRest, page }) }, style: { textDecoration: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "primary600", children }) });
-};
-const VersionsList = () => {
-  const { formatMessage } = reactIntl.useIntl();
-  const { versions, page } = useHistoryContext("VersionsList", (state) => ({
-    versions: state.versions,
-    page: state.page
-  }));
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    designSystem.Flex,
-    {
-      shrink: 0,
-      direction: "column",
-      alignItems: "stretch",
-      width: "320px",
-      height: "100vh",
-      background: "neutral0",
-      borderColor: "neutral200",
-      borderWidth: "0 0 0 1px",
-      borderStyle: "solid",
-      as: "aside",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          designSystem.Flex,
-          {
-            direction: "row",
-            justifyContent: "space-between",
-            padding: 4,
-            borderColor: "neutral200",
-            borderWidth: "0 0 1px",
-            borderStyle: "solid",
-            as: "header",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { as: "h2", variant: "omega", fontWeight: "semiBold", children: formatMessage({
-                id: "content-manager.history.sidebar.title",
-                defaultMessage: "Versions"
-              }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { background: "neutral150", hasRadius: true, padding: 1, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: versions.meta.pagination.total }) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { flex: 1, overflow: "auto", children: [
-          versions.meta.pagination.page > 1 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, textAlign: "center", children: /* @__PURE__ */ jsxRuntime.jsx(PaginationButton, { page: page - 1, children: formatMessage({
-            id: "content-manager.history.sidebar.show-newer",
-            defaultMessage: "Show newer versions"
-          }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Flex,
-            {
-              direction: "column",
-              gap: 3,
-              paddingTop: 5,
-              paddingBottom: 5,
-              paddingLeft: 4,
-              paddingRight: 4,
-              as: "ul",
-              alignItems: "stretch",
-              children: versions.data.map((version, index2) => /* @__PURE__ */ jsxRuntime.jsx(
-                "li",
-                {
-                  "aria-label": formatMessage({
-                    id: "content-manager.history.sidebar.title.version-card.aria-label",
-                    defaultMessage: "Version card"
-                  }),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(VersionCard, { version, isCurrent: page === 1 && index2 === 0 })
-                },
-                version.id
-              ))
-            }
-          ),
-          versions.meta.pagination.page < versions.meta.pagination.pageCount && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 5, textAlign: "center", children: /* @__PURE__ */ jsxRuntime.jsx(PaginationButton, { page: page + 1, children: formatMessage({
-            id: "content-manager.history.sidebar.show-older",
-            defaultMessage: "Show older versions"
-          }) }) })
-        ] })
-      ]
-    }
-  );
-};
-const historyVersionsApi = index.contentManagerApi.injectEndpoints({
-  endpoints: (builder) => ({
-    getHistoryVersions: builder.query({
-      query(params) {
-        return {
-          url: `/content-manager/history-versions`,
-          method: "GET",
-          config: {
-            params
-          }
-        };
-      },
-      providesTags: ["HistoryVersion"]
-    })
-  })
-});
-const { useGetHistoryVersionsQuery } = historyVersionsApi;
-const [HistoryProvider, useHistoryContext] = index.createContext("HistoryPage");
-const HistoryPage = () => {
-  const headerId = React__namespace.useId();
-  const { formatMessage } = reactIntl.useIntl();
-  const {
-    slug,
-    id: documentId,
-    collectionType
-  } = reactRouterDom.useParams();
-  const { isLoading: isLoadingDocument, schema } = index.useDocument({
-    collectionType,
-    model: slug
-  });
-  const {
-    isLoading: isLoadingLayout,
-    edit: {
-      layout,
-      settings: { displayName, mainField }
-    }
-  } = index.useDocumentLayout(slug);
-  const [{ query }] = helperPlugin.useQueryParams();
-  const { id: selectedVersionId, ...queryWithoutId } = query;
-  const validQueryParamsWithoutId = index.buildValidParams(queryWithoutId);
-  const page = validQueryParamsWithoutId.page ? Number(validQueryParamsWithoutId.page) : 1;
-  const versionsResponse = useGetHistoryVersionsQuery(
-    {
-      contentType: slug,
-      ...documentId ? { documentId } : {},
-      // Omit id since it's not needed by the endpoint and caused extra refetches
-      ...validQueryParamsWithoutId
-    },
-    { refetchOnMountOrArgChange: true }
-  );
-  const initialRequestId = React__namespace.useRef(versionsResponse.requestId);
-  const isStaleRequest = versionsResponse.requestId === initialRequestId.current;
-  if (!slug || collectionType === index.COLLECTION_TYPES && !documentId) {
-    return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/content-manager" });
-  }
-  if (isLoadingDocument || isLoadingLayout || versionsResponse.isFetching || isStaleRequest) {
-    return /* @__PURE__ */ jsxRuntime.jsx(index.Page.Loading, {});
-  }
-  if (!versionsResponse.isError && !versionsResponse.data?.data?.length) {
-    return /* @__PURE__ */ jsxRuntime.jsx(index.Page.NoData, {});
-  }
-  if (versionsResponse.data?.data?.length && !selectedVersionId) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactRouterDom.Navigate,
-      {
-        to: { search: qs.stringify({ ...query, id: versionsResponse.data.data[0].id }) },
-        replace: true
-      }
-    );
-  }
-  const selectedVersion = versionsResponse.data?.data?.find(
-    (version) => version.id.toString() === selectedVersionId
-  );
-  if (versionsResponse.isError || !layout || !schema || !selectedVersion || // This should not happen as it's covered by versionsResponse.isError, but we need it for TS
-  versionsResponse.data.error) {
-    return /* @__PURE__ */ jsxRuntime.jsx(index.Page.Error, {});
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      reactHelmet.Helmet,
-      {
-        title: formatMessage(
-          {
-            id: "content-manager.history.page-title",
-            defaultMessage: "{contentType} history"
-          },
-          {
-            contentType: displayName
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      HistoryProvider,
-      {
-        contentType: slug,
-        id: documentId,
-        schema,
-        layout,
-        selectedVersion,
-        versions: versionsResponse.data,
-        page,
-        mainField,
-        children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "row", alignItems: "flex-start", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { grow: 1, height: "100vh", overflow: "auto", labelledBy: headerId, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(VersionHeader, { headerId }),
-            /* @__PURE__ */ jsxRuntime.jsx(VersionContent, {})
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(VersionsList, {})
-        ] })
-      }
-    )
-  ] });
-};
-const ProtectedHistoryPage = () => {
-  const { slug } = reactRouterDom.useParams();
-  const [{ query }] = helperPlugin.useQueryParams();
-  const { permissions = [], isLoading, isError } = useSyncRbac.useSyncRbac(slug ?? "", query, "History");
-  if (isLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(index.Page.Loading, {});
-  }
-  if (!isLoading && isError || !slug) {
-    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { height: "100vh", children: /* @__PURE__ */ jsxRuntime.jsx(index.Page.Error, {}) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { height: "100vh", children: /* @__PURE__ */ jsxRuntime.jsx(index.Page.Protect, { permissions, children: ({ permissions: permissions2 }) => /* @__PURE__ */ jsxRuntime.jsx(index.DocumentRBAC, { permissions: permissions2, children: /* @__PURE__ */ jsxRuntime.jsx(HistoryPage, {}) }) }) });
-};
-exports.HistoryProvider = HistoryProvider;
-exports.ProtectedHistoryPage = ProtectedHistoryPage;
-exports.useHistoryContext = useHistoryContext;
-//# sourceMappingURL=History-j00hpmXV.js.map

package/dist/_chunks/History-j00hpmXV.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"History-j00hpmXV.js","sources":["../../admin/src/content-manager/history/components/VersionContent.tsx","../../admin/src/content-manager/history/components/VersionHeader.tsx","../../admin/src/content-manager/history/components/VersionsList.tsx","../../admin/src/content-manager/history/services/historyVersion.ts","../../admin/src/content-manager/history/pages/History.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, ContentLayout, Flex, Grid, GridItem, Typography } from '@strapi/design-system';\n\nimport { Form } from '../../../components/Form';\nimport {\n  InputRenderer,\n  type InputRendererProps,\n} from '../../pages/EditView/components/InputRenderer';\nimport { useHistoryContext } from '../pages/History';\n\n/* -------------------------------------------------------------------------------------------------\n * CustomInputRenderer\n * -----------------------------------------------------------------------------------------------*/\n\n// The renderers for these types will be added in future PRs, they need special handling\nconst UNSUPPORTED_TYPES = ['media', 'relation'];\n\nconst CustomInputRenderer = (props: InputRendererProps) => {\n  if (UNSUPPORTED_TYPES.includes(props.type)) {\n    return <Typography>TODO: support {props.type}</Typography>;\n  }\n\n  return <InputRenderer {...props} />;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * VersionContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst VersionContent = () => {\n  const { version, layout } = useHistoryContext('VersionContent', (state) => ({\n    version: state.selectedVersion,\n    layout: state.layout,\n  }));\n\n  return (\n    <ContentLayout>\n      <Form disabled={true} method=\"PUT\" initialValues={version.data}>\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={6} position=\"relative\">\n          {layout.map((panel, index) => {\n            if (panel.some((row) => row.some((field) => field.type === 'dynamiczone'))) {\n              const [row] = panel;\n              const [field] = row;\n\n              return (\n                <Grid key={field.name} gap={4}>\n                  <GridItem col={12} s={12} xs={12}>\n                    <CustomInputRenderer {...field} />\n                  </GridItem>\n                </Grid>\n              );\n            }\n\n            return (\n              <Box\n                key={index}\n                hasRadius\n                background=\"neutral0\"\n                shadow=\"tableShadow\"\n                paddingLeft={6}\n                paddingRight={6}\n                paddingTop={6}\n                paddingBottom={6}\n                borderColor=\"neutral150\"\n              >\n                <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n                  {panel.map((row, gridRowIndex) => (\n                    <Grid key={gridRowIndex} gap={4}>\n                      {row.map(({ size, ...field }) => {\n                        return (\n                          <GridItem col={size} key={field.name} s={12} xs={12}>\n                            <CustomInputRenderer {...field} />\n                          </GridItem>\n                        );\n                      })}\n                    </Grid>\n                  ))}\n                </Flex>\n              </Box>\n            );\n          })}\n        </Flex>\n      </Form>\n    </ContentLayout>\n  );\n};\n\nexport { VersionContent };\n","import * as React from 'react';\n\nimport { HeaderLayout, Typography } from '@strapi/design-system';\nimport { Link } from '@strapi/design-system/v2';\nimport { useQueryParams } from '@strapi/helper-plugin';\nimport { ArrowLeft } from '@strapi/icons';\nimport { stringify } from 'qs';\nimport { useIntl } from 'react-intl';\nimport { NavLink, useParams, type To } from 'react-router-dom';\n\nimport { COLLECTION_TYPES } from '../../constants/collections';\nimport { useHistoryContext } from '../pages/History';\n\ninterface VersionHeaderProps {\n  headerId: string;\n}\n\nexport const VersionHeader = ({ headerId }: VersionHeaderProps) => {\n  const { formatMessage, formatDate } = useIntl();\n  const { version, mainField, schema } = useHistoryContext('VersionHeader', (state) => ({\n    version: state.selectedVersion,\n    mainField: state.mainField,\n    schema: state.schema,\n  }));\n  const [{ query }] = useQueryParams<{\n    plugins?: Record<string, unknown>;\n  }>();\n  const { collectionType } = useParams<{ collectionType: string }>();\n\n  const mainFieldValue = version.data[mainField];\n\n  const getBackLink = (): To => {\n    const pluginsQueryParams = stringify({ plugins: query.plugins }, { encode: false });\n\n    if (collectionType === COLLECTION_TYPES) {\n      return {\n        pathname: `../${collectionType}/${version.contentType}/${version.relatedDocumentId}`,\n        search: pluginsQueryParams,\n      };\n    }\n\n    return {\n      pathname: `../${collectionType}/${version.contentType}`,\n      search: pluginsQueryParams,\n    };\n  };\n\n  return (\n    <HeaderLayout\n      id={headerId}\n      title={formatDate(new Date(version.createdAt), {\n        year: 'numeric',\n        month: 'numeric',\n        day: 'numeric',\n        hour: 'numeric',\n        minute: 'numeric',\n      })}\n      subtitle={\n        <Typography variant=\"epsilon\">\n          {formatMessage(\n            {\n              id: 'content-manager.history.version.subtitle',\n              defaultMessage:\n                '{hasLocale, select, true {{subtitle}, in {locale}} other {{subtitle}}}',\n            },\n            {\n              hasLocale: Boolean(version.locale),\n              subtitle: `${mainFieldValue || ''} (${schema.info.singularName})`.trim(),\n              locale: version.locale?.name,\n            }\n          )}\n        </Typography>\n      }\n      navigationAction={\n        <Link\n          startIcon={<ArrowLeft />}\n          as={NavLink}\n          // @ts-expect-error - types are not inferred correctly through the as prop.\n          to={getBackLink()}\n        >\n          {formatMessage({\n            id: 'global.back',\n            defaultMessage: 'Back',\n          })}\n        </Link>\n      }\n    />\n  );\n};\n","import * as React from 'react';\n\nimport { Box, Flex, Typography, type BoxProps } from '@strapi/design-system';\nimport { useQueryParams } from '@strapi/helper-plugin';\nimport { stringify } from 'qs';\nimport { type MessageDescriptor, useIntl } from 'react-intl';\nimport { Link } from 'react-router-dom';\n\nimport { RelativeTime } from '../../../components/RelativeTime';\nimport { getDisplayName } from '../../../utils/users';\nimport { useHistoryContext } from '../pages/History';\n\nimport type { Contracts } from '@strapi/plugin-content-manager/_internal/shared';\n\n/* -------------------------------------------------------------------------------------------------\n * BlueText\n * -----------------------------------------------------------------------------------------------*/\n\nconst BlueText = (children: React.ReactNode) => (\n  <Typography textColor=\"primary600\">{children}</Typography>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * VersionCard\n * -----------------------------------------------------------------------------------------------*/\n\ninterface StatusData {\n  background: BoxProps['background'];\n  border: BoxProps['borderColor'];\n  text: BoxProps['color'];\n  message: MessageDescriptor;\n}\n\ninterface VersionCardProps {\n  version: Contracts.HistoryVersions.HistoryVersionDataResponse;\n  isCurrent: boolean;\n}\n\nconst VersionCard = ({ version, isCurrent }: VersionCardProps) => {\n  const { formatDate, formatMessage } = useIntl();\n  const [{ query }] = useQueryParams<{ id?: string }>();\n\n  const statusData = ((): StatusData => {\n    switch (version.status) {\n      case 'draft':\n        return {\n          background: 'secondary100',\n          border: 'secondary200',\n          text: 'secondary700',\n          message: {\n            id: 'content-manager.containers.List.draft',\n            defaultMessage: 'Draft',\n          },\n        };\n      case 'modified':\n        return {\n          background: 'alternative100',\n          border: 'alternative200',\n          text: 'alternative700',\n          message: {\n            // TODO: check the translation key once D&P v5 is done\n            id: 'content-manager.containers.List.modified',\n            defaultMessage: 'Modified',\n          },\n        };\n      case 'published':\n      default:\n        return {\n          background: 'success100',\n          border: 'success200',\n          text: 'success700',\n          message: {\n            id: 'content-manager.containers.List.published',\n            defaultMessage: 'Published',\n          },\n        };\n    }\n  })();\n  const isActive = query.id === version.id.toString();\n  const author = version.createdBy && getDisplayName(version.createdBy, formatMessage);\n\n  return (\n    <Flex\n      direction=\"column\"\n      alignItems=\"flex-start\"\n      gap={3}\n      hasRadius\n      borderWidth=\"1px\"\n      borderStyle=\"solid\"\n      borderColor={isActive ? 'primary600' : 'neutral200'}\n      paddingTop={5}\n      paddingBottom={5}\n      paddingLeft={5}\n      paddingRight={5}\n      as={Link}\n      to={`?${stringify({ ...query, id: version.id })}`}\n      style={{ textDecoration: 'none' }}\n    >\n      <Flex direction=\"column\" gap={1} alignItems=\"flex-start\">\n        <Typography as=\"h3\" fontWeight=\"semiBold\">\n          {formatDate(version.createdAt, {\n            day: 'numeric',\n            month: 'numeric',\n            year: 'numeric',\n            hour: '2-digit',\n            minute: '2-digit',\n          })}\n        </Typography>\n        <Typography as=\"p\" textColor=\"neutral600\">\n          {formatMessage(\n            {\n              id: 'content-manager.history.sidebar.versionDescription',\n              defaultMessage:\n                '{distanceToNow}{isAnonymous, select, true {} other { by {author}}}{isCurrent, select, true { <b>(current)</b>} other {}}',\n            },\n            {\n              distanceToNow: <RelativeTime timestamp={new Date(version.createdAt)} />,\n              author,\n              isAnonymous: !Boolean(version.createdBy),\n              isCurrent,\n              b: BlueText,\n            }\n          )}\n        </Typography>\n      </Flex>\n      {version.status && (\n        <Box\n          background={statusData.background}\n          borderStyle=\"solid\"\n          borderWidth=\"1px\"\n          borderColor={statusData.border}\n          hasRadius\n          paddingLeft=\"6px\"\n          paddingRight=\"6px\"\n          paddingTop=\"2px\"\n          paddingBottom=\"2px\"\n        >\n          <Typography variant=\"pi\" fontWeight=\"bold\" textColor={statusData.text}>\n            {formatMessage(statusData.message)}\n          </Typography>\n        </Box>\n      )}\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * PaginationButton\n * -----------------------------------------------------------------------------------------------*/\n\ninterface PaginationButtonProps {\n  page: number;\n  children: React.ReactNode;\n}\n\nconst PaginationButton = ({ page, children }: PaginationButtonProps) => {\n  const [{ query }] = useQueryParams<{ id?: string }>();\n\n  // Remove the id from the pagination link, so that the history page can redirect\n  // to the id of the first history version in the new page once it's loaded\n  const { id: _id, ...queryRest } = query;\n\n  return (\n    <Link to={{ search: stringify({ ...queryRest, page }) }} style={{ textDecoration: 'none' }}>\n      <Typography variant=\"omega\" textColor=\"primary600\">\n        {children}\n      </Typography>\n    </Link>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * VersionsList\n * -----------------------------------------------------------------------------------------------*/\n\nconst VersionsList = () => {\n  const { formatMessage } = useIntl();\n  const { versions, page } = useHistoryContext('VersionsList', (state) => ({\n    versions: state.versions,\n    page: state.page,\n  }));\n\n  return (\n    <Flex\n      shrink={0}\n      direction=\"column\"\n      alignItems=\"stretch\"\n      width=\"320px\"\n      height=\"100vh\"\n      background=\"neutral0\"\n      borderColor=\"neutral200\"\n      borderWidth=\"0 0 0 1px\"\n      borderStyle=\"solid\"\n      as=\"aside\"\n    >\n      <Flex\n        direction=\"row\"\n        justifyContent=\"space-between\"\n        padding={4}\n        borderColor=\"neutral200\"\n        borderWidth=\"0 0 1px\"\n        borderStyle=\"solid\"\n        as=\"header\"\n      >\n        <Typography as=\"h2\" variant=\"omega\" fontWeight=\"semiBold\">\n          {formatMessage({\n            id: 'content-manager.history.sidebar.title',\n            defaultMessage: 'Versions',\n          })}\n        </Typography>\n        <Box background=\"neutral150\" hasRadius padding={1}>\n          <Typography variant=\"sigma\" textColor=\"neutral600\">\n            {versions.meta.pagination.total}\n          </Typography>\n        </Box>\n      </Flex>\n      <Box flex={1} overflow=\"auto\">\n        {versions.meta.pagination.page > 1 && (\n          <Box paddingTop={4} textAlign=\"center\">\n            <PaginationButton page={page - 1}>\n              {formatMessage({\n                id: 'content-manager.history.sidebar.show-newer',\n                defaultMessage: 'Show newer versions',\n              })}\n            </PaginationButton>\n          </Box>\n        )}\n        <Flex\n          direction=\"column\"\n          gap={3}\n          paddingTop={5}\n          paddingBottom={5}\n          paddingLeft={4}\n          paddingRight={4}\n          as=\"ul\"\n          alignItems=\"stretch\"\n        >\n          {versions.data.map((version, index) => (\n            <li\n              key={version.id}\n              aria-label={formatMessage({\n                id: 'content-manager.history.sidebar.title.version-card.aria-label',\n                defaultMessage: 'Version card',\n              })}\n            >\n              <VersionCard version={version} isCurrent={page === 1 && index === 0} />\n            </li>\n          ))}\n        </Flex>\n        {versions.meta.pagination.page < versions.meta.pagination.pageCount && (\n          <Box paddingBottom={5} textAlign=\"center\">\n            <PaginationButton page={page + 1}>\n              {formatMessage({\n                id: 'content-manager.history.sidebar.show-older',\n                defaultMessage: 'Show older versions',\n              })}\n            </PaginationButton>\n          </Box>\n        )}\n      </Box>\n    </Flex>\n  );\n};\n\nexport { VersionsList };\n","import { Contracts } from '@strapi/plugin-content-manager/_internal/shared';\n\nimport { contentManagerApi } from '../../services/api';\n\nconst historyVersionsApi = contentManagerApi.injectEndpoints({\n  endpoints: (builder) => ({\n    getHistoryVersions: builder.query<\n      Contracts.HistoryVersions.GetHistoryVersions.Response,\n      Contracts.HistoryVersions.GetHistoryVersions.Request['query']\n    >({\n      query(params) {\n        return {\n          url: `/content-manager/history-versions`,\n          method: 'GET',\n          config: {\n            params,\n          },\n        };\n      },\n      providesTags: ['HistoryVersion'],\n    }),\n  }),\n});\n\nconst { useGetHistoryVersionsQuery } = historyVersionsApi;\n\nexport { useGetHistoryVersionsQuery };\n","import * as React from 'react';\n\nimport { Box, Flex, Main } from '@strapi/design-system';\nimport { useQueryParams } from '@strapi/helper-plugin';\nimport { Contracts } from '@strapi/plugin-content-manager/_internal/shared';\nimport { stringify } from 'qs';\nimport { Helmet } from 'react-helmet';\nimport { useIntl } from 'react-intl';\nimport { Navigate, useParams } from 'react-router-dom';\n\nimport { createContext } from '../../../components/Context';\nimport { Page } from '../../../components/PageHelpers';\nimport { COLLECTION_TYPES } from '../../constants/collections';\nimport { DocumentRBAC } from '../../features/DocumentRBAC';\nimport { useDocument } from '../../hooks/useDocument';\nimport { type EditLayout, useDocumentLayout } from '../../hooks/useDocumentLayout';\nimport { useSyncRbac } from '../../hooks/useSyncRbac';\nimport { buildValidParams } from '../../utils/api';\nimport { VersionContent } from '../components/VersionContent';\nimport { VersionHeader } from '../components/VersionHeader';\nimport { VersionsList } from '../components/VersionsList';\nimport { useGetHistoryVersionsQuery } from '../services/historyVersion';\n\nimport type { UID } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * HistoryProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface HistoryContextValue {\n  contentType: UID.ContentType;\n  id?: string; // null for single types\n  layout: EditLayout['layout'];\n  selectedVersion: Contracts.HistoryVersions.HistoryVersionDataResponse;\n  // Errors are handled outside of the provider, so we exclude errors from the response type\n  versions: Extract<\n    Contracts.HistoryVersions.GetHistoryVersions.Response,\n    { data: Array<Contracts.HistoryVersions.HistoryVersionDataResponse> }\n  >;\n  page: number;\n  mainField: string;\n  schema: Contracts.ContentTypes.ContentType;\n}\n\nconst [HistoryProvider, useHistoryContext] = createContext<HistoryContextValue>('HistoryPage');\n\n/* -------------------------------------------------------------------------------------------------\n * HistoryPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst HistoryPage = () => {\n  const headerId = React.useId();\n  const { formatMessage } = useIntl();\n  const {\n    slug,\n    id: documentId,\n    collectionType,\n  } = useParams<{\n    collectionType: string;\n    slug: UID.ContentType;\n    id: string;\n  }>();\n\n  const { isLoading: isLoadingDocument, schema } = useDocument({\n    collectionType: collectionType!,\n    model: slug!,\n  });\n\n  const {\n    isLoading: isLoadingLayout,\n    edit: {\n      layout,\n      settings: { displayName, mainField },\n    },\n  } = useDocumentLayout(slug!);\n\n  // Parse state from query params\n  const [{ query }] = useQueryParams<{\n    page?: number;\n    id?: string;\n    plugins?: Record<string, unknown>;\n  }>();\n  const { id: selectedVersionId, ...queryWithoutId } = query;\n  const validQueryParamsWithoutId = buildValidParams(queryWithoutId);\n  const page = validQueryParamsWithoutId.page ? Number(validQueryParamsWithoutId.page) : 1;\n\n  const versionsResponse = useGetHistoryVersionsQuery(\n    {\n      contentType: slug!,\n      ...(documentId ? { documentId } : {}),\n      // Omit id since it's not needed by the endpoint and caused extra refetches\n      ...validQueryParamsWithoutId,\n    },\n    { refetchOnMountOrArgChange: true }\n  );\n\n  /**\n   * When the page is first mounted, if there's already data in the cache, RTK has a fullfilled\n   * status for the first render, right before it triggers a new request. This means the code\n   * briefly reaches the part that redirects to the first history version (if none is set).\n   * But since that data is stale, that means auto-selecting a version that may not be the most\n   * recent. To avoid this, we identify through requestId if the query is stale despite the\n   * fullfilled status, and show the loader in that case.\n   * This means we essentially don't want cache. We always refetch when the page mounts, and\n   * we always show the loader until we have the most recent data. That's fine for this page.\n   */\n  const initialRequestId = React.useRef(versionsResponse.requestId);\n  const isStaleRequest = versionsResponse.requestId === initialRequestId.current;\n\n  /**\n   * Ensure that we have the necessary data to render the page:\n   * - slug for single types\n   * - slug _and_ documentId for collection types\n   */\n  if (!slug || (collectionType === COLLECTION_TYPES && !documentId)) {\n    return <Navigate to=\"/content-manager\" />;\n  }\n\n  if (isLoadingDocument || isLoadingLayout || versionsResponse.isFetching || isStaleRequest) {\n    return <Page.Loading />;\n  }\n\n  // It was a success, handle empty data\n  if (!versionsResponse.isError && !versionsResponse.data?.data?.length) {\n    return <Page.NoData />;\n  }\n\n  // We have data, handle selected version\n  if (versionsResponse.data?.data?.length && !selectedVersionId) {\n    return (\n      <Navigate\n        to={{ search: stringify({ ...query, id: versionsResponse.data.data[0].id }) }}\n        replace\n      />\n    );\n  }\n\n  const selectedVersion = versionsResponse.data?.data?.find(\n    (version) => version.id.toString() === selectedVersionId\n  );\n  if (\n    versionsResponse.isError ||\n    !layout ||\n    !schema ||\n    !selectedVersion ||\n    // This should not happen as it's covered by versionsResponse.isError, but we need it for TS\n    versionsResponse.data.error\n  ) {\n    return <Page.Error />;\n  }\n\n  return (\n    <>\n      <Helmet\n        title={formatMessage(\n          {\n            id: 'content-manager.history.page-title',\n            defaultMessage: '{contentType} history',\n          },\n          {\n            contentType: displayName,\n          }\n        )}\n      />\n      <HistoryProvider\n        contentType={slug}\n        id={documentId}\n        schema={schema}\n        layout={layout}\n        selectedVersion={selectedVersion}\n        versions={versionsResponse.data}\n        page={page}\n        mainField={mainField}\n      >\n        <Flex direction=\"row\" alignItems=\"flex-start\">\n          <Main grow={1} height=\"100vh\" overflow=\"auto\" labelledBy={headerId}>\n            <VersionHeader headerId={headerId} />\n            <VersionContent />\n          </Main>\n          <VersionsList />\n        </Flex>\n      </HistoryProvider>\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ProtectedHistoryPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedHistoryPage = () => {\n  const { slug } = useParams<{\n    slug: string;\n  }>();\n  const [{ query }] = useQueryParams();\n  const { permissions = [], isLoading, isError } = useSyncRbac(slug ?? '', query, 'History');\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  if ((!isLoading && isError) || !slug) {\n    return (\n      <Box height=\"100vh\">\n        <Page.Error />\n      </Box>\n    );\n  }\n\n  return (\n    <Box height=\"100vh\">\n      <Page.Protect permissions={permissions}>\n        {({ permissions }) => (\n          <DocumentRBAC permissions={permissions}>\n            <HistoryPage />\n          </DocumentRBAC>\n        )}\n      </Page.Protect>\n    </Box>\n  );\n};\n\nexport { ProtectedHistoryPage, HistoryProvider, useHistoryContext };\nexport type { HistoryContextValue };\n"],"names":["Typography","jsx","InputRenderer","ContentLayout","Form","Flex","index","Grid","GridItem","Box","useIntl","useQueryParams","useParams","stringify","COLLECTION_TYPES","HeaderLayout","Link","ArrowLeft","NavLink","getDisplayName","jsxs","RelativeTime","contentManagerApi","createContext","React","useDocument","useDocumentLayout","buildValidParams","Navigate","Page","Fragment","Helmet","Main","useSyncRbac","permissions","DocumentRBAC"],"mappings":"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"}