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

package/dist/admin/chunks/{Preview-BcggSPwn.js → Preview-DEuQgQg2.js}

@@ -1,76 +1,27 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx, 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, Typography, Tabs, Grid, IconButton, Portal, FocusTrap, Flex } from '@strapi/design-system';
+import { Flex, Box, Typography, Tabs, IconButton, Grid, Portal, FocusTrap } from '@strapi/design-system';
 import { useIntl } from 'react-intl';
 import { Link as Link$1, useParams } from 'react-router-dom';
-import { D as DocumentStatus, l as DocumentRBAC, d as buildValidParams, C as COLLECTION_TYPES, N as useGetPreviewUrlQuery, M as useDocument, h as useDocumentLayout } from './index-DfEfFmQC.js';
+import { D as DocumentStatus, l as DocumentRBAC, d as buildValidParams, C as COLLECTION_TYPES, N as useGetPreviewUrlQuery, M as useDocument, h as useDocumentLayout } from './index-BRlRBRLb.js';
 import { Link, Cross } from '@strapi/icons';
 import { stringify } from 'qs';
 import { styled } from 'styled-components';
-import { getDocumentStatus } from './EditViewPage-DaY9aMeu.js';
+import { getDocumentStatus } from './EditViewPage-jCZnUuCR.js';
 import 'lodash/fp/mapValues';
 import 'yup';
 import 'fractional-indexing';
 import 'lodash/fp/pipe';
 import 'date-fns';
 import '@reduxjs/toolkit';
-import './Input-B3wbR0pJ.js';
+import './Input-CLX3C5DI.js';
 import 'slate';
 import 'slate-history';
 import 'slate-react';
 import 'prismjs';
 import 'prismjs/themes/prism-solarizedlight.css';
-import 'prismjs/components/prism-asmatmel';
-import 'prismjs/components/prism-bash';
-import 'prismjs/components/prism-basic';
-import 'prismjs/components/prism-c';
-import 'prismjs/components/prism-clojure';
-import 'prismjs/components/prism-cobol';
-import 'prismjs/components/prism-cpp';
-import 'prismjs/components/prism-csharp';
-import 'prismjs/components/prism-dart';
-import 'prismjs/components/prism-docker';
-import 'prismjs/components/prism-elixir';
-import 'prismjs/components/prism-erlang';
-import 'prismjs/components/prism-fortran';
-import 'prismjs/components/prism-fsharp';
-import 'prismjs/components/prism-go';
-import 'prismjs/components/prism-graphql';
-import 'prismjs/components/prism-groovy';
-import 'prismjs/components/prism-haskell';
-import 'prismjs/components/prism-haxe';
-import 'prismjs/components/prism-ini';
-import 'prismjs/components/prism-java';
-import 'prismjs/components/prism-javascript';
-import 'prismjs/components/prism-jsx';
-import 'prismjs/components/prism-json';
-import 'prismjs/components/prism-julia';
-import 'prismjs/components/prism-kotlin';
-import 'prismjs/components/prism-latex';
-import 'prismjs/components/prism-lua';
-import 'prismjs/components/prism-markdown';
-import 'prismjs/components/prism-matlab';
-import 'prismjs/components/prism-makefile';
-import 'prismjs/components/prism-objectivec';
-import 'prismjs/components/prism-perl';
-import 'prismjs/components/prism-php';
-import 'prismjs/components/prism-powershell';
-import 'prismjs/components/prism-python';
-import 'prismjs/components/prism-r';
-import 'prismjs/components/prism-ruby';
-import 'prismjs/components/prism-rust';
-import 'prismjs/components/prism-sas';
-import 'prismjs/components/prism-scala';
-import 'prismjs/components/prism-scheme';
-import 'prismjs/components/prism-sql';
-import 'prismjs/components/prism-stata';
-import 'prismjs/components/prism-swift';
-import 'prismjs/components/prism-typescript';
-import 'prismjs/components/prism-tsx';
-import 'prismjs/components/prism-vbnet';
-import 'prismjs/components/prism-yaml';
-import './usePrev-tlgK0qPG.js';
+import './usePrev-Bjw2dhmq.js';
 import './useDragAndDrop-HYwNDExe.js';
 import 'react-dnd';
 import '@radix-ui/react-toolbar';
@@ -78,9 +29,9 @@ import 'react-dnd-html5-backend';
 import './objects-wl73iEma.js';
 import 'lodash/clone';
 import 'lodash/toPath';
-import './Relations-B1i77Jba.js';
+import './Relations-C8jbZPVK.js';
 import 'react-window';
-import './relations-xwSNlsdc.js';
+import './relations-DYQAaXwZ.js';
 import './ComponentIcon-BZcTc4rj.js';
 import '@strapi/icons/symbols';
 import 'codemirror5';
@@ -99,6 +50,30 @@ import 'markdown-it-sup';
 import 'highlight.js/styles/solarized-dark.css';
 import 'codemirror5/addon/display/placeholder';
 
+const UnstablePreviewContent = ()=>{
+    const previewUrl = usePreviewContext('PreviewContent', (state)=>state.url);
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsxs(Flex, {
+        height: "100%",
+        children: [
+            /*#__PURE__*/ jsx(Box, {
+                flex: 1,
+                children: "TODO: Side editor"
+            }),
+            /*#__PURE__*/ jsx(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 } = useIntl();
@@ -146,6 +121,7 @@ const PreviewContent = ()=>{
     // here in order to get the relative="path" functionality from the Link component.
     };
     return /*#__PURE__*/ jsx(IconButton, {
+        variant: "ghost",
         tag: Link$1,
         relative: "path",
         to: toWithFallback,
@@ -227,7 +203,68 @@ const PreviewTabs = ()=>{
 };
 /* -------------------------------------------------------------------------------------------------
  * PreviewHeader
- * -----------------------------------------------------------------------------------------------*/ const PreviewHeader = ()=>{
+ * -----------------------------------------------------------------------------------------------*/ const UnstablePreviewHeader = ()=>{
+    // Get the document title
+    const title = usePreviewContext('PreviewHeader', (state)=>state.title);
+    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, {
+        gap: 4,
+        background: "neutral0",
+        borderColor: "neutral150",
+        tag: "header",
+        children: [
+            /*#__PURE__*/ jsxs(TitleContainer, {
+                height: "100%",
+                paddingLeft: 2,
+                paddingRight: 4,
+                children: [
+                    /*#__PURE__*/ jsx(ClosePreviewButton, {}),
+                    /*#__PURE__*/ jsx(PreviewTitle, {
+                        tag: "h1",
+                        title: title,
+                        maxWidth: "200px",
+                        fontSize: 2,
+                        paddingLeft: 2,
+                        paddingRight: 3,
+                        fontWeight: 600,
+                        children: title
+                    }),
+                    /*#__PURE__*/ jsx(Status, {})
+                ]
+            }),
+            /*#__PURE__*/ jsxs(Flex, {
+                flex: 1,
+                paddingRight: 2,
+                justifyContent: "space-between",
+                children: [
+                    /*#__PURE__*/ jsx(PreviewTabs, {}),
+                    /*#__PURE__*/ jsx(IconButton, {
+                        type: "button",
+                        label: formatMessage({
+                            id: 'preview.copy.label',
+                            defaultMessage: 'Copy preview link'
+                        }),
+                        onClick: handleCopyLink,
+                        children: /*#__PURE__*/ jsx(Link, {})
+                    })
+                ]
+            })
+        ]
+    });
+};
+const PreviewHeader = ()=>{
     // Get the document title
     const title = usePreviewContext('PreviewHeader', (state)=>state.title);
     const { formatMessage } = useIntl();
@@ -303,6 +340,9 @@ const PreviewTitle = styled(Typography)`
 const StatusTab = styled(Tabs.Trigger)`
   text-transform: uppercase;
 `;
+const TitleContainer = styled(Flex)`
+  border-right: 1px solid ${({ theme })=>theme.colors.neutral150};
+`;
 
 const [PreviewProvider, usePreviewContext] = createContext('PreviewPage');
 /* -------------------------------------------------------------------------------------------------
@@ -368,14 +408,21 @@ const [PreviewProvider, usePreviewContext] = createContext('PreviewPage');
                 title: documentTitle,
                 meta: documentResponse.meta,
                 schema: documentResponse.schema,
-                children: /*#__PURE__*/ jsxs(Flex, {
+                children: /*#__PURE__*/ jsx(Flex, {
                     direction: "column",
                     height: "100%",
                     alignItems: "stretch",
-                    children: [
-                        /*#__PURE__*/ jsx(PreviewHeader, {}),
-                        /*#__PURE__*/ jsx(PreviewContent, {})
-                    ]
+                    children: window.strapi.future.isEnabled('unstablePreviewSideEditor') ? /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsx(UnstablePreviewHeader, {}),
+                            /*#__PURE__*/ jsx(UnstablePreviewContent, {})
+                        ]
+                    }) : /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsx(PreviewHeader, {}),
+                            /*#__PURE__*/ jsx(PreviewContent, {})
+                        ]
+                    })
                 })
             })
         ]
@@ -432,4 +479,4 @@ const ProtectedPreviewPage = ()=>{
 };
 
 export { ProtectedPreviewPage, usePreviewContext };
-//# sourceMappingURL=Preview-BcggSPwn.js.map
+//# sourceMappingURL=Preview-DEuQgQg2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Preview-DEuQgQg2.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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"}

package/dist/admin/chunks/{Preview-DRtWRrYn.js → Preview-H74FQ9Cq.js}

@@ -6,73 +6,24 @@ 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-CKZHZ3ir.js');
+var index = require('./index-ZIwOPk6p.js');
 var Icons = require('@strapi/icons');
 var qs = require('qs');
 var styledComponents = require('styled-components');
-var EditViewPage = require('./EditViewPage-CRu2G4OS.js');
+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-BIRb1gP2.js');
+require('./Input-DiR2Xfa7.js');
 require('slate');
 require('slate-history');
 require('slate-react');
 require('prismjs');
 require('prismjs/themes/prism-solarizedlight.css');
-require('prismjs/components/prism-asmatmel');
-require('prismjs/components/prism-bash');
-require('prismjs/components/prism-basic');
-require('prismjs/components/prism-c');
-require('prismjs/components/prism-clojure');
-require('prismjs/components/prism-cobol');
-require('prismjs/components/prism-cpp');
-require('prismjs/components/prism-csharp');
-require('prismjs/components/prism-dart');
-require('prismjs/components/prism-docker');
-require('prismjs/components/prism-elixir');
-require('prismjs/components/prism-erlang');
-require('prismjs/components/prism-fortran');
-require('prismjs/components/prism-fsharp');
-require('prismjs/components/prism-go');
-require('prismjs/components/prism-graphql');
-require('prismjs/components/prism-groovy');
-require('prismjs/components/prism-haskell');
-require('prismjs/components/prism-haxe');
-require('prismjs/components/prism-ini');
-require('prismjs/components/prism-java');
-require('prismjs/components/prism-javascript');
-require('prismjs/components/prism-jsx');
-require('prismjs/components/prism-json');
-require('prismjs/components/prism-julia');
-require('prismjs/components/prism-kotlin');
-require('prismjs/components/prism-latex');
-require('prismjs/components/prism-lua');
-require('prismjs/components/prism-markdown');
-require('prismjs/components/prism-matlab');
-require('prismjs/components/prism-makefile');
-require('prismjs/components/prism-objectivec');
-require('prismjs/components/prism-perl');
-require('prismjs/components/prism-php');
-require('prismjs/components/prism-powershell');
-require('prismjs/components/prism-python');
-require('prismjs/components/prism-r');
-require('prismjs/components/prism-ruby');
-require('prismjs/components/prism-rust');
-require('prismjs/components/prism-sas');
-require('prismjs/components/prism-scala');
-require('prismjs/components/prism-scheme');
-require('prismjs/components/prism-sql');
-require('prismjs/components/prism-stata');
-require('prismjs/components/prism-swift');
-require('prismjs/components/prism-typescript');
-require('prismjs/components/prism-tsx');
-require('prismjs/components/prism-vbnet');
-require('prismjs/components/prism-yaml');
-require('./usePrev-CwGzb4ed.js');
+require('./usePrev-DIYl-IAL.js');
 require('./useDragAndDrop-gcqEJMnO.js');
 require('react-dnd');
 require('@radix-ui/react-toolbar');
@@ -80,9 +31,9 @@ require('react-dnd-html5-backend');
 require('./objects-C3EebVVe.js');
 require('lodash/clone');
 require('lodash/toPath');
-require('./Relations-BDe2e0a7.js');
+require('./Relations-mxOUS7TJ.js');
 require('react-window');
-require('./relations-CuPmv-zR.js');
+require('./relations-CmoFVrKj.js');
 require('./ComponentIcon-C-EjOUPA.js');
 require('@strapi/icons/symbols');
 require('codemirror5');
@@ -120,6 +71,30 @@ function _interopNamespaceDefault(e) {
 
 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();
@@ -167,6 +142,7 @@ const PreviewContent = ()=>{
     // 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,
@@ -248,7 +224,68 @@ const PreviewTabs = ()=>{
 };
 /* -------------------------------------------------------------------------------------------------
  * PreviewHeader
- * -----------------------------------------------------------------------------------------------*/ const 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();
@@ -324,6 +361,9 @@ const PreviewTitle = styledComponents.styled(designSystem.Typography)`
 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');
 /* -------------------------------------------------------------------------------------------------
@@ -389,14 +429,21 @@ const [PreviewProvider, usePreviewContext] = strapiAdmin.createContext('PreviewP
                 title: documentTitle,
                 meta: documentResponse.meta,
                 schema: documentResponse.schema,
-                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
                     direction: "column",
                     height: "100%",
                     alignItems: "stretch",
-                    children: [
-                        /*#__PURE__*/ jsxRuntime.jsx(PreviewHeader, {}),
-                        /*#__PURE__*/ jsxRuntime.jsx(PreviewContent, {})
-                    ]
+                    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, {})
+                        ]
+                    })
                 })
             })
         ]
@@ -454,4 +501,4 @@ const ProtectedPreviewPage = ()=>{
 
 exports.ProtectedPreviewPage = ProtectedPreviewPage;
 exports.usePreviewContext = usePreviewContext;
-//# sourceMappingURL=Preview-DRtWRrYn.js.map
+//# 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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"}