@strapi/content-manager 0.0.0-experimental.d042f6a350fa3a48d61e7c56875e2a0a7ba3c8f5 → 0.0.0-experimental.d1602f22dc638a4c3c5084965fd6126fff5e9d4f

package/dist/admin/chunks/Preview-H74FQ9Cq.js

@@ -0,0 +1,504 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var index = require('./index-ZIwOPk6p.js');
+var Icons = require('@strapi/icons');
+var qs = require('qs');
+var styledComponents = require('styled-components');
+var EditViewPage = require('./EditViewPage-zSnDwLz3.js');
+require('lodash/fp/mapValues');
+require('yup');
+require('fractional-indexing');
+require('lodash/fp/pipe');
+require('date-fns');
+require('@reduxjs/toolkit');
+require('./Input-DiR2Xfa7.js');
+require('slate');
+require('slate-history');
+require('slate-react');
+require('prismjs');
+require('prismjs/themes/prism-solarizedlight.css');
+require('./usePrev-DIYl-IAL.js');
+require('./useDragAndDrop-gcqEJMnO.js');
+require('react-dnd');
+require('@radix-ui/react-toolbar');
+require('react-dnd-html5-backend');
+require('./objects-C3EebVVe.js');
+require('lodash/clone');
+require('lodash/toPath');
+require('./Relations-mxOUS7TJ.js');
+require('react-window');
+require('./relations-CmoFVrKj.js');
+require('./ComponentIcon-C-EjOUPA.js');
+require('@strapi/icons/symbols');
+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('highlight.js/styles/solarized-dark.css');
+require('codemirror5/addon/display/placeholder');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const UnstablePreviewContent = ()=>{
+    const previewUrl = usePreviewContext('PreviewContent', (state)=>state.url);
+    const { formatMessage } = reactIntl.useIntl();
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        height: "100%",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                flex: 1,
+                children: "TODO: Side editor"
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                src: previewUrl,
+                title: formatMessage({
+                    id: 'content-manager.preview.panel.title',
+                    defaultMessage: 'Preview'
+                }),
+                flex: 1,
+                height: "100%",
+                borderWidth: 0,
+                tag: "iframe"
+            }, previewUrl)
+        ]
+    });
+};
+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"
+    }, previewUrl);
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * ClosePreviewButton
+ * -----------------------------------------------------------------------------------------------*/ const ClosePreviewButton = ()=>{
+    const [{ query }] = strapiAdmin.useQueryParams();
+    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 locationIndex = strapiAdmin.useHistory('BackButton', (state)=>state.currentLocationIndex);
+    /**
+   * Get the link destination from the history.
+   * Rely on a fallback (the parent edit view page) if there's no page to go back .
+   */ const historyTo = canGoBack ? history.at(locationIndex - 2) : undefined;
+    const fallback = {
+        pathname: '..',
+        search: qs.stringify(query, {
+            encode: false
+        })
+    };
+    const toWithFallback = historyTo ?? fallback;
+    const handleClick = (e)=>{
+        if (canGoBack) {
+            // Prevent normal link behavior, go back in the history stack instead
+            e.preventDefault();
+            goBack();
+            return;
+        }
+    // Otherwise rely on native link behavior to go back to the edit view. We don't use navigate()
+    // here in order to get the relative="path" functionality from the Link component.
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+        variant: "ghost",
+        tag: reactRouterDom.Link,
+        relative: "path",
+        to: toWithFallback,
+        onClick: handleClick,
+        label: formatMessage({
+            id: 'content-manager.preview.header.close',
+            defaultMessage: 'Close preview'
+        }),
+        children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Cross, {})
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Status
+ * -----------------------------------------------------------------------------------------------*/ const Status = ()=>{
+    // Get status
+    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;
+    if (!hasDraftAndPublished) {
+        return null;
+    }
+    const status = EditViewPage.getDocumentStatus(document, meta);
+    return /*#__PURE__*/ jsxRuntime.jsx(index.DocumentStatus, {
+        status: status,
+        size: "XS"
+    });
+};
+const PreviewTabs = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    // URL query params
+    const [{ query }, setQuery] = strapiAdmin.useQueryParams();
+    // Get status
+    const document = usePreviewContext('PreviewHeader', (state)=>state.document);
+    const schema = usePreviewContext('PreviewHeader', (state)=>state.schema);
+    const meta = usePreviewContext('PreviewHeader', (state)=>state.meta);
+    const hasDraftAndPublish = schema?.options?.draftAndPublish ?? false;
+    const documentStatus = EditViewPage.getDocumentStatus(document, meta);
+    const handleTabChange = (status)=>{
+        if (status === 'published' || status === 'draft') {
+            setQuery({
+                status
+            }, 'push', true);
+        }
+    };
+    if (!hasDraftAndPublish) {
+        return null;
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tabs.Root, {
+            variant: "simple",
+            value: query.status || 'draft',
+            onValueChange: handleTabChange,
+            children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tabs.List, {
+                "aria-label": formatMessage({
+                    id: 'preview.tabs.label',
+                    defaultMessage: 'Document status'
+                }),
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(StatusTab, {
+                        value: "draft",
+                        children: formatMessage({
+                            id: 'content-manager.containers.List.draft',
+                            defaultMessage: 'draft'
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(StatusTab, {
+                        value: "published",
+                        disabled: documentStatus === 'draft',
+                        children: formatMessage({
+                            id: 'content-manager.containers.List.published',
+                            defaultMessage: 'published'
+                        })
+                    })
+                ]
+            })
+        })
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * PreviewHeader
+ * -----------------------------------------------------------------------------------------------*/ const UnstablePreviewHeader = ()=>{
+    // Get the document title
+    const title = usePreviewContext('PreviewHeader', (state)=>state.title);
+    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, {
+        gap: 4,
+        background: "neutral0",
+        borderColor: "neutral150",
+        tag: "header",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(TitleContainer, {
+                height: "100%",
+                paddingLeft: 2,
+                paddingRight: 4,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(ClosePreviewButton, {}),
+                    /*#__PURE__*/ jsxRuntime.jsx(PreviewTitle, {
+                        tag: "h1",
+                        title: title,
+                        maxWidth: "200px",
+                        fontSize: 2,
+                        paddingLeft: 2,
+                        paddingRight: 3,
+                        fontWeight: 600,
+                        children: title
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(Status, {})
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                flex: 1,
+                paddingRight: 2,
+                justifyContent: "space-between",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(PreviewTabs, {}),
+                    /*#__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 PreviewHeader = ()=>{
+    // Get the document title
+    const title = usePreviewContext('PreviewHeader', (state)=>state.title);
+    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.Grid.Root, {
+        gap: 3,
+        gridCols: 3,
+        paddingLeft: 2,
+        paddingRight: 2,
+        background: "neutral0",
+        borderColor: "neutral150",
+        tag: "header",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Grid.Item, {
+                xs: 1,
+                paddingTop: 2,
+                paddingBottom: 2,
+                gap: 3,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(ClosePreviewButton, {}),
+                    /*#__PURE__*/ jsxRuntime.jsx(PreviewTitle, {
+                        tag: "h1",
+                        fontWeight: 600,
+                        fontSize: 2,
+                        maxWidth: "200px",
+                        title: title,
+                        children: title
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(Status, {})
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                xs: 1,
+                marginBottom: "-1px",
+                alignItems: "end",
+                margin: "auto",
+                children: /*#__PURE__*/ jsxRuntime.jsx(PreviewTabs, {})
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                xs: 1,
+                justifyContent: "end",
+                paddingTop: 2,
+                paddingBottom: 2,
+                children: /*#__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 PreviewTitle = styledComponents.styled(designSystem.Typography)`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;
+const StatusTab = styledComponents.styled(designSystem.Tabs.Trigger)`
+  text-transform: uppercase;
+`;
+const TitleContainer = styledComponents.styled(designSystem.Flex)`
+  border-right: 1px solid ${({ theme })=>theme.colors.neutral150};
+`;
+
+const [PreviewProvider, usePreviewContext] = strapiAdmin.createContext('PreviewPage');
+/* -------------------------------------------------------------------------------------------------
+ * PreviewPage
+ * -----------------------------------------------------------------------------------------------*/ const PreviewPage = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    // Read all the necessary data from the URL to find the right preview URL
+    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');
+    }
+    // Only collection types must have a documentId
+    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, {});
+    }
+    const documentTitle = documentResponse.getTitle(documentLayoutResponse.edit.settings.mainField);
+    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: documentTitle
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(PreviewProvider, {
+                url: previewUrlResponse.data.data.url,
+                document: documentResponse.document,
+                title: documentTitle,
+                meta: documentResponse.meta,
+                schema: documentResponse.schema,
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                    direction: "column",
+                    height: "100%",
+                    alignItems: "stretch",
+                    children: window.strapi.future.isEnabled('unstablePreviewSideEditor') ? /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(UnstablePreviewHeader, {}),
+                            /*#__PURE__*/ jsxRuntime.jsx(UnstablePreviewContent, {})
+                        ]
+                    }) : /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(PreviewHeader, {}),
+                            /*#__PURE__*/ jsxRuntime.jsx(PreviewContent, {})
+                        ]
+                    })
+                })
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * ProtectedPreviewPage
+ * -----------------------------------------------------------------------------------------------*/ 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: permissions,
+            children: ({ permissions })=>/*#__PURE__*/ jsxRuntime.jsx(index.DocumentRBAC, {
+                    permissions: permissions,
+                    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-H74FQ9Cq.js.map

package/dist/admin/chunks/Preview-H74FQ9Cq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview-H74FQ9Cq.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, Flex } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { usePreviewContext } from '../pages/Preview';\n\nconst UnstablePreviewContent = () => {\n  const previewUrl = usePreviewContext('PreviewContent', (state) => state.url);\n\n  const { formatMessage } = useIntl();\n\n  return (\n    <Flex height=\"100%\">\n      <Box flex={1}>TODO: Side editor</Box>\n      <Box\n        src={previewUrl}\n        /**\n         * For some reason, changing an iframe's src tag causes the browser to add a new item in the\n         * history stack. This is an issue for us as it means clicking the back button will not let us\n         * go back to the edit view. To fix it, we need to trick the browser into thinking this is a\n         * different iframe when the preview URL changes. So we set a key prop to force React\n         * to mount a different node when the src changes.\n         */\n        key={previewUrl}\n        title={formatMessage({\n          id: 'content-manager.preview.panel.title',\n          defaultMessage: 'Preview',\n        })}\n        flex={1}\n        height=\"100%\"\n        borderWidth={0}\n        tag=\"iframe\"\n      />\n    </Flex>\n  );\n};\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      /**\n       * For some reason, changing an iframe's src tag causes the browser to add a new item in the\n       * history stack. This is an issue for us as it means clicking the back button will not let us\n       * go back to the edit view. To fix it, we need to trick the browser into thinking this is a\n       * different iframe when the preview URL changes. So we set a key prop to force React\n       * to mount a different node when the src changes.\n       */\n      key={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, UnstablePreviewContent };\n","import * as React from 'react';\n\nimport {\n  useClipboard,\n  useHistory,\n  useNotification,\n  useQueryParams,\n} from '@strapi/admin/strapi-admin';\nimport { IconButton, Tabs, Typography, Grid, Flex } from '@strapi/design-system';\nimport { Cross, Link as LinkIcon } from '@strapi/icons';\nimport { stringify } from 'qs';\nimport { useIntl } from 'react-intl';\nimport { Link, type To } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { DocumentStatus } from '../../pages/EditView/components/DocumentStatus';\nimport { getDocumentStatus } from '../../pages/EditView/EditViewPage';\nimport { usePreviewContext } from '../pages/Preview';\n\n/* -------------------------------------------------------------------------------------------------\n * ClosePreviewButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst ClosePreviewButton = () => {\n  const [{ query }] = useQueryParams<{\n    plugins?: Record<string, unknown>;\n  }>();\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  const locationIndex = useHistory('BackButton', (state) => state.currentLocationIndex);\n\n  /**\n   * Get the link destination from the history.\n   * Rely on a fallback (the parent edit view page) if there's no page to go back .\n   */\n  const historyTo = canGoBack ? history.at(locationIndex - 2) : undefined;\n  const fallback = {\n    pathname: '..',\n    search: stringify(query, { encode: false }),\n  } satisfies To;\n  const toWithFallback = historyTo ?? fallback;\n\n  const handleClick = (e: React.MouseEvent) => {\n    if (canGoBack) {\n      // Prevent normal link behavior, go back in the history stack instead\n      e.preventDefault();\n      goBack();\n      return;\n    }\n\n    // Otherwise rely on native link behavior to go back to the edit view. We don't use navigate()\n    // here in order to get the relative=\"path\" functionality from the Link component.\n  };\n\n  return (\n    <IconButton\n      variant=\"ghost\"\n      tag={Link}\n      relative=\"path\"\n      to={toWithFallback}\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 * Status\n * -----------------------------------------------------------------------------------------------*/\n\nconst Status = () => {\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\n  if (!hasDraftAndPublished) {\n    return null;\n  }\n\n  const status = getDocumentStatus(document, meta);\n\n  return <DocumentStatus status={status} size=\"XS\" />;\n};\n\nconst PreviewTabs = () => {\n  const { formatMessage } = useIntl();\n\n  // URL query params\n  const [{ query }, setQuery] = useQueryParams<{ status: 'draft' | 'published' }>();\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 hasDraftAndPublish = schema?.options?.draftAndPublish ?? false;\n  const documentStatus = getDocumentStatus(document, meta);\n\n  const handleTabChange = (status: string) => {\n    if (status === 'published' || status === 'draft') {\n      setQuery({ status }, 'push', true);\n    }\n  };\n\n  if (!hasDraftAndPublish) {\n    return null;\n  }\n\n  return (\n    <>\n      <Tabs.Root variant=\"simple\" value={query.status || 'draft'} onValueChange={handleTabChange}>\n        <Tabs.List\n          aria-label={formatMessage({\n            id: 'preview.tabs.label',\n            defaultMessage: 'Document status',\n          })}\n        >\n          <StatusTab value=\"draft\">\n            {formatMessage({\n              id: 'content-manager.containers.List.draft',\n              defaultMessage: 'draft',\n            })}\n          </StatusTab>\n          <StatusTab value=\"published\" disabled={documentStatus === 'draft'}>\n            {formatMessage({\n              id: 'content-manager.containers.List.published',\n              defaultMessage: 'published',\n            })}\n          </StatusTab>\n        </Tabs.List>\n      </Tabs.Root>\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewHeader\n * -----------------------------------------------------------------------------------------------*/\n\nconst UnstablePreviewHeader = () => {\n  // Get the document title\n  const title = usePreviewContext('PreviewHeader', (state) => state.title);\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 gap={4} background=\"neutral0\" borderColor=\"neutral150\" tag=\"header\">\n      {/* Title and status */}\n      <TitleContainer height=\"100%\" paddingLeft={2} paddingRight={4}>\n        <ClosePreviewButton />\n        <PreviewTitle\n          tag=\"h1\"\n          title={title}\n          maxWidth=\"200px\"\n          fontSize={2}\n          paddingLeft={2}\n          paddingRight={3}\n          fontWeight={600}\n        >\n          {title}\n        </PreviewTitle>\n        <Status />\n      </TitleContainer>\n\n      {/* Tabs and actions */}\n      <Flex flex={1} paddingRight={2} justifyContent=\"space-between\">\n        <PreviewTabs />\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    </Flex>\n  );\n};\n\nconst PreviewHeader = () => {\n  // Get the document title\n  const title = usePreviewContext('PreviewHeader', (state) => state.title);\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    <Grid.Root\n      gap={3}\n      gridCols={3}\n      paddingLeft={2}\n      paddingRight={2}\n      background=\"neutral0\"\n      borderColor=\"neutral150\"\n      tag=\"header\"\n    >\n      {/* Title and status */}\n      <Grid.Item xs={1} paddingTop={2} paddingBottom={2} gap={3}>\n        <ClosePreviewButton />\n        <PreviewTitle tag=\"h1\" fontWeight={600} fontSize={2} maxWidth=\"200px\" title={title}>\n          {title}\n        </PreviewTitle>\n        <Status />\n      </Grid.Item>\n      {/* Tabs */}\n      <Grid.Item xs={1} marginBottom=\"-1px\" alignItems=\"end\" margin=\"auto\">\n        <PreviewTabs />\n      </Grid.Item>\n      {/* Copy link */}\n      <Grid.Item xs={1} justifyContent=\"end\" paddingTop={2} paddingBottom={2}>\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      </Grid.Item>\n    </Grid.Root>\n  );\n};\n\nconst PreviewTitle = styled(Typography)`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nconst StatusTab = styled(Tabs.Trigger)`\n  text-transform: uppercase;\n`;\n\nconst TitleContainer = styled(Flex)`\n  border-right: 1px solid ${({ theme }) => theme.colors.neutral150};\n`;\n\nexport { PreviewHeader, UnstablePreviewHeader };\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, UnstablePreviewContent } from '../components/PreviewContent';\nimport { PreviewHeader, UnstablePreviewHeader } 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  title: 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\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  const documentTitle = documentResponse.getTitle(documentLayoutResponse.edit.settings.mainField);\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: documentTitle,\n          }\n        )}\n      </Page.Title>\n      <PreviewProvider\n        url={previewUrlResponse.data.data.url}\n        document={documentResponse.document}\n        title={documentTitle}\n        meta={documentResponse.meta}\n        schema={documentResponse.schema}\n      >\n        <Flex direction=\"column\" height=\"100%\" alignItems=\"stretch\">\n          {window.strapi.future.isEnabled('unstablePreviewSideEditor') ? (\n            <>\n              <UnstablePreviewHeader />\n              <UnstablePreviewContent />\n            </>\n          ) : (\n            <>\n              <PreviewHeader />\n              <PreviewContent />\n            </>\n          )}\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":["UnstablePreviewContent","previewUrl","usePreviewContext","state","url","formatMessage","useIntl","_jsxs","Flex","height","_jsx","Box","flex","src","title","id","defaultMessage","borderWidth","tag","PreviewContent","width","ClosePreviewButton","query","useQueryParams","canGoBack","useHistory","goBack","history","locationIndex","currentLocationIndex","historyTo","at","undefined","fallback","pathname","search","stringify","encode","toWithFallback","handleClick","e","preventDefault","IconButton","variant","Link","relative","to","onClick","label","Cross","Status","document","schema","meta","hasDraftAndPublished","options","draftAndPublish","status","getDocumentStatus","DocumentStatus","size","PreviewTabs","setQuery","hasDraftAndPublish","documentStatus","handleTabChange","_Fragment","Tabs","Root","value","onValueChange","List","aria-label","StatusTab","disabled","UnstablePreviewHeader","toggleNotification","useNotification","copy","useClipboard","handleCopyLink","window","location","href","message","type","gap","background","borderColor","TitleContainer","paddingLeft","paddingRight","PreviewTitle","maxWidth","fontSize","fontWeight","justifyContent","LinkIcon","PreviewHeader","Grid","gridCols","Item","xs","paddingTop","paddingBottom","marginBottom","alignItems","margin","styled","Typography","Trigger","theme","colors","neutral150","PreviewProvider","createContext","PreviewPage","slug","model","documentId","collectionType","useParams","params","React","useMemo","buildValidParams","Error","COLLECTION_TYPES","previewUrlResponse","useGetPreviewUrlQuery","contentType","locale","documentResponse","useDocument","documentLayoutResponse","useDocumentLayout","isLoading","Page","Loading","error","data","NoData","documentTitle","getTitle","edit","settings","mainField","Title","direction","strapi","future","isEnabled","ProtectedPreviewPageImpl","permissions","useRBAC","action","subject","position","top","left","zIndex","Protect","DocumentRBAC","ProtectedPreviewPage","Portal","FocusTrap"],"mappings":"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"}