@strapi/content-manager 0.0.0-experimental.8bf99b7c43ed372264c198d347a2ada9dfed174d → 0.0.0-experimental.8c28a74d1219c09f4ee67402fd3a26f182c4990a

package/dist/admin/preview/pages/Preview.js

@@ -9,7 +9,6 @@ var reactIntl = require('react-intl');
 var reactRouterDom = require('react-router-dom');
 var styledComponents = require('styled-components');
 var collections = require('../../constants/collections.js');
-var DocumentContext = require('../../features/DocumentContext.js');
 var DocumentRBAC = require('../../features/DocumentRBAC.js');
 var useDocument = require('../../hooks/useDocument.js');
 var useDocumentLayout = require('../../hooks/useDocumentLayout.js');
@@ -123,109 +122,102 @@ const PreviewPage = ()=>{
                     contentType: documentTitle
                 })
             }),
-            /*#__PURE__*/ jsxRuntime.jsx(DocumentContext.DocumentContextProvider, {
-                initialDocument: {
-                    documentId: documentId || '',
-                    model,
-                    collectionType
-                },
+            /*#__PURE__*/ jsxRuntime.jsx(PreviewProvider, {
+                url: previewUrl,
+                document: documentResponse.document,
+                title: documentTitle,
+                meta: documentResponse.meta,
+                schema: documentResponse.schema,
+                layout: documentLayoutResponse.edit,
                 onPreview: onPreview,
-                children: /*#__PURE__*/ jsxRuntime.jsx(PreviewProvider, {
-                    url: previewUrl,
-                    document: documentResponse.document,
-                    title: documentTitle,
-                    meta: documentResponse.meta,
-                    schema: documentResponse.schema,
-                    layout: documentLayoutResponse.edit,
-                    children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Form, {
-                        method: "PUT",
-                        disabled: query.status === 'published' && documentResponse && documentResponse.document.status === 'published',
-                        initialValues: documentResponse.getInitialFormValues(),
-                        initialErrors: location?.state?.forceValidation ? validateSync(initialValues, {}) : {},
-                        height: "100%",
-                        validate: (values, options)=>{
-                            const yupSchema = validation.createYupSchema(documentResponse.schema?.attributes, documentResponse.components, {
-                                status: documentResponse.document?.status,
-                                ...options
-                            });
-                            return yupSchema.validate(values, {
-                                abortEarly: false
-                            });
-                        },
-                        children: ({ resetForm })=>/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-                                direction: "column",
-                                height: "100%",
-                                alignItems: "stretch",
-                                children: [
-                                    /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Blocker, {
-                                        onProceed: resetForm
-                                    }),
-                                    /*#__PURE__*/ jsxRuntime.jsx(PreviewHeader.PreviewHeader, {}),
-                                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-                                        flex: 1,
-                                        overflow: "auto",
-                                        alignItems: "stretch",
-                                        children: [
-                                            hasAdvancedPreview && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                                                overflow: "auto",
-                                                width: isSideEditorOpen ? '50%' : 0,
-                                                borderWidth: "0 1px 0 0",
-                                                borderColor: "neutral150",
-                                                paddingTop: 6,
-                                                paddingBottom: 6,
-                                                // Remove horizontal padding when the editor is closed or it won't fully disappear
-                                                paddingLeft: isSideEditorOpen ? 6 : 0,
-                                                paddingRight: isSideEditorOpen ? 6 : 0,
-                                                transition: "all 0.2s ease-in-out",
-                                                children: /*#__PURE__*/ jsxRuntime.jsx(FormLayout.FormLayout, {
-                                                    layout: documentLayoutResponse.edit.layout,
-                                                    document: documentResponse,
-                                                    hasBackground: false
-                                                })
-                                            }),
-                                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
-                                                position: "relative",
-                                                flex: 1,
-                                                height: "100%",
-                                                overflow: "hidden",
-                                                children: [
-                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                                                        "data-testid": "preview-iframe",
-                                                        ref: iframeRef,
-                                                        src: previewUrl,
-                                                        title: formatMessage({
-                                                            id: 'content-manager.preview.panel.title',
-                                                            defaultMessage: 'Preview'
-                                                        }),
-                                                        width: "100%",
-                                                        height: "100%",
-                                                        borderWidth: 0,
-                                                        tag: "iframe"
-                                                    }, previewUrl),
-                                                    hasAdvancedPreview && /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
-                                                        variant: "tertiary",
-                                                        label: formatMessage(isSideEditorOpen ? {
-                                                            id: 'content-manager.preview.content.close-editor',
-                                                            defaultMessage: 'Close editor'
-                                                        } : {
-                                                            id: 'content-manager.preview.content.open-editor',
-                                                            defaultMessage: 'Open editor'
-                                                        }),
-                                                        onClick: ()=>setIsSideEditorOpen((prev)=>!prev),
-                                                        position: "absolute",
-                                                        top: 2,
-                                                        left: 2,
-                                                        children: /*#__PURE__*/ jsxRuntime.jsx(AnimatedArrow, {
-                                                            isSideEditorOpen: isSideEditorOpen
-                                                        })
-                                                    })
-                                                ]
+                children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Form, {
+                    method: "PUT",
+                    disabled: query.status === 'published' && documentResponse && documentResponse.document.status !== 'draft',
+                    initialValues: documentResponse.getInitialFormValues(),
+                    initialErrors: location?.state?.forceValidation ? validateSync(initialValues, {}) : {},
+                    height: "100%",
+                    validate: (values, options)=>{
+                        const yupSchema = validation.createYupSchema(documentResponse.schema?.attributes, documentResponse.components, {
+                            status: documentResponse.document?.status,
+                            ...options
+                        });
+                        return yupSchema.validate(values, {
+                            abortEarly: false
+                        });
+                    },
+                    children: ({ resetForm })=>/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                            direction: "column",
+                            height: "100%",
+                            alignItems: "stretch",
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Blocker, {
+                                    onProceed: resetForm
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx(PreviewHeader.PreviewHeader, {}),
+                                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                    flex: 1,
+                                    overflow: "auto",
+                                    alignItems: "stretch",
+                                    children: [
+                                        hasAdvancedPreview && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                            overflow: "auto",
+                                            width: isSideEditorOpen ? '50%' : 0,
+                                            borderWidth: "0 1px 0 0",
+                                            borderColor: "neutral150",
+                                            paddingTop: 6,
+                                            paddingBottom: 6,
+                                            // Remove horizontal padding when the editor is closed or it won't fully disappear
+                                            paddingLeft: isSideEditorOpen ? 6 : 0,
+                                            paddingRight: isSideEditorOpen ? 6 : 0,
+                                            transition: "all 0.2s ease-in-out",
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(FormLayout.FormLayout, {
+                                                layout: documentLayoutResponse.edit.layout,
+                                                document: documentResponse,
+                                                hasBackground: false
                                             })
-                                        ]
-                                    })
-                                ]
-                            })
-                    })
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
+                                            position: "relative",
+                                            flex: 1,
+                                            height: "100%",
+                                            overflow: "hidden",
+                                            children: [
+                                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                                    "data-testid": "preview-iframe",
+                                                    ref: iframeRef,
+                                                    src: previewUrl,
+                                                    title: formatMessage({
+                                                        id: 'content-manager.preview.panel.title',
+                                                        defaultMessage: 'Preview'
+                                                    }),
+                                                    width: "100%",
+                                                    height: "100%",
+                                                    borderWidth: 0,
+                                                    tag: "iframe"
+                                                }, previewUrl),
+                                                hasAdvancedPreview && /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                                    variant: "tertiary",
+                                                    label: formatMessage(isSideEditorOpen ? {
+                                                        id: 'content-manager.preview.content.close-editor',
+                                                        defaultMessage: 'Close editor'
+                                                    } : {
+                                                        id: 'content-manager.preview.content.open-editor',
+                                                        defaultMessage: 'Open editor'
+                                                    }),
+                                                    onClick: ()=>setIsSideEditorOpen((prev)=>!prev),
+                                                    position: "absolute",
+                                                    top: 2,
+                                                    left: 2,
+                                                    children: /*#__PURE__*/ jsxRuntime.jsx(AnimatedArrow, {
+                                                        isSideEditorOpen: isSideEditorOpen
+                                                    })
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
                 })
             })
         ]

package/dist/admin/preview/pages/Preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.js","sources":["../../../../admin/src/preview/pages/Preview.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Page,\n  useQueryParams,\n  useRBAC,\n  createContext,\n  Form as FormContext,\n  Blocker,\n} from '@strapi/admin/strapi-admin';\nimport { Box, Flex, FocusTrap, IconButton, Portal } from '@strapi/design-system';\nimport { ArrowLineLeft } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useLocation, useParams } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { GetPreviewUrl } from '../../../../shared/contracts/preview';\nimport { COLLECTION_TYPES } from '../../constants/collections';\nimport { DocumentContextProvider } from '../../features/DocumentContext';\nimport { DocumentRBAC } from '../../features/DocumentRBAC';\nimport { type UseDocument, useDocument } from '../../hooks/useDocument';\nimport { type EditLayout, useDocumentLayout } from '../../hooks/useDocumentLayout';\nimport { FormLayout } from '../../pages/EditView/components/FormLayout';\nimport { buildValidParams } from '../../utils/api';\nimport { createYupSchema } from '../../utils/validation';\nimport { PreviewHeader } from '../components/PreviewHeader';\nimport { useGetPreviewUrlQuery } from '../services/preview';\n\nimport type { UID } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface PreviewContextValue {\n  url: string;\n  title: string;\n  document: NonNullable<ReturnType<UseDocument>['document']>;\n  meta: NonNullable<ReturnType<UseDocument>['meta']>;\n  schema: NonNullable<ReturnType<UseDocument>['schema']>;\n  layout: EditLayout;\n}\n\nconst [PreviewProvider, usePreviewContext] = createContext<PreviewContextValue>('PreviewPage');\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst AnimatedArrow = styled(ArrowLineLeft)<{ isSideEditorOpen: boolean }>`\n  will-change: transform;\n  rotate: ${(props) => (props.isSideEditorOpen ? '0deg' : '180deg')};\n  transition: rotate 0.2s ease-in-out;\n`;\n\nconst PreviewPage = () => {\n  const location = useLocation();\n  const { formatMessage } = useIntl();\n\n  const iframeRef = React.useRef<HTMLIFrameElement>(null);\n  const [isSideEditorOpen, setIsSideEditorOpen] = React.useState(true);\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    status?: string;\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  const documentResponse = useDocument({\n    model,\n    collectionType,\n    documentId,\n    params,\n  });\n  const documentLayoutResponse = useDocumentLayout(model);\n\n  const isLoading =\n    previewUrlResponse.isLoading || documentLayoutResponse.isLoading || documentResponse.isLoading;\n  if (isLoading && !documentResponse.document?.documentId) {\n    return <Page.Loading />;\n  }\n\n  const initialValues = documentResponse.getInitialFormValues();\n\n  if (\n    previewUrlResponse.error ||\n    documentLayoutResponse.error ||\n    !documentResponse.document ||\n    !documentResponse.meta ||\n    !documentResponse.schema ||\n    !initialValues\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  const validateSync = (values: Record<string, unknown>, options: Record<string, string>) => {\n    const yupSchema = createYupSchema(\n      documentResponse.schema?.attributes,\n      documentResponse.components,\n      {\n        status: documentResponse.document?.status,\n        ...options,\n      }\n    );\n\n    return yupSchema.validateSync(values, { abortEarly: false });\n  };\n\n  const previewUrl = previewUrlResponse.data.data.url;\n\n  const onPreview = () => {\n    iframeRef?.current?.contentWindow?.postMessage(\n      { type: 'strapiUpdate' },\n      // The iframe origin is safe to use since it must be provided through the allowedOrigins config\n      new URL(iframeRef.current.src).origin\n    );\n  };\n\n  const hasAdvancedPreview = window.strapi.features.isEnabled('cms-advanced-preview');\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      <DocumentContextProvider\n        initialDocument={{\n          documentId: documentId || '',\n          model,\n          collectionType,\n        }}\n        onPreview={onPreview}\n      >\n        <PreviewProvider\n          url={previewUrl}\n          document={documentResponse.document}\n          title={documentTitle}\n          meta={documentResponse.meta}\n          schema={documentResponse.schema}\n          layout={documentLayoutResponse.edit}\n        >\n          <FormContext\n            method=\"PUT\"\n            disabled={\n              query.status === 'published' &&\n              documentResponse &&\n              documentResponse.document.status === 'published'\n            }\n            initialValues={documentResponse.getInitialFormValues()}\n            initialErrors={location?.state?.forceValidation ? validateSync(initialValues, {}) : {}}\n            height=\"100%\"\n            validate={(values: Record<string, unknown>, options: Record<string, string>) => {\n              const yupSchema = createYupSchema(\n                documentResponse.schema?.attributes,\n                documentResponse.components,\n                {\n                  status: documentResponse.document?.status,\n                  ...options,\n                }\n              );\n\n              return yupSchema.validate(values, { abortEarly: false });\n            }}\n          >\n            {({ resetForm }) => (\n              <Flex direction=\"column\" height=\"100%\" alignItems=\"stretch\">\n                <Blocker onProceed={resetForm} />\n                <PreviewHeader />\n                <Flex flex={1} overflow=\"auto\" alignItems=\"stretch\">\n                  {hasAdvancedPreview && (\n                    <Box\n                      overflow=\"auto\"\n                      width={isSideEditorOpen ? '50%' : 0}\n                      borderWidth=\"0 1px 0 0\"\n                      borderColor=\"neutral150\"\n                      paddingTop={6}\n                      paddingBottom={6}\n                      // Remove horizontal padding when the editor is closed or it won't fully disappear\n                      paddingLeft={isSideEditorOpen ? 6 : 0}\n                      paddingRight={isSideEditorOpen ? 6 : 0}\n                      transition=\"all 0.2s ease-in-out\"\n                    >\n                      <FormLayout\n                        layout={documentLayoutResponse.edit.layout}\n                        document={documentResponse}\n                        hasBackground={false}\n                      />\n                    </Box>\n                  )}\n\n                  <Box position=\"relative\" flex={1} height=\"100%\" overflow=\"hidden\">\n                    <Box\n                      data-testid=\"preview-iframe\"\n                      ref={iframeRef}\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                    {hasAdvancedPreview && (\n                      <IconButton\n                        variant=\"tertiary\"\n                        label={formatMessage(\n                          isSideEditorOpen\n                            ? {\n                                id: 'content-manager.preview.content.close-editor',\n                                defaultMessage: 'Close editor',\n                              }\n                            : {\n                                id: 'content-manager.preview.content.open-editor',\n                                defaultMessage: 'Open editor',\n                              }\n                        )}\n                        onClick={() => setIsSideEditorOpen((prev) => !prev)}\n                        position=\"absolute\"\n                        top={2}\n                        left={2}\n                      >\n                        <AnimatedArrow isSideEditorOpen={isSideEditorOpen} />\n                      </IconButton>\n                    )}\n                  </Box>\n                </Flex>\n              </Flex>\n            )}\n          </FormContext>\n        </PreviewProvider>\n      </DocumentContextProvider>\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([\n    { action: 'plugin::content-manager.explorer.read', subject: model },\n    { action: 'plugin::content-manager.explorer.update', subject: model },\n    { action: 'plugin::content-manager.explorer.publish', subject: model },\n  ]);\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\n        permissions={permissions.filter((permission) =>\n          permission.action.includes('explorer.read')\n        )}\n      >\n        <DocumentRBAC permissions={permissions}>\n          <PreviewPage />\n        </DocumentRBAC>\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":["PreviewProvider","usePreviewContext","createContext","AnimatedArrow","styled","ArrowLineLeft","props","isSideEditorOpen","PreviewPage","location","useLocation","formatMessage","useIntl","iframeRef","React","useRef","setIsSideEditorOpen","useState","slug","model","id","documentId","collectionType","useParams","query","useQueryParams","params","useMemo","buildValidParams","Error","COLLECTION_TYPES","previewUrlResponse","useGetPreviewUrlQuery","contentType","locale","status","documentResponse","useDocument","documentLayoutResponse","useDocumentLayout","isLoading","document","_jsx","Page","Loading","initialValues","getInitialFormValues","error","meta","schema","data","url","NoData","documentTitle","getTitle","edit","settings","mainField","validateSync","values","options","yupSchema","createYupSchema","attributes","components","abortEarly","previewUrl","onPreview","current","contentWindow","postMessage","type","URL","src","origin","hasAdvancedPreview","window","strapi","features","isEnabled","_jsxs","_Fragment","Title","defaultMessage","DocumentContextProvider","initialDocument","title","layout","FormContext","method","disabled","initialErrors","state","forceValidation","height","validate","resetForm","Flex","direction","alignItems","Blocker","onProceed","PreviewHeader","flex","overflow","Box","width","borderWidth","borderColor","paddingTop","paddingBottom","paddingLeft","paddingRight","transition","FormLayout","hasBackground","position","data-testid","ref","tag","IconButton","variant","label","onClick","prev","top","left","ProtectedPreviewPageImpl","permissions","useRBAC","action","subject","zIndex","background","Protect","filter","permission","includes","DocumentRBAC","ProtectedPreviewPage","Portal","FocusTrap"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAM,CAACA,eAAAA,EAAiBC,iBAAkB,CAAA,GAAGC,yBAAmC,CAAA,aAAA;AAEhF;;AAEkG,qGAElG,MAAMC,aAAAA,GAAgBC,uBAAOC,CAAAA,mBAAAA,CAA6C;;AAEhE,UAAA,EAAE,CAACC,KAAWA,GAAAA,KAAAA,CAAMC,gBAAgB,GAAG,SAAS,QAAU,CAAA;;AAEpE,CAAC;AAED,MAAMC,WAAc,GAAA,IAAA;AAClB,IAAA,MAAMC,QAAWC,GAAAA,0BAAAA,EAAAA;IACjB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAE1B,MAAMC,SAAAA,GAAYC,gBAAMC,CAAAA,MAAM,CAAoB,IAAA,CAAA;AAClD,IAAA,MAAM,CAACR,gBAAkBS,EAAAA,mBAAAA,CAAoB,GAAGF,gBAAAA,CAAMG,QAAQ,CAAC,IAAA,CAAA;;IAG/D,MAAM,EACJC,MAAMC,KAAK,EACXC,IAAIC,UAAU,EACdC,cAAc,EACf,GAAGC,wBAAAA,EAAAA;AAKJ,IAAA,MAAM,CAAC,EAAEC,KAAK,EAAE,CAAC,GAAGC,0BAAAA,EAAAA;AAKpB,IAAA,MAAMC,SAASZ,gBAAMa,CAAAA,OAAO,CAAC,IAAMC,qBAAiBJ,KAAQ,CAAA,EAAA;AAACA,QAAAA;AAAM,KAAA,CAAA;AAEnE,IAAA,IAAI,CAACF,cAAgB,EAAA;AACnB,QAAA,MAAM,IAAIO,KAAM,CAAA,6CAAA,CAAA;AAClB;AAEA,IAAA,IAAI,CAACV,KAAO,EAAA;AACV,QAAA,MAAM,IAAIU,KAAM,CAAA,oCAAA,CAAA;AAClB;;IAGA,IAAIP,cAAAA,KAAmBQ,4BAAoB,IAAA,CAACT,UAAY,EAAA;AACtD,QAAA,MAAM,IAAIQ,KAAM,CAAA,yCAAA,CAAA;AAClB;AAEA,IAAA,MAAME,qBAAqBC,6BAAsB,CAAA;QAC/CN,MAAQ,EAAA;YACNO,WAAad,EAAAA;AACf,SAAA;QACAK,KAAO,EAAA;AACLH,YAAAA,UAAAA;AACAa,YAAAA,MAAAA,EAAQR,OAAOQ,MAAM;AACrBC,YAAAA,MAAAA,EAAQT,OAAOS;AACjB;AACF,KAAA,CAAA;AACA,IAAA,MAAMC,mBAAmBC,uBAAY,CAAA;AACnClB,QAAAA,KAAAA;AACAG,QAAAA,cAAAA;AACAD,QAAAA,UAAAA;AACAK,QAAAA;AACF,KAAA,CAAA;AACA,IAAA,MAAMY,yBAAyBC,mCAAkBpB,CAAAA,KAAAA,CAAAA;IAEjD,MAAMqB,SAAAA,GACJT,mBAAmBS,SAAS,IAAIF,uBAAuBE,SAAS,IAAIJ,iBAAiBI,SAAS;AAChG,IAAA,IAAIA,SAAa,IAAA,CAACJ,gBAAiBK,CAAAA,QAAQ,EAAEpB,UAAY,EAAA;QACvD,qBAAOqB,cAAA,CAACC,iBAAKC,OAAO,EAAA,EAAA,CAAA;AACtB;IAEA,MAAMC,aAAAA,GAAgBT,iBAAiBU,oBAAoB,EAAA;AAE3D,IAAA,IACEf,mBAAmBgB,KAAK,IACxBT,uBAAuBS,KAAK,IAC5B,CAACX,gBAAiBK,CAAAA,QAAQ,IAC1B,CAACL,gBAAAA,CAAiBY,IAAI,IACtB,CAACZ,iBAAiBa,MAAM,IACxB,CAACJ,aACD,EAAA;QACA,qBAAOH,cAAA,CAACC,iBAAKd,KAAK,EAAA,EAAA,CAAA;AACpB;AAEA,IAAA,IAAI,CAACE,kBAAAA,CAAmBmB,IAAI,EAAEA,MAAMC,GAAK,EAAA;QACvC,qBAAOT,cAAA,CAACC,iBAAKS,MAAM,EAAA,EAAA,CAAA;AACrB;IAEA,MAAMC,aAAAA,GAAgBjB,iBAAiBkB,QAAQ,CAAChB,uBAAuBiB,IAAI,CAACC,QAAQ,CAACC,SAAS,CAAA;IAE9F,MAAMC,YAAAA,GAAe,CAACC,MAAiCC,EAAAA,OAAAA,GAAAA;QACrD,MAAMC,SAAAA,GAAYC,2BAChB1B,gBAAiBa,CAAAA,MAAM,EAAEc,UACzB3B,EAAAA,gBAAAA,CAAiB4B,UAAU,EAC3B;YACE7B,MAAQC,EAAAA,gBAAAA,CAAiBK,QAAQ,EAAEN,MAAAA;AACnC,YAAA,GAAGyB;AACL,SAAA,CAAA;QAGF,OAAOC,SAAAA,CAAUH,YAAY,CAACC,MAAQ,EAAA;YAAEM,UAAY,EAAA;AAAM,SAAA,CAAA;AAC5D,KAAA;AAEA,IAAA,MAAMC,aAAanC,kBAAmBmB,CAAAA,IAAI,CAACA,IAAI,CAACC,GAAG;AAEnD,IAAA,MAAMgB,SAAY,GAAA,IAAA;QAChBtD,SAAWuD,EAAAA,OAAAA,EAASC,eAAeC,WACjC,CAAA;YAAEC,IAAM,EAAA;AAAe,SAAA;AAEvB,QAAA,IAAIC,IAAI3D,SAAUuD,CAAAA,OAAO,CAACK,GAAG,EAAEC,MAAM,CAAA;AAEzC,KAAA;AAEA,IAAA,MAAMC,qBAAqBC,MAAOC,CAAAA,MAAM,CAACC,QAAQ,CAACC,SAAS,CAAC,sBAAA,CAAA;IAE5D,qBACEC,eAAA,CAAAC,mBAAA,EAAA;;AACE,0BAAAvC,cAAA,CAACC,iBAAKuC,KAAK,EAAA;0BACRvE,aACC,CAAA;oBACES,EAAI,EAAA,oCAAA;oBACJ+D,cAAgB,EAAA;iBAElB,EAAA;oBACElD,WAAaoB,EAAAA;AACf,iBAAA;;0BAGJX,cAAC0C,CAAAA,uCAAAA,EAAAA;gBACCC,eAAiB,EAAA;AACfhE,oBAAAA,UAAAA,EAAYA,UAAc,IAAA,EAAA;AAC1BF,oBAAAA,KAAAA;AACAG,oBAAAA;AACF,iBAAA;gBACA6C,SAAWA,EAAAA,SAAAA;AAEX,gBAAA,QAAA,gBAAAzB,cAAC1C,CAAAA,eAAAA,EAAAA;oBACCmD,GAAKe,EAAAA,UAAAA;AACLzB,oBAAAA,QAAAA,EAAUL,iBAAiBK,QAAQ;oBACnC6C,KAAOjC,EAAAA,aAAAA;AACPL,oBAAAA,IAAAA,EAAMZ,iBAAiBY,IAAI;AAC3BC,oBAAAA,MAAAA,EAAQb,iBAAiBa,MAAM;AAC/BsC,oBAAAA,MAAAA,EAAQjD,uBAAuBiB,IAAI;AAEnC,oBAAA,QAAA,gBAAAb,cAAC8C,CAAAA,gBAAAA,EAAAA;wBACCC,MAAO,EAAA,KAAA;wBACPC,QACElE,EAAAA,KAAAA,CAAMW,MAAM,KAAK,WAAA,IACjBC,oBACAA,gBAAiBK,CAAAA,QAAQ,CAACN,MAAM,KAAK,WAAA;AAEvCU,wBAAAA,aAAAA,EAAeT,iBAAiBU,oBAAoB,EAAA;AACpD6C,wBAAAA,aAAAA,EAAelF,UAAUmF,KAAOC,EAAAA,eAAAA,GAAkBnC,aAAab,aAAe,EAAA,MAAM,EAAC;wBACrFiD,MAAO,EAAA,MAAA;AACPC,wBAAAA,QAAAA,EAAU,CAACpC,MAAiCC,EAAAA,OAAAA,GAAAA;4BAC1C,MAAMC,SAAAA,GAAYC,2BAChB1B,gBAAiBa,CAAAA,MAAM,EAAEc,UACzB3B,EAAAA,gBAAAA,CAAiB4B,UAAU,EAC3B;gCACE7B,MAAQC,EAAAA,gBAAAA,CAAiBK,QAAQ,EAAEN,MAAAA;AACnC,gCAAA,GAAGyB;AACL,6BAAA,CAAA;4BAGF,OAAOC,SAAAA,CAAUkC,QAAQ,CAACpC,MAAQ,EAAA;gCAAEM,UAAY,EAAA;AAAM,6BAAA,CAAA;AACxD,yBAAA;AAEC,wBAAA,QAAA,EAAA,CAAC,EAAE+B,SAAS,EAAE,iBACbhB,eAACiB,CAAAA,iBAAAA,EAAAA;gCAAKC,SAAU,EAAA,QAAA;gCAASJ,MAAO,EAAA,MAAA;gCAAOK,UAAW,EAAA,SAAA;;kDAChDzD,cAAC0D,CAAAA,mBAAAA,EAAAA;wCAAQC,SAAWL,EAAAA;;kDACpBtD,cAAC4D,CAAAA,2BAAAA,EAAAA,EAAAA,CAAAA;kDACDtB,eAACiB,CAAAA,iBAAAA,EAAAA;wCAAKM,IAAM,EAAA,CAAA;wCAAGC,QAAS,EAAA,MAAA;wCAAOL,UAAW,EAAA,SAAA;;AACvCxB,4CAAAA,kBAAAA,kBACCjC,cAAC+D,CAAAA,gBAAAA,EAAAA;gDACCD,QAAS,EAAA,MAAA;AACTE,gDAAAA,KAAAA,EAAOnG,mBAAmB,KAAQ,GAAA,CAAA;gDAClCoG,WAAY,EAAA,WAAA;gDACZC,WAAY,EAAA,YAAA;gDACZC,UAAY,EAAA,CAAA;gDACZC,aAAe,EAAA,CAAA;;AAEfC,gDAAAA,WAAAA,EAAaxG,mBAAmB,CAAI,GAAA,CAAA;AACpCyG,gDAAAA,YAAAA,EAAczG,mBAAmB,CAAI,GAAA,CAAA;gDACrC0G,UAAW,EAAA,sBAAA;AAEX,gDAAA,QAAA,gBAAAvE,cAACwE,CAAAA,qBAAAA,EAAAA;oDACC3B,MAAQjD,EAAAA,sBAAAA,CAAuBiB,IAAI,CAACgC,MAAM;oDAC1C9C,QAAUL,EAAAA,gBAAAA;oDACV+E,aAAe,EAAA;;;0DAKrBnC,eAACyB,CAAAA,gBAAAA,EAAAA;gDAAIW,QAAS,EAAA,UAAA;gDAAWb,IAAM,EAAA,CAAA;gDAAGT,MAAO,EAAA,MAAA;gDAAOU,QAAS,EAAA,QAAA;;kEACvD9D,cAAC+D,CAAAA,gBAAAA,EAAAA;wDACCY,aAAY,EAAA,gBAAA;wDACZC,GAAKzG,EAAAA,SAAAA;wDACL4D,GAAKP,EAAAA,UAAAA;AASLoB,wDAAAA,KAAAA,EAAO3E,aAAc,CAAA;4DACnBS,EAAI,EAAA,qCAAA;4DACJ+D,cAAgB,EAAA;AAClB,yDAAA,CAAA;wDACAuB,KAAM,EAAA,MAAA;wDACNZ,MAAO,EAAA,MAAA;wDACPa,WAAa,EAAA,CAAA;wDACbY,GAAI,EAAA;AARCrD,qDAAAA,EAAAA,UAAAA,CAAAA;AAUNS,oDAAAA,kBAAAA,kBACCjC,cAAC8E,CAAAA,uBAAAA,EAAAA;wDACCC,OAAQ,EAAA,UAAA;AACRC,wDAAAA,KAAAA,EAAO/G,cACLJ,gBACI,GAAA;4DACEa,EAAI,EAAA,8CAAA;4DACJ+D,cAAgB,EAAA;yDAElB,GAAA;4DACE/D,EAAI,EAAA,6CAAA;4DACJ+D,cAAgB,EAAA;AAClB,yDAAA,CAAA;AAENwC,wDAAAA,OAAAA,EAAS,IAAM3G,mBAAAA,CAAoB,CAAC4G,IAAAA,GAAS,CAACA,IAAAA,CAAAA;wDAC9CR,QAAS,EAAA,UAAA;wDACTS,GAAK,EAAA,CAAA;wDACLC,IAAM,EAAA,CAAA;AAEN,wDAAA,QAAA,gBAAApF,cAACvC,CAAAA,aAAAA,EAAAA;4DAAcI,gBAAkBA,EAAAA;;;;;;;;;;;;;;AAYzD,CAAA;AAEA;;AAEkG,qGAElG,MAAMwH,wBAA2B,GAAA,IAAA;AAC/B,IAAA,MAAM,EAAE7G,IAAAA,EAAMC,KAAK,EAAE,GAAGI,wBAAAA,EAAAA;IAGxB,MAAM,EACJyG,cAAc,EAAE,EAChBxF,SAAS,EACTO,KAAK,EACN,GAAGkF,mBAAQ,CAAA;AACV,QAAA;YAAEC,MAAQ,EAAA,uCAAA;YAAyCC,OAAShH,EAAAA;AAAM,SAAA;AAClE,QAAA;YAAE+G,MAAQ,EAAA,yCAAA;YAA2CC,OAAShH,EAAAA;AAAM,SAAA;AACpE,QAAA;YAAE+G,MAAQ,EAAA,0CAAA;YAA4CC,OAAShH,EAAAA;AAAM;AACtE,KAAA,CAAA;AAED,IAAA,IAAIqB,SAAW,EAAA;QACb,qBAAOE,cAAA,CAACC,iBAAKC,OAAO,EAAA,EAAA,CAAA;AACtB;IAEA,IAAIG,KAAAA,IAAS,CAAC5B,KAAO,EAAA;AACnB,QAAA,qBACEuB,cAAC+D,CAAAA,gBAAAA,EAAAA;YACCX,MAAO,EAAA,OAAA;YACPY,KAAM,EAAA,OAAA;YACNU,QAAS,EAAA,OAAA;YACTS,GAAK,EAAA,CAAA;YACLC,IAAM,EAAA,CAAA;YACNM,MAAQ,EAAA,CAAA;YACRC,UAAW,EAAA,UAAA;oCAEX3F,cAAA,CAACC,iBAAKd,KAAK,EAAA,EAAA;;AAGjB;AAEA,IAAA,qBACEa,cAAC+D,CAAAA,gBAAAA,EAAAA;QACCX,MAAO,EAAA,OAAA;QACPY,KAAM,EAAA,OAAA;QACNU,QAAS,EAAA,OAAA;QACTS,GAAK,EAAA,CAAA;QACLC,IAAM,EAAA,CAAA;QACNM,MAAQ,EAAA,CAAA;QACRC,UAAW,EAAA,UAAA;gCAEX3F,cAAA,CAACC,iBAAK2F,OAAO,EAAA;YACXN,WAAaA,EAAAA,WAAAA,CAAYO,MAAM,CAAC,CAACC,aAC/BA,UAAWN,CAAAA,MAAM,CAACO,QAAQ,CAAC,eAAA,CAAA,CAAA;AAG7B,YAAA,QAAA,gBAAA/F,cAACgG,CAAAA,yBAAAA,EAAAA;gBAAaV,WAAaA,EAAAA,WAAAA;AACzB,gBAAA,QAAA,gBAAAtF,cAAClC,CAAAA,WAAAA,EAAAA,EAAAA;;;;AAKX,CAAA;AAEA,MAAMmI,oBAAuB,GAAA,IAAA;AAC3B,IAAA,qBACEjG,cAACkG,CAAAA,mBAAAA,EAAAA;AACC,QAAA,QAAA,gBAAAlG,cAACmG,CAAAA,sBAAAA,EAAAA;AACC,YAAA,QAAA,gBAAAnG,cAACqF,CAAAA,wBAAAA,EAAAA,EAAAA;;;AAIT;;;;;"}
+{"version":3,"file":"Preview.js","sources":["../../../../admin/src/preview/pages/Preview.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Page,\n  useQueryParams,\n  useRBAC,\n  createContext,\n  Form as FormContext,\n  Blocker,\n} from '@strapi/admin/strapi-admin';\nimport { Box, Flex, FocusTrap, IconButton, Portal } from '@strapi/design-system';\nimport { ArrowLineLeft } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useLocation, useParams } from 'react-router-dom';\nimport { styled } from 'styled-components';\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 { type EditLayout, useDocumentLayout } from '../../hooks/useDocumentLayout';\nimport { FormLayout } from '../../pages/EditView/components/FormLayout';\nimport { buildValidParams } from '../../utils/api';\nimport { createYupSchema } from '../../utils/validation';\nimport { PreviewHeader } from '../components/PreviewHeader';\nimport { useGetPreviewUrlQuery } from '../services/preview';\n\nimport type { UID } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface PreviewContextValue {\n  url: string;\n  title: string;\n  document: NonNullable<ReturnType<UseDocument>['document']>;\n  meta: NonNullable<ReturnType<UseDocument>['meta']>;\n  schema: NonNullable<ReturnType<UseDocument>['schema']>;\n  layout: EditLayout;\n  onPreview: () => void;\n}\n\nconst [PreviewProvider, usePreviewContext] = createContext<PreviewContextValue>('PreviewPage');\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst AnimatedArrow = styled(ArrowLineLeft)<{ isSideEditorOpen: boolean }>`\n  will-change: transform;\n  rotate: ${(props) => (props.isSideEditorOpen ? '0deg' : '180deg')};\n  transition: rotate 0.2s ease-in-out;\n`;\n\nconst PreviewPage = () => {\n  const location = useLocation();\n  const { formatMessage } = useIntl();\n\n  const iframeRef = React.useRef<HTMLIFrameElement>(null);\n  const [isSideEditorOpen, setIsSideEditorOpen] = React.useState(true);\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    status?: string;\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  const documentResponse = useDocument({\n    model,\n    collectionType,\n    documentId,\n    params,\n  });\n  const documentLayoutResponse = useDocumentLayout(model);\n\n  const isLoading =\n    previewUrlResponse.isLoading || documentLayoutResponse.isLoading || documentResponse.isLoading;\n  if (isLoading && !documentResponse.document?.documentId) {\n    return <Page.Loading />;\n  }\n\n  const initialValues = documentResponse.getInitialFormValues();\n\n  if (\n    previewUrlResponse.error ||\n    documentLayoutResponse.error ||\n    !documentResponse.document ||\n    !documentResponse.meta ||\n    !documentResponse.schema ||\n    !initialValues\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  const validateSync = (values: Record<string, unknown>, options: Record<string, string>) => {\n    const yupSchema = createYupSchema(\n      documentResponse.schema?.attributes,\n      documentResponse.components,\n      {\n        status: documentResponse.document?.status,\n        ...options,\n      }\n    );\n\n    return yupSchema.validateSync(values, { abortEarly: false });\n  };\n\n  const previewUrl = previewUrlResponse.data.data.url;\n\n  const onPreview = () => {\n    iframeRef?.current?.contentWindow?.postMessage(\n      { type: 'strapiUpdate' },\n      // The iframe origin is safe to use since it must be provided through the allowedOrigins config\n      new URL(iframeRef.current.src).origin\n    );\n  };\n\n  const hasAdvancedPreview = window.strapi.features.isEnabled('cms-advanced-preview');\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={previewUrl}\n        document={documentResponse.document}\n        title={documentTitle}\n        meta={documentResponse.meta}\n        schema={documentResponse.schema}\n        layout={documentLayoutResponse.edit}\n        onPreview={onPreview}\n      >\n        <FormContext\n          method=\"PUT\"\n          disabled={\n            query.status === 'published' &&\n            documentResponse &&\n            documentResponse.document.status !== 'draft'\n          }\n          initialValues={documentResponse.getInitialFormValues()}\n          initialErrors={location?.state?.forceValidation ? validateSync(initialValues, {}) : {}}\n          height=\"100%\"\n          validate={(values: Record<string, unknown>, options: Record<string, string>) => {\n            const yupSchema = createYupSchema(\n              documentResponse.schema?.attributes,\n              documentResponse.components,\n              {\n                status: documentResponse.document?.status,\n                ...options,\n              }\n            );\n\n            return yupSchema.validate(values, { abortEarly: false });\n          }}\n        >\n          {({ resetForm }) => (\n            <Flex direction=\"column\" height=\"100%\" alignItems=\"stretch\">\n              <Blocker onProceed={resetForm} />\n              <PreviewHeader />\n              <Flex flex={1} overflow=\"auto\" alignItems=\"stretch\">\n                {hasAdvancedPreview && (\n                  <Box\n                    overflow=\"auto\"\n                    width={isSideEditorOpen ? '50%' : 0}\n                    borderWidth=\"0 1px 0 0\"\n                    borderColor=\"neutral150\"\n                    paddingTop={6}\n                    paddingBottom={6}\n                    // Remove horizontal padding when the editor is closed or it won't fully disappear\n                    paddingLeft={isSideEditorOpen ? 6 : 0}\n                    paddingRight={isSideEditorOpen ? 6 : 0}\n                    transition=\"all 0.2s ease-in-out\"\n                  >\n                    <FormLayout\n                      layout={documentLayoutResponse.edit.layout}\n                      document={documentResponse}\n                      hasBackground={false}\n                    />\n                  </Box>\n                )}\n\n                <Box position=\"relative\" flex={1} height=\"100%\" overflow=\"hidden\">\n                  <Box\n                    data-testid=\"preview-iframe\"\n                    ref={iframeRef}\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                  {hasAdvancedPreview && (\n                    <IconButton\n                      variant=\"tertiary\"\n                      label={formatMessage(\n                        isSideEditorOpen\n                          ? {\n                              id: 'content-manager.preview.content.close-editor',\n                              defaultMessage: 'Close editor',\n                            }\n                          : {\n                              id: 'content-manager.preview.content.open-editor',\n                              defaultMessage: 'Open editor',\n                            }\n                      )}\n                      onClick={() => setIsSideEditorOpen((prev) => !prev)}\n                      position=\"absolute\"\n                      top={2}\n                      left={2}\n                    >\n                      <AnimatedArrow isSideEditorOpen={isSideEditorOpen} />\n                    </IconButton>\n                  )}\n                </Box>\n              </Flex>\n            </Flex>\n          )}\n        </FormContext>\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([\n    { action: 'plugin::content-manager.explorer.read', subject: model },\n    { action: 'plugin::content-manager.explorer.update', subject: model },\n    { action: 'plugin::content-manager.explorer.publish', subject: model },\n  ]);\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\n        permissions={permissions.filter((permission) =>\n          permission.action.includes('explorer.read')\n        )}\n      >\n        <DocumentRBAC permissions={permissions}>\n          <PreviewPage />\n        </DocumentRBAC>\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":["PreviewProvider","usePreviewContext","createContext","AnimatedArrow","styled","ArrowLineLeft","props","isSideEditorOpen","PreviewPage","location","useLocation","formatMessage","useIntl","iframeRef","React","useRef","setIsSideEditorOpen","useState","slug","model","id","documentId","collectionType","useParams","query","useQueryParams","params","useMemo","buildValidParams","Error","COLLECTION_TYPES","previewUrlResponse","useGetPreviewUrlQuery","contentType","locale","status","documentResponse","useDocument","documentLayoutResponse","useDocumentLayout","isLoading","document","_jsx","Page","Loading","initialValues","getInitialFormValues","error","meta","schema","data","url","NoData","documentTitle","getTitle","edit","settings","mainField","validateSync","values","options","yupSchema","createYupSchema","attributes","components","abortEarly","previewUrl","onPreview","current","contentWindow","postMessage","type","URL","src","origin","hasAdvancedPreview","window","strapi","features","isEnabled","_jsxs","_Fragment","Title","defaultMessage","title","layout","FormContext","method","disabled","initialErrors","state","forceValidation","height","validate","resetForm","Flex","direction","alignItems","Blocker","onProceed","PreviewHeader","flex","overflow","Box","width","borderWidth","borderColor","paddingTop","paddingBottom","paddingLeft","paddingRight","transition","FormLayout","hasBackground","position","data-testid","ref","tag","IconButton","variant","label","onClick","prev","top","left","ProtectedPreviewPageImpl","permissions","useRBAC","action","subject","zIndex","background","Protect","filter","permission","includes","DocumentRBAC","ProtectedPreviewPage","Portal","FocusTrap"],"mappings":"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"}

package/dist/admin/preview/pages/Preview.mjs

@@ -7,7 +7,6 @@ import { useIntl } from 'react-intl';
 import { useParams, useLocation } from 'react-router-dom';
 import { styled } from 'styled-components';
 import { COLLECTION_TYPES } from '../../constants/collections.mjs';
-import { DocumentContextProvider } from '../../features/DocumentContext.mjs';
 import { DocumentRBAC } from '../../features/DocumentRBAC.mjs';
 import { useDocument } from '../../hooks/useDocument.mjs';
 import { useDocumentLayout } from '../../hooks/useDocumentLayout.mjs';
@@ -102,109 +101,102 @@ const PreviewPage = ()=>{
                     contentType: documentTitle
                 })
             }),
-            /*#__PURE__*/ jsx(DocumentContextProvider, {
-                initialDocument: {
-                    documentId: documentId || '',
-                    model,
-                    collectionType
-                },
+            /*#__PURE__*/ jsx(PreviewProvider, {
+                url: previewUrl,
+                document: documentResponse.document,
+                title: documentTitle,
+                meta: documentResponse.meta,
+                schema: documentResponse.schema,
+                layout: documentLayoutResponse.edit,
                 onPreview: onPreview,
-                children: /*#__PURE__*/ jsx(PreviewProvider, {
-                    url: previewUrl,
-                    document: documentResponse.document,
-                    title: documentTitle,
-                    meta: documentResponse.meta,
-                    schema: documentResponse.schema,
-                    layout: documentLayoutResponse.edit,
-                    children: /*#__PURE__*/ jsx(Form, {
-                        method: "PUT",
-                        disabled: query.status === 'published' && documentResponse && documentResponse.document.status === 'published',
-                        initialValues: documentResponse.getInitialFormValues(),
-                        initialErrors: location?.state?.forceValidation ? validateSync(initialValues, {}) : {},
-                        height: "100%",
-                        validate: (values, options)=>{
-                            const yupSchema = createYupSchema(documentResponse.schema?.attributes, documentResponse.components, {
-                                status: documentResponse.document?.status,
-                                ...options
-                            });
-                            return yupSchema.validate(values, {
-                                abortEarly: false
-                            });
-                        },
-                        children: ({ resetForm })=>/*#__PURE__*/ jsxs(Flex, {
-                                direction: "column",
-                                height: "100%",
-                                alignItems: "stretch",
-                                children: [
-                                    /*#__PURE__*/ jsx(Blocker, {
-                                        onProceed: resetForm
-                                    }),
-                                    /*#__PURE__*/ jsx(PreviewHeader, {}),
-                                    /*#__PURE__*/ jsxs(Flex, {
-                                        flex: 1,
-                                        overflow: "auto",
-                                        alignItems: "stretch",
-                                        children: [
-                                            hasAdvancedPreview && /*#__PURE__*/ jsx(Box, {
-                                                overflow: "auto",
-                                                width: isSideEditorOpen ? '50%' : 0,
-                                                borderWidth: "0 1px 0 0",
-                                                borderColor: "neutral150",
-                                                paddingTop: 6,
-                                                paddingBottom: 6,
-                                                // Remove horizontal padding when the editor is closed or it won't fully disappear
-                                                paddingLeft: isSideEditorOpen ? 6 : 0,
-                                                paddingRight: isSideEditorOpen ? 6 : 0,
-                                                transition: "all 0.2s ease-in-out",
-                                                children: /*#__PURE__*/ jsx(FormLayout, {
-                                                    layout: documentLayoutResponse.edit.layout,
-                                                    document: documentResponse,
-                                                    hasBackground: false
-                                                })
-                                            }),
-                                            /*#__PURE__*/ jsxs(Box, {
-                                                position: "relative",
-                                                flex: 1,
-                                                height: "100%",
-                                                overflow: "hidden",
-                                                children: [
-                                                    /*#__PURE__*/ jsx(Box, {
-                                                        "data-testid": "preview-iframe",
-                                                        ref: iframeRef,
-                                                        src: previewUrl,
-                                                        title: formatMessage({
-                                                            id: 'content-manager.preview.panel.title',
-                                                            defaultMessage: 'Preview'
-                                                        }),
-                                                        width: "100%",
-                                                        height: "100%",
-                                                        borderWidth: 0,
-                                                        tag: "iframe"
-                                                    }, previewUrl),
-                                                    hasAdvancedPreview && /*#__PURE__*/ jsx(IconButton, {
-                                                        variant: "tertiary",
-                                                        label: formatMessage(isSideEditorOpen ? {
-                                                            id: 'content-manager.preview.content.close-editor',
-                                                            defaultMessage: 'Close editor'
-                                                        } : {
-                                                            id: 'content-manager.preview.content.open-editor',
-                                                            defaultMessage: 'Open editor'
-                                                        }),
-                                                        onClick: ()=>setIsSideEditorOpen((prev)=>!prev),
-                                                        position: "absolute",
-                                                        top: 2,
-                                                        left: 2,
-                                                        children: /*#__PURE__*/ jsx(AnimatedArrow, {
-                                                            isSideEditorOpen: isSideEditorOpen
-                                                        })
-                                                    })
-                                                ]
+                children: /*#__PURE__*/ jsx(Form, {
+                    method: "PUT",
+                    disabled: query.status === 'published' && documentResponse && documentResponse.document.status !== 'draft',
+                    initialValues: documentResponse.getInitialFormValues(),
+                    initialErrors: location?.state?.forceValidation ? validateSync(initialValues, {}) : {},
+                    height: "100%",
+                    validate: (values, options)=>{
+                        const yupSchema = createYupSchema(documentResponse.schema?.attributes, documentResponse.components, {
+                            status: documentResponse.document?.status,
+                            ...options
+                        });
+                        return yupSchema.validate(values, {
+                            abortEarly: false
+                        });
+                    },
+                    children: ({ resetForm })=>/*#__PURE__*/ jsxs(Flex, {
+                            direction: "column",
+                            height: "100%",
+                            alignItems: "stretch",
+                            children: [
+                                /*#__PURE__*/ jsx(Blocker, {
+                                    onProceed: resetForm
+                                }),
+                                /*#__PURE__*/ jsx(PreviewHeader, {}),
+                                /*#__PURE__*/ jsxs(Flex, {
+                                    flex: 1,
+                                    overflow: "auto",
+                                    alignItems: "stretch",
+                                    children: [
+                                        hasAdvancedPreview && /*#__PURE__*/ jsx(Box, {
+                                            overflow: "auto",
+                                            width: isSideEditorOpen ? '50%' : 0,
+                                            borderWidth: "0 1px 0 0",
+                                            borderColor: "neutral150",
+                                            paddingTop: 6,
+                                            paddingBottom: 6,
+                                            // Remove horizontal padding when the editor is closed or it won't fully disappear
+                                            paddingLeft: isSideEditorOpen ? 6 : 0,
+                                            paddingRight: isSideEditorOpen ? 6 : 0,
+                                            transition: "all 0.2s ease-in-out",
+                                            children: /*#__PURE__*/ jsx(FormLayout, {
+                                                layout: documentLayoutResponse.edit.layout,
+                                                document: documentResponse,
+                                                hasBackground: false
                                             })
-                                        ]
-                                    })
-                                ]
-                            })
-                    })
+                                        }),
+                                        /*#__PURE__*/ jsxs(Box, {
+                                            position: "relative",
+                                            flex: 1,
+                                            height: "100%",
+                                            overflow: "hidden",
+                                            children: [
+                                                /*#__PURE__*/ jsx(Box, {
+                                                    "data-testid": "preview-iframe",
+                                                    ref: iframeRef,
+                                                    src: previewUrl,
+                                                    title: formatMessage({
+                                                        id: 'content-manager.preview.panel.title',
+                                                        defaultMessage: 'Preview'
+                                                    }),
+                                                    width: "100%",
+                                                    height: "100%",
+                                                    borderWidth: 0,
+                                                    tag: "iframe"
+                                                }, previewUrl),
+                                                hasAdvancedPreview && /*#__PURE__*/ jsx(IconButton, {
+                                                    variant: "tertiary",
+                                                    label: formatMessage(isSideEditorOpen ? {
+                                                        id: 'content-manager.preview.content.close-editor',
+                                                        defaultMessage: 'Close editor'
+                                                    } : {
+                                                        id: 'content-manager.preview.content.open-editor',
+                                                        defaultMessage: 'Open editor'
+                                                    }),
+                                                    onClick: ()=>setIsSideEditorOpen((prev)=>!prev),
+                                                    position: "absolute",
+                                                    top: 2,
+                                                    left: 2,
+                                                    children: /*#__PURE__*/ jsx(AnimatedArrow, {
+                                                        isSideEditorOpen: isSideEditorOpen
+                                                    })
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
                 })
             })
         ]