@strapi/content-manager 0.0.0-next.fc9d26d995624dc886b29f563e1de655d47e6609 → 0.0.0-next.ffc36acb308febe288f1a31b62cbbb75b286585c

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

@@ -0,0 +1,330 @@
+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, SingleSelect, SingleSelectOption } from '@strapi/design-system';
+import { ArrowLineLeft } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { useParams, useLocation } from 'react-router-dom';
+import { styled } from 'styled-components';
+import { COLLECTION_TYPES } from '../../constants/collections.mjs';
+import { DocumentRBAC } from '../../features/DocumentRBAC.mjs';
+import { useDocument } from '../../hooks/useDocument.mjs';
+import { useDocumentLayout } from '../../hooks/useDocumentLayout.mjs';
+import { FormLayout } from '../../pages/EditView/components/FormLayout.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';
+
+/* -------------------------------------------------------------------------------------------------
+ * 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');
+/* -------------------------------------------------------------------------------------------------
+ * PreviewPage
+ * -----------------------------------------------------------------------------------------------*/ const AnimatedArrow = styled(ArrowLineLeft)`
+  will-change: transform;
+  rotate: ${(props)=>props.$isSideEditorOpen ? '0deg' : '180deg'};
+  transition: rotate 0.2s ease-in-out;
+`;
+const PreviewPage = ()=>{
+    const location = useLocation();
+    const { formatMessage } = useIntl();
+    const iframeRef = React.useRef(null);
+    const [isSideEditorOpen, setIsSideEditorOpen] = React.useState(true);
+    // 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 params = React.useMemo(()=>buildValidParams(query), [
+        query
+    ]);
+    const [deviceName, setDeviceName] = React.useState(DEVICES[0].name);
+    const device = DEVICES.find((d)=>d.name === deviceName) ?? DEVICES[0];
+    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 === COLLECTION_TYPES && !documentId) {
+        throw new Error('Could not find documentId in url params');
+    }
+    const previewUrlResponse = useGetPreviewUrlQuery({
+        params: {
+            contentType: model
+        },
+        query: {
+            documentId,
+            locale: params.locale,
+            status: params.status
+        }
+    });
+    const documentResponse = useDocument({
+        model,
+        collectionType,
+        documentId,
+        params
+    });
+    const documentLayoutResponse = useDocumentLayout(model);
+    const isLoading = previewUrlResponse.isLoading || documentLayoutResponse.isLoading || documentResponse.isLoading;
+    if (isLoading && (!documentResponse.document?.documentId || previewUrlResponse.isLoading)) {
+        return /*#__PURE__*/ jsx(Page.Loading, {});
+    }
+    const initialValues = documentResponse.getInitialFormValues();
+    if (previewUrlResponse.error || documentLayoutResponse.error || !documentResponse.document || !documentResponse.meta || !documentResponse.schema || !initialValues) {
+        return /*#__PURE__*/ jsx(Page.Error, {});
+    }
+    if (!previewUrlResponse.data?.data?.url) {
+        return /*#__PURE__*/ jsx(Page.NoData, {});
+    }
+    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(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__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Page.Title, {
+                children: formatMessage({
+                    id: 'content-manager.preview.page-title',
+                    defaultMessage: '{contentType} preview'
+                }, {
+                    contentType: documentTitle
+                })
+            }),
+            /*#__PURE__*/ jsx(PreviewProvider, {
+                url: previewUrl,
+                document: documentResponse.document,
+                title: documentTitle,
+                meta: documentResponse.meta,
+                schema: documentResponse.schema,
+                layout: documentLayoutResponse.edit,
+                onPreview: onPreview,
+                children: /*#__PURE__*/ jsx(Form, {
+                    method: "PUT",
+                    disabled: query.status === 'published' && documentResponse && documentResponse.document.status !== 'draft',
+                    initialValues: documentResponse.getInitialFormValues(),
+                    initialErrors: location?.state?.forceValidation ? validateSync(initialValues, {}) : {},
+                    height: "100%",
+                    validate: (values, options)=>{
+                        const { 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(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(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,
+                                                        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 } = useParams();
+    const { permissions = [], isLoading, error } = 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__*/ jsx(Page.Loading, {});
+    }
+    if (error || !model) {
+        return /*#__PURE__*/ jsx(Box, {
+            height: "100vh",
+            width: "100vw",
+            position: "fixed",
+            top: 0,
+            left: 0,
+            zIndex: 2,
+            background: "neutral0",
+            children: /*#__PURE__*/ jsx(Page.Error, {})
+        });
+    }
+    return /*#__PURE__*/ jsx(Box, {
+        height: "100vh",
+        width: "100vw",
+        position: "fixed",
+        top: 0,
+        left: 0,
+        zIndex: 2,
+        background: "neutral0",
+        children: /*#__PURE__*/ jsx(Page.Protect, {
+            permissions: permissions.filter((permission)=>permission.action.includes('explorer.read')),
+            children: /*#__PURE__*/ jsx(DocumentRBAC, {
+                permissions: permissions,
+                children: /*#__PURE__*/ jsx(PreviewPage, {})
+            })
+        })
+    });
+};
+const ProtectedPreviewPage = ()=>{
+    return /*#__PURE__*/ jsx(Portal, {
+        children: /*#__PURE__*/ jsx(FocusTrap, {
+            children: /*#__PURE__*/ jsx(ProtectedPreviewPageImpl, {})
+        })
+    });
+};
+
+export { ProtectedPreviewPage, usePreviewContext };
+//# sourceMappingURL=Preview.mjs.map

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

@@ -0,0 +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 {\n  Box,\n  Flex,\n  FocusTrap,\n  IconButton,\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 { FormLayout } from '../../pages/EditView/components/FormLayout';\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';\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 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  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  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    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 { 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          {({ 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                <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            </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":["DEVICES","name","label","id","defaultMessage","width","height","PreviewProvider","usePreviewContext","createContext","AnimatedArrow","styled","ArrowLineLeft","props","$isSideEditorOpen","PreviewPage","location","useLocation","formatMessage","useIntl","iframeRef","React","useRef","isSideEditorOpen","setIsSideEditorOpen","useState","slug","model","documentId","collectionType","useParams","query","useQueryParams","params","useMemo","buildValidParams","deviceName","setDeviceName","device","find","d","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","cleanedValues","removedAttributes","handleInvisibleAttributes","components","yupSchema","createYupSchema","attributes","abortEarly","previewUrl","onPreview","current","contentWindow","postMessage","type","URL","src","origin","hasAdvancedPreview","window","strapi","features","isEnabled","_jsxs","_Fragment","Title","title","layout","FormContext","method","disabled","initialErrors","state","forceValidation","validate","resetForm","Flex","direction","alignItems","Blocker","onProceed","PreviewHeader","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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"}

package/dist/admin/preview/routes.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const ProtectedPreviewPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./pages/Preview.js'); }).then((mod)=>({
+            default: mod.ProtectedPreviewPage
+        })));
+const routes = [
+    {
+        path: ':collectionType/:slug/:id/preview',
+        Component: ProtectedPreviewPage
+    },
+    {
+        path: ':collectionType/:slug/preview',
+        Component: ProtectedPreviewPage
+    }
+];
+
+exports.routes = routes;
+//# sourceMappingURL=routes.js.map

package/dist/admin/preview/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.js","sources":["../../../admin/src/preview/routes.tsx"],"sourcesContent":["/* eslint-disable check-file/filename-naming-convention */\nimport * as React from 'react';\n\nimport type { PathRouteProps } from 'react-router-dom';\n\nconst ProtectedPreviewPage = React.lazy(() =>\n  import('./pages/Preview').then((mod) => ({ default: mod.ProtectedPreviewPage }))\n);\n\nconst routes: PathRouteProps[] = [\n  {\n    path: ':collectionType/:slug/:id/preview',\n    Component: ProtectedPreviewPage,\n  },\n  {\n    path: ':collectionType/:slug/preview',\n    Component: ProtectedPreviewPage,\n  },\n];\n\nexport { routes };\n"],"names":["ProtectedPreviewPage","React","lazy","then","mod","default","routes","path","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAMA,oBAAuBC,iBAAAA,gBAAAA,CAAMC,IAAI,CAAC,IACtC,oDAAO,oBAAA,KAAA,CAAmBC,IAAI,CAAC,CAACC,GAAAA,IAAS;AAAEC,YAAAA,OAAAA,EAASD,IAAIJ;SAAqB,CAAA,CAAA,CAAA;AAG/E,MAAMM,MAA2B,GAAA;AAC/B,IAAA;QACEC,IAAM,EAAA,mCAAA;QACNC,SAAWR,EAAAA;AACb,KAAA;AACA,IAAA;QACEO,IAAM,EAAA,+BAAA;QACNC,SAAWR,EAAAA;AACb;AACD;;;;"}

package/dist/admin/preview/routes.mjs

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+const ProtectedPreviewPage = /*#__PURE__*/ React.lazy(()=>import('./pages/Preview.mjs').then((mod)=>({
+            default: mod.ProtectedPreviewPage
+        })));
+const routes = [
+    {
+        path: ':collectionType/:slug/:id/preview',
+        Component: ProtectedPreviewPage
+    },
+    {
+        path: ':collectionType/:slug/preview',
+        Component: ProtectedPreviewPage
+    }
+];
+
+export { routes };
+//# sourceMappingURL=routes.mjs.map

package/dist/admin/preview/routes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.mjs","sources":["../../../admin/src/preview/routes.tsx"],"sourcesContent":["/* eslint-disable check-file/filename-naming-convention */\nimport * as React from 'react';\n\nimport type { PathRouteProps } from 'react-router-dom';\n\nconst ProtectedPreviewPage = React.lazy(() =>\n  import('./pages/Preview').then((mod) => ({ default: mod.ProtectedPreviewPage }))\n);\n\nconst routes: PathRouteProps[] = [\n  {\n    path: ':collectionType/:slug/:id/preview',\n    Component: ProtectedPreviewPage,\n  },\n  {\n    path: ':collectionType/:slug/preview',\n    Component: ProtectedPreviewPage,\n  },\n];\n\nexport { routes };\n"],"names":["ProtectedPreviewPage","React","lazy","then","mod","default","routes","path","Component"],"mappings":";;AAKA,MAAMA,oBAAuBC,iBAAAA,KAAAA,CAAMC,IAAI,CAAC,IACtC,OAAO,qBAAA,CAAA,CAAmBC,IAAI,CAAC,CAACC,GAAAA,IAAS;AAAEC,YAAAA,OAAAA,EAASD,IAAIJ;SAAqB,CAAA,CAAA,CAAA;AAG/E,MAAMM,MAA2B,GAAA;AAC/B,IAAA;QACEC,IAAM,EAAA,mCAAA;QACNC,SAAWR,EAAAA;AACb,KAAA;AACA,IAAA;QACEO,IAAM,EAAA,+BAAA;QACNC,SAAWR,EAAAA;AACb;AACD;;;;"}

package/dist/admin/preview/services/preview.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var api = require('../../services/api.js');
+
+const previewApi = api.contentManagerApi.injectEndpoints({
+    endpoints: (builder)=>({
+            getPreviewUrl: builder.query({
+                query ({ query, params }) {
+                    return {
+                        url: `/content-manager/preview/url/${params.contentType}`,
+                        method: 'GET',
+                        config: {
+                            params: query
+                        }
+                    };
+                }
+            })
+        })
+});
+const { useGetPreviewUrlQuery } = previewApi;
+
+exports.useGetPreviewUrlQuery = useGetPreviewUrlQuery;
+//# sourceMappingURL=preview.js.map

package/dist/admin/preview/services/preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../admin/src/preview/services/preview.ts"],"sourcesContent":["import { GetPreviewUrl } from '../../../../shared/contracts/preview';\nimport { contentManagerApi } from '../../services/api';\n\nconst previewApi = contentManagerApi.injectEndpoints({\n  endpoints: (builder) => ({\n    getPreviewUrl: builder.query<GetPreviewUrl.Response, GetPreviewUrl.Request>({\n      query({ query, params }) {\n        return {\n          url: `/content-manager/preview/url/${params.contentType}`,\n          method: 'GET',\n          config: {\n            params: query,\n          },\n        };\n      },\n    }),\n  }),\n});\n\nconst { useGetPreviewUrlQuery } = previewApi;\n\nexport { useGetPreviewUrlQuery };\n"],"names":["previewApi","contentManagerApi","injectEndpoints","endpoints","builder","getPreviewUrl","query","params","url","contentType","method","config","useGetPreviewUrlQuery"],"mappings":";;;;AAGA,MAAMA,UAAAA,GAAaC,qBAAkBC,CAAAA,eAAe,CAAC;IACnDC,SAAW,EAAA,CAACC,WAAa;YACvBC,aAAeD,EAAAA,OAAAA,CAAQE,KAAK,CAAgD;AAC1EA,gBAAAA,KAAAA,CAAAA,CAAM,EAAEA,KAAK,EAAEC,MAAM,EAAE,EAAA;oBACrB,OAAO;AACLC,wBAAAA,GAAAA,EAAK,CAAC,6BAA6B,EAAED,MAAOE,CAAAA,WAAW,CAAC,CAAC;wBACzDC,MAAQ,EAAA,KAAA;wBACRC,MAAQ,EAAA;4BACNJ,MAAQD,EAAAA;AACV;AACF,qBAAA;AACF;AACF,aAAA;SACF;AACF,CAAA,CAAA;AAEM,MAAA,EAAEM,qBAAqB,EAAE,GAAGZ;;;;"}

package/dist/admin/preview/services/preview.mjs

@@ -0,0 +1,21 @@
+import { contentManagerApi } from '../../services/api.mjs';
+
+const previewApi = contentManagerApi.injectEndpoints({
+    endpoints: (builder)=>({
+            getPreviewUrl: builder.query({
+                query ({ query, params }) {
+                    return {
+                        url: `/content-manager/preview/url/${params.contentType}`,
+                        method: 'GET',
+                        config: {
+                            params: query
+                        }
+                    };
+                }
+            })
+        })
+});
+const { useGetPreviewUrlQuery } = previewApi;
+
+export { useGetPreviewUrlQuery };
+//# sourceMappingURL=preview.mjs.map

package/dist/admin/preview/services/preview.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.mjs","sources":["../../../../admin/src/preview/services/preview.ts"],"sourcesContent":["import { GetPreviewUrl } from '../../../../shared/contracts/preview';\nimport { contentManagerApi } from '../../services/api';\n\nconst previewApi = contentManagerApi.injectEndpoints({\n  endpoints: (builder) => ({\n    getPreviewUrl: builder.query<GetPreviewUrl.Response, GetPreviewUrl.Request>({\n      query({ query, params }) {\n        return {\n          url: `/content-manager/preview/url/${params.contentType}`,\n          method: 'GET',\n          config: {\n            params: query,\n          },\n        };\n      },\n    }),\n  }),\n});\n\nconst { useGetPreviewUrlQuery } = previewApi;\n\nexport { useGetPreviewUrlQuery };\n"],"names":["previewApi","contentManagerApi","injectEndpoints","endpoints","builder","getPreviewUrl","query","params","url","contentType","method","config","useGetPreviewUrlQuery"],"mappings":";;AAGA,MAAMA,UAAAA,GAAaC,iBAAkBC,CAAAA,eAAe,CAAC;IACnDC,SAAW,EAAA,CAACC,WAAa;YACvBC,aAAeD,EAAAA,OAAAA,CAAQE,KAAK,CAAgD;AAC1EA,gBAAAA,KAAAA,CAAAA,CAAM,EAAEA,KAAK,EAAEC,MAAM,EAAE,EAAA;oBACrB,OAAO;AACLC,wBAAAA,GAAAA,EAAK,CAAC,6BAA6B,EAAED,MAAOE,CAAAA,WAAW,CAAC,CAAC;wBACzDC,MAAQ,EAAA,KAAA;wBACRC,MAAQ,EAAA;4BACNJ,MAAQD,EAAAA;AACV;AACF,qBAAA;AACF;AACF,aAAA;SACF;AACF,CAAA,CAAA;AAEM,MAAA,EAAEM,qBAAqB,EAAE,GAAGZ;;;;"}

package/dist/admin/router.js

@@ -0,0 +1,86 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactRouterDom = require('react-router-dom');
+var collections = require('./constants/collections.js');
+var routes$1 = require('./history/routes.js');
+var routes$2 = require('./preview/routes.js');
+
+const ProtectedEditViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./pages/EditView/EditViewPage.js'); }).then((mod)=>({
+            default: mod.ProtectedEditViewPage
+        })));
+const ProtectedListViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./pages/ListView/ListViewPage.js'); }).then((mod)=>({
+            default: mod.ProtectedListViewPage
+        })));
+const ProtectedListConfiguration = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./pages/ListConfiguration/ListConfigurationPage.js'); }).then((mod)=>({
+            default: mod.ProtectedListConfiguration
+        })));
+const ProtectedEditConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./pages/EditConfigurationPage.js'); }).then((mod)=>({
+            default: mod.ProtectedEditConfigurationPage
+        })));
+const ProtectedComponentConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./pages/ComponentConfigurationPage.js'); }).then((mod)=>({
+            default: mod.ProtectedComponentConfigurationPage
+        })));
+const NoPermissions = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./pages/NoPermissionsPage.js'); }).then((mod)=>({
+            default: mod.NoPermissions
+        })));
+const NoContentType = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./pages/NoContentTypePage.js'); }).then((mod)=>({
+            default: mod.NoContentType
+        })));
+const CollectionTypePages = ()=>{
+    const { collectionType } = reactRouterDom.useParams();
+    /**
+   * We only support two types of collections.
+   */ if (collectionType !== collections.COLLECTION_TYPES && collectionType !== collections.SINGLE_TYPES) {
+        return /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Navigate, {
+            to: "/404"
+        });
+    }
+    return collectionType === collections.COLLECTION_TYPES ? /*#__PURE__*/ jsxRuntime.jsx(ProtectedListViewPage, {}) : /*#__PURE__*/ jsxRuntime.jsx(ProtectedEditViewPage, {});
+};
+const CLONE_RELATIVE_PATH = ':collectionType/:slug/clone/:origin';
+const CLONE_PATH = `/content-manager/${CLONE_RELATIVE_PATH}`;
+const LIST_RELATIVE_PATH = ':collectionType/:slug';
+const LIST_PATH = `/content-manager/collection-types/:slug`;
+const routes = [
+    {
+        path: LIST_RELATIVE_PATH,
+        element: /*#__PURE__*/ jsxRuntime.jsx(CollectionTypePages, {})
+    },
+    {
+        path: ':collectionType/:slug/:id',
+        Component: ProtectedEditViewPage
+    },
+    {
+        path: CLONE_RELATIVE_PATH,
+        Component: ProtectedEditViewPage
+    },
+    {
+        path: ':collectionType/:slug/configurations/list',
+        Component: ProtectedListConfiguration
+    },
+    {
+        path: 'components/:slug/configurations/edit',
+        Component: ProtectedComponentConfigurationPage
+    },
+    {
+        path: ':collectionType/:slug/configurations/edit',
+        Component: ProtectedEditConfigurationPage
+    },
+    {
+        path: '403',
+        Component: NoPermissions
+    },
+    {
+        path: 'no-content-types',
+        Component: NoContentType
+    },
+    ...routes$1.routes,
+    ...routes$2.routes
+];
+
+exports.CLONE_PATH = CLONE_PATH;
+exports.LIST_PATH = LIST_PATH;
+exports.routes = routes;
+//# sourceMappingURL=router.js.map

package/dist/admin/router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.js","sources":["../../admin/src/router.tsx"],"sourcesContent":["/* eslint-disable check-file/filename-naming-convention */\nimport { lazy } from 'react';\n\nimport { Navigate, PathRouteProps, useParams } from 'react-router-dom';\n\nimport { COLLECTION_TYPES, SINGLE_TYPES } from './constants/collections';\nimport { routes as historyRoutes } from './history/routes';\nimport { routes as previewRoutes } from './preview/routes';\n\nconst ProtectedEditViewPage = lazy(() =>\n  import('./pages/EditView/EditViewPage').then((mod) => ({ default: mod.ProtectedEditViewPage }))\n);\nconst ProtectedListViewPage = lazy(() =>\n  import('./pages/ListView/ListViewPage').then((mod) => ({ default: mod.ProtectedListViewPage }))\n);\nconst ProtectedListConfiguration = lazy(() =>\n  import('./pages/ListConfiguration/ListConfigurationPage').then((mod) => ({\n    default: mod.ProtectedListConfiguration,\n  }))\n);\nconst ProtectedEditConfigurationPage = lazy(() =>\n  import('./pages/EditConfigurationPage').then((mod) => ({\n    default: mod.ProtectedEditConfigurationPage,\n  }))\n);\nconst ProtectedComponentConfigurationPage = lazy(() =>\n  import('./pages/ComponentConfigurationPage').then((mod) => ({\n    default: mod.ProtectedComponentConfigurationPage,\n  }))\n);\nconst NoPermissions = lazy(() =>\n  import('./pages/NoPermissionsPage').then((mod) => ({ default: mod.NoPermissions }))\n);\nconst NoContentType = lazy(() =>\n  import('./pages/NoContentTypePage').then((mod) => ({ default: mod.NoContentType }))\n);\n\nconst CollectionTypePages = () => {\n  const { collectionType } = useParams<{ collectionType: string }>();\n\n  /**\n   * We only support two types of collections.\n   */\n  if (collectionType !== COLLECTION_TYPES && collectionType !== SINGLE_TYPES) {\n    return <Navigate to=\"/404\" />;\n  }\n\n  return collectionType === COLLECTION_TYPES ? (\n    <ProtectedListViewPage />\n  ) : (\n    <ProtectedEditViewPage />\n  );\n};\n\nconst CLONE_RELATIVE_PATH = ':collectionType/:slug/clone/:origin';\nconst CLONE_PATH = `/content-manager/${CLONE_RELATIVE_PATH}`;\nconst LIST_RELATIVE_PATH = ':collectionType/:slug';\nconst LIST_PATH = `/content-manager/collection-types/:slug`;\n\nconst routes: PathRouteProps[] = [\n  {\n    path: LIST_RELATIVE_PATH,\n    element: <CollectionTypePages />,\n  },\n  {\n    path: ':collectionType/:slug/:id',\n    Component: ProtectedEditViewPage,\n  },\n  {\n    path: CLONE_RELATIVE_PATH,\n    Component: ProtectedEditViewPage,\n  },\n  {\n    path: ':collectionType/:slug/configurations/list',\n    Component: ProtectedListConfiguration,\n  },\n  {\n    path: 'components/:slug/configurations/edit',\n    Component: ProtectedComponentConfigurationPage,\n  },\n  {\n    path: ':collectionType/:slug/configurations/edit',\n    Component: ProtectedEditConfigurationPage,\n  },\n  {\n    path: '403',\n    Component: NoPermissions,\n  },\n  {\n    path: 'no-content-types',\n    Component: NoContentType,\n  },\n  ...historyRoutes,\n  ...previewRoutes,\n];\n\nexport { routes, CLONE_PATH, LIST_PATH };\n"],"names":["ProtectedEditViewPage","lazy","then","mod","default","ProtectedListViewPage","ProtectedListConfiguration","ProtectedEditConfigurationPage","ProtectedComponentConfigurationPage","NoPermissions","NoContentType","CollectionTypePages","collectionType","useParams","COLLECTION_TYPES","SINGLE_TYPES","_jsx","Navigate","to","CLONE_RELATIVE_PATH","CLONE_PATH","LIST_RELATIVE_PATH","LIST_PATH","routes","path","element","Component","historyRoutes","previewRoutes"],"mappings":"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"}