@strapi/content-manager 0.0.0-experimental.aa680be2574ebd6a8ca7675ce7ba57512d0df8cf → 0.0.0-experimental.aa7a2469494b789539dfb9508d5dce9526d83b7d

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
-import { createContext, useRBAC, Page, useQueryParams, Form, Blocker } from '@strapi/admin/strapi-admin';
-import { Portal, FocusTrap, Box, Flex, IconButton } from '@strapi/design-system';
+import { createContext, useRBAC, Page, useQueryParams, Form } from '@strapi/admin/strapi-admin';
+import { Portal, FocusTrap, Box, Flex, IconButton, SingleSelect, SingleSelectOption, Popover } from '@strapi/design-system';
 import { ArrowLineLeft } from '@strapi/icons';
 import { useIntl } from 'react-intl';
 import { useParams, useLocation } from 'react-router-dom';
@@ -10,31 +10,148 @@ import { COLLECTION_TYPES } from '../../constants/collections.mjs';
 import { DocumentRBAC } from '../../features/DocumentRBAC.mjs';
 import { useDocument } from '../../hooks/useDocument.mjs';
 import { useDocumentLayout } from '../../hooks/useDocumentLayout.mjs';
+import { Blocker } from '../../pages/EditView/components/Blocker.mjs';
 import { FormLayout } from '../../pages/EditView/components/FormLayout.mjs';
+import { InputRenderer as MemoizedInputRenderer } from '../../pages/EditView/components/InputRenderer.mjs';
+import { handleInvisibleAttributes } from '../../pages/EditView/utils/data.mjs';
 import { buildValidParams } from '../../utils/api.mjs';
 import { createYupSchema } from '../../utils/validation.mjs';
 import { PreviewHeader } from '../components/PreviewHeader.mjs';
 import { useGetPreviewUrlQuery } from '../services/preview.mjs';
+import { PUBLIC_EVENTS } from '../utils/constants.mjs';
+import { previewScript } from '../utils/previewScript.mjs';
 
+/* -------------------------------------------------------------------------------------------------
+ * Constants
+ * -----------------------------------------------------------------------------------------------*/ const DEVICES = [
+    {
+        name: 'desktop',
+        label: {
+            id: 'content-manager.preview.device.desktop',
+            defaultMessage: 'Desktop'
+        },
+        width: '100%',
+        height: '100%'
+    },
+    {
+        name: 'mobile',
+        label: {
+            id: 'content-manager.preview.device.mobile',
+            defaultMessage: 'Mobile'
+        },
+        width: '375px',
+        height: '667px'
+    }
+];
 const [PreviewProvider, usePreviewContext] = createContext('PreviewPage');
+/* -------------------------------------------------------------------------------------------------
+ * VisualEditingPopover
+ * -----------------------------------------------------------------------------------------------*/ const VisualEditingPopover = ({ documentResponse })=>{
+    const iframeRef = usePreviewContext('VisualEditingPopover', (state)=>state.iframeRef);
+    const popoverField = usePreviewContext('VisualEditingPopover', (state)=>state.popoverField);
+    const setPopoverField = usePreviewContext('VisualEditingPopover', (state)=>state.setPopoverField);
+    if (!popoverField || !documentResponse.schema || !iframeRef.current) {
+        return null;
+    }
+    const iframeRect = iframeRef.current.getBoundingClientRect();
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            popoverField && /*#__PURE__*/ jsx(Box, {
+                position: 'fixed',
+                top: iframeRect.top + 'px',
+                left: iframeRect.left + 'px',
+                width: iframeRect.width + 'px',
+                height: iframeRect.height + 'px',
+                zIndex: 4
+            }),
+            /*#__PURE__*/ jsxs(Popover.Root, {
+                open: popoverField != null,
+                onOpenChange: (open)=>!open && setPopoverField(null),
+                children: [
+                    /*#__PURE__*/ jsx(Popover.Trigger, {
+                        children: /*#__PURE__*/ jsx(Box, {
+                            id: "popover-trigger",
+                            position: "fixed",
+                            width: popoverField.position.width + 'px',
+                            height: popoverField.position.height + 'px',
+                            top: iframeRect.top + popoverField.position.top + 'px',
+                            left: iframeRect.left + popoverField.position.left + 'px'
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Popover.Content, {
+                        sideOffset: 4,
+                        children: /*#__PURE__*/ jsx(Box, {
+                            padding: 4,
+                            width: "400px",
+                            children: /*#__PURE__*/ jsx(MemoizedInputRenderer, {
+                                document: documentResponse,
+                                attribute: documentResponse.schema.attributes[popoverField.path],
+                                label: popoverField.path,
+                                name: popoverField.path,
+                                type: documentResponse.schema.attributes[popoverField.path].type,
+                                visible: true
+                            })
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
 /* -------------------------------------------------------------------------------------------------
  * PreviewPage
  * -----------------------------------------------------------------------------------------------*/ const AnimatedArrow = styled(ArrowLineLeft)`
   will-change: transform;
-  rotate: ${(props)=>props.isSideEditorOpen ? '0deg' : '180deg'};
+  rotate: ${(props)=>props.$isSideEditorOpen ? '0deg' : '180deg'};
   transition: rotate 0.2s ease-in-out;
 `;
+/**
+ * A function factory so we can generate a new sendMessage everytime we need one.
+ * We can't store and reuse a single sendMessage because it needs to have a stable identity
+ * as it used in a useEffect function. And we can't rely on useCallback because we need the
+ * up-to-date iframe ref, and this would make it stale (refs don't trigger callback reevaluations).
+ */ function getSendMessage(iframe) {
+    return (type, payload)=>{
+        if (!iframe.current) return;
+        const { origin } = new URL(iframe.current.src);
+        iframe.current.contentWindow?.postMessage({
+            type,
+            ...payload !== undefined && {
+                payload
+            }
+        }, origin);
+    };
+}
 const PreviewPage = ()=>{
     const location = useLocation();
     const { formatMessage } = useIntl();
     const iframeRef = React.useRef(null);
     const [isSideEditorOpen, setIsSideEditorOpen] = React.useState(true);
+    const [popoverField, setPopoverField] = React.useState(null);
     // Read all the necessary data from the URL to find the right preview URL
     const { slug: model, id: documentId, collectionType } = useParams();
-    const [{ query }] = useQueryParams();
+    const [{ query: { field: _field, ...query } }] = useQueryParams();
     const params = React.useMemo(()=>buildValidParams(query), [
         query
     ]);
+    const [deviceName, setDeviceName] = React.useState(DEVICES[0].name);
+    const device = DEVICES.find((d)=>d.name === deviceName) ?? DEVICES[0];
+    // Listen for ready message from iframe before injecting script
+    React.useEffect(()=>{
+        const handleMessage = (event)=>{
+            if (event.data?.type === PUBLIC_EVENTS.PREVIEW_READY) {
+                const script = `(${previewScript.toString()})()`;
+                const sendMessage = getSendMessage(iframeRef);
+                sendMessage(PUBLIC_EVENTS.STRAPI_SCRIPT, {
+                    script
+                });
+            }
+        };
+        window.addEventListener('message', handleMessage);
+        return ()=>{
+            window.removeEventListener('message', handleMessage);
+        };
+    }, []);
     if (!collectionType) {
         throw new Error('Could not find collectionType in url params');
     }
@@ -63,7 +180,7 @@ const PreviewPage = ()=>{
     });
     const documentLayoutResponse = useDocumentLayout(model);
     const isLoading = previewUrlResponse.isLoading || documentLayoutResponse.isLoading || documentResponse.isLoading;
-    if (isLoading && !documentResponse.document?.documentId) {
+    if (isLoading && (!documentResponse.document?.documentId || previewUrlResponse.isLoading)) {
         return /*#__PURE__*/ jsx(Page.Loading, {});
     }
     const initialValues = documentResponse.getInitialFormValues();
@@ -75,20 +192,24 @@ const PreviewPage = ()=>{
     }
     const documentTitle = documentResponse.getTitle(documentLayoutResponse.edit.settings.mainField);
     const validateSync = (values, options)=>{
+        const { data: cleanedValues, removedAttributes } = handleInvisibleAttributes(values, {
+            schema: documentResponse.schema,
+            initialValues,
+            components: documentResponse.components
+        });
         const yupSchema = createYupSchema(documentResponse.schema?.attributes, documentResponse.components, {
             status: documentResponse.document?.status,
+            removedAttributes,
             ...options
         });
-        return yupSchema.validateSync(values, {
+        return yupSchema.validateSync(cleanedValues, {
             abortEarly: false
         });
     };
     const previewUrl = previewUrlResponse.data.data.url;
     const onPreview = ()=>{
-        iframeRef?.current?.contentWindow?.postMessage({
-            type: 'strapiUpdate'
-        }, // The iframe origin is safe to use since it must be provided through the allowedOrigins config
-        new URL(iframeRef.current.src).origin);
+        const sendMessage = getSendMessage(iframeRef);
+        sendMessage(PUBLIC_EVENTS.STRAPI_UPDATE);
     };
     const hasAdvancedPreview = window.strapi.features.isEnabled('cms-advanced-preview');
     return /*#__PURE__*/ jsxs(Fragment, {
@@ -109,6 +230,10 @@ const PreviewPage = ()=>{
                 schema: documentResponse.schema,
                 layout: documentLayoutResponse.edit,
                 onPreview: onPreview,
+                iframeRef: iframeRef,
+                isSideEditorOpen: isSideEditorOpen,
+                popoverField: popoverField,
+                setPopoverField: setPopoverField,
                 children: /*#__PURE__*/ jsx(Form, {
                     method: "PUT",
                     disabled: query.status === 'published' && documentResponse && documentResponse.document.status !== 'draft',
@@ -116,52 +241,101 @@ const PreviewPage = ()=>{
                     initialErrors: location?.state?.forceValidation ? validateSync(initialValues, {}) : {},
                     height: "100%",
                     validate: (values, options)=>{
+                        const { data: cleanedValues, removedAttributes } = handleInvisibleAttributes(values, {
+                            schema: documentResponse.schema,
+                            initialValues,
+                            components: documentResponse.components
+                        });
                         const yupSchema = createYupSchema(documentResponse.schema?.attributes, documentResponse.components, {
                             status: documentResponse.document?.status,
+                            removedAttributes,
                             ...options
                         });
-                        return yupSchema.validate(values, {
+                        return yupSchema.validate(cleanedValues, {
                             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, {
+                    children: /*#__PURE__*/ jsxs(Flex, {
+                        direction: "column",
+                        height: "100%",
+                        alignItems: "stretch",
+                        children: [
+                            /*#__PURE__*/ jsx(Blocker, {}),
+                            /*#__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(Flex, {
+                                        direction: "column",
+                                        alignItems: "stretch",
+                                        flex: 1,
+                                        height: "100%",
+                                        overflow: "hidden",
+                                        children: [
+                                            /*#__PURE__*/ jsxs(Flex, {
+                                                direction: "row",
+                                                background: "neutral0",
+                                                padding: 2,
+                                                borderWidth: "0 0 1px 0",
+                                                borderColor: "neutral150",
+                                                children: [
+                                                    hasAdvancedPreview && /*#__PURE__*/ jsx(IconButton, {
+                                                        variant: "ghost",
+                                                        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),
+                                                        children: /*#__PURE__*/ jsx(AnimatedArrow, {
+                                                            $isSideEditorOpen: isSideEditorOpen
+                                                        })
+                                                    }),
+                                                    /*#__PURE__*/ jsx(Flex, {
+                                                        justifyContent: "center",
+                                                        flex: 1,
+                                                        children: /*#__PURE__*/ jsx(SingleSelect, {
+                                                            value: deviceName,
+                                                            onChange: (name)=>setDeviceName(name.toString()),
+                                                            "aria-label": formatMessage({
+                                                                id: 'content-manager.preview.device.select',
+                                                                defaultMessage: 'Select device type'
+                                                            }),
+                                                            children: DEVICES.map((deviceOption)=>/*#__PURE__*/ jsx(SingleSelectOption, {
+                                                                    value: deviceOption.name,
+                                                                    children: formatMessage(deviceOption.label)
+                                                                }, deviceOption.name))
+                                                        })
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ jsx(Flex, {
+                                                direction: "column",
+                                                justifyContent: "center",
+                                                background: "neutral0",
+                                                flex: 1,
+                                                children: /*#__PURE__*/ jsx(Box, {
                                                     "data-testid": "preview-iframe",
                                                     ref: iframeRef,
                                                     src: previewUrl,
@@ -169,34 +343,21 @@ const PreviewPage = ()=>{
                                                         id: 'content-manager.preview.panel.title',
                                                         defaultMessage: 'Preview'
                                                     }),
-                                                    width: "100%",
-                                                    height: "100%",
+                                                    width: device.width,
+                                                    height: device.height,
                                                     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
-                                                    })
-                                                })
-                                            ]
-                                        })
-                                    ]
-                                })
-                            ]
-                        })
+                                                }, previewUrl)
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsx(VisualEditingPopover, {
+                                documentResponse: documentResponse
+                            })
+                        ]
+                    })
                 })
             })
         ]

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

@@ -1 +1 @@
-{"version":3,"file":"Preview.mjs","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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"}
+{"version":3,"file":"Preview.mjs","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} from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Flex,\n  FocusTrap,\n  IconButton,\n  Popover,\n  Portal,\n  SingleSelect,\n  SingleSelectOption,\n} 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 { Blocker } from '../../pages/EditView/components/Blocker';\nimport { FormLayout } from '../../pages/EditView/components/FormLayout';\nimport { InputRenderer } from '../../pages/EditView/components/InputRenderer';\nimport { handleInvisibleAttributes } from '../../pages/EditView/utils/data';\nimport { buildValidParams } from '../../utils/api';\nimport { createYupSchema } from '../../utils/validation';\nimport { PreviewHeader } from '../components/PreviewHeader';\nimport { useGetPreviewUrlQuery } from '../services/preview';\nimport { INTERNAL_EVENTS, PUBLIC_EVENTS } from '../utils/constants';\nimport { previewScript } from '../utils/previewScript';\n\nimport type { UID } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * Constants\n * -----------------------------------------------------------------------------------------------*/\n\nconst DEVICES = [\n  {\n    name: 'desktop',\n    label: {\n      id: 'content-manager.preview.device.desktop',\n      defaultMessage: 'Desktop',\n    },\n    width: '100%',\n    height: '100%',\n  },\n  {\n    name: 'mobile',\n    label: {\n      id: 'content-manager.preview.device.mobile',\n      defaultMessage: 'Mobile',\n    },\n    width: '375px',\n    height: '667px',\n  },\n];\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface PopoverField {\n  path: string;\n  position: DOMRect;\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  iframeRef: React.RefObject<HTMLIFrameElement>;\n  isSideEditorOpen: boolean;\n  popoverField: PopoverField | null;\n  setPopoverField: (value: PopoverField | null) => void;\n}\n\nconst [PreviewProvider, usePreviewContext] = createContext<PreviewContextValue>('PreviewPage');\n\n/* -------------------------------------------------------------------------------------------------\n * VisualEditingPopover\n * -----------------------------------------------------------------------------------------------*/\n\nconst VisualEditingPopover = ({\n  documentResponse,\n}: {\n  documentResponse: ReturnType<UseDocument>;\n}) => {\n  const iframeRef = usePreviewContext('VisualEditingPopover', (state) => state.iframeRef);\n  const popoverField = usePreviewContext('VisualEditingPopover', (state) => state.popoverField);\n  const setPopoverField = usePreviewContext(\n    'VisualEditingPopover',\n    (state) => state.setPopoverField\n  );\n\n  if (!popoverField || !documentResponse.schema || !iframeRef.current) {\n    return null;\n  }\n\n  const iframeRect = iframeRef.current.getBoundingClientRect();\n\n  return (\n    <>\n      {popoverField && (\n        <Box\n          position={'fixed'}\n          top={iframeRect.top + 'px'}\n          left={iframeRect.left + 'px'}\n          width={iframeRect.width + 'px'}\n          height={iframeRect.height + 'px'}\n          zIndex={4}\n        />\n      )}\n      <Popover.Root\n        open={popoverField != null}\n        onOpenChange={(open) => !open && setPopoverField(null)}\n      >\n        <Popover.Trigger>\n          <Box\n            id=\"popover-trigger\"\n            position=\"fixed\"\n            width={popoverField.position.width + 'px'}\n            height={popoverField.position.height + 'px'}\n            top={iframeRect.top + popoverField.position.top + 'px'}\n            left={iframeRect.left + popoverField.position.left + 'px'}\n          />\n        </Popover.Trigger>\n        <Popover.Content sideOffset={4}>\n          <Box padding={4} width=\"400px\">\n            <InputRenderer\n              document={documentResponse}\n              attribute={documentResponse.schema.attributes[popoverField.path] as any}\n              label={popoverField.path}\n              name={popoverField.path}\n              type={documentResponse.schema.attributes[popoverField.path].type}\n              visible={true}\n            />\n          </Box>\n        </Popover.Content>\n      </Popover.Root>\n    </>\n  );\n};\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\ntype MessageType =\n  | (typeof INTERNAL_EVENTS)[keyof typeof INTERNAL_EVENTS]\n  | (typeof PUBLIC_EVENTS)[keyof typeof PUBLIC_EVENTS];\n\n/**\n * A function factory so we can generate a new sendMessage everytime we need one.\n * We can't store and reuse a single sendMessage because it needs to have a stable identity\n * as it used in a useEffect function. And we can't rely on useCallback because we need the\n * up-to-date iframe ref, and this would make it stale (refs don't trigger callback reevaluations).\n */\nfunction getSendMessage(iframe: React.RefObject<HTMLIFrameElement>) {\n  return (type: MessageType, payload?: unknown) => {\n    if (!iframe.current) return;\n\n    const { origin } = new URL(iframe.current.src);\n\n    iframe.current.contentWindow?.postMessage(\n      {\n        type,\n        ...(payload !== undefined && { payload }),\n      },\n      origin\n    );\n  };\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  const [popoverField, setPopoverField] = React.useState<PopoverField | null>(null);\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 [\n    {\n      query: { field: _field, ...query },\n    },\n  ] = useQueryParams<{\n    plugins?: Record<string, unknown>;\n    status?: string;\n    field?: string;\n  }>();\n\n  const params = React.useMemo(() => buildValidParams(query), [query]);\n\n  const [deviceName, setDeviceName] = React.useState<(typeof DEVICES)[number]['name']>(\n    DEVICES[0].name\n  );\n  const device = DEVICES.find((d) => d.name === deviceName) ?? DEVICES[0];\n\n  // Listen for ready message from iframe before injecting script\n  React.useEffect(() => {\n    const handleMessage = (event: MessageEvent) => {\n      if (event.data?.type === PUBLIC_EVENTS.PREVIEW_READY) {\n        const script = `(${previewScript.toString()})()`;\n        const sendMessage = getSendMessage(iframeRef);\n        sendMessage(PUBLIC_EVENTS.STRAPI_SCRIPT, { script });\n      }\n    };\n\n    window.addEventListener('message', handleMessage);\n\n    return () => {\n      window.removeEventListener('message', handleMessage);\n    };\n  }, []);\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 || previewUrlResponse.isLoading)) {\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 { data: cleanedValues, removedAttributes } = handleInvisibleAttributes(values, {\n      schema: documentResponse.schema,\n      initialValues,\n      components: documentResponse.components,\n    });\n\n    const yupSchema = createYupSchema(\n      documentResponse.schema?.attributes,\n      documentResponse.components,\n      {\n        status: documentResponse.document?.status,\n        removedAttributes,\n        ...options,\n      }\n    );\n\n    return yupSchema.validateSync(cleanedValues, { abortEarly: false });\n  };\n\n  const previewUrl = previewUrlResponse.data.data.url;\n\n  const onPreview = () => {\n    const sendMessage = getSendMessage(iframeRef);\n    sendMessage(PUBLIC_EVENTS.STRAPI_UPDATE);\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        iframeRef={iframeRef}\n        isSideEditorOpen={isSideEditorOpen}\n        popoverField={popoverField}\n        setPopoverField={setPopoverField}\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 { data: cleanedValues, removedAttributes } = handleInvisibleAttributes(values, {\n              schema: documentResponse.schema,\n              initialValues,\n              components: documentResponse.components,\n            });\n\n            const yupSchema = createYupSchema(\n              documentResponse.schema?.attributes,\n              documentResponse.components,\n              {\n                status: documentResponse.document?.status,\n                removedAttributes,\n                ...options,\n              }\n            );\n\n            return yupSchema.validate(cleanedValues, { abortEarly: false });\n          }}\n        >\n          <Flex direction=\"column\" height=\"100%\" alignItems=\"stretch\">\n            <Blocker />\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              <Flex\n                direction=\"column\"\n                alignItems=\"stretch\"\n                flex={1}\n                height=\"100%\"\n                overflow=\"hidden\"\n              >\n                <Flex\n                  direction=\"row\"\n                  background=\"neutral0\"\n                  padding={2}\n                  borderWidth=\"0 0 1px 0\"\n                  borderColor=\"neutral150\"\n                >\n                  {hasAdvancedPreview && (\n                    <IconButton\n                      variant=\"ghost\"\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                    >\n                      <AnimatedArrow $isSideEditorOpen={isSideEditorOpen} />\n                    </IconButton>\n                  )}\n                  <Flex justifyContent=\"center\" flex={1}>\n                    <SingleSelect\n                      value={deviceName}\n                      onChange={(name) => setDeviceName(name.toString())}\n                      aria-label={formatMessage({\n                        id: 'content-manager.preview.device.select',\n                        defaultMessage: 'Select device type',\n                      })}\n                    >\n                      {DEVICES.map((deviceOption) => (\n                        <SingleSelectOption key={deviceOption.name} value={deviceOption.name}>\n                          {formatMessage(deviceOption.label)}\n                        </SingleSelectOption>\n                      ))}\n                    </SingleSelect>\n                  </Flex>\n                </Flex>\n                <Flex direction=\"column\" justifyContent=\"center\" background=\"neutral0\" flex={1}>\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={device.width}\n                    height={device.height}\n                    borderWidth={0}\n                    tag=\"iframe\"\n                  />\n                </Flex>\n              </Flex>\n            </Flex>\n            <VisualEditingPopover documentResponse={documentResponse} />\n          </Flex>\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":["DEVICES","name","label","id","defaultMessage","width","height","PreviewProvider","usePreviewContext","createContext","VisualEditingPopover","documentResponse","iframeRef","state","popoverField","setPopoverField","schema","current","iframeRect","getBoundingClientRect","_jsxs","_Fragment","_jsx","Box","position","top","left","zIndex","Popover","Root","open","onOpenChange","Trigger","Content","sideOffset","padding","InputRenderer","document","attribute","attributes","path","type","visible","AnimatedArrow","styled","ArrowLineLeft","props","$isSideEditorOpen","getSendMessage","iframe","payload","origin","URL","src","contentWindow","postMessage","undefined","PreviewPage","location","useLocation","formatMessage","useIntl","React","useRef","isSideEditorOpen","setIsSideEditorOpen","useState","slug","model","documentId","collectionType","useParams","query","field","_field","useQueryParams","params","useMemo","buildValidParams","deviceName","setDeviceName","device","find","d","useEffect","handleMessage","event","data","PUBLIC_EVENTS","PREVIEW_READY","script","previewScript","toString","sendMessage","STRAPI_SCRIPT","window","addEventListener","removeEventListener","Error","COLLECTION_TYPES","previewUrlResponse","useGetPreviewUrlQuery","contentType","locale","status","useDocument","documentLayoutResponse","useDocumentLayout","isLoading","Page","Loading","initialValues","getInitialFormValues","error","meta","url","NoData","documentTitle","getTitle","edit","settings","mainField","validateSync","values","options","cleanedValues","removedAttributes","handleInvisibleAttributes","components","yupSchema","createYupSchema","abortEarly","previewUrl","onPreview","STRAPI_UPDATE","hasAdvancedPreview","strapi","features","isEnabled","Title","title","layout","FormContext","method","disabled","initialErrors","forceValidation","validate","Flex","direction","alignItems","Blocker","PreviewHeader","flex","overflow","borderWidth","borderColor","paddingTop","paddingBottom","paddingLeft","paddingRight","transition","FormLayout","hasBackground","background","IconButton","variant","onClick","prev","justifyContent","SingleSelect","value","onChange","aria-label","map","deviceOption","SingleSelectOption","data-testid","ref","tag","ProtectedPreviewPageImpl","permissions","useRBAC","action","subject","Protect","filter","permission","includes","DocumentRBAC","ProtectedPreviewPage","Portal","FocusTrap"],"mappings":"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"}

package/dist/admin/preview/utils/constants.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var previewScript = require('./previewScript.js');
+
+const scriptResponse = previewScript.previewScript(false);
+/**
+ * These events can be changed safely. They're used by the content manager admin on one side, and by
+ * the preview script on the other. We own both ends, and they're not documented to users, so we can
+ * do what we want with them.
+ */ const INTERNAL_EVENTS = scriptResponse.INTERNAL_EVENTS;
+/**
+ * These events are documented to users, and will be hardcoded in their frontends.
+ * Changing any of these would be a breaking change.
+ */ const PUBLIC_EVENTS = {
+    PREVIEW_READY: 'previewReady',
+    STRAPI_UPDATE: 'strapiUpdate',
+    STRAPI_SCRIPT: 'strapiScript'
+};
+
+exports.INTERNAL_EVENTS = INTERNAL_EVENTS;
+exports.PUBLIC_EVENTS = PUBLIC_EVENTS;
+//# sourceMappingURL=constants.js.map

package/dist/admin/preview/utils/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../admin/src/preview/utils/constants.ts"],"sourcesContent":["import { previewScript } from './previewScript';\n\nconst scriptResponse = previewScript(false);\n\n/**\n * These events can be changed safely. They're used by the content manager admin on one side, and by\n * the preview script on the other. We own both ends, and they're not documented to users, so we can\n * do what we want with them.\n */\nexport const INTERNAL_EVENTS = scriptResponse!.INTERNAL_EVENTS;\n\n/**\n * These events are documented to users, and will be hardcoded in their frontends.\n * Changing any of these would be a breaking change.\n */\nexport const PUBLIC_EVENTS = {\n  PREVIEW_READY: 'previewReady',\n  STRAPI_UPDATE: 'strapiUpdate',\n  STRAPI_SCRIPT: 'strapiScript',\n} as const;\n"],"names":["scriptResponse","previewScript","INTERNAL_EVENTS","PUBLIC_EVENTS","PREVIEW_READY","STRAPI_UPDATE","STRAPI_SCRIPT"],"mappings":";;;;AAEA,MAAMA,iBAAiBC,2BAAc,CAAA,KAAA,CAAA;AAErC;;;;AAIC,IACM,MAAMC,eAAkBF,GAAAA,cAAAA,CAAgBE;AAE/C;;;UAIaC,aAAgB,GAAA;IAC3BC,aAAe,EAAA,cAAA;IACfC,aAAe,EAAA,cAAA;IACfC,aAAe,EAAA;AACjB;;;;;"}

package/dist/admin/preview/utils/constants.mjs

@@ -0,0 +1,19 @@
+import { previewScript } from './previewScript.mjs';
+
+const scriptResponse = previewScript(false);
+/**
+ * These events can be changed safely. They're used by the content manager admin on one side, and by
+ * the preview script on the other. We own both ends, and they're not documented to users, so we can
+ * do what we want with them.
+ */ const INTERNAL_EVENTS = scriptResponse.INTERNAL_EVENTS;
+/**
+ * These events are documented to users, and will be hardcoded in their frontends.
+ * Changing any of these would be a breaking change.
+ */ const PUBLIC_EVENTS = {
+    PREVIEW_READY: 'previewReady',
+    STRAPI_UPDATE: 'strapiUpdate',
+    STRAPI_SCRIPT: 'strapiScript'
+};
+
+export { INTERNAL_EVENTS, PUBLIC_EVENTS };
+//# sourceMappingURL=constants.mjs.map

package/dist/admin/preview/utils/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../admin/src/preview/utils/constants.ts"],"sourcesContent":["import { previewScript } from './previewScript';\n\nconst scriptResponse = previewScript(false);\n\n/**\n * These events can be changed safely. They're used by the content manager admin on one side, and by\n * the preview script on the other. We own both ends, and they're not documented to users, so we can\n * do what we want with them.\n */\nexport const INTERNAL_EVENTS = scriptResponse!.INTERNAL_EVENTS;\n\n/**\n * These events are documented to users, and will be hardcoded in their frontends.\n * Changing any of these would be a breaking change.\n */\nexport const PUBLIC_EVENTS = {\n  PREVIEW_READY: 'previewReady',\n  STRAPI_UPDATE: 'strapiUpdate',\n  STRAPI_SCRIPT: 'strapiScript',\n} as const;\n"],"names":["scriptResponse","previewScript","INTERNAL_EVENTS","PUBLIC_EVENTS","PREVIEW_READY","STRAPI_UPDATE","STRAPI_SCRIPT"],"mappings":";;AAEA,MAAMA,iBAAiBC,aAAc,CAAA,KAAA,CAAA;AAErC;;;;AAIC,IACM,MAAMC,eAAkBF,GAAAA,cAAAA,CAAgBE;AAE/C;;;UAIaC,aAAgB,GAAA;IAC3BC,aAAe,EAAA,cAAA;IACfC,aAAe,EAAA,cAAA;IACfC,aAAe,EAAA;AACjB;;;;"}