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

package/dist/admin/preview/components/InputPopover.js

@@ -0,0 +1,193 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var InputRenderer = require('../../pages/EditView/components/InputRenderer.js');
+var Preview = require('../pages/Preview.js');
+var constants = require('../utils/constants.js');
+var fieldUtils = require('../utils/fieldUtils.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const [InputPopoverProvider, useInputPopoverContext] = strapiAdmin.createContext('InputPopover');
+function useHasInputPopoverParent() {
+    const context = useInputPopoverContext('useHasInputPopoverParent', ()=>true, false);
+    // useContext will return undefined if the called is not wrapped in the provider
+    return context !== undefined;
+}
+/* -------------------------------------------------------------------------------------------------
+ * InputPopover
+ * -----------------------------------------------------------------------------------------------*/ const InputPopover = ({ documentResponse })=>{
+    const iframeRef = Preview.usePreviewContext('InputPopover', (state)=>state.iframeRef);
+    const popoverField = Preview.usePreviewContext('InputPopover', (state)=>state.popoverField);
+    const setPopoverField = Preview.usePreviewContext('InputPopover', (state)=>state.setPopoverField);
+    const document = Preview.usePreviewContext('InputPopover', (state)=>state.document);
+    const schema = Preview.usePreviewContext('InputPopover', (state)=>state.schema);
+    const components = Preview.usePreviewContext('InputPopover', (state)=>state.components);
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { formatMessage } = reactIntl.useIntl();
+    React__namespace.useEffect(()=>{
+        /**
+     * We receive window events sent from the user's preview via the injected script.
+     * We listen to the ones here that target a specific field.
+     */ 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 === constants.INTERNAL_EVENTS.STRAPI_FIELD_FOCUS_INTENT) {
+                const fieldMetaData = fieldUtils.parseFieldMetaData(event.data.payload.path);
+                if (!fieldMetaData) {
+                    const { type, message } = constants.PREVIEW_ERROR_MESSAGES.INCOMPLETE_STRAPI_SOURCE;
+                    toggleNotification({
+                        type,
+                        message: formatMessage(message)
+                    });
+                    return;
+                }
+                /**
+         * Ignore (for now) content that comes from separate API requests than the one for the
+         * current document. This doesn't do anything about fields that may come from relations to
+         * the current document however.
+         */ if (fieldMetaData.documentId !== document.documentId) {
+                    const { type, message } = constants.PREVIEW_ERROR_MESSAGES.DIFFERENT_DOCUMENT;
+                    toggleNotification({
+                        type,
+                        message: formatMessage(message)
+                    });
+                    return;
+                }
+                try {
+                    const attribute = fieldUtils.getAttributeSchemaFromPath({
+                        path: fieldMetaData.path,
+                        components,
+                        schema,
+                        document
+                    });
+                    // We're able to handle the field, set it in context so the popover can pick it up
+                    setPopoverField({
+                        ...fieldMetaData,
+                        position: event.data.payload.position,
+                        attribute
+                    });
+                } catch (error) {
+                    if (error instanceof fieldUtils.PreviewFieldError) {
+                        const { type, message } = constants.PREVIEW_ERROR_MESSAGES[error.messageKey];
+                        toggleNotification({
+                            type,
+                            message: formatMessage(message)
+                        });
+                    } else if (error instanceof Error) {
+                        toggleNotification({
+                            type: 'danger',
+                            message: error.message
+                        });
+                    }
+                }
+            }
+            if (event.data?.type === constants.INTERNAL_EVENTS.STRAPI_FIELD_SINGLE_CLICK_HINT) {
+                toggleNotification({
+                    type: 'info',
+                    message: formatMessage({
+                        id: 'content-manager.preview.info.single-click-hint',
+                        defaultMessage: 'Double click to edit'
+                    })
+                });
+            }
+        };
+        window.addEventListener('message', handleMessage);
+        return ()=>{
+            window.removeEventListener('message', handleMessage);
+        };
+    }, [
+        components,
+        document,
+        iframeRef,
+        schema,
+        setPopoverField,
+        toggleNotification,
+        formatMessage
+    ]);
+    if (!popoverField || !iframeRef.current) {
+        return null;
+    }
+    const iframeRect = iframeRef.current.getBoundingClientRect();
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                position: 'fixed',
+                top: iframeRect.top + 'px',
+                left: iframeRect.left + 'px',
+                width: iframeRect.width + 'px',
+                height: iframeRect.height + 'px',
+                zIndex: 4,
+                onClick: ()=>iframeRef.current?.focus()
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(InputPopoverProvider, {
+                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Popover.Root, {
+                    open: true,
+                    onOpenChange: (open)=>!open && setPopoverField(null),
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Popover.Trigger, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                position: "fixed",
+                                width: popoverField.position.width + 'px',
+                                height: popoverField.position.height + 'px',
+                                top: 0,
+                                left: 0,
+                                transform: `translate(${iframeRect.left + popoverField.position.left}px, ${iframeRect.top + popoverField.position.top}px)`
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Popover.Content, {
+                            sideOffset: 4,
+                            style: {
+                                zIndex: 5
+                            },
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                padding: 4,
+                                width: "400px",
+                                children: /*#__PURE__*/ jsxRuntime.jsx(InputRenderer.InputRenderer, {
+                                    document: documentResponse,
+                                    attribute: popoverField.attribute,
+                                    // TODO: retrieve the proper label from the layout
+                                    label: popoverField.path,
+                                    name: popoverField.path,
+                                    type: popoverField.attribute.type,
+                                    visible: true
+                                })
+                            })
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+exports.InputPopover = InputPopover;
+exports.useHasInputPopoverParent = useHasInputPopoverParent;
+//# sourceMappingURL=InputPopover.js.map

package/dist/admin/preview/components/InputPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputPopover.js","sources":["../../../../admin/src/preview/components/InputPopover.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { createContext, useNotification } from '@strapi/admin/strapi-admin';\r\nimport { Box, Popover } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { type UseDocument } from '../../hooks/useDocument';\r\nimport { InputRenderer } from '../../pages/EditView/components/InputRenderer';\r\nimport { usePreviewContext } from '../pages/Preview';\r\nimport { INTERNAL_EVENTS, PREVIEW_ERROR_MESSAGES } from '../utils/constants';\r\nimport {\r\n  parseFieldMetaData,\r\n  getAttributeSchemaFromPath,\r\n  PreviewFieldError,\r\n} from '../utils/fieldUtils';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Context utils\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\n/**\r\n * No need for actual data in the context. It's just to let children check if they're rendered\r\n * inside of a preview InputPopover without relying on prop drilling.\r\n */\r\ninterface InputPopoverContextValue {}\r\n\r\nconst [InputPopoverProvider, useInputPopoverContext] =\r\n  createContext<InputPopoverContextValue>('InputPopover');\r\n\r\nfunction useHasInputPopoverParent() {\r\n  const context = useInputPopoverContext('useHasInputPopoverParent', () => true, false);\r\n\r\n  // useContext will return undefined if the called is not wrapped in the provider\r\n  return context !== undefined;\r\n}\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * InputPopover\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst InputPopover = ({ documentResponse }: { documentResponse: ReturnType<UseDocument> }) => {\r\n  const iframeRef = usePreviewContext('InputPopover', (state) => state.iframeRef);\r\n  const popoverField = usePreviewContext('InputPopover', (state) => state.popoverField);\r\n  const setPopoverField = usePreviewContext('InputPopover', (state) => state.setPopoverField);\r\n  const document = usePreviewContext('InputPopover', (state) => state.document);\r\n  const schema = usePreviewContext('InputPopover', (state) => state.schema);\r\n  const components = usePreviewContext('InputPopover', (state) => state.components);\r\n\r\n  const { toggleNotification } = useNotification();\r\n  const { formatMessage } = useIntl();\r\n\r\n  React.useEffect(() => {\r\n    /**\r\n     * We receive window events sent from the user's preview via the injected script.\r\n     * We listen to the ones here that target a specific field.\r\n     */\r\n    const handleMessage = (event: MessageEvent) => {\r\n      // Only listen to events from the preview iframe\r\n      if (iframeRef.current) {\r\n        const previewOrigin = new URL(iframeRef.current?.src).origin;\r\n        if (event.origin !== previewOrigin) {\r\n          return;\r\n        }\r\n      }\r\n\r\n      if (event.data?.type === INTERNAL_EVENTS.STRAPI_FIELD_FOCUS_INTENT) {\r\n        const fieldMetaData = parseFieldMetaData(event.data.payload.path);\r\n\r\n        if (!fieldMetaData) {\r\n          const { type, message } = PREVIEW_ERROR_MESSAGES.INCOMPLETE_STRAPI_SOURCE;\r\n          toggleNotification({ type, message: formatMessage(message) });\r\n          return;\r\n        }\r\n\r\n        /**\r\n         * Ignore (for now) content that comes from separate API requests than the one for the\r\n         * current document. This doesn't do anything about fields that may come from relations to\r\n         * the current document however.\r\n         */\r\n        if (fieldMetaData.documentId !== document.documentId) {\r\n          const { type, message } = PREVIEW_ERROR_MESSAGES.DIFFERENT_DOCUMENT;\r\n          toggleNotification({ type, message: formatMessage(message) });\r\n          return;\r\n        }\r\n\r\n        try {\r\n          const attribute = getAttributeSchemaFromPath({\r\n            path: fieldMetaData.path,\r\n            components,\r\n            schema,\r\n            document,\r\n          });\r\n\r\n          // We're able to handle the field, set it in context so the popover can pick it up\r\n          setPopoverField({ ...fieldMetaData, position: event.data.payload.position, attribute });\r\n        } catch (error) {\r\n          if (error instanceof PreviewFieldError) {\r\n            const { type, message } = PREVIEW_ERROR_MESSAGES[error.messageKey];\r\n            toggleNotification({ type, message: formatMessage(message) });\r\n          } else if (error instanceof Error) {\r\n            toggleNotification({ type: 'danger', message: error.message });\r\n          }\r\n        }\r\n      }\r\n\r\n      if (event.data?.type === INTERNAL_EVENTS.STRAPI_FIELD_SINGLE_CLICK_HINT) {\r\n        toggleNotification({\r\n          type: 'info',\r\n          message: formatMessage({\r\n            id: 'content-manager.preview.info.single-click-hint',\r\n            defaultMessage: 'Double click to edit',\r\n          }),\r\n        });\r\n      }\r\n    };\r\n\r\n    window.addEventListener('message', handleMessage);\r\n\r\n    return () => {\r\n      window.removeEventListener('message', handleMessage);\r\n    };\r\n  }, [components, document, iframeRef, schema, setPopoverField, toggleNotification, formatMessage]);\r\n  if (!popoverField || !iframeRef.current) {\r\n    return null;\r\n  }\r\n\r\n  const iframeRect = iframeRef.current.getBoundingClientRect();\r\n\r\n  return (\r\n    <>\r\n      {/**\r\n       * Overlay an empty div on top of the iframe while the popover is open so it can\r\n       * intercept clicks. Without it, we wouldn't be able to close the popover by clicking outside,\r\n       * because the click would be detected by the iframe window, not by the admin.\r\n       **/}\r\n      <Box\r\n        position={'fixed'}\r\n        top={iframeRect.top + 'px'}\r\n        left={iframeRect.left + 'px'}\r\n        width={iframeRect.width + 'px'}\r\n        height={iframeRect.height + 'px'}\r\n        zIndex={4}\r\n        onClick={() => iframeRef.current?.focus()}\r\n      />\r\n      <InputPopoverProvider>\r\n        <Popover.Root open={true} onOpenChange={(open) => !open && setPopoverField(null)}>\r\n          <Popover.Trigger>\r\n            <Box\r\n              position=\"fixed\"\r\n              width={popoverField.position.width + 'px'}\r\n              height={popoverField.position.height + 'px'}\r\n              top={0}\r\n              left={0}\r\n              transform={`translate(${iframeRect.left + popoverField.position.left}px, ${iframeRect.top + popoverField.position.top}px)`}\r\n            />\r\n          </Popover.Trigger>\r\n          <Popover.Content sideOffset={4} style={{ zIndex: 5 }}>\r\n            <Box padding={4} width=\"400px\">\r\n              {/* @ts-expect-error the types of `attribute` clash for some reason */}\r\n              <InputRenderer\r\n                document={documentResponse}\r\n                attribute={popoverField.attribute}\r\n                // TODO: retrieve the proper label from the layout\r\n                label={popoverField.path}\r\n                name={popoverField.path}\r\n                type={popoverField.attribute.type}\r\n                visible={true}\r\n              />\r\n            </Box>\r\n          </Popover.Content>\r\n        </Popover.Root>\r\n      </InputPopoverProvider>\r\n    </>\r\n  );\r\n};\r\n\r\nexport { InputPopover, useHasInputPopoverParent };\r\n"],"names":["InputPopoverProvider","useInputPopoverContext","createContext","useHasInputPopoverParent","context","undefined","InputPopover","documentResponse","iframeRef","usePreviewContext","state","popoverField","setPopoverField","document","schema","components","toggleNotification","useNotification","formatMessage","useIntl","React","useEffect","handleMessage","event","current","previewOrigin","URL","src","origin","data","type","INTERNAL_EVENTS","STRAPI_FIELD_FOCUS_INTENT","fieldMetaData","parseFieldMetaData","payload","path","message","PREVIEW_ERROR_MESSAGES","INCOMPLETE_STRAPI_SOURCE","documentId","DIFFERENT_DOCUMENT","attribute","getAttributeSchemaFromPath","position","error","PreviewFieldError","messageKey","Error","STRAPI_FIELD_SINGLE_CLICK_HINT","id","defaultMessage","window","addEventListener","removeEventListener","iframeRect","getBoundingClientRect","_jsxs","_Fragment","_jsx","Box","top","left","width","height","zIndex","onClick","focus","Popover","Root","open","onOpenChange","Trigger","transform","Content","sideOffset","style","padding","InputRenderer","label","name","visible"],"mappings":"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"}

package/dist/admin/preview/components/InputPopover.mjs

@@ -0,0 +1,170 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { createContext, useNotification } from '@strapi/admin/strapi-admin';
+import { Box, Popover } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { InputRenderer as MemoizedInputRenderer } from '../../pages/EditView/components/InputRenderer.mjs';
+import { usePreviewContext } from '../pages/Preview.mjs';
+import { INTERNAL_EVENTS, PREVIEW_ERROR_MESSAGES } from '../utils/constants.mjs';
+import { parseFieldMetaData, getAttributeSchemaFromPath, PreviewFieldError } from '../utils/fieldUtils.mjs';
+
+const [InputPopoverProvider, useInputPopoverContext] = createContext('InputPopover');
+function useHasInputPopoverParent() {
+    const context = useInputPopoverContext('useHasInputPopoverParent', ()=>true, false);
+    // useContext will return undefined if the called is not wrapped in the provider
+    return context !== undefined;
+}
+/* -------------------------------------------------------------------------------------------------
+ * InputPopover
+ * -----------------------------------------------------------------------------------------------*/ const InputPopover = ({ documentResponse })=>{
+    const iframeRef = usePreviewContext('InputPopover', (state)=>state.iframeRef);
+    const popoverField = usePreviewContext('InputPopover', (state)=>state.popoverField);
+    const setPopoverField = usePreviewContext('InputPopover', (state)=>state.setPopoverField);
+    const document = usePreviewContext('InputPopover', (state)=>state.document);
+    const schema = usePreviewContext('InputPopover', (state)=>state.schema);
+    const components = usePreviewContext('InputPopover', (state)=>state.components);
+    const { toggleNotification } = useNotification();
+    const { formatMessage } = useIntl();
+    React.useEffect(()=>{
+        /**
+     * We receive window events sent from the user's preview via the injected script.
+     * We listen to the ones here that target a specific field.
+     */ 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 === INTERNAL_EVENTS.STRAPI_FIELD_FOCUS_INTENT) {
+                const fieldMetaData = parseFieldMetaData(event.data.payload.path);
+                if (!fieldMetaData) {
+                    const { type, message } = PREVIEW_ERROR_MESSAGES.INCOMPLETE_STRAPI_SOURCE;
+                    toggleNotification({
+                        type,
+                        message: formatMessage(message)
+                    });
+                    return;
+                }
+                /**
+         * Ignore (for now) content that comes from separate API requests than the one for the
+         * current document. This doesn't do anything about fields that may come from relations to
+         * the current document however.
+         */ if (fieldMetaData.documentId !== document.documentId) {
+                    const { type, message } = PREVIEW_ERROR_MESSAGES.DIFFERENT_DOCUMENT;
+                    toggleNotification({
+                        type,
+                        message: formatMessage(message)
+                    });
+                    return;
+                }
+                try {
+                    const attribute = getAttributeSchemaFromPath({
+                        path: fieldMetaData.path,
+                        components,
+                        schema,
+                        document
+                    });
+                    // We're able to handle the field, set it in context so the popover can pick it up
+                    setPopoverField({
+                        ...fieldMetaData,
+                        position: event.data.payload.position,
+                        attribute
+                    });
+                } catch (error) {
+                    if (error instanceof PreviewFieldError) {
+                        const { type, message } = PREVIEW_ERROR_MESSAGES[error.messageKey];
+                        toggleNotification({
+                            type,
+                            message: formatMessage(message)
+                        });
+                    } else if (error instanceof Error) {
+                        toggleNotification({
+                            type: 'danger',
+                            message: error.message
+                        });
+                    }
+                }
+            }
+            if (event.data?.type === INTERNAL_EVENTS.STRAPI_FIELD_SINGLE_CLICK_HINT) {
+                toggleNotification({
+                    type: 'info',
+                    message: formatMessage({
+                        id: 'content-manager.preview.info.single-click-hint',
+                        defaultMessage: 'Double click to edit'
+                    })
+                });
+            }
+        };
+        window.addEventListener('message', handleMessage);
+        return ()=>{
+            window.removeEventListener('message', handleMessage);
+        };
+    }, [
+        components,
+        document,
+        iframeRef,
+        schema,
+        setPopoverField,
+        toggleNotification,
+        formatMessage
+    ]);
+    if (!popoverField || !iframeRef.current) {
+        return null;
+    }
+    const iframeRect = iframeRef.current.getBoundingClientRect();
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Box, {
+                position: 'fixed',
+                top: iframeRect.top + 'px',
+                left: iframeRect.left + 'px',
+                width: iframeRect.width + 'px',
+                height: iframeRect.height + 'px',
+                zIndex: 4,
+                onClick: ()=>iframeRef.current?.focus()
+            }),
+            /*#__PURE__*/ jsx(InputPopoverProvider, {
+                children: /*#__PURE__*/ jsxs(Popover.Root, {
+                    open: true,
+                    onOpenChange: (open)=>!open && setPopoverField(null),
+                    children: [
+                        /*#__PURE__*/ jsx(Popover.Trigger, {
+                            children: /*#__PURE__*/ jsx(Box, {
+                                position: "fixed",
+                                width: popoverField.position.width + 'px',
+                                height: popoverField.position.height + 'px',
+                                top: 0,
+                                left: 0,
+                                transform: `translate(${iframeRect.left + popoverField.position.left}px, ${iframeRect.top + popoverField.position.top}px)`
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Popover.Content, {
+                            sideOffset: 4,
+                            style: {
+                                zIndex: 5
+                            },
+                            children: /*#__PURE__*/ jsx(Box, {
+                                padding: 4,
+                                width: "400px",
+                                children: /*#__PURE__*/ jsx(MemoizedInputRenderer, {
+                                    document: documentResponse,
+                                    attribute: popoverField.attribute,
+                                    // TODO: retrieve the proper label from the layout
+                                    label: popoverField.path,
+                                    name: popoverField.path,
+                                    type: popoverField.attribute.type,
+                                    visible: true
+                                })
+                            })
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+export { InputPopover, useHasInputPopoverParent };
+//# sourceMappingURL=InputPopover.mjs.map

package/dist/admin/preview/components/InputPopover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputPopover.mjs","sources":["../../../../admin/src/preview/components/InputPopover.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { createContext, useNotification } from '@strapi/admin/strapi-admin';\r\nimport { Box, Popover } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { type UseDocument } from '../../hooks/useDocument';\r\nimport { InputRenderer } from '../../pages/EditView/components/InputRenderer';\r\nimport { usePreviewContext } from '../pages/Preview';\r\nimport { INTERNAL_EVENTS, PREVIEW_ERROR_MESSAGES } from '../utils/constants';\r\nimport {\r\n  parseFieldMetaData,\r\n  getAttributeSchemaFromPath,\r\n  PreviewFieldError,\r\n} from '../utils/fieldUtils';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Context utils\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\n/**\r\n * No need for actual data in the context. It's just to let children check if they're rendered\r\n * inside of a preview InputPopover without relying on prop drilling.\r\n */\r\ninterface InputPopoverContextValue {}\r\n\r\nconst [InputPopoverProvider, useInputPopoverContext] =\r\n  createContext<InputPopoverContextValue>('InputPopover');\r\n\r\nfunction useHasInputPopoverParent() {\r\n  const context = useInputPopoverContext('useHasInputPopoverParent', () => true, false);\r\n\r\n  // useContext will return undefined if the called is not wrapped in the provider\r\n  return context !== undefined;\r\n}\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * InputPopover\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst InputPopover = ({ documentResponse }: { documentResponse: ReturnType<UseDocument> }) => {\r\n  const iframeRef = usePreviewContext('InputPopover', (state) => state.iframeRef);\r\n  const popoverField = usePreviewContext('InputPopover', (state) => state.popoverField);\r\n  const setPopoverField = usePreviewContext('InputPopover', (state) => state.setPopoverField);\r\n  const document = usePreviewContext('InputPopover', (state) => state.document);\r\n  const schema = usePreviewContext('InputPopover', (state) => state.schema);\r\n  const components = usePreviewContext('InputPopover', (state) => state.components);\r\n\r\n  const { toggleNotification } = useNotification();\r\n  const { formatMessage } = useIntl();\r\n\r\n  React.useEffect(() => {\r\n    /**\r\n     * We receive window events sent from the user's preview via the injected script.\r\n     * We listen to the ones here that target a specific field.\r\n     */\r\n    const handleMessage = (event: MessageEvent) => {\r\n      // Only listen to events from the preview iframe\r\n      if (iframeRef.current) {\r\n        const previewOrigin = new URL(iframeRef.current?.src).origin;\r\n        if (event.origin !== previewOrigin) {\r\n          return;\r\n        }\r\n      }\r\n\r\n      if (event.data?.type === INTERNAL_EVENTS.STRAPI_FIELD_FOCUS_INTENT) {\r\n        const fieldMetaData = parseFieldMetaData(event.data.payload.path);\r\n\r\n        if (!fieldMetaData) {\r\n          const { type, message } = PREVIEW_ERROR_MESSAGES.INCOMPLETE_STRAPI_SOURCE;\r\n          toggleNotification({ type, message: formatMessage(message) });\r\n          return;\r\n        }\r\n\r\n        /**\r\n         * Ignore (for now) content that comes from separate API requests than the one for the\r\n         * current document. This doesn't do anything about fields that may come from relations to\r\n         * the current document however.\r\n         */\r\n        if (fieldMetaData.documentId !== document.documentId) {\r\n          const { type, message } = PREVIEW_ERROR_MESSAGES.DIFFERENT_DOCUMENT;\r\n          toggleNotification({ type, message: formatMessage(message) });\r\n          return;\r\n        }\r\n\r\n        try {\r\n          const attribute = getAttributeSchemaFromPath({\r\n            path: fieldMetaData.path,\r\n            components,\r\n            schema,\r\n            document,\r\n          });\r\n\r\n          // We're able to handle the field, set it in context so the popover can pick it up\r\n          setPopoverField({ ...fieldMetaData, position: event.data.payload.position, attribute });\r\n        } catch (error) {\r\n          if (error instanceof PreviewFieldError) {\r\n            const { type, message } = PREVIEW_ERROR_MESSAGES[error.messageKey];\r\n            toggleNotification({ type, message: formatMessage(message) });\r\n          } else if (error instanceof Error) {\r\n            toggleNotification({ type: 'danger', message: error.message });\r\n          }\r\n        }\r\n      }\r\n\r\n      if (event.data?.type === INTERNAL_EVENTS.STRAPI_FIELD_SINGLE_CLICK_HINT) {\r\n        toggleNotification({\r\n          type: 'info',\r\n          message: formatMessage({\r\n            id: 'content-manager.preview.info.single-click-hint',\r\n            defaultMessage: 'Double click to edit',\r\n          }),\r\n        });\r\n      }\r\n    };\r\n\r\n    window.addEventListener('message', handleMessage);\r\n\r\n    return () => {\r\n      window.removeEventListener('message', handleMessage);\r\n    };\r\n  }, [components, document, iframeRef, schema, setPopoverField, toggleNotification, formatMessage]);\r\n  if (!popoverField || !iframeRef.current) {\r\n    return null;\r\n  }\r\n\r\n  const iframeRect = iframeRef.current.getBoundingClientRect();\r\n\r\n  return (\r\n    <>\r\n      {/**\r\n       * Overlay an empty div on top of the iframe while the popover is open so it can\r\n       * intercept clicks. Without it, we wouldn't be able to close the popover by clicking outside,\r\n       * because the click would be detected by the iframe window, not by the admin.\r\n       **/}\r\n      <Box\r\n        position={'fixed'}\r\n        top={iframeRect.top + 'px'}\r\n        left={iframeRect.left + 'px'}\r\n        width={iframeRect.width + 'px'}\r\n        height={iframeRect.height + 'px'}\r\n        zIndex={4}\r\n        onClick={() => iframeRef.current?.focus()}\r\n      />\r\n      <InputPopoverProvider>\r\n        <Popover.Root open={true} onOpenChange={(open) => !open && setPopoverField(null)}>\r\n          <Popover.Trigger>\r\n            <Box\r\n              position=\"fixed\"\r\n              width={popoverField.position.width + 'px'}\r\n              height={popoverField.position.height + 'px'}\r\n              top={0}\r\n              left={0}\r\n              transform={`translate(${iframeRect.left + popoverField.position.left}px, ${iframeRect.top + popoverField.position.top}px)`}\r\n            />\r\n          </Popover.Trigger>\r\n          <Popover.Content sideOffset={4} style={{ zIndex: 5 }}>\r\n            <Box padding={4} width=\"400px\">\r\n              {/* @ts-expect-error the types of `attribute` clash for some reason */}\r\n              <InputRenderer\r\n                document={documentResponse}\r\n                attribute={popoverField.attribute}\r\n                // TODO: retrieve the proper label from the layout\r\n                label={popoverField.path}\r\n                name={popoverField.path}\r\n                type={popoverField.attribute.type}\r\n                visible={true}\r\n              />\r\n            </Box>\r\n          </Popover.Content>\r\n        </Popover.Root>\r\n      </InputPopoverProvider>\r\n    </>\r\n  );\r\n};\r\n\r\nexport { InputPopover, useHasInputPopoverParent };\r\n"],"names":["InputPopoverProvider","useInputPopoverContext","createContext","useHasInputPopoverParent","context","undefined","InputPopover","documentResponse","iframeRef","usePreviewContext","state","popoverField","setPopoverField","document","schema","components","toggleNotification","useNotification","formatMessage","useIntl","React","useEffect","handleMessage","event","current","previewOrigin","URL","src","origin","data","type","INTERNAL_EVENTS","STRAPI_FIELD_FOCUS_INTENT","fieldMetaData","parseFieldMetaData","payload","path","message","PREVIEW_ERROR_MESSAGES","INCOMPLETE_STRAPI_SOURCE","documentId","DIFFERENT_DOCUMENT","attribute","getAttributeSchemaFromPath","position","error","PreviewFieldError","messageKey","Error","STRAPI_FIELD_SINGLE_CLICK_HINT","id","defaultMessage","window","addEventListener","removeEventListener","iframeRect","getBoundingClientRect","_jsxs","_Fragment","_jsx","Box","top","left","width","height","zIndex","onClick","focus","Popover","Root","open","onOpenChange","Trigger","transform","Content","sideOffset","style","padding","InputRenderer","label","name","visible"],"mappings":"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"}