npm - @strapi/content-manager - Versions diffs - 0.0.0-experimental.cb74730ce5154c26404d4dccca14976a22319002 → 0.0.0-experimental.cd782e586c4023aa5668811fa661cd4a851b69b3 - Mend

@strapi/content-manager 0.0.0-experimental.cb74730ce5154c26404d4dccca14976a22319002 → 0.0.0-experimental.cd782e586c4023aa5668811fa661cd4a851b69b3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1439) hide show

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

@@ -0,0 +1 @@

+ {"version":3,"file":"Preview.js","sources":["../../../../admin/src/preview/pages/Preview.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n Page,\n useQueryParams,\n useRBAC,\n createContext,\n Form as FormContext,\n type FieldContentSourceMap,\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 { Blocker } from '../../pages/EditView/components/Blocker';\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 { InputPopover } from '../components/InputPopover';\nimport { PreviewHeader } from '../components/PreviewHeader';\nimport { useGetPreviewUrlQuery } from '../services/preview';\nimport { PUBLIC_EVENTS, INTERNAL_EVENTS } from '../utils/constants';\nimport { getSendMessage } from '../utils/getSendMessage';\nimport { previewScript } from '../utils/previewScript';\n\nimport type { Struct, UID } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * Constants\n * -----------------------------------------------------------------------------------------------*/\n\nconst DEVICES = [\n {\n name: 'desktop',\n label: {\n id: 'content-manager.preview.device.desktop',\n defaultMessage: 'Desktop',\n },\n width: '100%',\n height: '100%',\n },\n {\n name: 'mobile',\n label: {\n id: 'content-manager.preview.device.mobile',\n defaultMessage: 'Mobile',\n },\n width: '375px',\n height: '667px',\n },\n];\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface PopoverField extends FieldContentSourceMap {\n position: DOMRect;\n}\n\ninterface PreviewContextValue {\n url: string;\n title: string;\n document: NonNullable<ReturnType<UseDocument>['document']>;\n meta: NonNullable<ReturnType<UseDocument>['meta']>;\n schema: NonNullable<ReturnType<UseDocument>['schema']>;\n components: NonNullable<ReturnType<UseDocument>['components']>;\n layout: EditLayout;\n onPreview: () => void;\n iframeRef: React.RefObject<HTMLIFrameElement>;\n popoverField: PopoverField | null;\n setPopoverField: (value: PopoverField | null) => 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\n// TODO: move to util file and write unit tests\nfunction parseFieldMetaData(strapiSource: string): FieldContentSourceMap | null {\n const url = new URL(strapiSource);\n const path = url.searchParams.get('path');\n const type = url.searchParams.get('type');\n const documentId = url.searchParams.get('documentId');\n const locale = url.searchParams.get('locale');\n const model = url.searchParams.get('model');\n const kind = url.searchParams.get('kind');\n\n if (!path || !type || !documentId || !model) {\n return null;\n }\n\n return {\n path,\n type: type as Struct.SchemaAttributes[string]['type'],\n documentId,\n locale: locale ?? null,\n model: model as UID.Schema | undefined,\n kind: kind as Struct.ContentTypeKind | undefined,\n };\n}\n\nconst PreviewPage = () => {\n const location = useLocation();\n const { formatMessage } = useIntl();\n\n const iframeRef = React.useRef<HTMLIFrameElement>(null);\n const [isSideEditorOpen, setIsSideEditorOpen] = React.useState(true);\n const [popoverField, setPopoverField] = React.useState<PopoverField | null>(null);\n\n // Read all the necessary data from the URL to find the right preview URL\n const {\n slug: model,\n id: documentId,\n collectionType,\n } = useParams<{\n slug: UID.ContentType;\n id: string;\n collectionType: string;\n }>();\n const [{ 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 // Listen for ready message from iframe before injecting script\n React.useEffect(() => {\n const handleMessage = (event: MessageEvent) => {\n // Only listen to events from the preview iframe\n if (iframeRef.current) {\n const previewOrigin = new URL(iframeRef.current?.src).origin;\n if (event.origin !== previewOrigin) {\n return;\n }\n }\n\n if (event.data?.type === PUBLIC_EVENTS.PREVIEW_READY) {\n const script = `(${previewScript.toString()})()`;\n const sendMessage = getSendMessage(iframeRef);\n sendMessage(PUBLIC_EVENTS.STRAPI_SCRIPT, { script });\n }\n\n if (event.data?.type === INTERNAL_EVENTS.STRAPI_FIELD_FOCUS_INTENT) {\n const fieldMetaData = parseFieldMetaData(event.data.payload.path);\n if (fieldMetaData) {\n setPopoverField({ ...fieldMetaData, position: event.data.payload.position });\n }\n }\n };\n\n window.addEventListener('message', handleMessage);\n\n return () => {\n window.removeEventListener('message', handleMessage);\n };\n }, []);\n\n if (!collectionType) {\n throw new Error('Could not find collectionType in url params');\n }\n\n if (!model) {\n throw new Error('Could not find model in url params');\n }\n\n // Only collection types must have a documentId\n if (collectionType === COLLECTION_TYPES && !documentId) {\n throw new Error('Could not find documentId in url params');\n }\n\n const previewUrlResponse = useGetPreviewUrlQuery({\n params: {\n contentType: model,\n },\n query: {\n documentId,\n locale: params.locale,\n status: params.status as GetPreviewUrl.Request['query']['status'],\n },\n });\n const documentResponse = useDocument({\n model,\n collectionType,\n documentId,\n params,\n });\n const documentLayoutResponse = useDocumentLayout(model);\n\n const isLoading =\n previewUrlResponse.isLoading || documentLayoutResponse.isLoading || documentResponse.isLoading;\n if (isLoading && (!documentResponse.document?.documentId || previewUrlResponse.isLoading)) {\n return <Page.Loading />;\n }\n\n const initialValues = documentResponse.getInitialFormValues();\n\n if (\n previewUrlResponse.error ||\n documentLayoutResponse.error ||\n !documentResponse.document ||\n !documentResponse.meta ||\n !documentResponse.schema ||\n !initialValues\n ) {\n return <Page.Error />;\n }\n\n if (!previewUrlResponse.data?.data?.url) {\n return <Page.NoData />;\n }\n\n const documentTitle = documentResponse.getTitle(documentLayoutResponse.edit.settings.mainField);\n\n const validateSync = (values: Record<string, unknown>, options: Record<string, string>) => {\n const { data: cleanedValues, removedAttributes } = handleInvisibleAttributes(values, {\n schema: documentResponse.schema,\n initialValues,\n components: documentResponse.components,\n });\n\n const yupSchema = createYupSchema(\n documentResponse.schema?.attributes,\n documentResponse.components,\n {\n status: documentResponse.document?.status,\n removedAttributes,\n ...options,\n }\n );\n\n return yupSchema.validateSync(cleanedValues, { abortEarly: false });\n };\n\n const previewUrl = previewUrlResponse.data.data.url;\n\n const onPreview = () => {\n 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 components={documentResponse.components}\n layout={documentLayoutResponse.edit}\n onPreview={onPreview}\n iframeRef={iframeRef}\n popoverField={popoverField}\n setPopoverField={setPopoverField}\n >\n <FormContext\n method=\"PUT\"\n disabled={\n query.status === 'published' &&\n documentResponse &&\n documentResponse.document.status !== 'draft'\n }\n initialValues={documentResponse.getInitialFormValues()}\n initialErrors={location?.state?.forceValidation ? validateSync(initialValues, {}) : {}}\n height=\"100%\"\n validate={(values: Record<string, unknown>, options: Record<string, string>) => {\n const { data: cleanedValues, removedAttributes } = handleInvisibleAttributes(values, {\n schema: documentResponse.schema,\n initialValues,\n components: documentResponse.components,\n });\n\n const yupSchema = createYupSchema(\n documentResponse.schema?.attributes,\n documentResponse.components,\n {\n status: documentResponse.document?.status,\n removedAttributes,\n ...options,\n }\n );\n\n return yupSchema.validate(cleanedValues, { abortEarly: false });\n }}\n >\n <Flex direction=\"column\" height=\"100%\" alignItems=\"stretch\">\n <Blocker />\n <PreviewHeader />\n <InputPopover documentResponse={documentResponse} />\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 </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 };\nexport type { PreviewContextValue };\n"],"names":["DEVICES","name","label","id","defaultMessage","width","height","PreviewProvider","usePreviewContext","createContext","AnimatedArrow","styled","ArrowLineLeft","props","$isSideEditorOpen","parseFieldMetaData","strapiSource","url","URL","path","searchParams","get","type","documentId","locale","model","kind","PreviewPage","location","useLocation","formatMessage","useIntl","iframeRef","React","useRef","isSideEditorOpen","setIsSideEditorOpen","useState","popoverField","setPopoverField","slug","collectionType","useParams","query","useQueryParams","params","useMemo","buildValidParams","deviceName","setDeviceName","device","find","d","useEffect","handleMessage","event","current","previewOrigin","src","origin","data","PUBLIC_EVENTS","PREVIEW_READY","script","previewScript","toString","sendMessage","getSendMessage","STRAPI_SCRIPT","INTERNAL_EVENTS","STRAPI_FIELD_FOCUS_INTENT","fieldMetaData","payload","position","window","addEventListener","removeEventListener","Error","COLLECTION_TYPES","previewUrlResponse","useGetPreviewUrlQuery","contentType","status","documentResponse","useDocument","documentLayoutResponse","useDocumentLayout","isLoading","document","_jsx","Page","Loading","initialValues","getInitialFormValues","error","meta","schema","NoData","documentTitle","getTitle","edit","settings","mainField","validateSync","values","options","cleanedValues","removedAttributes","handleInvisibleAttributes","components","yupSchema","createYupSchema","attributes","abortEarly","previewUrl","onPreview","contentWindow","postMessage","hasAdvancedPreview","strapi","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","aria-label","map","deviceOption","SingleSelectOption","data-testid","ref","tag","ProtectedPreviewPageImpl","permissions","useRBAC","action","subject","top","left","zIndex","Protect","filter","permission","includes","DocumentRBAC","ProtectedPreviewPage","Portal","FocusTrap"],"mappings":"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"}

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

@@ -0,0 +1,394 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { createContext, useRBAC, Page, useQueryParams, Form } 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 { Blocker } from '../../pages/EditView/components/Blocker.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 { InputPopover } from '../components/InputPopover.mjs';
+import { PreviewHeader } from '../components/PreviewHeader.mjs';
+import { useGetPreviewUrlQuery } from '../services/preview.mjs';
+import { PUBLIC_EVENTS, INTERNAL_EVENTS } from '../utils/constants.mjs';
+import { getSendMessage } from '../utils/getSendMessage.mjs';
+import { previewScript } from '../utils/previewScript.mjs';
+/* -------------------------------------------------------------------------------------------------
+ * Constants
+ * -----------------------------------------------------------------------------------------------*/ const DEVICES = [
+    {
+        name: 'desktop',
+        label: {
+            id: 'content-manager.preview.device.desktop',
+            defaultMessage: 'Desktop'
+        },
+        width: '100%',
+        height: '100%'
+    },
+    {
+        name: 'mobile',
+        label: {
+            id: 'content-manager.preview.device.mobile',
+            defaultMessage: 'Mobile'
+        },
+        width: '375px',
+        height: '667px'
+    }
+];
+const [PreviewProvider, usePreviewContext] = createContext('PreviewPage');
+/* -------------------------------------------------------------------------------------------------
+ * PreviewPage
+ * -----------------------------------------------------------------------------------------------*/ const AnimatedArrow = styled(ArrowLineLeft)`
+  will-change: transform;
+  rotate: ${(props)=>props.$isSideEditorOpen ? '0deg' : '180deg'};
+  transition: rotate 0.2s ease-in-out;
+`;
+// TODO: move to util file and write unit tests
+function parseFieldMetaData(strapiSource) {
+    const url = new URL(strapiSource);
+    const path = url.searchParams.get('path');
+    const type = url.searchParams.get('type');
+    const documentId = url.searchParams.get('documentId');
+    const locale = url.searchParams.get('locale');
+    const model = url.searchParams.get('model');
+    const kind = url.searchParams.get('kind');
+    if (!path || !type || !documentId || !model) {
+        return null;
+    }
+    return {
+        path,
+        type: type,
+        documentId,
+        locale: locale ?? null,
+        model: model,
+        kind: kind
+    };
+}
+const PreviewPage = ()=>{
+    const location = useLocation();
+    const { formatMessage } = useIntl();
+    const iframeRef = React.useRef(null);
+    const [isSideEditorOpen, setIsSideEditorOpen] = React.useState(true);
+    const [popoverField, setPopoverField] = React.useState(null);
+    // Read all the necessary data from the URL to find the right preview URL
+    const { slug: model, id: documentId, collectionType } = useParams();
+    const [{ query }] = useQueryParams();
+    const params = React.useMemo(()=>buildValidParams(query), [
+        query
+    ]);
+    const [deviceName, setDeviceName] = React.useState(DEVICES[0].name);
+    const device = DEVICES.find((d)=>d.name === deviceName) ?? DEVICES[0];
+    // Listen for ready message from iframe before injecting script
+    React.useEffect(()=>{
+        const handleMessage = (event)=>{
+            // 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 === PUBLIC_EVENTS.PREVIEW_READY) {
+                const script = `(${previewScript.toString()})()`;
+                const sendMessage = getSendMessage(iframeRef);
+                sendMessage(PUBLIC_EVENTS.STRAPI_SCRIPT, {
+                    script
+                });
+            }
+            if (event.data?.type === INTERNAL_EVENTS.STRAPI_FIELD_FOCUS_INTENT) {
+                const fieldMetaData = parseFieldMetaData(event.data.payload.path);
+                if (fieldMetaData) {
+                    setPopoverField({
+                        ...fieldMetaData,
+                        position: event.data.payload.position
+                    });
+                }
+            }
+        };
+        window.addEventListener('message', handleMessage);
+        return ()=>{
+            window.removeEventListener('message', handleMessage);
+        };
+    }, []);
+    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,
+                components: documentResponse.components,
+                layout: documentLayoutResponse.edit,
+                onPreview: onPreview,
+                iframeRef: iframeRef,
+                popoverField: popoverField,
+                setPopoverField: setPopoverField,
+                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: /*#__PURE__*/ jsxs(Flex, {
+                        direction: "column",
+                        height: "100%",
+                        alignItems: "stretch",
+                        children: [
+                            /*#__PURE__*/ jsx(Blocker, {}),
+                            /*#__PURE__*/ jsx(PreviewHeader, {}),
+                            /*#__PURE__*/ jsx(InputPopover, {
+                                documentResponse: documentResponse
+                            }),
+                            /*#__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 ADDED Viewed

@@ -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 type FieldContentSourceMap,\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 { Blocker } from '../../pages/EditView/components/Blocker';\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 { InputPopover } from '../components/InputPopover';\nimport { PreviewHeader } from '../components/PreviewHeader';\nimport { useGetPreviewUrlQuery } from '../services/preview';\nimport { PUBLIC_EVENTS, INTERNAL_EVENTS } from '../utils/constants';\nimport { getSendMessage } from '../utils/getSendMessage';\nimport { previewScript } from '../utils/previewScript';\n\nimport type { Struct, UID } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * Constants\n * -----------------------------------------------------------------------------------------------*/\n\nconst DEVICES = [\n {\n name: 'desktop',\n label: {\n id: 'content-manager.preview.device.desktop',\n defaultMessage: 'Desktop',\n },\n width: '100%',\n height: '100%',\n },\n {\n name: 'mobile',\n label: {\n id: 'content-manager.preview.device.mobile',\n defaultMessage: 'Mobile',\n },\n width: '375px',\n height: '667px',\n },\n];\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface PopoverField extends FieldContentSourceMap {\n position: DOMRect;\n}\n\ninterface PreviewContextValue {\n url: string;\n title: string;\n document: NonNullable<ReturnType<UseDocument>['document']>;\n meta: NonNullable<ReturnType<UseDocument>['meta']>;\n schema: NonNullable<ReturnType<UseDocument>['schema']>;\n components: NonNullable<ReturnType<UseDocument>['components']>;\n layout: EditLayout;\n onPreview: () => void;\n iframeRef: React.RefObject<HTMLIFrameElement>;\n popoverField: PopoverField | null;\n setPopoverField: (value: PopoverField | null) => 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\n// TODO: move to util file and write unit tests\nfunction parseFieldMetaData(strapiSource: string): FieldContentSourceMap | null {\n const url = new URL(strapiSource);\n const path = url.searchParams.get('path');\n const type = url.searchParams.get('type');\n const documentId = url.searchParams.get('documentId');\n const locale = url.searchParams.get('locale');\n const model = url.searchParams.get('model');\n const kind = url.searchParams.get('kind');\n\n if (!path || !type || !documentId || !model) {\n return null;\n }\n\n return {\n path,\n type: type as Struct.SchemaAttributes[string]['type'],\n documentId,\n locale: locale ?? null,\n model: model as UID.Schema | undefined,\n kind: kind as Struct.ContentTypeKind | undefined,\n };\n}\n\nconst PreviewPage = () => {\n const location = useLocation();\n const { formatMessage } = useIntl();\n\n const iframeRef = React.useRef<HTMLIFrameElement>(null);\n const [isSideEditorOpen, setIsSideEditorOpen] = React.useState(true);\n const [popoverField, setPopoverField] = React.useState<PopoverField | null>(null);\n\n // Read all the necessary data from the URL to find the right preview URL\n const {\n slug: model,\n id: documentId,\n collectionType,\n } = useParams<{\n slug: UID.ContentType;\n id: string;\n collectionType: string;\n }>();\n const [{ 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 // Listen for ready message from iframe before injecting script\n React.useEffect(() => {\n const handleMessage = (event: MessageEvent) => {\n // Only listen to events from the preview iframe\n if (iframeRef.current) {\n const previewOrigin = new URL(iframeRef.current?.src).origin;\n if (event.origin !== previewOrigin) {\n return;\n }\n }\n\n if (event.data?.type === PUBLIC_EVENTS.PREVIEW_READY) {\n const script = `(${previewScript.toString()})()`;\n const sendMessage = getSendMessage(iframeRef);\n sendMessage(PUBLIC_EVENTS.STRAPI_SCRIPT, { script });\n }\n\n if (event.data?.type === INTERNAL_EVENTS.STRAPI_FIELD_FOCUS_INTENT) {\n const fieldMetaData = parseFieldMetaData(event.data.payload.path);\n if (fieldMetaData) {\n setPopoverField({ ...fieldMetaData, position: event.data.payload.position });\n }\n }\n };\n\n window.addEventListener('message', handleMessage);\n\n return () => {\n window.removeEventListener('message', handleMessage);\n };\n }, []);\n\n if (!collectionType) {\n throw new Error('Could not find collectionType in url params');\n }\n\n if (!model) {\n throw new Error('Could not find model in url params');\n }\n\n // Only collection types must have a documentId\n if (collectionType === COLLECTION_TYPES && !documentId) {\n throw new Error('Could not find documentId in url params');\n }\n\n const previewUrlResponse = useGetPreviewUrlQuery({\n params: {\n contentType: model,\n },\n query: {\n documentId,\n locale: params.locale,\n status: params.status as GetPreviewUrl.Request['query']['status'],\n },\n });\n const documentResponse = useDocument({\n model,\n collectionType,\n documentId,\n params,\n });\n const documentLayoutResponse = useDocumentLayout(model);\n\n const isLoading =\n previewUrlResponse.isLoading || documentLayoutResponse.isLoading || documentResponse.isLoading;\n if (isLoading && (!documentResponse.document?.documentId || previewUrlResponse.isLoading)) {\n return <Page.Loading />;\n }\n\n const initialValues = documentResponse.getInitialFormValues();\n\n if (\n previewUrlResponse.error ||\n documentLayoutResponse.error ||\n !documentResponse.document ||\n !documentResponse.meta ||\n !documentResponse.schema ||\n !initialValues\n ) {\n return <Page.Error />;\n }\n\n if (!previewUrlResponse.data?.data?.url) {\n return <Page.NoData />;\n }\n\n const documentTitle = documentResponse.getTitle(documentLayoutResponse.edit.settings.mainField);\n\n const validateSync = (values: Record<string, unknown>, options: Record<string, string>) => {\n const { data: cleanedValues, removedAttributes } = handleInvisibleAttributes(values, {\n schema: documentResponse.schema,\n initialValues,\n components: documentResponse.components,\n });\n\n const yupSchema = createYupSchema(\n documentResponse.schema?.attributes,\n documentResponse.components,\n {\n status: documentResponse.document?.status,\n removedAttributes,\n ...options,\n }\n );\n\n return yupSchema.validateSync(cleanedValues, { abortEarly: false });\n };\n\n const previewUrl = previewUrlResponse.data.data.url;\n\n const onPreview = () => {\n 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 components={documentResponse.components}\n layout={documentLayoutResponse.edit}\n onPreview={onPreview}\n iframeRef={iframeRef}\n popoverField={popoverField}\n setPopoverField={setPopoverField}\n >\n <FormContext\n method=\"PUT\"\n disabled={\n query.status === 'published' &&\n documentResponse &&\n documentResponse.document.status !== 'draft'\n }\n initialValues={documentResponse.getInitialFormValues()}\n initialErrors={location?.state?.forceValidation ? validateSync(initialValues, {}) : {}}\n height=\"100%\"\n validate={(values: Record<string, unknown>, options: Record<string, string>) => {\n const { data: cleanedValues, removedAttributes } = handleInvisibleAttributes(values, {\n schema: documentResponse.schema,\n initialValues,\n components: documentResponse.components,\n });\n\n const yupSchema = createYupSchema(\n documentResponse.schema?.attributes,\n documentResponse.components,\n {\n status: documentResponse.document?.status,\n removedAttributes,\n ...options,\n }\n );\n\n return yupSchema.validate(cleanedValues, { abortEarly: false });\n }}\n >\n <Flex direction=\"column\" height=\"100%\" alignItems=\"stretch\">\n <Blocker />\n <PreviewHeader />\n <InputPopover documentResponse={documentResponse} />\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 </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 };\nexport type { PreviewContextValue };\n"],"names":["DEVICES","name","label","id","defaultMessage","width","height","PreviewProvider","usePreviewContext","createContext","AnimatedArrow","styled","ArrowLineLeft","props","$isSideEditorOpen","parseFieldMetaData","strapiSource","url","URL","path","searchParams","get","type","documentId","locale","model","kind","PreviewPage","location","useLocation","formatMessage","useIntl","iframeRef","React","useRef","isSideEditorOpen","setIsSideEditorOpen","useState","popoverField","setPopoverField","slug","collectionType","useParams","query","useQueryParams","params","useMemo","buildValidParams","deviceName","setDeviceName","device","find","d","useEffect","handleMessage","event","current","previewOrigin","src","origin","data","PUBLIC_EVENTS","PREVIEW_READY","script","previewScript","toString","sendMessage","getSendMessage","STRAPI_SCRIPT","INTERNAL_EVENTS","STRAPI_FIELD_FOCUS_INTENT","fieldMetaData","payload","position","window","addEventListener","removeEventListener","Error","COLLECTION_TYPES","previewUrlResponse","useGetPreviewUrlQuery","contentType","status","documentResponse","useDocument","documentLayoutResponse","useDocumentLayout","isLoading","document","_jsx","Page","Loading","initialValues","getInitialFormValues","error","meta","schema","NoData","documentTitle","getTitle","edit","settings","mainField","validateSync","values","options","cleanedValues","removedAttributes","handleInvisibleAttributes","components","yupSchema","createYupSchema","attributes","abortEarly","previewUrl","onPreview","contentWindow","postMessage","hasAdvancedPreview","strapi","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","aria-label","map","deviceOption","SingleSelectOption","data-testid","ref","tag","ProtectedPreviewPageImpl","permissions","useRBAC","action","subject","top","left","zIndex","Protect","filter","permission","includes","DocumentRBAC","ProtectedPreviewPage","Portal","FocusTrap"],"mappings":"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"}

package/dist/admin/preview/routes.js ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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