@akbarsafari00/bonyan-content-manager 5.52.1-fa.2

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

@@ -0,0 +1,429 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var styledComponents = require('styled-components');
+var collections = require('../../constants/collections.js');
+var DocumentRBAC = require('../../features/DocumentRBAC.js');
+var useDocument = require('../../hooks/useDocument.js');
+var useDocumentLayout = require('../../hooks/useDocumentLayout.js');
+var Blocker = require('../../pages/EditView/components/Blocker.js');
+var FormLayout = require('../../pages/EditView/components/FormLayout.js');
+var data = require('../../pages/EditView/utils/data.js');
+var api = require('../../utils/api.js');
+var validation = require('../../utils/validation.js');
+var InputPopover = require('../components/InputPopover.js');
+var PreviewHeader = require('../components/PreviewHeader.js');
+var preview = require('../services/preview.js');
+var constants = require('../utils/constants.js');
+var getSendMessage = require('../utils/getSendMessage.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+/* -------------------------------------------------------------------------------------------------
+ * 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] = strapiAdmin.createContext('PreviewPage');
+const getPreviewScript = (()=>{
+    let previewScript = '';
+    return async (previewHighlightColors)=>{
+        if (!previewScript) {
+            const resp = await fetch(`${window.strapi.backendURL}/content-manager/preview/script`);
+            if (!resp.ok) {
+                throw new Error('Could not retrieve preview script from server.');
+            }
+            previewScript = await resp.text();
+            if (!previewScript) {
+                throw new Error('Could not retrieve preview script from server.');
+            }
+        }
+        return `(${previewScript})(${JSON.stringify({
+            colors: previewHighlightColors,
+            events: constants.INTERNAL_EVENTS,
+            parentOrigin: window.location.origin
+        })})`;
+    };
+})();
+/* -------------------------------------------------------------------------------------------------
+ * PreviewPage
+ * -----------------------------------------------------------------------------------------------*/ const AnimatedArrow = styledComponents.styled(Icons.ArrowLineLeft)`
+  will-change: transform;
+  rotate: ${(props)=>props.$isSideEditorOpen ? '0deg' : '180deg'};
+  transition: rotate 0.2s ease-in-out;
+`;
+const PreviewPage = ()=>{
+    const location = reactRouterDom.useLocation();
+    const { formatMessage } = reactIntl.useIntl();
+    const theme = styledComponents.useTheme();
+    const iframeRef = React__namespace.useRef(null);
+    const [isSideEditorOpen, setIsSideEditorOpen] = React__namespace.useState(true);
+    const [popoverField, setPopoverField] = React__namespace.useState(null);
+    const { toggleNotification } = strapiAdmin.useNotification();
+    // Read all the necessary data from the URL to find the right preview URL
+    const { slug: model, id: documentId, collectionType } = reactRouterDom.useParams();
+    const [{ query }] = strapiAdmin.useQueryParams();
+    const params = React__namespace.useMemo(()=>api.buildValidParams(query), [
+        query
+    ]);
+    const [deviceName, setDeviceName] = React__namespace.useState(DEVICES[0].name);
+    const device = DEVICES.find((d)=>d.name === deviceName) ?? DEVICES[0];
+    const previewHighlightColors = {
+        highlightHoverColor: theme.colors.primary500,
+        highlightActiveColor: theme.colors.primary600
+    };
+    // Listen for ready message from iframe before injecting script
+    React__namespace.useEffect(()=>{
+        const handleMessage = async (event)=>{
+            // Only listen to events from the preview iframe
+            if (iframeRef.current) {
+                const previewOrigin = new URL(iframeRef.current?.src).origin;
+                if (event.origin !== previewOrigin) {
+                    return;
+                }
+            }
+            if (event.data?.type === constants.PUBLIC_EVENTS.PREVIEW_READY) {
+                try {
+                    const script = await getPreviewScript(previewHighlightColors);
+                    const sendMessage = getSendMessage.getSendMessage(iframeRef);
+                    sendMessage(constants.PUBLIC_EVENTS.STRAPI_SCRIPT, {
+                        script
+                    });
+                } catch  {
+                    toggleNotification({
+                        type: 'danger',
+                        message: formatMessage({
+                            id: 'content-manager.preview.error.script-failed',
+                            defaultMessage: 'Could not load the live preview script. Visual editing may not be available.'
+                        })
+                    });
+                }
+            }
+        };
+        window.addEventListener('message', handleMessage);
+        return ()=>{
+            window.removeEventListener('message', handleMessage);
+        };
+    // Preserve the existing dependency behavior: previewHighlightColors is derived from theme.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        documentId,
+        toggleNotification,
+        theme,
+        formatMessage
+    ]);
+    if (!collectionType) {
+        throw new Error('Could not find collectionType in url params');
+    }
+    if (!model) {
+        throw new Error('Could not find model in url params');
+    }
+    // Only collection types must have a documentId
+    if (collectionType === collections.COLLECTION_TYPES && !documentId) {
+        throw new Error('Could not find documentId in url params');
+    }
+    const previewUrlResponse = preview.useGetPreviewUrlQuery({
+        params: {
+            contentType: model
+        },
+        query: {
+            documentId,
+            locale: params.locale,
+            status: params.status
+        }
+    });
+    const documentResponse = useDocument.useDocument({
+        model,
+        collectionType,
+        documentId,
+        params
+    });
+    const documentLayoutResponse = useDocumentLayout.useDocumentLayout(model);
+    const isLoading = previewUrlResponse.isLoading || documentLayoutResponse.isLoading || documentResponse.isLoading;
+    if (isLoading && (!documentResponse.document?.documentId || previewUrlResponse.isLoading)) {
+        return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Loading, {});
+    }
+    const initialValues = documentResponse.getInitialFormValues();
+    if (previewUrlResponse.error || documentLayoutResponse.error || !documentResponse.document || !documentResponse.meta || !documentResponse.schema || !initialValues) {
+        return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Error, {});
+    }
+    if (!previewUrlResponse.data?.data?.url) {
+        return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.NoData, {});
+    }
+    const documentTitle = documentResponse.getTitle(documentLayoutResponse.edit.settings.mainField);
+    const validateSync = (values, options)=>{
+        const { data: cleanedValues, removedAttributes } = data.handleInvisibleAttributes(values, {
+            schema: documentResponse.schema,
+            initialValues,
+            components: documentResponse.components
+        });
+        const yupSchema = validation.createYupSchema(documentResponse.schema?.attributes, documentResponse.components, {
+            status: documentResponse.document?.status,
+            removedAttributes,
+            ...options
+        });
+        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 hasAdvancedPreview = window.strapi.features.isEnabled('cms-advanced-preview');
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Title, {
+                children: formatMessage({
+                    id: 'content-manager.preview.page-title',
+                    defaultMessage: '{contentType} preview'
+                }, {
+                    contentType: documentTitle
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(PreviewProvider, {
+                url: previewUrl,
+                document: documentResponse.document,
+                title: documentTitle,
+                meta: documentResponse.meta,
+                schema: documentResponse.schema,
+                components: documentResponse.components,
+                layout: documentLayoutResponse.edit,
+                onPreview: onPreview,
+                iframeRef: iframeRef,
+                popoverField: popoverField,
+                setPopoverField: setPopoverField,
+                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 { data: cleanedValues, removedAttributes } = data.handleInvisibleAttributes(values, {
+                            schema: documentResponse.schema,
+                            initialValues,
+                            components: documentResponse.components
+                        });
+                        const yupSchema = validation.createYupSchema(documentResponse.schema?.attributes, documentResponse.components, {
+                            status: documentResponse.document?.status,
+                            removedAttributes,
+                            ...options
+                        });
+                        return yupSchema.validate(cleanedValues, {
+                            abortEarly: false
+                        });
+                    },
+                    children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                        direction: "column",
+                        height: "100%",
+                        alignItems: "stretch",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(Blocker.Blocker, {}),
+                            /*#__PURE__*/ jsxRuntime.jsx(PreviewHeader.PreviewHeader, {}),
+                            /*#__PURE__*/ jsxRuntime.jsx(InputPopover.InputPopover, {
+                                documentResponse: documentResponse
+                            }),
+                            /*#__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.Flex, {
+                                        direction: "column",
+                                        alignItems: "stretch",
+                                        flex: 1,
+                                        height: "100%",
+                                        overflow: "hidden",
+                                        children: [
+                                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                                direction: "row",
+                                                background: "neutral0",
+                                                padding: 2,
+                                                borderWidth: "0 0 1px 0",
+                                                borderColor: "neutral150",
+                                                children: [
+                                                    hasAdvancedPreview && /*#__PURE__*/ jsxRuntime.jsx(designSystem.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__*/ jsxRuntime.jsx(AnimatedArrow, {
+                                                            $isSideEditorOpen: isSideEditorOpen
+                                                        })
+                                                    }),
+                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                                                        justifyContent: "center",
+                                                        flex: 1,
+                                                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.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__*/ jsxRuntime.jsx(designSystem.SingleSelectOption, {
+                                                                    value: deviceOption.name,
+                                                                    children: formatMessage(deviceOption.label)
+                                                                }, deviceOption.name))
+                                                        })
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                                                direction: "column",
+                                                justifyContent: "center",
+                                                background: "neutral0",
+                                                flex: 1,
+                                                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: device.width,
+                                                    height: device.height,
+                                                    borderWidth: 0,
+                                                    tag: "iframe"
+                                                }, previewUrl)
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                })
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * ProtectedPreviewPage
+ * -----------------------------------------------------------------------------------------------*/ const ProtectedPreviewPageImpl = ()=>{
+    const { slug: model } = reactRouterDom.useParams();
+    const { permissions = [], isLoading, error } = strapiAdmin.useRBAC([
+        {
+            action: 'plugin::content-manager.explorer.read',
+            subject: model
+        },
+        {
+            action: 'plugin::content-manager.explorer.update',
+            subject: model
+        },
+        {
+            action: 'plugin::content-manager.explorer.publish',
+            subject: model
+        }
+    ]);
+    if (isLoading) {
+        return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Loading, {});
+    }
+    if (error || !model) {
+        return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+            height: "100dvh",
+            width: "100dvw",
+            position: "fixed",
+            top: 0,
+            left: 0,
+            zIndex: 5,
+            background: "neutral0",
+            children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Error, {})
+        });
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+        height: "100dvh",
+        width: "100dvw",
+        position: "fixed",
+        top: 0,
+        left: 0,
+        zIndex: 5,
+        background: "neutral0",
+        children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Protect, {
+            permissions: permissions.filter((permission)=>permission.action.includes('explorer.read')),
+            children: /*#__PURE__*/ jsxRuntime.jsx(DocumentRBAC.DocumentRBAC, {
+                permissions: permissions,
+                children: /*#__PURE__*/ jsxRuntime.jsx(PreviewPage, {})
+            })
+        })
+    });
+};
+const ProtectedPreviewPage = ()=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Portal, {
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.FocusTrap, {
+            children: /*#__PURE__*/ jsxRuntime.jsx(ProtectedPreviewPageImpl, {})
+        })
+    });
+};
+
+exports.ProtectedPreviewPage = ProtectedPreviewPage;
+exports.usePreviewContext = usePreviewContext;
+//# sourceMappingURL=Preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Preview.js","sources":["../../../../admin/src/preview/pages/Preview.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport {\r\n  Page,\r\n  useQueryParams,\r\n  useRBAC,\r\n  createContext,\r\n  Form as FormContext,\r\n  type FieldContentSourceMap,\r\n  useNotification,\r\n} from '@strapi/admin/strapi-admin';\r\nimport {\r\n  Box,\r\n  Flex,\r\n  FocusTrap,\r\n  IconButton,\r\n  Portal,\r\n  SingleSelect,\r\n  SingleSelectOption,\r\n} from '@strapi/design-system';\r\nimport { ArrowLineLeft } from '@strapi/icons';\r\nimport { useIntl } from 'react-intl';\r\nimport { useLocation, useParams } from 'react-router-dom';\r\nimport { styled, useTheme } from 'styled-components';\r\n\r\nimport { GetPreviewUrl } from '../../../../shared/contracts/preview';\r\nimport { COLLECTION_TYPES } from '../../constants/collections';\r\nimport { DocumentRBAC } from '../../features/DocumentRBAC';\r\nimport { type UseDocument, useDocument } from '../../hooks/useDocument';\r\nimport { type EditLayout, useDocumentLayout } from '../../hooks/useDocumentLayout';\r\nimport { Blocker } from '../../pages/EditView/components/Blocker';\r\nimport { FormLayout } from '../../pages/EditView/components/FormLayout';\r\nimport { handleInvisibleAttributes } from '../../pages/EditView/utils/data';\r\nimport { buildValidParams } from '../../utils/api';\r\nimport { createYupSchema } from '../../utils/validation';\r\nimport { InputPopover } from '../components/InputPopover';\r\nimport { PreviewHeader } from '../components/PreviewHeader';\r\nimport { useGetPreviewUrlQuery } from '../services/preview';\r\nimport { INTERNAL_EVENTS, PUBLIC_EVENTS } from '../utils/constants';\r\nimport { getSendMessage } from '../utils/getSendMessage';\r\n\r\nimport type { Schema, UID } from '@strapi/types';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Constants\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst DEVICES = [\r\n  {\r\n    name: 'desktop',\r\n    label: {\r\n      id: 'content-manager.preview.device.desktop',\r\n      defaultMessage: 'Desktop',\r\n    },\r\n    width: '100%',\r\n    height: '100%',\r\n  },\r\n  {\r\n    name: 'mobile',\r\n    label: {\r\n      id: 'content-manager.preview.device.mobile',\r\n      defaultMessage: 'Mobile',\r\n    },\r\n    width: '375px',\r\n    height: '667px',\r\n  },\r\n];\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * PreviewProvider\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface PopoverField extends FieldContentSourceMap {\r\n  position: DOMRect;\r\n  attribute: Schema.Attribute.AnyAttribute;\r\n}\r\n\r\ninterface PreviewContextValue {\r\n  url: string;\r\n  title: string;\r\n  document: NonNullable<ReturnType<UseDocument>['document']>;\r\n  meta: NonNullable<ReturnType<UseDocument>['meta']>;\r\n  schema: NonNullable<ReturnType<UseDocument>['schema']>;\r\n  components: NonNullable<ReturnType<UseDocument>['components']>;\r\n  layout: EditLayout;\r\n  onPreview: () => void;\r\n  iframeRef: React.RefObject<HTMLIFrameElement>;\r\n  popoverField: PopoverField | null;\r\n  setPopoverField: (value: PopoverField | null) => void;\r\n}\r\n\r\ntype PreviewHighlightColors = {\r\n  highlightHoverColor: string;\r\n  highlightActiveColor: string;\r\n};\r\n\r\nconst [PreviewProvider, usePreviewContext] = createContext<PreviewContextValue>('PreviewPage');\r\n\r\nconst getPreviewScript = (() => {\r\n  let previewScript = '';\r\n  return async (previewHighlightColors: PreviewHighlightColors) => {\r\n    if (!previewScript) {\r\n      const resp = await fetch(`${window.strapi.backendURL}/content-manager/preview/script`);\r\n\r\n      if (!resp.ok) {\r\n        throw new Error('Could not retrieve preview script from server.');\r\n      }\r\n\r\n      previewScript = await resp.text();\r\n\r\n      if (!previewScript) {\r\n        throw new Error('Could not retrieve preview script from server.');\r\n      }\r\n    }\r\n\r\n    return `(${previewScript})(${JSON.stringify({\r\n      colors: previewHighlightColors,\r\n      events: INTERNAL_EVENTS,\r\n      parentOrigin: window.location.origin,\r\n    })})`;\r\n  };\r\n})();\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * PreviewPage\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst AnimatedArrow = styled(ArrowLineLeft)<{ $isSideEditorOpen: boolean }>`\r\n  will-change: transform;\r\n  rotate: ${(props) => (props.$isSideEditorOpen ? '0deg' : '180deg')};\r\n  transition: rotate 0.2s ease-in-out;\r\n`;\r\n\r\nconst PreviewPage = () => {\r\n  const location = useLocation();\r\n  const { formatMessage } = useIntl();\r\n  const theme = useTheme();\r\n\r\n  const iframeRef = React.useRef<HTMLIFrameElement>(null);\r\n  const [isSideEditorOpen, setIsSideEditorOpen] = React.useState(true);\r\n  const [popoverField, setPopoverField] = React.useState<PopoverField | null>(null);\r\n  const { toggleNotification } = useNotification();\r\n\r\n  // Read all the necessary data from the URL to find the right preview URL\r\n  const {\r\n    slug: model,\r\n    id: documentId,\r\n    collectionType,\r\n  } = useParams<{\r\n    slug: UID.ContentType;\r\n    id: string;\r\n    collectionType: string;\r\n  }>();\r\n  const [{ query }] = useQueryParams<{\r\n    plugins?: { i18n?: { locale?: string } };\r\n    status?: string;\r\n  }>();\r\n\r\n  const params = React.useMemo(() => buildValidParams(query), [query]);\r\n\r\n  const [deviceName, setDeviceName] = React.useState<(typeof DEVICES)[number]['name']>(\r\n    DEVICES[0].name\r\n  );\r\n  const device = DEVICES.find((d) => d.name === deviceName) ?? DEVICES[0];\r\n\r\n  const previewHighlightColors: PreviewHighlightColors = {\r\n    highlightHoverColor: theme.colors.primary500,\r\n    highlightActiveColor: theme.colors.primary600,\r\n  };\r\n\r\n  // Listen for ready message from iframe before injecting script\r\n  React.useEffect(() => {\r\n    const handleMessage = async (event: MessageEvent) => {\r\n      // Only listen to events from the preview iframe\r\n      if (iframeRef.current) {\r\n        const previewOrigin = new URL(iframeRef.current?.src).origin;\r\n        if (event.origin !== previewOrigin) {\r\n          return;\r\n        }\r\n      }\r\n\r\n      if (event.data?.type === PUBLIC_EVENTS.PREVIEW_READY) {\r\n        try {\r\n          const script = await getPreviewScript(previewHighlightColors);\r\n\r\n          const sendMessage = getSendMessage(iframeRef);\r\n          sendMessage(PUBLIC_EVENTS.STRAPI_SCRIPT, { script });\r\n        } catch {\r\n          toggleNotification({\r\n            type: 'danger',\r\n            message: formatMessage({\r\n              id: 'content-manager.preview.error.script-failed',\r\n              defaultMessage:\r\n                'Could not load the live preview script. Visual editing may not be available.',\r\n            }),\r\n          });\r\n        }\r\n      }\r\n    };\r\n\r\n    window.addEventListener('message', handleMessage);\r\n\r\n    return () => {\r\n      window.removeEventListener('message', handleMessage);\r\n    };\r\n    // Preserve the existing dependency behavior: previewHighlightColors is derived from theme.\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [documentId, toggleNotification, theme, formatMessage]);\r\n\r\n  if (!collectionType) {\r\n    throw new Error('Could not find collectionType in url params');\r\n  }\r\n\r\n  if (!model) {\r\n    throw new Error('Could not find model in url params');\r\n  }\r\n\r\n  // Only collection types must have a documentId\r\n  if (collectionType === COLLECTION_TYPES && !documentId) {\r\n    throw new Error('Could not find documentId in url params');\r\n  }\r\n\r\n  const previewUrlResponse = useGetPreviewUrlQuery({\r\n    params: {\r\n      contentType: model,\r\n    },\r\n    query: {\r\n      documentId,\r\n      locale: params.locale as GetPreviewUrl.Request['query']['locale'],\r\n      status: params.status as GetPreviewUrl.Request['query']['status'],\r\n    },\r\n  });\r\n  const documentResponse = useDocument({\r\n    model,\r\n    collectionType,\r\n    documentId,\r\n    params,\r\n  });\r\n  const documentLayoutResponse = useDocumentLayout(model);\r\n\r\n  const isLoading =\r\n    previewUrlResponse.isLoading || documentLayoutResponse.isLoading || documentResponse.isLoading;\r\n  if (isLoading && (!documentResponse.document?.documentId || previewUrlResponse.isLoading)) {\r\n    return <Page.Loading />;\r\n  }\r\n\r\n  const initialValues = documentResponse.getInitialFormValues();\r\n\r\n  if (\r\n    previewUrlResponse.error ||\r\n    documentLayoutResponse.error ||\r\n    !documentResponse.document ||\r\n    !documentResponse.meta ||\r\n    !documentResponse.schema ||\r\n    !initialValues\r\n  ) {\r\n    return <Page.Error />;\r\n  }\r\n\r\n  if (!previewUrlResponse.data?.data?.url) {\r\n    return <Page.NoData />;\r\n  }\r\n\r\n  const documentTitle = documentResponse.getTitle(documentLayoutResponse.edit.settings.mainField);\r\n\r\n  const validateSync = (values: Record<string, unknown>, options: Record<string, string>) => {\r\n    const { data: cleanedValues, removedAttributes } = handleInvisibleAttributes(values, {\r\n      schema: documentResponse.schema,\r\n      initialValues,\r\n      components: documentResponse.components,\r\n    });\r\n\r\n    const yupSchema = createYupSchema(\r\n      documentResponse.schema?.attributes,\r\n      documentResponse.components,\r\n      {\r\n        status: documentResponse.document?.status,\r\n        removedAttributes,\r\n        ...options,\r\n      }\r\n    );\r\n\r\n    return yupSchema.validateSync(cleanedValues, { abortEarly: false });\r\n  };\r\n\r\n  const previewUrl = previewUrlResponse.data.data.url;\r\n\r\n  const onPreview = () => {\r\n    iframeRef?.current?.contentWindow?.postMessage(\r\n      { type: 'strapiUpdate' },\r\n      // The iframe origin is safe to use since it must be provided through the allowedOrigins config\r\n      new URL(iframeRef.current.src).origin\r\n    );\r\n  };\r\n\r\n  const hasAdvancedPreview = window.strapi.features.isEnabled('cms-advanced-preview');\r\n\r\n  return (\r\n    <>\r\n      <Page.Title>\r\n        {formatMessage(\r\n          {\r\n            id: 'content-manager.preview.page-title',\r\n            defaultMessage: '{contentType} preview',\r\n          },\r\n          {\r\n            contentType: documentTitle,\r\n          }\r\n        )}\r\n      </Page.Title>\r\n      <PreviewProvider\r\n        url={previewUrl}\r\n        document={documentResponse.document}\r\n        title={documentTitle}\r\n        meta={documentResponse.meta}\r\n        schema={documentResponse.schema}\r\n        components={documentResponse.components}\r\n        layout={documentLayoutResponse.edit}\r\n        onPreview={onPreview}\r\n        iframeRef={iframeRef}\r\n        popoverField={popoverField}\r\n        setPopoverField={setPopoverField}\r\n      >\r\n        <FormContext\r\n          method=\"PUT\"\r\n          disabled={\r\n            query.status === 'published' &&\r\n            documentResponse &&\r\n            documentResponse.document.status !== 'draft'\r\n          }\r\n          initialValues={documentResponse.getInitialFormValues()}\r\n          initialErrors={location?.state?.forceValidation ? validateSync(initialValues, {}) : {}}\r\n          height=\"100%\"\r\n          validate={(values: Record<string, unknown>, options: Record<string, string>) => {\r\n            const { data: cleanedValues, removedAttributes } = handleInvisibleAttributes(values, {\r\n              schema: documentResponse.schema,\r\n              initialValues,\r\n              components: documentResponse.components,\r\n            });\r\n\r\n            const yupSchema = createYupSchema(\r\n              documentResponse.schema?.attributes,\r\n              documentResponse.components,\r\n              {\r\n                status: documentResponse.document?.status,\r\n                removedAttributes,\r\n                ...options,\r\n              }\r\n            );\r\n\r\n            return yupSchema.validate(cleanedValues, { abortEarly: false });\r\n          }}\r\n        >\r\n          <Flex direction=\"column\" height=\"100%\" alignItems=\"stretch\">\r\n            <Blocker />\r\n            <PreviewHeader />\r\n            <InputPopover documentResponse={documentResponse} />\r\n            <Flex flex={1} overflow=\"auto\" alignItems=\"stretch\">\r\n              {hasAdvancedPreview && (\r\n                <Box\r\n                  overflow=\"auto\"\r\n                  width={isSideEditorOpen ? '50%' : 0}\r\n                  borderWidth=\"0 1px 0 0\"\r\n                  borderColor=\"neutral150\"\r\n                  paddingTop={6}\r\n                  paddingBottom={6}\r\n                  // Remove horizontal padding when the editor is closed or it won't fully disappear\r\n                  paddingLeft={isSideEditorOpen ? 6 : 0}\r\n                  paddingRight={isSideEditorOpen ? 6 : 0}\r\n                  transition=\"all 0.2s ease-in-out\"\r\n                >\r\n                  <FormLayout\r\n                    layout={documentLayoutResponse.edit.layout}\r\n                    document={documentResponse}\r\n                    hasBackground={false}\r\n                  />\r\n                </Box>\r\n              )}\r\n              <Flex\r\n                direction=\"column\"\r\n                alignItems=\"stretch\"\r\n                flex={1}\r\n                height=\"100%\"\r\n                overflow=\"hidden\"\r\n              >\r\n                <Flex\r\n                  direction=\"row\"\r\n                  background=\"neutral0\"\r\n                  padding={2}\r\n                  borderWidth=\"0 0 1px 0\"\r\n                  borderColor=\"neutral150\"\r\n                >\r\n                  {hasAdvancedPreview && (\r\n                    <IconButton\r\n                      variant=\"ghost\"\r\n                      label={formatMessage(\r\n                        isSideEditorOpen\r\n                          ? {\r\n                              id: 'content-manager.preview.content.close-editor',\r\n                              defaultMessage: 'Close editor',\r\n                            }\r\n                          : {\r\n                              id: 'content-manager.preview.content.open-editor',\r\n                              defaultMessage: 'Open editor',\r\n                            }\r\n                      )}\r\n                      onClick={() => setIsSideEditorOpen((prev) => !prev)}\r\n                    >\r\n                      <AnimatedArrow $isSideEditorOpen={isSideEditorOpen} />\r\n                    </IconButton>\r\n                  )}\r\n                  <Flex justifyContent=\"center\" flex={1}>\r\n                    <SingleSelect\r\n                      value={deviceName}\r\n                      onChange={(name) => setDeviceName(name.toString())}\r\n                      aria-label={formatMessage({\r\n                        id: 'content-manager.preview.device.select',\r\n                        defaultMessage: 'Select device type',\r\n                      })}\r\n                    >\r\n                      {DEVICES.map((deviceOption) => (\r\n                        <SingleSelectOption key={deviceOption.name} value={deviceOption.name}>\r\n                          {formatMessage(deviceOption.label)}\r\n                        </SingleSelectOption>\r\n                      ))}\r\n                    </SingleSelect>\r\n                  </Flex>\r\n                </Flex>\r\n                <Flex direction=\"column\" justifyContent=\"center\" background=\"neutral0\" flex={1}>\r\n                  <Box\r\n                    data-testid=\"preview-iframe\"\r\n                    ref={iframeRef}\r\n                    src={previewUrl}\r\n                    /**\r\n                     * For some reason, changing an iframe's src tag causes the browser to add a new item in the\r\n                     * history stack. This is an issue for us as it means clicking the back button will not let us\r\n                     * go back to the edit view. To fix it, we need to trick the browser into thinking this is a\r\n                     * different iframe when the preview URL changes. So we set a key prop to force React\r\n                     * to mount a different node when the src changes.\r\n                     */\r\n                    key={previewUrl}\r\n                    title={formatMessage({\r\n                      id: 'content-manager.preview.panel.title',\r\n                      defaultMessage: 'Preview',\r\n                    })}\r\n                    width={device.width}\r\n                    height={device.height}\r\n                    borderWidth={0}\r\n                    tag=\"iframe\"\r\n                  />\r\n                </Flex>\r\n              </Flex>\r\n            </Flex>\r\n          </Flex>\r\n        </FormContext>\r\n      </PreviewProvider>\r\n    </>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * ProtectedPreviewPage\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst ProtectedPreviewPageImpl = () => {\r\n  const { slug: model } = useParams<{\r\n    slug: string;\r\n  }>();\r\n  const {\r\n    permissions = [],\r\n    isLoading,\r\n    error,\r\n  } = useRBAC([\r\n    { action: 'plugin::content-manager.explorer.read', subject: model },\r\n    { action: 'plugin::content-manager.explorer.update', subject: model },\r\n    { action: 'plugin::content-manager.explorer.publish', subject: model },\r\n  ]);\r\n\r\n  if (isLoading) {\r\n    return <Page.Loading />;\r\n  }\r\n\r\n  if (error || !model) {\r\n    return (\r\n      <Box\r\n        height=\"100dvh\"\r\n        width=\"100dvw\"\r\n        position=\"fixed\"\r\n        top={0}\r\n        left={0}\r\n        zIndex={5}\r\n        background=\"neutral0\"\r\n      >\r\n        <Page.Error />\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Box\r\n      height=\"100dvh\"\r\n      width=\"100dvw\"\r\n      position=\"fixed\"\r\n      top={0}\r\n      left={0}\r\n      zIndex={5}\r\n      background=\"neutral0\"\r\n    >\r\n      <Page.Protect\r\n        permissions={permissions.filter((permission) =>\r\n          permission.action.includes('explorer.read')\r\n        )}\r\n      >\r\n        <DocumentRBAC permissions={permissions}>\r\n          <PreviewPage />\r\n        </DocumentRBAC>\r\n      </Page.Protect>\r\n    </Box>\r\n  );\r\n};\r\n\r\nconst ProtectedPreviewPage = () => {\r\n  return (\r\n    <Portal>\r\n      <FocusTrap>\r\n        <ProtectedPreviewPageImpl />\r\n      </FocusTrap>\r\n    </Portal>\r\n  );\r\n};\r\n\r\nexport { ProtectedPreviewPage, usePreviewContext };\r\nexport type { PreviewContextValue };\r\n"],"names":["DEVICES","name","label","id","defaultMessage","width","height","PreviewProvider","usePreviewContext","createContext","getPreviewScript","previewScript","previewHighlightColors","resp","fetch","window","strapi","backendURL","ok","Error","text","JSON","stringify","colors","events","INTERNAL_EVENTS","parentOrigin","location","origin","AnimatedArrow","styled","ArrowLineLeft","props","$isSideEditorOpen","PreviewPage","useLocation","formatMessage","useIntl","theme","useTheme","iframeRef","React","useRef","isSideEditorOpen","setIsSideEditorOpen","useState","popoverField","setPopoverField","toggleNotification","useNotification","slug","model","documentId","collectionType","useParams","query","useQueryParams","params","useMemo","buildValidParams","deviceName","setDeviceName","device","find","d","highlightHoverColor","primary500","highlightActiveColor","primary600","useEffect","handleMessage","event","current","previewOrigin","URL","src","data","type","PUBLIC_EVENTS","PREVIEW_READY","script","sendMessage","getSendMessage","STRAPI_SCRIPT","message","addEventListener","removeEventListener","COLLECTION_TYPES","previewUrlResponse","useGetPreviewUrlQuery","contentType","locale","status","documentResponse","useDocument","documentLayoutResponse","useDocumentLayout","isLoading","document","_jsx","Page","Loading","initialValues","getInitialFormValues","error","meta","schema","url","NoData","documentTitle","getTitle","edit","settings","mainField","validateSync","values","options","cleanedValues","removedAttributes","handleInvisibleAttributes","components","yupSchema","createYupSchema","attributes","abortEarly","previewUrl","onPreview","contentWindow","postMessage","hasAdvancedPreview","features","isEnabled","_jsxs","_Fragment","Title","title","layout","FormContext","method","disabled","initialErrors","state","forceValidation","validate","Flex","direction","alignItems","Blocker","PreviewHeader","InputPopover","flex","overflow","Box","borderWidth","borderColor","paddingTop","paddingBottom","paddingLeft","paddingRight","transition","FormLayout","hasBackground","background","padding","IconButton","variant","onClick","prev","justifyContent","SingleSelect","value","onChange","toString","aria-label","map","deviceOption","SingleSelectOption","data-testid","ref","tag","ProtectedPreviewPageImpl","permissions","useRBAC","action","subject","position","top","left","zIndex","Protect","filter","permission","includes","DocumentRBAC","ProtectedPreviewPage","Portal","FocusTrap"],"mappings":"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"}