@strapi/content-manager 0.0.0-next.77e66829c8c9c19a6fd9c80944bb2395c7d7f714 → 0.0.0-next.7c7ba817d00aeac2e9f750e6693dc8e51a8a2659

package/dist/_chunks/Preview-BPBvJI2O.js

@@ -1,307 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const strapiAdmin = require("@strapi/admin/strapi-admin");
-const designSystem = require("@strapi/design-system");
-const reactIntl = require("react-intl");
-const reactRouterDom = require("react-router-dom");
-const index = require("./index-BL9NYW88.js");
-const Icons = require("@strapi/icons");
-const qs = require("qs");
-const EditViewPage = require("./EditViewPage-B_Gr-2r6.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 PreviewContent = () => {
-  const previewUrl = usePreviewContext("PreviewContent", (state) => state.url);
-  const { formatMessage } = reactIntl.useIntl();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    designSystem.Box,
-    {
-      src: previewUrl,
-      title: formatMessage({
-        id: "content-manager.preview.panel.title",
-        defaultMessage: "Preview"
-      }),
-      width: "100%",
-      height: "100%",
-      borderWidth: 0,
-      tag: "iframe"
-    }
-  );
-};
-const ClosePreviewButton = () => {
-  const [{ query }] = strapiAdmin.useQueryParams();
-  const navigate = reactRouterDom.useNavigate();
-  const { formatMessage } = reactIntl.useIntl();
-  const canGoBack = strapiAdmin.useHistory("BackButton", (state) => state.canGoBack);
-  const goBack = strapiAdmin.useHistory("BackButton", (state) => state.goBack);
-  const history = strapiAdmin.useHistory("BackButton", (state) => state.history);
-  const fallbackUrl = {
-    pathname: "..",
-    search: qs.stringify(query, { encode: false })
-  };
-  const handleClick = (e) => {
-    e.preventDefault();
-    if (canGoBack) {
-      goBack();
-    } else {
-      navigate(fallbackUrl);
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    designSystem.IconButton,
-    {
-      tag: reactRouterDom.Link,
-      to: history.at(-1) ?? fallbackUrl,
-      onClick: handleClick,
-      label: formatMessage({
-        id: "content-manager.preview.header.close",
-        defaultMessage: "Close preview"
-      }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Cross, {})
-    }
-  );
-};
-const getStatusData = (status) => {
-  switch (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: {
-          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 DocumentStatus = () => {
-  const { formatMessage } = reactIntl.useIntl();
-  const document = usePreviewContext("PreviewHeader", (state) => state.document);
-  const schema = usePreviewContext("PreviewHeader", (state) => state.schema);
-  const meta = usePreviewContext("PreviewHeader", (state) => state.meta);
-  const hasDraftAndPublished = schema?.options?.draftAndPublish ?? false;
-  const status = EditViewPage.getDocumentStatus(document, meta);
-  const statusData = getStatusData(status);
-  if (!hasDraftAndPublished) {
-    return null;
-  }
-  return /* @__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 PreviewHeader = () => {
-  const mainField = usePreviewContext("PreviewHeader", (state) => state.mainField);
-  const document = usePreviewContext("PreviewHeader", (state) => state.document);
-  const title = document[mainField];
-  const { formatMessage } = reactIntl.useIntl();
-  const { toggleNotification } = strapiAdmin.useNotification();
-  const { copy } = strapiAdmin.useClipboard();
-  const handleCopyLink = () => {
-    copy(window.location.href);
-    toggleNotification({
-      message: formatMessage({
-        id: "content-manager.preview.copy.success",
-        defaultMessage: "Copied preview link"
-      }),
-      type: "success"
-    });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    designSystem.Flex,
-    {
-      justifyContent: "space-between",
-      background: "neutral0",
-      padding: 2,
-      borderColor: "neutral150",
-      tag: "header",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ClosePreviewButton, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "h1", fontWeight: 600, fontSize: 2, children: title }),
-          /* @__PURE__ */ jsxRuntime.jsx(DocumentStatus, {})
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.IconButton,
-          {
-            type: "button",
-            label: formatMessage({
-              id: "preview.copy.label",
-              defaultMessage: "Copy preview link"
-            }),
-            onClick: handleCopyLink,
-            children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Link, {})
-          }
-        )
-      ]
-    }
-  );
-};
-const [PreviewProvider, usePreviewContext] = strapiAdmin.createContext("PreviewPage");
-const PreviewPage = () => {
-  const { formatMessage } = reactIntl.useIntl();
-  const {
-    slug: model,
-    id: documentId,
-    collectionType
-  } = reactRouterDom.useParams();
-  const [{ query }] = strapiAdmin.useQueryParams();
-  const params = React__namespace.useMemo(() => index.buildValidParams(query), [query]);
-  if (!collectionType) {
-    throw new Error("Could not find collectionType in url params");
-  }
-  if (!model) {
-    throw new Error("Could not find model in url params");
-  }
-  if (collectionType === index.COLLECTION_TYPES && !documentId) {
-    throw new Error("Could not find documentId in url params");
-  }
-  const previewUrlResponse = index.useGetPreviewUrlQuery({
-    params: {
-      contentType: model
-    },
-    query: {
-      documentId,
-      locale: params.locale,
-      status: params.status
-    }
-  });
-  const documentResponse = index.useDocument({
-    model,
-    collectionType,
-    documentId,
-    params
-  });
-  const documentLayoutResponse = index.useDocumentLayout(model);
-  if (documentResponse.isLoading || previewUrlResponse.isLoading || documentLayoutResponse.isLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.Loading, {});
-  }
-  if (previewUrlResponse.error || documentLayoutResponse.error || !documentResponse.document || !documentResponse.meta || !documentResponse.schema) {
-    return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.Error, {});
-  }
-  if (!previewUrlResponse.data?.data?.url) {
-    return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.NoData, {});
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.Title, { children: formatMessage(
-      {
-        id: "content-manager.preview.page-title",
-        defaultMessage: "{contentType} preview"
-      },
-      {
-        contentType: documentLayoutResponse.edit.settings.displayName
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      PreviewProvider,
-      {
-        url: previewUrlResponse.data.data.url,
-        mainField: documentLayoutResponse.edit.settings.mainField,
-        document: documentResponse.document,
-        meta: documentResponse.meta,
-        schema: documentResponse.schema,
-        children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", height: "100%", alignItems: "stretch", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(PreviewHeader, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(PreviewContent, {})
-        ] })
-      }
-    )
-  ] });
-};
-const ProtectedPreviewPageImpl = () => {
-  const { slug: model } = reactRouterDom.useParams();
-  const {
-    permissions = [],
-    isLoading,
-    error
-  } = strapiAdmin.useRBAC([{ action: "plugin::content-manager.explorer.read", subject: model }]);
-  if (isLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.Loading, {});
-  }
-  if (error || !model) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.Box,
-      {
-        height: "100vh",
-        width: "100vw",
-        position: "fixed",
-        top: 0,
-        left: 0,
-        zIndex: 2,
-        background: "neutral0",
-        children: /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.Error, {})
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    designSystem.Box,
-    {
-      height: "100vh",
-      width: "100vw",
-      position: "fixed",
-      top: 0,
-      left: 0,
-      zIndex: 2,
-      background: "neutral0",
-      children: /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.Protect, { permissions, children: ({ permissions: permissions2 }) => /* @__PURE__ */ jsxRuntime.jsx(index.DocumentRBAC, { permissions: permissions2, children: /* @__PURE__ */ jsxRuntime.jsx(PreviewPage, {}) }) })
-    }
-  );
-};
-const ProtectedPreviewPage = () => {
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.FocusTrap, { children: /* @__PURE__ */ jsxRuntime.jsx(ProtectedPreviewPageImpl, {}) }) });
-};
-exports.ProtectedPreviewPage = ProtectedPreviewPage;
-exports.usePreviewContext = usePreviewContext;
-//# sourceMappingURL=Preview-BPBvJI2O.js.map

package/dist/_chunks/Preview-BPBvJI2O.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Preview-BPBvJI2O.js","sources":["../../admin/src/preview/components/PreviewContent.tsx","../../admin/src/preview/components/PreviewHeader.tsx","../../admin/src/preview/pages/Preview.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { usePreviewContext } from '../pages/Preview';\n\nconst PreviewContent = () => {\n  const previewUrl = usePreviewContext('PreviewContent', (state) => state.url);\n\n  const { formatMessage } = useIntl();\n\n  return (\n    <Box\n      src={previewUrl}\n      title={formatMessage({\n        id: 'content-manager.preview.panel.title',\n        defaultMessage: 'Preview',\n      })}\n      width=\"100%\"\n      height=\"100%\"\n      borderWidth={0}\n      tag=\"iframe\"\n    />\n  );\n};\n\nexport { PreviewContent };\n","import * as React from 'react';\n\nimport {\n  useClipboard,\n  useHistory,\n  useNotification,\n  useQueryParams,\n} from '@strapi/admin/strapi-admin';\nimport { Box, type BoxProps, Flex, IconButton, Typography } from '@strapi/design-system';\nimport { Cross, Link as LinkIcon } from '@strapi/icons';\nimport { stringify } from 'qs';\nimport { type MessageDescriptor, useIntl } from 'react-intl';\nimport { Link, type To, useNavigate } from 'react-router-dom';\n\nimport { getDocumentStatus } from '../../pages/EditView/EditViewPage';\nimport { usePreviewContext } from '../pages/Preview';\n\n/* -------------------------------------------------------------------------------------------------\n * ClosePreviewButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst ClosePreviewButton = () => {\n  const [{ query }] = useQueryParams();\n  const navigate = useNavigate();\n  const { formatMessage } = useIntl();\n\n  const canGoBack = useHistory('BackButton', (state) => state.canGoBack);\n  const goBack = useHistory('BackButton', (state) => state.goBack);\n  const history = useHistory('BackButton', (state) => state.history);\n\n  const fallbackUrl: To = {\n    pathname: '..',\n    search: stringify(query, { encode: false }),\n  };\n\n  const handleClick = (e: React.MouseEvent) => {\n    /**\n     * Prevent normal link behavior. We only make it an achor for accessibility reasons.\n     * The point of this logic is to act as the browser's back button when possible, and to fallback\n     * to a link behavior to the edit view when no history is available.\n     *  */\n    e.preventDefault();\n\n    if (canGoBack) {\n      goBack();\n    } else {\n      navigate(fallbackUrl);\n    }\n  };\n\n  return (\n    <IconButton\n      tag={Link}\n      to={history.at(-1) ?? fallbackUrl}\n      onClick={handleClick}\n      label={formatMessage({\n        id: 'content-manager.preview.header.close',\n        defaultMessage: 'Close preview',\n      })}\n    >\n      <Cross />\n    </IconButton>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * DocumentStatus\n * -----------------------------------------------------------------------------------------------*/\n\ninterface StatusData {\n  background: BoxProps['background'];\n  border: BoxProps['borderColor'];\n  text: BoxProps['color'];\n  message: MessageDescriptor;\n}\n\nconst getStatusData = (status: ReturnType<typeof getDocumentStatus>): StatusData => {\n  switch (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          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\nconst DocumentStatus = () => {\n  const { formatMessage } = useIntl();\n\n  // Get status\n  const document = usePreviewContext('PreviewHeader', (state) => state.document);\n  const schema = usePreviewContext('PreviewHeader', (state) => state.schema);\n  const meta = usePreviewContext('PreviewHeader', (state) => state.meta);\n  const hasDraftAndPublished = schema?.options?.draftAndPublish ?? false;\n  const status = getDocumentStatus(document, meta);\n\n  const statusData = getStatusData(status);\n\n  if (!hasDraftAndPublished) {\n    return null;\n  }\n\n  /**\n   * TODO: Add an XS size to the Status component from the design system so that we can add\n   * a variant to the VersionsList component.\n   * Then we could reuse it both here and in history's VersionCard component.\n   */\n\n  return (\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};\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewHeader\n * -----------------------------------------------------------------------------------------------*/\n\nconst PreviewHeader = () => {\n  // Get main field\n  const mainField = usePreviewContext('PreviewHeader', (state) => state.mainField);\n  const document = usePreviewContext('PreviewHeader', (state) => state.document);\n  const title = document[mainField];\n\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { copy } = useClipboard();\n\n  const handleCopyLink = () => {\n    copy(window.location.href);\n    toggleNotification({\n      message: formatMessage({\n        id: 'content-manager.preview.copy.success',\n        defaultMessage: 'Copied preview link',\n      }),\n      type: 'success',\n    });\n  };\n\n  return (\n    <Flex\n      justifyContent=\"space-between\"\n      background=\"neutral0\"\n      padding={2}\n      borderColor=\"neutral150\"\n      tag=\"header\"\n    >\n      <Flex gap={3}>\n        <ClosePreviewButton />\n        <Typography tag=\"h1\" fontWeight={600} fontSize={2}>\n          {title}\n        </Typography>\n        <DocumentStatus />\n      </Flex>\n      <IconButton\n        type=\"button\"\n        label={formatMessage({\n          id: 'preview.copy.label',\n          defaultMessage: 'Copy preview link',\n        })}\n        onClick={handleCopyLink}\n      >\n        <LinkIcon />\n      </IconButton>\n    </Flex>\n  );\n};\n\nexport { PreviewHeader };\n","import * as React from 'react';\n\nimport { Page, useQueryParams, useRBAC, createContext } from '@strapi/admin/strapi-admin';\nimport { Box, Flex, FocusTrap, Portal } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { useParams } from 'react-router-dom';\n\nimport { GetPreviewUrl } from '../../../../shared/contracts/preview';\nimport { COLLECTION_TYPES } from '../../constants/collections';\nimport { DocumentRBAC } from '../../features/DocumentRBAC';\nimport { type UseDocument, useDocument } from '../../hooks/useDocument';\nimport { useDocumentLayout } from '../../hooks/useDocumentLayout';\nimport { buildValidParams } from '../../utils/api';\nimport { PreviewContent } from '../components/PreviewContent';\nimport { PreviewHeader } from '../components/PreviewHeader';\nimport { useGetPreviewUrlQuery } from '../services/preview';\n\nimport type { UID } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface PreviewContextValue {\n  url: string;\n  mainField: string;\n  document: NonNullable<ReturnType<UseDocument>['document']>;\n  meta: NonNullable<ReturnType<UseDocument>['meta']>;\n  schema: NonNullable<ReturnType<UseDocument>['schema']>;\n}\n\nconst [PreviewProvider, usePreviewContext] = createContext<PreviewContextValue>('PreviewPage');\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst PreviewPage = () => {\n  const { formatMessage } = useIntl();\n\n  // Read all the necessary data from the URL to find the right preview URL\n  const {\n    slug: model,\n    id: documentId,\n    collectionType,\n  } = useParams<{\n    slug: UID.ContentType;\n    id: string;\n    collectionType: string;\n  }>();\n  const [{ query }] = useQueryParams<{\n    plugins?: Record<string, unknown>;\n  }>();\n  const params = React.useMemo(() => buildValidParams(query), [query]);\n\n  if (!collectionType) {\n    throw new Error('Could not find collectionType in url params');\n  }\n\n  if (!model) {\n    throw new Error('Could not find model in url params');\n  }\n\n  // Only collection types must have a documentId\n  if (collectionType === COLLECTION_TYPES && !documentId) {\n    throw new Error('Could not find documentId in url params');\n  }\n\n  const previewUrlResponse = useGetPreviewUrlQuery({\n    params: {\n      contentType: model,\n    },\n    query: {\n      documentId,\n      locale: params.locale,\n      status: params.status as GetPreviewUrl.Request['query']['status'],\n    },\n  });\n\n  const documentResponse = useDocument({\n    model,\n    collectionType,\n    documentId,\n    params,\n  });\n\n  const documentLayoutResponse = useDocumentLayout(model);\n\n  if (\n    documentResponse.isLoading ||\n    previewUrlResponse.isLoading ||\n    documentLayoutResponse.isLoading\n  ) {\n    return <Page.Loading />;\n  }\n\n  if (\n    previewUrlResponse.error ||\n    documentLayoutResponse.error ||\n    !documentResponse.document ||\n    !documentResponse.meta ||\n    !documentResponse.schema\n  ) {\n    return <Page.Error />;\n  }\n\n  if (!previewUrlResponse.data?.data?.url) {\n    return <Page.NoData />;\n  }\n\n  return (\n    <>\n      <Page.Title>\n        {formatMessage(\n          {\n            id: 'content-manager.preview.page-title',\n            defaultMessage: '{contentType} preview',\n          },\n          {\n            contentType: documentLayoutResponse.edit.settings.displayName,\n          }\n        )}\n      </Page.Title>\n      <PreviewProvider\n        url={previewUrlResponse.data.data.url}\n        mainField={documentLayoutResponse.edit.settings.mainField}\n        document={documentResponse.document}\n        meta={documentResponse.meta}\n        schema={documentResponse.schema}\n      >\n        <Flex direction=\"column\" height=\"100%\" alignItems={'stretch'}>\n          <PreviewHeader />\n          <PreviewContent />\n        </Flex>\n      </PreviewProvider>\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ProtectedPreviewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedPreviewPageImpl = () => {\n  const { slug: model } = useParams<{\n    slug: string;\n  }>();\n  const {\n    permissions = [],\n    isLoading,\n    error,\n  } = useRBAC([{ action: 'plugin::content-manager.explorer.read', subject: model }]);\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  if (error || !model) {\n    return (\n      <Box\n        height=\"100vh\"\n        width=\"100vw\"\n        position=\"fixed\"\n        top={0}\n        left={0}\n        zIndex={2}\n        background=\"neutral0\"\n      >\n        <Page.Error />\n      </Box>\n    );\n  }\n\n  return (\n    <Box\n      height=\"100vh\"\n      width=\"100vw\"\n      position=\"fixed\"\n      top={0}\n      left={0}\n      zIndex={2}\n      background=\"neutral0\"\n    >\n      <Page.Protect permissions={permissions}>\n        {({ permissions }) => (\n          <DocumentRBAC permissions={permissions}>\n            <PreviewPage />\n          </DocumentRBAC>\n        )}\n      </Page.Protect>\n    </Box>\n  );\n};\n\nconst ProtectedPreviewPage = () => {\n  return (\n    <Portal>\n      <FocusTrap>\n        <ProtectedPreviewPageImpl />\n      </FocusTrap>\n    </Portal>\n  );\n};\n\nexport { ProtectedPreviewPage, usePreviewContext };\n"],"names":["useIntl","jsx","Box","useQueryParams","useNavigate","useHistory","stringify","IconButton","Link","Cross","getDocumentStatus","Typography","useNotification","useClipboard","jsxs","Flex","LinkIcon","createContext","useParams","React","buildValidParams","COLLECTION_TYPES","useGetPreviewUrlQuery","useDocument","useDocumentLayout","Page","Fragment","useRBAC","permissions","DocumentRBAC","Portal","FocusTrap"],"mappings":"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"}

package/dist/_chunks/Preview-BbRS-OKT.mjs

@@ -1,288 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import * as React from "react";
-import { useNotification, useClipboard, useQueryParams, useHistory, createContext, useRBAC, Page } from "@strapi/admin/strapi-admin";
-import { Box, Flex, Typography, IconButton, Portal, FocusTrap } from "@strapi/design-system";
-import { useIntl } from "react-intl";
-import { useNavigate, Link as Link$1, useParams } from "react-router-dom";
-import { l as DocumentRBAC, d as buildValidParams, C as COLLECTION_TYPES, K as useGetPreviewUrlQuery, J as useDocument, h as useDocumentLayout } from "./index-C_KAytfk.mjs";
-import { Link, Cross } from "@strapi/icons";
-import { stringify } from "qs";
-import { getDocumentStatus } from "./EditViewPage-Bc97GGF4.mjs";
-const PreviewContent = () => {
-  const previewUrl = usePreviewContext("PreviewContent", (state) => state.url);
-  const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      src: previewUrl,
-      title: formatMessage({
-        id: "content-manager.preview.panel.title",
-        defaultMessage: "Preview"
-      }),
-      width: "100%",
-      height: "100%",
-      borderWidth: 0,
-      tag: "iframe"
-    }
-  );
-};
-const ClosePreviewButton = () => {
-  const [{ query }] = useQueryParams();
-  const navigate = useNavigate();
-  const { formatMessage } = useIntl();
-  const canGoBack = useHistory("BackButton", (state) => state.canGoBack);
-  const goBack = useHistory("BackButton", (state) => state.goBack);
-  const history = useHistory("BackButton", (state) => state.history);
-  const fallbackUrl = {
-    pathname: "..",
-    search: stringify(query, { encode: false })
-  };
-  const handleClick = (e) => {
-    e.preventDefault();
-    if (canGoBack) {
-      goBack();
-    } else {
-      navigate(fallbackUrl);
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    IconButton,
-    {
-      tag: Link$1,
-      to: history.at(-1) ?? fallbackUrl,
-      onClick: handleClick,
-      label: formatMessage({
-        id: "content-manager.preview.header.close",
-        defaultMessage: "Close preview"
-      }),
-      children: /* @__PURE__ */ jsx(Cross, {})
-    }
-  );
-};
-const getStatusData = (status) => {
-  switch (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: {
-          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 DocumentStatus = () => {
-  const { formatMessage } = useIntl();
-  const document = usePreviewContext("PreviewHeader", (state) => state.document);
-  const schema = usePreviewContext("PreviewHeader", (state) => state.schema);
-  const meta = usePreviewContext("PreviewHeader", (state) => state.meta);
-  const hasDraftAndPublished = schema?.options?.draftAndPublish ?? false;
-  const status = getDocumentStatus(document, meta);
-  const statusData = getStatusData(status);
-  if (!hasDraftAndPublished) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      background: statusData.background,
-      borderStyle: "solid",
-      borderWidth: "1px",
-      borderColor: statusData.border,
-      hasRadius: true,
-      paddingLeft: "6px",
-      paddingRight: "6px",
-      paddingTop: "2px",
-      paddingBottom: "2px",
-      children: /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", textColor: statusData.text, children: formatMessage(statusData.message) })
-    }
-  );
-};
-const PreviewHeader = () => {
-  const mainField = usePreviewContext("PreviewHeader", (state) => state.mainField);
-  const document = usePreviewContext("PreviewHeader", (state) => state.document);
-  const title = document[mainField];
-  const { formatMessage } = useIntl();
-  const { toggleNotification } = useNotification();
-  const { copy } = useClipboard();
-  const handleCopyLink = () => {
-    copy(window.location.href);
-    toggleNotification({
-      message: formatMessage({
-        id: "content-manager.preview.copy.success",
-        defaultMessage: "Copied preview link"
-      }),
-      type: "success"
-    });
-  };
-  return /* @__PURE__ */ jsxs(
-    Flex,
-    {
-      justifyContent: "space-between",
-      background: "neutral0",
-      padding: 2,
-      borderColor: "neutral150",
-      tag: "header",
-      children: [
-        /* @__PURE__ */ jsxs(Flex, { gap: 3, children: [
-          /* @__PURE__ */ jsx(ClosePreviewButton, {}),
-          /* @__PURE__ */ jsx(Typography, { tag: "h1", fontWeight: 600, fontSize: 2, children: title }),
-          /* @__PURE__ */ jsx(DocumentStatus, {})
-        ] }),
-        /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            type: "button",
-            label: formatMessage({
-              id: "preview.copy.label",
-              defaultMessage: "Copy preview link"
-            }),
-            onClick: handleCopyLink,
-            children: /* @__PURE__ */ jsx(Link, {})
-          }
-        )
-      ]
-    }
-  );
-};
-const [PreviewProvider, usePreviewContext] = createContext("PreviewPage");
-const PreviewPage = () => {
-  const { formatMessage } = useIntl();
-  const {
-    slug: model,
-    id: documentId,
-    collectionType
-  } = useParams();
-  const [{ query }] = useQueryParams();
-  const params = React.useMemo(() => buildValidParams(query), [query]);
-  if (!collectionType) {
-    throw new Error("Could not find collectionType in url params");
-  }
-  if (!model) {
-    throw new Error("Could not find model in url params");
-  }
-  if (collectionType === COLLECTION_TYPES && !documentId) {
-    throw new Error("Could not find documentId in url params");
-  }
-  const previewUrlResponse = useGetPreviewUrlQuery({
-    params: {
-      contentType: model
-    },
-    query: {
-      documentId,
-      locale: params.locale,
-      status: params.status
-    }
-  });
-  const documentResponse = useDocument({
-    model,
-    collectionType,
-    documentId,
-    params
-  });
-  const documentLayoutResponse = useDocumentLayout(model);
-  if (documentResponse.isLoading || previewUrlResponse.isLoading || documentLayoutResponse.isLoading) {
-    return /* @__PURE__ */ jsx(Page.Loading, {});
-  }
-  if (previewUrlResponse.error || documentLayoutResponse.error || !documentResponse.document || !documentResponse.meta || !documentResponse.schema) {
-    return /* @__PURE__ */ jsx(Page.Error, {});
-  }
-  if (!previewUrlResponse.data?.data?.url) {
-    return /* @__PURE__ */ jsx(Page.NoData, {});
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Page.Title, { children: formatMessage(
-      {
-        id: "content-manager.preview.page-title",
-        defaultMessage: "{contentType} preview"
-      },
-      {
-        contentType: documentLayoutResponse.edit.settings.displayName
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      PreviewProvider,
-      {
-        url: previewUrlResponse.data.data.url,
-        mainField: documentLayoutResponse.edit.settings.mainField,
-        document: documentResponse.document,
-        meta: documentResponse.meta,
-        schema: documentResponse.schema,
-        children: /* @__PURE__ */ jsxs(Flex, { direction: "column", height: "100%", alignItems: "stretch", children: [
-          /* @__PURE__ */ jsx(PreviewHeader, {}),
-          /* @__PURE__ */ jsx(PreviewContent, {})
-        ] })
-      }
-    )
-  ] });
-};
-const ProtectedPreviewPageImpl = () => {
-  const { slug: model } = useParams();
-  const {
-    permissions = [],
-    isLoading,
-    error
-  } = useRBAC([{ action: "plugin::content-manager.explorer.read", subject: model }]);
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(Page.Loading, {});
-  }
-  if (error || !model) {
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        height: "100vh",
-        width: "100vw",
-        position: "fixed",
-        top: 0,
-        left: 0,
-        zIndex: 2,
-        background: "neutral0",
-        children: /* @__PURE__ */ jsx(Page.Error, {})
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      height: "100vh",
-      width: "100vw",
-      position: "fixed",
-      top: 0,
-      left: 0,
-      zIndex: 2,
-      background: "neutral0",
-      children: /* @__PURE__ */ jsx(Page.Protect, { permissions, children: ({ permissions: permissions2 }) => /* @__PURE__ */ jsx(DocumentRBAC, { permissions: permissions2, children: /* @__PURE__ */ jsx(PreviewPage, {}) }) })
-    }
-  );
-};
-const ProtectedPreviewPage = () => {
-  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(FocusTrap, { children: /* @__PURE__ */ jsx(ProtectedPreviewPageImpl, {}) }) });
-};
-export {
-  ProtectedPreviewPage,
-  usePreviewContext
-};
-//# sourceMappingURL=Preview-BbRS-OKT.mjs.map