@payloadcms/next 3.0.0-alpha.8 → 3.0.0-beta.1

package/dist/views/LivePreview/Context/index.js

@@ -1,92 +1,33 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "LivePreviewProvider", {
-    enumerable: true,
-    get: function() {
-        return LivePreviewProvider;
-    }
-});
-const _core = require("@dnd-kit/core");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _collisionDetection = require("./collisionDetection");
-const _context = require("./context");
-const _sizeReducer = require("./sizeReducer");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-const LivePreviewProvider = (props)=>{
-    const { breakpoints, children, isPopupOpen, openPopupWindow, popupRef, url } = props;
-    const [previewWindowType, setPreviewWindowType] = (0, _react.useState)('iframe');
-    const [appIsReady, setAppIsReady] = (0, _react.useState)(false);
-    const iframeRef = _react.default.useRef(null);
-    const [iframeHasLoaded, setIframeHasLoaded] = (0, _react.useState)(false);
-    const [zoom, setZoom] = (0, _react.useState)(1);
-    const [position, setPosition] = (0, _react.useState)({
+import { DndContext } from '@dnd-kit/core';
+import { fieldSchemaToJSON } from 'payload/utilities';
+import React, { useCallback, useEffect, useState } from 'react';
+import { customCollisionDetection } from './collisionDetection.js';
+import { LivePreviewContext } from './context.js';
+import { sizeReducer } from './sizeReducer.js';
+export const LivePreviewProvider = ({ breakpoints, children, fieldSchema, isPopupOpen, openPopupWindow, popupRef, url })=>{
+    const [previewWindowType, setPreviewWindowType] = useState('iframe');
+    const [appIsReady, setAppIsReady] = useState(false);
+    const [listeningForMessages, setListeningForMessages] = useState(false);
+    const iframeRef = React.useRef(null);
+    const [iframeHasLoaded, setIframeHasLoaded] = useState(false);
+    const [zoom, setZoom] = useState(1);
+    const [position, setPosition] = useState({
         x: 0,
         y: 0
     });
-    const [size, setSize] = _react.default.useReducer(_sizeReducer.sizeReducer, {
+    const [size, setSize] = React.useReducer(sizeReducer, {
         height: 0,
         width: 0
     });
-    const [measuredDeviceSize, setMeasuredDeviceSize] = (0, _react.useState)({
+    const [measuredDeviceSize, setMeasuredDeviceSize] = useState({
         height: 0,
         width: 0
     });
-    const [breakpoint, setBreakpoint] = _react.default.useState('responsive');
-    // const [fieldSchemaJSON] = useState(() => {
-    //   let fields: Field[]
-    //   if ('collection' in props) {
-    //     const { collection } = props
-    //     fields = collection.fields
-    //   }
-    //   if ('global' in props) {
-    //     const { global } = props
-    //     fields = global.fields
-    //   }
-    //   return fieldSchemaToJSON(fields)
-    // })
+    const [breakpoint, setBreakpoint] = React.useState('responsive');
+    const [fieldSchemaJSON] = useState(()=>{
+        return fieldSchemaToJSON(fieldSchema);
+    });
     // The toolbar needs to freely drag and drop around the page
     const handleDragEnd = (ev)=>{
         // only update position if the toolbar is completely within the preview area
@@ -102,7 +43,7 @@ const LivePreviewProvider = (props)=>{
         // reset
         }
     };
-    const setWidth = (0, _react.useCallback)((width)=>{
+    const setWidth = useCallback((width)=>{
         setSize({
             type: 'width',
             value: width
@@ -110,7 +51,7 @@ const LivePreviewProvider = (props)=>{
     }, [
         setSize
     ]);
-    const setHeight = (0, _react.useCallback)((height)=>{
+    const setHeight = useCallback((height)=>{
         setSize({
             type: 'height',
             value: height
@@ -120,7 +61,7 @@ const LivePreviewProvider = (props)=>{
     ]);
     // explicitly set new width and height when as new breakpoints are selected
     // exclude `custom` breakpoint as it is handled by the `setWidth` and `setHeight` directly
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         const foundBreakpoint = breakpoints?.find((bp)=>bp.name === breakpoint);
         if (foundBreakpoint && breakpoint !== 'responsive' && breakpoint !== 'custom' && typeof foundBreakpoint?.width === 'number' && typeof foundBreakpoint?.height === 'number') {
             setSize({
@@ -139,7 +80,7 @@ const LivePreviewProvider = (props)=>{
     // This indicates that the app is ready to receive `window.postMessage` events
     // This is also the only cross-origin way of detecting when a popup window has loaded
     // Unlike iframe elements which have an `onLoad` handler, there is no way to access `window.open` on popups
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         const handleMessage = (event)=>{
             if (url?.startsWith(event.origin) && event.data && typeof event.data === 'object' && event.data.type === 'payload-live-preview') {
                 if (event.data.ready) {
@@ -148,13 +89,15 @@ const LivePreviewProvider = (props)=>{
             }
         };
         window.addEventListener('message', handleMessage);
+        setListeningForMessages(true);
         return ()=>{
             window.removeEventListener('message', handleMessage);
         };
     }, [
-        url
+        url,
+        listeningForMessages
     ]);
-    const handleWindowChange = (0, _react.useCallback)((type)=>{
+    const handleWindowChange = useCallback((type)=>{
         setAppIsReady(false);
         setPreviewWindowType(type);
         if (type === 'popup') openPopupWindow();
@@ -163,20 +106,22 @@ const LivePreviewProvider = (props)=>{
     ]);
     // when the user closes the popup window, switch back to the iframe
     // the `usePopupWindow` reports the `isPopupOpen` state for us to use here
-    (0, _react.useEffect)(()=>{
-        if (!isPopupOpen) {
+    useEffect(()=>{
+        const newPreviewWindowType = isPopupOpen ? 'popup' : 'iframe';
+        if (newPreviewWindowType !== previewWindowType) {
             handleWindowChange('iframe');
         }
     }, [
+        previewWindowType,
         isPopupOpen,
         handleWindowChange
     ]);
-    return /*#__PURE__*/ _react.default.createElement(_context.LivePreviewContext.Provider, {
+    return /*#__PURE__*/ React.createElement(LivePreviewContext.Provider, {
         value: {
             appIsReady,
             breakpoint,
             breakpoints,
-            fieldSchemaJSON: [],
+            fieldSchemaJSON,
             iframeHasLoaded,
             iframeRef,
             isPopupOpen,
@@ -199,10 +144,10 @@ const LivePreviewProvider = (props)=>{
             url,
             zoom
         }
-    }, /*#__PURE__*/ _react.default.createElement(_core.DndContext, {
-        collisionDetection: _collisionDetection.customCollisionDetection,
+    }, /*#__PURE__*/ React.createElement(DndContext, {
+        collisionDetection: customCollisionDetection,
         onDragEnd: handleDragEnd
-    }, children));
+    }, listeningForMessages && children));
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9Db250ZXh0L2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbmltcG9ydCB0eXBlIHsgRWRpdFZpZXdQcm9wcywgTGl2ZVByZXZpZXdDb25maWcgfSBmcm9tICdwYXlsb2FkL2NvbmZpZydcblxuaW1wb3J0IHsgRG5kQ29udGV4dCB9IGZyb20gJ0BkbmQta2l0L2NvcmUnXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHR5cGUgeyB1c2VQb3B1cFdpbmRvdyB9IGZyb20gJy4uL3VzZVBvcHVwV2luZG93J1xuXG5pbXBvcnQgeyBjdXN0b21Db2xsaXNpb25EZXRlY3Rpb24gfSBmcm9tICcuL2NvbGxpc2lvbkRldGVjdGlvbidcbmltcG9ydCB7IExpdmVQcmV2aWV3Q29udGV4dCB9IGZyb20gJy4vY29udGV4dCdcbmltcG9ydCB7IHNpemVSZWR1Y2VyIH0gZnJvbSAnLi9zaXplUmVkdWNlcidcblxuZXhwb3J0IHR5cGUgTGl2ZVByZXZpZXdQcm92aWRlclByb3BzID0gRWRpdFZpZXdQcm9wcyAmIHtcbiAgYXBwSXNSZWFkeT86IGJvb2xlYW5cbiAgYnJlYWtwb2ludHM/OiBMaXZlUHJldmlld0NvbmZpZ1snYnJlYWtwb2ludHMnXVxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG4gIGRldmljZVNpemU/OiB7XG4gICAgaGVpZ2h0OiBudW1iZXJcbiAgICB3aWR0aDogbnVtYmVyXG4gIH1cbiAgaXNQb3B1cE9wZW4/OiBib29sZWFuXG4gIG9wZW5Qb3B1cFdpbmRvdz86IFJldHVyblR5cGU8dHlwZW9mIHVzZVBvcHVwV2luZG93Plsnb3BlblBvcHVwV2luZG93J11cbiAgcG9wdXBSZWY/OiBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PFdpbmRvdz5cbiAgdXJsPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBMaXZlUHJldmlld1Byb3ZpZGVyOiBSZWFjdC5GQzxMaXZlUHJldmlld1Byb3ZpZGVyUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYnJlYWtwb2ludHMsIGNoaWxkcmVuLCBpc1BvcHVwT3Blbiwgb3BlblBvcHVwV2luZG93LCBwb3B1cFJlZiwgdXJsIH0gPSBwcm9wc1xuXG4gIGNvbnN0IFtwcmV2aWV3V2luZG93VHlwZSwgc2V0UHJldmlld1dpbmRvd1R5cGVdID0gdXNlU3RhdGU8J2lmcmFtZScgfCAncG9wdXAnPignaWZyYW1lJylcblxuICBjb25zdCBbYXBwSXNSZWFkeSwgc2V0QXBwSXNSZWFkeV0gPSB1c2VTdGF0ZShmYWxzZSlcblxuICBjb25zdCBpZnJhbWVSZWYgPSBSZWFjdC51c2VSZWY8SFRNTElGcmFtZUVsZW1lbnQ+KG51bGwpXG5cbiAgY29uc3QgW2lmcmFtZUhhc0xvYWRlZCwgc2V0SWZyYW1lSGFzTG9hZGVkXSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gIGNvbnN0IFt6b29tLCBzZXRab29tXSA9IHVzZVN0YXRlKDEpXG5cbiAgY29uc3QgW3Bvc2l0aW9uLCBzZXRQb3NpdGlvbl0gPSB1c2VTdGF0ZSh7IHg6IDAsIHk6IDAgfSlcblxuICBjb25zdCBbc2l6ZSwgc2V0U2l6ZV0gPSBSZWFjdC51c2VSZWR1Y2VyKHNpemVSZWR1Y2VyLCB7IGhlaWdodDogMCwgd2lkdGg6IDAgfSlcblxuICBjb25zdCBbbWVhc3VyZWREZXZpY2VTaXplLCBzZXRNZWFzdXJlZERldmljZVNpemVdID0gdXNlU3RhdGUoe1xuICAgIGhlaWdodDogMCxcbiAgICB3aWR0aDogMCxcbiAgfSlcblxuICBjb25zdCBbYnJlYWtwb2ludCwgc2V0QnJlYWtwb2ludF0gPVxuICAgIFJlYWN0LnVzZVN0YXRlPExpdmVQcmV2aWV3Q29uZmlnWydicmVha3BvaW50cyddWzBdWyduYW1lJ10+KCdyZXNwb25zaXZlJylcblxuICAvLyBjb25zdCBbZmllbGRTY2hlbWFKU09OXSA9IHVzZVN0YXRlKCgpID0+IHtcbiAgLy8gICBsZXQgZmllbGRzOiBGaWVsZFtdXG5cbiAgLy8gICBpZiAoJ2NvbGxlY3Rpb24nIGluIHByb3BzKSB7XG4gIC8vICAgICBjb25zdCB7IGNvbGxlY3Rpb24gfSA9IHByb3BzXG4gIC8vICAgICBmaWVsZHMgPSBjb2xsZWN0aW9uLmZpZWxkc1xuICAvLyAgIH1cblxuICAvLyAgIGlmICgnZ2xvYmFsJyBpbiBwcm9wcykge1xuICAvLyAgICAgY29uc3QgeyBnbG9iYWwgfSA9IHByb3BzXG4gIC8vICAgICBmaWVsZHMgPSBnbG9iYWwuZmllbGRzXG4gIC8vICAgfVxuXG4gIC8vICAgcmV0dXJuIGZpZWxkU2NoZW1hVG9KU09OKGZpZWxkcylcbiAgLy8gfSlcblxuICAvLyBUaGUgdG9vbGJhciBuZWVkcyB0byBmcmVlbHkgZHJhZyBhbmQgZHJvcCBhcm91bmQgdGhlIHBhZ2VcbiAgY29uc3QgaGFuZGxlRHJhZ0VuZCA9IChldikgPT4ge1xuICAgIC8vIG9ubHkgdXBkYXRlIHBvc2l0aW9uIGlmIHRoZSB0b29sYmFyIGlzIGNvbXBsZXRlbHkgd2l0aGluIHRoZSBwcmV2aWV3IGFyZWFcbiAgICAvLyBvdGhlcndpc2UgcmVzZXQgaXQgYmFjayB0byB0aGUgcHJldmlvdXMgcG9zaXRpb25cbiAgICAvLyBUT0RPOiByZXNldCB0byB0aGUgbmVhcmVzdCBlZGdlIG9mIHRoZSBwcmV2aWV3IGFyZWFcbiAgICBpZiAoZXYub3ZlciAmJiBldi5vdmVyLmlkID09PSAnbGl2ZS1wcmV2aWV3LWFyZWEnKSB7XG4gICAgICBjb25zdCBuZXdQb3MgPSB7XG4gICAgICAgIHg6IHBvc2l0aW9uLnggKyBldi5kZWx0YS54LFxuICAgICAgICB5OiBwb3NpdGlvbi55ICsgZXYuZGVsdGEueSxcbiAgICAgIH1cblxuICAgICAgc2V0UG9zaXRpb24obmV3UG9zKVxuICAgIH0gZWxzZSB7XG4gICAgICAvLyByZXNldFxuICAgIH1cbiAgfVxuXG4gIGNvbnN0IHNldFdpZHRoID0gdXNlQ2FsbGJhY2soXG4gICAgKHdpZHRoKSA9PiB7XG4gICAgICBzZXRTaXplKHsgdHlwZTogJ3dpZHRoJywgdmFsdWU6IHdpZHRoIH0pXG4gICAgfSxcbiAgICBbc2V0U2l6ZV0sXG4gIClcblxuICBjb25zdCBzZXRIZWlnaHQgPSB1c2VDYWxsYmFjayhcbiAgICAoaGVpZ2h0KSA9PiB7XG4gICAgICBzZXRTaXplKHsgdHlwZTogJ2hlaWdodCcsIHZhbHVlOiBoZWlnaHQgfSlcbiAgICB9LFxuICAgIFtzZXRTaXplXSxcbiAgKVxuXG4gIC8vIGV4cGxpY2l0bHkgc2V0IG5ldyB3aWR0aCBhbmQgaGVpZ2h0IHdoZW4gYXMgbmV3IGJyZWFrcG9pbnRzIGFyZSBzZWxlY3RlZFxuICAvLyBleGNsdWRlIGBjdXN0b21gIGJyZWFrcG9pbnQgYXMgaXQgaXMgaGFuZGxlZCBieSB0aGUgYHNldFdpZHRoYCBhbmQgYHNldEhlaWdodGAgZGlyZWN0bHlcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBmb3VuZEJyZWFrcG9pbnQgPSBicmVha3BvaW50cz8uZmluZCgoYnApID0+IGJwLm5hbWUgPT09IGJyZWFrcG9pbnQpXG5cbiAgICBpZiAoXG4gICAgICBmb3VuZEJyZWFrcG9pbnQgJiZcbiAgICAgIGJyZWFrcG9pbnQgIT09ICdyZXNwb25zaXZlJyAmJlxuICAgICAgYnJlYWtwb2ludCAhPT0gJ2N1c3RvbScgJiZcbiAgICAgIHR5cGVvZiBmb3VuZEJyZWFrcG9pbnQ/LndpZHRoID09PSAnbnVtYmVyJyAmJlxuICAgICAgdHlwZW9mIGZvdW5kQnJlYWtwb2ludD8uaGVpZ2h0ID09PSAnbnVtYmVyJ1xuICAgICkge1xuICAgICAgc2V0U2l6ZSh7XG4gICAgICAgIHR5cGU6ICdyZXNldCcsXG4gICAgICAgIHZhbHVlOiB7XG4gICAgICAgICAgaGVpZ2h0OiBmb3VuZEJyZWFrcG9pbnQuaGVpZ2h0LFxuICAgICAgICAgIHdpZHRoOiBmb3VuZEJyZWFrcG9pbnQud2lkdGgsXG4gICAgICAgIH0sXG4gICAgICB9KVxuICAgIH1cbiAgfSwgW2JyZWFrcG9pbnQsIGJyZWFrcG9pbnRzXSlcblxuICAvLyBSZWNlaXZlIHRoZSBgcmVhZHlgIG1lc3NhZ2UgZnJvbSB0aGUgcG9wdXAgd2luZG93XG4gIC8vIFRoaXMgaW5kaWNhdGVzIHRoYXQgdGhlIGFwcCBpcyByZWFkeSB0byByZWNlaXZlIGB3aW5kb3cucG9zdE1lc3NhZ2VgIGV2ZW50c1xuICAvLyBUaGlzIGlzIGFsc28gdGhlIG9ubHkgY3Jvc3Mtb3JpZ2luIHdheSBvZiBkZXRlY3Rpbmcgd2hlbiBhIHBvcHVwIHdpbmRvdyBoYXMgbG9hZGVkXG4gIC8vIFVubGlrZSBpZnJhbWUgZWxlbWVudHMgd2hpY2ggaGF2ZSBhbiBgb25Mb2FkYCBoYW5kbGVyLCB0aGVyZSBpcyBubyB3YXkgdG8gYWNjZXNzIGB3aW5kb3cub3BlbmAgb24gcG9wdXBzXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgaGFuZGxlTWVzc2FnZSA9IChldmVudDogTWVzc2FnZUV2ZW50KSA9PiB7XG4gICAgICBpZiAoXG4gICAgICAgIHVybD8uc3RhcnRzV2l0aChldmVudC5vcmlnaW4pICYmXG4gICAgICAgIGV2ZW50LmRhdGEgJiZcbiAgICAgICAgdHlwZW9mIGV2ZW50LmRhdGEgPT09ICdvYmplY3QnICYmXG4gICAgICAgIGV2ZW50LmRhdGEudHlwZSA9PT0gJ3BheWxvYWQtbGl2ZS1wcmV2aWV3J1xuICAgICAgKSB7XG4gICAgICAgIGlmIChldmVudC5kYXRhLnJlYWR5KSB7XG4gICAgICAgICAgc2V0QXBwSXNSZWFkeSh0cnVlKVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ21lc3NhZ2UnLCBoYW5kbGVNZXNzYWdlKVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdtZXNzYWdlJywgaGFuZGxlTWVzc2FnZSlcbiAgICB9XG4gIH0sIFt1cmxdKVxuXG4gIGNvbnN0IGhhbmRsZVdpbmRvd0NoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgICh0eXBlOiAnaWZyYW1lJyB8ICdwb3B1cCcpID0+IHtcbiAgICAgIHNldEFwcElzUmVhZHkoZmFsc2UpXG4gICAgICBzZXRQcmV2aWV3V2luZG93VHlwZSh0eXBlKVxuICAgICAgaWYgKHR5cGUgPT09ICdwb3B1cCcpIG9wZW5Qb3B1cFdpbmRvdygpXG4gICAgfSxcbiAgICBbb3BlblBvcHVwV2luZG93XSxcbiAgKVxuXG4gIC8vIHdoZW4gdGhlIHVzZXIgY2xvc2VzIHRoZSBwb3B1cCB3aW5kb3csIHN3aXRjaCBiYWNrIHRvIHRoZSBpZnJhbWVcbiAgLy8gdGhlIGB1c2VQb3B1cFdpbmRvd2AgcmVwb3J0cyB0aGUgYGlzUG9wdXBPcGVuYCBzdGF0ZSBmb3IgdXMgdG8gdXNlIGhlcmVcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWlzUG9wdXBPcGVuKSB7XG4gICAgICBoYW5kbGVXaW5kb3dDaGFuZ2UoJ2lmcmFtZScpXG4gICAgfVxuICB9LCBbaXNQb3B1cE9wZW4sIGhhbmRsZVdpbmRvd0NoYW5nZV0pXG5cbiAgcmV0dXJuIChcbiAgICA8TGl2ZVByZXZpZXdDb250ZXh0LlByb3ZpZGVyXG4gICAgICB2YWx1ZT17e1xuICAgICAgICBhcHBJc1JlYWR5LFxuICAgICAgICBicmVha3BvaW50LFxuICAgICAgICBicmVha3BvaW50cyxcbiAgICAgICAgZmllbGRTY2hlbWFKU09OOiBbXSxcbiAgICAgICAgaWZyYW1lSGFzTG9hZGVkLFxuICAgICAgICBpZnJhbWVSZWYsXG4gICAgICAgIGlzUG9wdXBPcGVuLFxuICAgICAgICBtZWFzdXJlZERldmljZVNpemUsXG4gICAgICAgIG9wZW5Qb3B1cFdpbmRvdyxcbiAgICAgICAgcG9wdXBSZWYsXG4gICAgICAgIHByZXZpZXdXaW5kb3dUeXBlLFxuICAgICAgICBzZXRBcHBJc1JlYWR5LFxuICAgICAgICBzZXRCcmVha3BvaW50LFxuICAgICAgICBzZXRIZWlnaHQsXG4gICAgICAgIHNldElmcmFtZUhhc0xvYWRlZCxcbiAgICAgICAgc2V0TWVhc3VyZWREZXZpY2VTaXplLFxuICAgICAgICBzZXRQcmV2aWV3V2luZG93VHlwZTogaGFuZGxlV2luZG93Q2hhbmdlLFxuICAgICAgICBzZXRTaXplLFxuICAgICAgICBzZXRUb29sYmFyUG9zaXRpb246IHNldFBvc2l0aW9uLFxuICAgICAgICBzZXRXaWR0aCxcbiAgICAgICAgc2V0Wm9vbSxcbiAgICAgICAgc2l6ZSxcbiAgICAgICAgdG9vbGJhclBvc2l0aW9uOiBwb3NpdGlvbixcbiAgICAgICAgdXJsLFxuICAgICAgICB6b29tLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8RG5kQ29udGV4dCBjb2xsaXNpb25EZXRlY3Rpb249e2N1c3RvbUNvbGxpc2lvbkRldGVjdGlvbn0gb25EcmFnRW5kPXtoYW5kbGVEcmFnRW5kfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9EbmRDb250ZXh0PlxuICAgIDwvTGl2ZVByZXZpZXdDb250ZXh0LlByb3ZpZGVyPlxuICApXG59XG4iXSwibmFtZXMiOlsiTGl2ZVByZXZpZXdQcm92aWRlciIsInByb3BzIiwiYnJlYWtwb2ludHMiLCJjaGlsZHJlbiIsImlzUG9wdXBPcGVuIiwib3BlblBvcHVwV2luZG93IiwicG9wdXBSZWYiLCJ1cmwiLCJwcmV2aWV3V2luZG93VHlwZSIsInNldFByZXZpZXdXaW5kb3dUeXBlIiwidXNlU3RhdGUiLCJhcHBJc1JlYWR5Iiwic2V0QXBwSXNSZWFkeSIsImlmcmFtZVJlZiIsIlJlYWN0IiwidXNlUmVmIiwiaWZyYW1lSGFzTG9hZGVkIiwic2V0SWZyYW1lSGFzTG9hZGVkIiwiem9vbSIsInNldFpvb20iLCJwb3NpdGlvbiIsInNldFBvc2l0aW9uIiwieCIsInkiLCJzaXplIiwic2V0U2l6ZSIsInVzZVJlZHVjZXIiLCJzaXplUmVkdWNlciIsImhlaWdodCIsIndpZHRoIiwibWVhc3VyZWREZXZpY2VTaXplIiwic2V0TWVhc3VyZWREZXZpY2VTaXplIiwiYnJlYWtwb2ludCIsInNldEJyZWFrcG9pbnQiLCJoYW5kbGVEcmFnRW5kIiwiZXYiLCJvdmVyIiwiaWQiLCJuZXdQb3MiLCJkZWx0YSIsInNldFdpZHRoIiwidXNlQ2FsbGJhY2siLCJ0eXBlIiwidmFsdWUiLCJzZXRIZWlnaHQiLCJ1c2VFZmZlY3QiLCJmb3VuZEJyZWFrcG9pbnQiLCJmaW5kIiwiYnAiLCJuYW1lIiwiaGFuZGxlTWVzc2FnZSIsImV2ZW50Iiwic3RhcnRzV2l0aCIsIm9yaWdpbiIsImRhdGEiLCJyZWFkeSIsIndpbmRvdyIsImFkZEV2ZW50TGlzdGVuZXIiLCJyZW1vdmVFdmVudExpc3RlbmVyIiwiaGFuZGxlV2luZG93Q2hhbmdlIiwiTGl2ZVByZXZpZXdDb250ZXh0IiwiUHJvdmlkZXIiLCJmaWVsZFNjaGVtYUpTT04iLCJzZXRUb29sYmFyUG9zaXRpb24iLCJ0b29sYmFyUG9zaXRpb24iLCJEbmRDb250ZXh0IiwiY29sbGlzaW9uRGV0ZWN0aW9uIiwiY3VzdG9tQ29sbGlzaW9uRGV0ZWN0aW9uIiwib25EcmFnRW5kIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7K0JBMEJhQTs7O2VBQUFBOzs7c0JBdkJjOytEQUM2QjtvQ0FJZjt5QkFDTjs2QkFDUDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBZ0JyQixNQUFNQSxzQkFBMEQsQ0FBQ0M7SUFDdEUsTUFBTSxFQUFFQyxXQUFXLEVBQUVDLFFBQVEsRUFBRUMsV0FBVyxFQUFFQyxlQUFlLEVBQUVDLFFBQVEsRUFBRUMsR0FBRyxFQUFFLEdBQUdOO0lBRS9FLE1BQU0sQ0FBQ08sbUJBQW1CQyxxQkFBcUIsR0FBR0MsSUFBQUEsZUFBUSxFQUFxQjtJQUUvRSxNQUFNLENBQUNDLFlBQVlDLGNBQWMsR0FBR0YsSUFBQUEsZUFBUSxFQUFDO0lBRTdDLE1BQU1HLFlBQVlDLGNBQUssQ0FBQ0MsTUFBTSxDQUFvQjtJQUVsRCxNQUFNLENBQUNDLGlCQUFpQkMsbUJBQW1CLEdBQUdQLElBQUFBLGVBQVEsRUFBQztJ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
+//# sourceMappingURL=index.js.map

package/dist/views/LivePreview/Context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/views/LivePreview/Context/index.tsx"],"sourcesContent":["'use client'\nimport type { LivePreviewConfig } from 'payload/config'\nimport type { ClientFieldConfig, Field } from 'payload/types'\n\nimport { DndContext } from '@dnd-kit/core'\nimport { fieldSchemaToJSON } from 'payload/utilities'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { usePopupWindow } from '../usePopupWindow.js'\n\nimport { customCollisionDetection } from './collisionDetection.js'\nimport { LivePreviewContext } from './context.js'\nimport { sizeReducer } from './sizeReducer.js'\n\nexport type LivePreviewProviderProps = {\n  appIsReady?: boolean\n  breakpoints?: LivePreviewConfig['breakpoints']\n  children: React.ReactNode\n  deviceSize?: {\n    height: number\n    width: number\n  }\n  fieldSchema: ClientFieldConfig[]\n  isPopupOpen?: boolean\n  openPopupWindow?: ReturnType<typeof usePopupWindow>['openPopupWindow']\n  popupRef?: React.MutableRefObject<Window>\n  url?: string\n}\n\nexport const LivePreviewProvider: React.FC<LivePreviewProviderProps> = ({\n  breakpoints,\n  children,\n  fieldSchema,\n  isPopupOpen,\n  openPopupWindow,\n  popupRef,\n  url,\n}) => {\n  const [previewWindowType, setPreviewWindowType] = useState<'iframe' | 'popup'>('iframe')\n\n  const [appIsReady, setAppIsReady] = useState(false)\n  const [listeningForMessages, setListeningForMessages] = useState(false)\n\n  const iframeRef = React.useRef<HTMLIFrameElement>(null)\n\n  const [iframeHasLoaded, setIframeHasLoaded] = useState(false)\n\n  const [zoom, setZoom] = useState(1)\n\n  const [position, setPosition] = useState({ x: 0, y: 0 })\n\n  const [size, setSize] = React.useReducer(sizeReducer, { height: 0, width: 0 })\n\n  const [measuredDeviceSize, setMeasuredDeviceSize] = useState({\n    height: 0,\n    width: 0,\n  })\n\n  const [breakpoint, setBreakpoint] =\n    React.useState<LivePreviewConfig['breakpoints'][0]['name']>('responsive')\n\n  const [fieldSchemaJSON] = useState(() => {\n    return fieldSchemaToJSON(fieldSchema)\n  })\n\n  // The toolbar needs to freely drag and drop around the page\n  const handleDragEnd = (ev) => {\n    // only update position if the toolbar is completely within the preview area\n    // otherwise reset it back to the previous position\n    // TODO: reset to the nearest edge of the preview area\n    if (ev.over && ev.over.id === 'live-preview-area') {\n      const newPos = {\n        x: position.x + ev.delta.x,\n        y: position.y + ev.delta.y,\n      }\n\n      setPosition(newPos)\n    } else {\n      // reset\n    }\n  }\n\n  const setWidth = useCallback(\n    (width) => {\n      setSize({ type: 'width', value: width })\n    },\n    [setSize],\n  )\n\n  const setHeight = useCallback(\n    (height) => {\n      setSize({ type: 'height', value: height })\n    },\n    [setSize],\n  )\n\n  // explicitly set new width and height when as new breakpoints are selected\n  // exclude `custom` breakpoint as it is handled by the `setWidth` and `setHeight` directly\n  useEffect(() => {\n    const foundBreakpoint = breakpoints?.find((bp) => bp.name === breakpoint)\n\n    if (\n      foundBreakpoint &&\n      breakpoint !== 'responsive' &&\n      breakpoint !== 'custom' &&\n      typeof foundBreakpoint?.width === 'number' &&\n      typeof foundBreakpoint?.height === 'number'\n    ) {\n      setSize({\n        type: 'reset',\n        value: {\n          height: foundBreakpoint.height,\n          width: foundBreakpoint.width,\n        },\n      })\n    }\n  }, [breakpoint, breakpoints])\n\n  // Receive the `ready` message from the popup window\n  // This indicates that the app is ready to receive `window.postMessage` events\n  // This is also the only cross-origin way of detecting when a popup window has loaded\n  // Unlike iframe elements which have an `onLoad` handler, there is no way to access `window.open` on popups\n  useEffect(() => {\n    const handleMessage = (event: MessageEvent) => {\n      if (\n        url?.startsWith(event.origin) &&\n        event.data &&\n        typeof event.data === 'object' &&\n        event.data.type === 'payload-live-preview'\n      ) {\n        if (event.data.ready) {\n          setAppIsReady(true)\n        }\n      }\n    }\n\n    window.addEventListener('message', handleMessage)\n\n    setListeningForMessages(true)\n\n    return () => {\n      window.removeEventListener('message', handleMessage)\n    }\n  }, [url, listeningForMessages])\n\n  const handleWindowChange = useCallback(\n    (type: 'iframe' | 'popup') => {\n      setAppIsReady(false)\n      setPreviewWindowType(type)\n      if (type === 'popup') openPopupWindow()\n    },\n    [openPopupWindow],\n  )\n\n  // when the user closes the popup window, switch back to the iframe\n  // the `usePopupWindow` reports the `isPopupOpen` state for us to use here\n  useEffect(() => {\n    const newPreviewWindowType = isPopupOpen ? 'popup' : 'iframe'\n\n    if (newPreviewWindowType !== previewWindowType) {\n      handleWindowChange('iframe')\n    }\n  }, [previewWindowType, isPopupOpen, handleWindowChange])\n\n  return (\n    <LivePreviewContext.Provider\n      value={{\n        appIsReady,\n        breakpoint,\n        breakpoints,\n        fieldSchemaJSON,\n        iframeHasLoaded,\n        iframeRef,\n        isPopupOpen,\n        measuredDeviceSize,\n        openPopupWindow,\n        popupRef,\n        previewWindowType,\n        setAppIsReady,\n        setBreakpoint,\n        setHeight,\n        setIframeHasLoaded,\n        setMeasuredDeviceSize,\n        setPreviewWindowType: handleWindowChange,\n        setSize,\n        setToolbarPosition: setPosition,\n        setWidth,\n        setZoom,\n        size,\n        toolbarPosition: position,\n        url,\n        zoom,\n      }}\n    >\n      <DndContext collisionDetection={customCollisionDetection} onDragEnd={handleDragEnd}>\n        {listeningForMessages && children}\n      </DndContext>\n    </LivePreviewContext.Provider>\n  )\n}\n"],"names":["DndContext","fieldSchemaToJSON","React","useCallback","useEffect","useState","customCollisionDetection","LivePreviewContext","sizeReducer","LivePreviewProvider","breakpoints","children","fieldSchema","isPopupOpen","openPopupWindow","popupRef","url","previewWindowType","setPreviewWindowType","appIsReady","setAppIsReady","listeningForMessages","setListeningForMessages","iframeRef","useRef","iframeHasLoaded","setIframeHasLoaded","zoom","setZoom","position","setPosition","x","y","size","setSize","useReducer","height","width","measuredDeviceSize","setMeasuredDeviceSize","breakpoint","setBreakpoint","fieldSchemaJSON","handleDragEnd","ev","over","id","newPos","delta","setWidth","type","value","setHeight","foundBreakpoint","find","bp","name","handleMessage","event","startsWith","origin","data","ready","window","addEventListener","removeEventListener","handleWindowChange","newPreviewWindowType","Provider","setToolbarPosition","toolbarPosition","collisionDetection","onDragEnd"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/views/LivePreview/Context/sizeReducer.js

@@ -8,17 +8,7 @@
 //       return { ...state, ...(action?.value || {}) }
 //   }
 // },
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "sizeReducer", {
-    enumerable: true,
-    get: function() {
-        return sizeReducer;
-    }
-});
-const sizeReducer = (state, action)=>{
+export const sizeReducer = (state, action)=>{
     switch(action.type){
         case 'width':
             return {
@@ -38,4 +28,4 @@ const sizeReducer = (state, action)=>{
     }
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9Db250ZXh0L3NpemVSZWR1Y2VyLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIGV4cG9ydCBjb25zdCBzaXplUmVkdWNlcjogKHN0YXRlLCBhY3Rpb24pID0+IHtcbi8vICAgc3dpdGNoIChhY3Rpb24udHlwZSkge1xuLy8gICAgIGNhc2UgJ3dpZHRoJzpcbi8vICAgICAgIHJldHVybiB7IC4uLnN0YXRlLCB3aWR0aDogYWN0aW9uLnZhbHVlIH1cbi8vICAgICBjYXNlICdoZWlnaHQnOlxuLy8gICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIGhlaWdodDogYWN0aW9uLnZhbHVlIH1cbi8vICAgICBkZWZhdWx0OlxuLy8gICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIC4uLihhY3Rpb24/LnZhbHVlIHx8IHt9KSB9XG4vLyAgIH1cbi8vIH0sXG5cbnR5cGUgU2l6ZVJlZHVjZXJTdGF0ZSA9IHtcbiAgaGVpZ2h0OiBudW1iZXJcbiAgd2lkdGg6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBTaXplUmVkdWNlckFjdGlvbiA9XG4gIHwge1xuICAgICAgdHlwZTogJ2hlaWdodCcgfCAnd2lkdGgnXG4gICAgICB2YWx1ZTogbnVtYmVyXG4gICAgfVxuICB8IHtcbiAgICAgIHR5cGU6ICdyZXNldCdcbiAgICAgIHZhbHVlOiB7XG4gICAgICAgIGhlaWdodDogbnVtYmVyXG4gICAgICAgIHdpZHRoOiBudW1iZXJcbiAgICAgIH1cbiAgICB9XG5cbmV4cG9ydCBjb25zdCBzaXplUmVkdWNlciA9IChzdGF0ZTogU2l6ZVJlZHVjZXJTdGF0ZSwgYWN0aW9uOiBTaXplUmVkdWNlckFjdGlvbikgPT4ge1xuICBzd2l0Y2ggKGFjdGlvbi50eXBlKSB7XG4gICAgY2FzZSAnd2lkdGgnOlxuICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIHdpZHRoOiBhY3Rpb24udmFsdWUgfVxuICAgIGNhc2UgJ2hlaWdodCc6XG4gICAgICByZXR1cm4geyAuLi5zdGF0ZSwgaGVpZ2h0OiBhY3Rpb24udmFsdWUgfVxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4geyAuLi5zdGF0ZSwgLi4uKGFjdGlvbj8udmFsdWUgfHwge30pIH1cbiAgfVxufVxuIl0sIm5hbWVzIjpbInNpemVSZWR1Y2VyIiwic3RhdGUiLCJhY3Rpb24iLCJ0eXBlIiwid2lkdGgiLCJ2YWx1ZSIsImhlaWdodCJdLCJtYXBwaW5ncyI6IkFBQUEsaURBQWlEO0FBQ2pELDJCQUEyQjtBQUMzQixvQkFBb0I7QUFDcEIsaURBQWlEO0FBQ2pELHFCQUFxQjtBQUNyQixrREFBa0Q7QUFDbEQsZUFBZTtBQUNmLHNEQUFzRDtBQUN0RCxNQUFNO0FBQ04sS0FBSzs7Ozs7K0JBb0JRQTs7O2VBQUFBOzs7QUFBTixNQUFNQSxjQUFjLENBQUNDLE9BQXlCQztJQUNuRCxPQUFRQSxPQUFPQyxJQUFJO1FBQ2pCLEtBQUs7WUFDSCxPQUFPO2dCQUFFLEdBQUdGLEtBQUs7Z0JBQUVHLE9BQU9GLE9BQU9HLEtBQUs7WUFBQztRQUN6QyxLQUFLO1lBQ0gsT0FBTztnQkFBRSxHQUFHSixLQUFLO2dCQUFFSyxRQUFRSixPQUFPRyxLQUFLO1lBQUM7UUFDMUM7WUFDRSxPQUFPO2dCQUFFLEdBQUdKLEtBQUs7Z0JBQUUsR0FBSUMsUUFBUUcsU0FBUyxDQUFDLENBQUM7WUFBRTtJQUNoRDtBQUNGIn0=
+//# sourceMappingURL=sizeReducer.js.map

package/dist/views/LivePreview/Context/sizeReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/views/LivePreview/Context/sizeReducer.ts"],"sourcesContent":["// export const sizeReducer: (state, action) => {\n//   switch (action.type) {\n//     case 'width':\n//       return { ...state, width: action.value }\n//     case 'height':\n//       return { ...state, height: action.value }\n//     default:\n//       return { ...state, ...(action?.value || {}) }\n//   }\n// },\n\ntype SizeReducerState = {\n  height: number\n  width: number\n}\n\nexport type SizeReducerAction =\n  | {\n      type: 'height' | 'width'\n      value: number\n    }\n  | {\n      type: 'reset'\n      value: {\n        height: number\n        width: number\n      }\n    }\n\nexport const sizeReducer = (state: SizeReducerState, action: SizeReducerAction) => {\n  switch (action.type) {\n    case 'width':\n      return { ...state, width: action.value }\n    case 'height':\n      return { ...state, height: action.value }\n    default:\n      return { ...state, ...(action?.value || {}) }\n  }\n}\n"],"names":["sizeReducer","state","action","type","width","value","height"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,iDAAiD;AACjD,2BAA2B;AAC3B,oBAAoB;AACpB,iDAAiD;AACjD,qBAAqB;AACrB,kDAAkD;AAClD,eAAe;AACf,sDAAsD;AACtD,MAAM;AACN,KAAK;AAoBL,OAAO,MAAMA,cAAc,CAACC,OAAyBC;IACnD,OAAQA,OAAOC,IAAI;QACjB,KAAK;YACH,OAAO;gBAAE,GAAGF,KAAK;gBAAEG,OAAOF,OAAOG,KAAK;YAAC;QACzC,KAAK;YACH,OAAO;gBAAE,GAAGJ,KAAK;gBAAEK,QAAQJ,OAAOG,KAAK;YAAC;QAC1C;YACE,OAAO;gBAAE,GAAGJ,KAAK;gBAAE,GAAIC,QAAQG,SAAS,CAAC,CAAC;YAAE;IAChD;AACF,EAAC"}

package/dist/views/LivePreview/Device/index.js

@@ -1,69 +1,18 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "DeviceContainer", {
-    enumerable: true,
-    get: function() {
-        return DeviceContainer;
-    }
-});
-const _ui = require("@payloadcms/ui");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _context = require("../Context/context");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-const DeviceContainer = (props)=>{
+import { useResize } from '@payloadcms/ui/hooks/useResize';
+import React, { useEffect } from 'react';
+import { useLivePreviewContext } from '../Context/context.js';
+export const DeviceContainer = (props)=>{
     const { children } = props;
-    const deviceFrameRef = _react.default.useRef(null);
-    const { breakpoint, setMeasuredDeviceSize, size, zoom } = (0, _context.useLivePreviewContext)();
+    const deviceFrameRef = React.useRef(null);
+    const { breakpoint, setMeasuredDeviceSize, size, zoom } = useLivePreviewContext();
     // Keep an accurate measurement of the actual device size as it is truly rendered
     // This is helpful when `sizes` are non-number units like percentages, etc.
-    const { size: measuredDeviceSize } = (0, _ui.useResize)(deviceFrameRef);
+    const { size: measuredDeviceSize } = useResize(deviceFrameRef);
     // Sync the measured device size with the context so that other components can use it
     // This happens from the bottom up so that as this component mounts and unmounts,
     // Its size is freshly populated again upon re-mounting, i.e. going from iframe->popup->iframe
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (measuredDeviceSize) {
             setMeasuredDeviceSize(measuredDeviceSize);
         }
@@ -88,7 +37,7 @@ const DeviceContainer = (props)=>{
         width = `${size?.width / (typeof zoom === 'number' ? zoom : 1)}px`;
         height = `${size?.height / (typeof zoom === 'number' ? zoom : 1)}px`;
     }
-    return /*#__PURE__*/ _react.default.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         ref: deviceFrameRef,
         style: {
             height,
@@ -99,4 +48,4 @@ const DeviceContainer = (props)=>{
     }, children);
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9EZXZpY2UvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IHsgdXNlUmVzaXplIH0gZnJvbSAnQHBheWxvYWRjbXMvdWknXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IHVzZUxpdmVQcmV2aWV3Q29udGV4dCB9IGZyb20gJy4uL0NvbnRleHQvY29udGV4dCdcblxuZXhwb3J0IGNvbnN0IERldmljZUNvbnRhaW5lcjogUmVhY3QuRkM8e1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG59PiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuIH0gPSBwcm9wc1xuXG4gIGNvbnN0IGRldmljZUZyYW1lUmVmID0gUmVhY3QudXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuXG4gIGNvbnN0IHsgYnJlYWtwb2ludCwgc2V0TWVhc3VyZWREZXZpY2VTaXplLCBzaXplLCB6b29tIH0gPSB1c2VMaXZlUHJldmlld0NvbnRleHQoKVxuXG4gIC8vIEtlZXAgYW4gYWNjdXJhdGUgbWVhc3VyZW1lbnQgb2YgdGhlIGFjdHVhbCBkZXZpY2Ugc2l6ZSBhcyBpdCBpcyB0cnVseSByZW5kZXJlZFxuICAvLyBUaGlzIGlzIGhlbHBmdWwgd2hlbiBgc2l6ZXNgIGFyZSBub24tbnVtYmVyIHVuaXRzIGxpa2UgcGVyY2VudGFnZXMsIGV0Yy5cbiAgY29uc3QgeyBzaXplOiBtZWFzdXJlZERldmljZVNpemUgfSA9IHVzZVJlc2l6ZShkZXZpY2VGcmFtZVJlZilcblxuICAvLyBTeW5jIHRoZSBtZWFzdXJlZCBkZXZpY2Ugc2l6ZSB3aXRoIHRoZSBjb250ZXh0IHNvIHRoYXQgb3RoZXIgY29tcG9uZW50cyBjYW4gdXNlIGl0XG4gIC8vIFRoaXMgaGFwcGVucyBmcm9tIHRoZSBib3R0b20gdXAgc28gdGhhdCBhcyB0aGlzIGNvbXBvbmVudCBtb3VudHMgYW5kIHVubW91bnRzLFxuICAvLyBJdHMgc2l6ZSBpcyBmcmVzaGx5IHBvcHVsYXRlZCBhZ2FpbiB1cG9uIHJlLW1vdW50aW5nLCBpLmUuIGdvaW5nIGZyb20gaWZyYW1lLT5wb3B1cC0+aWZyYW1lXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG1lYXN1cmVkRGV2aWNlU2l6ZSkge1xuICAgICAgc2V0TWVhc3VyZWREZXZpY2VTaXplKG1lYXN1cmVkRGV2aWNlU2l6ZSlcbiAgICB9XG4gIH0sIFttZWFzdXJlZERldmljZVNpemUsIHNldE1lYXN1cmVkRGV2aWNlU2l6ZV0pXG5cbiAgbGV0IHggPSAnMCdcbiAgbGV0IG1hcmdpbiA9ICcwJ1xuXG4gIGlmIChicmVha3BvaW50ICYmIGJyZWFrcG9pbnQgIT09ICdyZXNwb25zaXZlJykge1xuICAgIHggPSAnLTUwJSdcblxuICAgIGlmIChcbiAgICAgIHR5cGVvZiB6b29tID09PSAnbnVtYmVyJyAmJlxuICAgICAgdHlwZW9mIHNpemUud2lkdGggPT09ICdudW1iZXInICYmXG4gICAgICB0eXBlb2Ygc2l6ZS5oZWlnaHQgPT09ICdudW1iZXInXG4gICAgKSB7XG4gICAgICBjb25zdCBzY2FsZWRXaWR0aCA9IHNpemUud2lkdGggLyB6b29tXG4gICAgICBjb25zdCBkaWZmZXJlbmNlID0gc2NhbGVkV2lkdGggLSBzaXplLndpZHRoXG4gICAgICB4ID0gYCR7ZGlmZmVyZW5jZSAvIDJ9cHhgXG4gICAgICBtYXJnaW4gPSAnMCBhdXRvJ1xuICAgIH1cbiAgfVxuXG4gIGxldCB3aWR0aCA9IHpvb20gPyBgJHsxMDAgLyB6b29tfSVgIDogJzEwMCUnXG4gIGxldCBoZWlnaHQgPSB6b29tID8gYCR7MTAwIC8gem9vbX0lYCA6ICcxMDAlJ1xuXG4gIGlmIChicmVha3BvaW50ICE9PSAncmVzcG9uc2l2ZScpIHtcbiAgICB3aWR0aCA9IGAke3NpemU/LndpZHRoIC8gKHR5cGVvZiB6b29tID09PSAnbnVtYmVyJyA/IHpvb20gOiAxKX1weGBcbiAgICBoZWlnaHQgPSBgJHtzaXplPy5oZWlnaHQgLyAodHlwZW9mIHpvb20gPT09ICdudW1iZXInID8gem9vbSA6IDEpfXB4YFxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICByZWY9e2RldmljZUZyYW1lUmVmfVxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgaGVpZ2h0LFxuICAgICAgICBtYXJnaW4sXG4gICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZTNkKCR7eH0sIDAsIDApYCxcbiAgICAgICAgd2lkdGgsXG4gICAgICB9fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuIl0sIm5hbWVzIjpbIkRldmljZUNvbnRhaW5lciIsInByb3BzIiwiY2hpbGRyZW4iLCJkZXZpY2VGcmFtZVJlZiIsIlJlYWN0IiwidXNlUmVmIiwiYnJlYWtwb2ludCIsInNldE1lYXN1cmVkRGV2aWNlU2l6ZSIsInNpemUiLCJ6b29tIiwidXNlTGl2ZVByZXZpZXdDb250ZXh0IiwibWVhc3VyZWREZXZpY2VTaXplIiwidXNlUmVzaXplIiwidXNlRWZmZWN0IiwieCIsIm1hcmdpbiIsIndpZHRoIiwiaGVpZ2h0Iiwic2NhbGVkV2lkdGgiLCJkaWZmZXJlbmNlIiwiZGl2IiwicmVmIiwic3R5bGUiLCJ0cmFuc2Zvcm0iXSwibWFwcGluZ3MiOiJBQUFBOzs7OzsrQkFNYUE7OztlQUFBQTs7O29CQUxhOytEQUNPO3lCQUVLOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFL0IsTUFBTUEsa0JBRVIsQ0FBQ0M7SUFDSixNQUFNLEVBQUVDLFFBQVEsRUFBRSxHQUFHRDtJQUVyQixNQUFNRSxpQkFBaUJDLGNBQUssQ0FBQ0MsTUFBTSxDQUFpQjtJQUVwRCxNQUFNLEVBQUVDLFVBQVUsRUFBRUMscUJBQXFCLEVBQUVDLElBQUksRUFBRUMsSUFBSSxFQUFFLEdBQUdDLElBQUFBLDhCQUFxQjtJQUUvRSxpRkFBaUY7SUFDakYsMkVBQTJFO0lBQzNFLE1BQU0sRUFBRUYsTUFBTUcsa0JBQWtCLEVBQUUsR0FBR0MsSUFBQUEsYUFBUyxFQUFDVDtJQUUvQyxxRkFBcUY7SUFDckYsaUZBQWlGO0lBQ2pGLDhGQUE4RjtJQUM5RlUsSUFBQUEsZ0JBQVMsRUFBQztRQUNSLElBQUlGLG9CQUFvQjtZQUN0Qkosc0JBQXNCSTtRQUN4QjtJQUNGLEdBQUc7UUFBQ0E7UUFBb0JKO0tBQXNCO0lBRTlDLElBQUlPLElBQUk7SUFDUixJQUFJQyxTQUFTO0lBRWIsSUFBSVQsY0FBY0EsZUFBZSxjQUFjO1FBQzdDUSxJQUFJO1FBRUosSUFDRSxPQUFPTCxTQUFTLFlBQ2hCLE9BQU9ELEtBQUtRLEtBQUssS0FBSyxZQUN0QixPQUFPUixLQUFLUyxNQUFNLEtBQUssVUFDdkI7WUFDQSxNQUFNQyxjQUFjVixLQUFLUSxLQUFLLEdBQUdQO1lBQ2pDLE1BQU1VLGFBQWFELGNBQWNWLEtBQUtRLEtBQUs7WUFDM0NGLElBQUksQ0FBQyxFQUFFSyxhQUFhLEVBQUUsRUFBRSxDQUFDO1lBQ3pCSixTQUFTO1FBQ1g7SUFDRjtJQUVBLElBQUlDLFFBQVFQLE9BQU8sQ0FBQyxFQUFFLE1BQU1BLEtBQUssQ0FBQyxDQUFDLEdBQUc7SUFDdEMsSUFBSVEsU0FBU1IsT0FBTyxDQUFDLEVBQUUsTUFBTUEsS0FBSyxDQUFDLENBQUMsR0FBRztJQUV2QyxJQUFJSCxlQUFlLGNBQWM7UUFDL0JVLFFBQVEsQ0FBQyxFQUFFUixNQUFNUSxRQUFTLENBQUEsT0FBT1AsU0FBUyxXQUFXQSxPQUFPLENBQUEsRUFBRyxFQUFFLENBQUM7UUFDbEVRLFNBQVMsQ0FBQyxFQUFFVCxNQUFNUyxTQUFVLENBQUEsT0FBT1IsU0FBUyxXQUFXQSxPQUFPLENBQUEsRUFBRyxFQUFFLENBQUM7SUFDdEU7SUFFQSxxQkFDRSw2QkFBQ1c7UUFDQ0MsS0FBS2xCO1FBQ0xtQixPQUFPO1lBQ0xMO1lBQ0FGO1lBQ0FRLFdBQVcsQ0FBQyxZQUFZLEVBQUVULEVBQUUsT0FBTyxDQUFDO1lBQ3BDRTtRQUNGO09BRUNkO0FBR1AifQ==
+//# sourceMappingURL=index.js.map

package/dist/views/LivePreview/Device/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/views/LivePreview/Device/index.tsx"],"sourcesContent":["'use client'\nimport { useResize } from '@payloadcms/ui/hooks/useResize'\nimport React, { useEffect } from 'react'\n\nimport { useLivePreviewContext } from '../Context/context.js'\n\nexport const DeviceContainer: React.FC<{\n  children: React.ReactNode\n}> = (props) => {\n  const { children } = props\n\n  const deviceFrameRef = React.useRef<HTMLDivElement>(null)\n\n  const { breakpoint, setMeasuredDeviceSize, size, zoom } = useLivePreviewContext()\n\n  // Keep an accurate measurement of the actual device size as it is truly rendered\n  // This is helpful when `sizes` are non-number units like percentages, etc.\n  const { size: measuredDeviceSize } = useResize(deviceFrameRef)\n\n  // Sync the measured device size with the context so that other components can use it\n  // This happens from the bottom up so that as this component mounts and unmounts,\n  // Its size is freshly populated again upon re-mounting, i.e. going from iframe->popup->iframe\n  useEffect(() => {\n    if (measuredDeviceSize) {\n      setMeasuredDeviceSize(measuredDeviceSize)\n    }\n  }, [measuredDeviceSize, setMeasuredDeviceSize])\n\n  let x = '0'\n  let margin = '0'\n\n  if (breakpoint && breakpoint !== 'responsive') {\n    x = '-50%'\n\n    if (\n      typeof zoom === 'number' &&\n      typeof size.width === 'number' &&\n      typeof size.height === 'number'\n    ) {\n      const scaledWidth = size.width / zoom\n      const difference = scaledWidth - size.width\n      x = `${difference / 2}px`\n      margin = '0 auto'\n    }\n  }\n\n  let width = zoom ? `${100 / zoom}%` : '100%'\n  let height = zoom ? `${100 / zoom}%` : '100%'\n\n  if (breakpoint !== 'responsive') {\n    width = `${size?.width / (typeof zoom === 'number' ? zoom : 1)}px`\n    height = `${size?.height / (typeof zoom === 'number' ? zoom : 1)}px`\n  }\n\n  return (\n    <div\n      ref={deviceFrameRef}\n      style={{\n        height,\n        margin,\n        transform: `translate3d(${x}, 0, 0)`,\n        width,\n      }}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":["useResize","React","useEffect","useLivePreviewContext","DeviceContainer","props","children","deviceFrameRef","useRef","breakpoint","setMeasuredDeviceSize","size","zoom","measuredDeviceSize","x","margin","width","height","scaledWidth","difference","div","ref","style","transform"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,SAAS,QAAQ,iCAAgC;AAC1D,OAAOC,SAASC,SAAS,QAAQ,QAAO;AAExC,SAASC,qBAAqB,QAAQ,wBAAuB;AAE7D,OAAO,MAAMC,kBAER,CAACC;IACJ,MAAM,EAAEC,QAAQ,EAAE,GAAGD;IAErB,MAAME,iBAAiBN,MAAMO,MAAM,CAAiB;IAEpD,MAAM,EAAEC,UAAU,EAAEC,qBAAqB,EAAEC,IAAI,EAAEC,IAAI,EAAE,GAAGT;IAE1D,iFAAiF;IACjF,2EAA2E;IAC3E,MAAM,EAAEQ,MAAME,kBAAkB,EAAE,GAAGb,UAAUO;IAE/C,qFAAqF;IACrF,iFAAiF;IACjF,8FAA8F;IAC9FL,UAAU;QACR,IAAIW,oBAAoB;YACtBH,sBAAsBG;QACxB;IACF,GAAG;QAACA;QAAoBH;KAAsB;IAE9C,IAAII,IAAI;IACR,IAAIC,SAAS;IAEb,IAAIN,cAAcA,eAAe,cAAc;QAC7CK,IAAI;QAEJ,IACE,OAAOF,SAAS,YAChB,OAAOD,KAAKK,KAAK,KAAK,YACtB,OAAOL,KAAKM,MAAM,KAAK,UACvB;YACA,MAAMC,cAAcP,KAAKK,KAAK,GAAGJ;YACjC,MAAMO,aAAaD,cAAcP,KAAKK,KAAK;YAC3CF,IAAI,CAAC,EAAEK,aAAa,EAAE,EAAE,CAAC;YACzBJ,SAAS;QACX;IACF;IAEA,IAAIC,QAAQJ,OAAO,CAAC,EAAE,MAAMA,KAAK,CAAC,CAAC,GAAG;IACtC,IAAIK,SAASL,OAAO,CAAC,EAAE,MAAMA,KAAK,CAAC,CAAC,GAAG;IAEvC,IAAIH,eAAe,cAAc;QAC/BO,QAAQ,CAAC,EAAEL,MAAMK,QAAS,CAAA,OAAOJ,SAAS,WAAWA,OAAO,CAAA,EAAG,EAAE,CAAC;QAClEK,SAAS,CAAC,EAAEN,MAAMM,SAAU,CAAA,OAAOL,SAAS,WAAWA,OAAO,CAAA,EAAG,EAAE,CAAC;IACtE;IAEA,qBACE,oBAACQ;QACCC,KAAKd;QACLe,OAAO;YACLL;YACAF;YACAQ,WAAW,CAAC,YAAY,EAAET,EAAE,OAAO,CAAC;YACpCE;QACF;OAECV;AAGP,EAAC"}

package/dist/views/LivePreview/DeviceContainer/index.js

@@ -1,24 +1,9 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "DeviceContainer", {
-    enumerable: true,
-    get: function() {
-        return DeviceContainer;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _context = require("../Context/context");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const DeviceContainer = (props)=>{
+import React from 'react';
+import { useLivePreviewContext } from '../Context/context.js';
+export const DeviceContainer = (props)=>{
     const { children } = props;
-    const { breakpoint, breakpoints, size, zoom } = (0, _context.useLivePreviewContext)();
+    const { breakpoint, breakpoints, size, zoom } = useLivePreviewContext();
     const foundBreakpoint = breakpoint && breakpoints?.find((bp)=>bp.name === breakpoint);
     let x = '0';
     let margin = '0';
@@ -31,7 +16,7 @@ const DeviceContainer = (props)=>{
             margin = '0 auto';
         }
     }
-    return /*#__PURE__*/ _react.default.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         style: {
             height: foundBreakpoint && foundBreakpoint?.name !== 'responsive' ? `${size?.height / (typeof zoom === 'number' ? zoom : 1)}px` : typeof zoom === 'number' ? `${100 / zoom}%` : '100%',
             margin,
@@ -41,4 +26,4 @@ const DeviceContainer = (props)=>{
     }, children);
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9EZXZpY2VDb250YWluZXIvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyB1c2VMaXZlUHJldmlld0NvbnRleHQgfSBmcm9tICcuLi9Db250ZXh0L2NvbnRleHQnXG5cbmV4cG9ydCBjb25zdCBEZXZpY2VDb250YWluZXI6IFJlYWN0LkZDPHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxufT4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBjaGlsZHJlbiB9ID0gcHJvcHNcblxuICBjb25zdCB7IGJyZWFrcG9pbnQsIGJyZWFrcG9pbnRzLCBzaXplLCB6b29tIH0gPSB1c2VMaXZlUHJldmlld0NvbnRleHQoKVxuXG4gIGNvbnN0IGZvdW5kQnJlYWtwb2ludCA9IGJyZWFrcG9pbnQgJiYgYnJlYWtwb2ludHM/LmZpbmQoKGJwKSA9PiBicC5uYW1lID09PSBicmVha3BvaW50KVxuXG4gIGxldCB4ID0gJzAnXG4gIGxldCBtYXJnaW4gPSAnMCdcblxuICBpZiAoZm91bmRCcmVha3BvaW50ICYmIGJyZWFrcG9pbnQgIT09ICdyZXNwb25zaXZlJykge1xuICAgIHggPSAnLTUwJSdcblxuICAgIGlmIChcbiAgICAgIHR5cGVvZiB6b29tID09PSAnbnVtYmVyJyAmJlxuICAgICAgdHlwZW9mIHNpemUud2lkdGggPT09ICdudW1iZXInICYmXG4gICAgICB0eXBlb2Ygc2l6ZS5oZWlnaHQgPT09ICdudW1iZXInXG4gICAgKSB7XG4gICAgICBjb25zdCBzY2FsZWRXaWR0aCA9IHNpemUud2lkdGggLyB6b29tXG4gICAgICBjb25zdCBkaWZmZXJlbmNlID0gc2NhbGVkV2lkdGggLSBzaXplLndpZHRoXG4gICAgICB4ID0gYCR7ZGlmZmVyZW5jZSAvIDJ9cHhgXG4gICAgICBtYXJnaW4gPSAnMCBhdXRvJ1xuICAgIH1cbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgaGVpZ2h0OlxuICAgICAgICAgIGZvdW5kQnJlYWtwb2ludCAmJiBmb3VuZEJyZWFrcG9pbnQ/Lm5hbWUgIT09ICdyZXNwb25zaXZlJ1xuICAgICAgICAgICAgPyBgJHtzaXplPy5oZWlnaHQgLyAodHlwZW9mIHpvb20gPT09ICdudW1iZXInID8gem9vbSA6IDEpfXB4YFxuICAgICAgICAgICAgOiB0eXBlb2Ygem9vbSA9PT0gJ251bWJlcidcbiAgICAgICAgICAgICAgPyBgJHsxMDAgLyB6b29tfSVgXG4gICAgICAgICAgICAgIDogJzEwMCUnLFxuICAgICAgICBtYXJnaW4sXG4gICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZTNkKCR7eH0sIDAsIDApYCxcbiAgICAgICAgd2lkdGg6XG4gICAgICAgICAgZm91bmRCcmVha3BvaW50ICYmIGZvdW5kQnJlYWtwb2ludD8ubmFtZSAhPT0gJ3Jlc3BvbnNpdmUnXG4gICAgICAgICAgICA/IGAke3NpemU/LndpZHRoIC8gKHR5cGVvZiB6b29tID09PSAnbnVtYmVyJyA/IHpvb20gOiAxKX1weGBcbiAgICAgICAgICAgIDogdHlwZW9mIHpvb20gPT09ICdudW1iZXInXG4gICAgICAgICAgICAgID8gYCR7MTAwIC8gem9vbX0lYFxuICAgICAgICAgICAgICA6ICcxMDAlJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG4iXSwibmFtZXMiOlsiRGV2aWNlQ29udGFpbmVyIiwicHJvcHMiLCJjaGlsZHJlbiIsImJyZWFrcG9pbnQiLCJicmVha3BvaW50cyIsInNpemUiLCJ6b29tIiwidXNlTGl2ZVByZXZpZXdDb250ZXh0IiwiZm91bmRCcmVha3BvaW50IiwiZmluZCIsImJwIiwibmFtZSIsIngiLCJtYXJnaW4iLCJ3aWR0aCIsImhlaWdodCIsInNjYWxlZFdpZHRoIiwiZGlmZmVyZW5jZSIsImRpdiIsInN0eWxlIiwidHJhbnNmb3JtIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7K0JBS2FBOzs7ZUFBQUE7Ozs4REFKSzt5QkFFb0I7Ozs7OztBQUUvQixNQUFNQSxrQkFFUixDQUFDQztJQUNKLE1BQU0sRUFBRUMsUUFBUSxFQUFFLEdBQUdEO0lBRXJCLE1BQU0sRUFBRUUsVUFBVSxFQUFFQyxXQUFXLEVBQUVDLElBQUksRUFBRUMsSUFBSSxFQUFFLEdBQUdDLElBQUFBLDhCQUFxQjtJQUVyRSxNQUFNQyxrQkFBa0JMLGNBQWNDLGFBQWFLLEtBQUssQ0FBQ0MsS0FBT0EsR0FBR0MsSUFBSSxLQUFLUjtJQUU1RSxJQUFJUyxJQUFJO0lBQ1IsSUFBSUMsU0FBUztJQUViLElBQUlMLG1CQUFtQkwsZUFBZSxjQUFjO1FBQ2xEUyxJQUFJO1FBRUosSUFDRSxPQUFPTixTQUFTLFlBQ2hCLE9BQU9ELEtBQUtTLEtBQUssS0FBSyxZQUN0QixPQUFPVCxLQUFLVSxNQUFNLEtBQUssVUFDdkI7WUFDQSxNQUFNQyxjQUFjWCxLQUFLUyxLQUFLLEdBQUdSO1lBQ2pDLE1BQU1XLGFBQWFELGNBQWNYLEtBQUtTLEtBQUs7WUFDM0NGLElBQUksQ0FBQyxFQUFFSyxhQUFhLEVBQUUsRUFBRSxDQUFDO1lBQ3pCSixTQUFTO1FBQ1g7SUFDRjtJQUVBLHFCQUNFLDZCQUFDSztRQUNDQyxPQUFPO1lBQ0xKLFFBQ0VQLG1CQUFtQkEsaUJBQWlCRyxTQUFTLGVBQ3pDLENBQUMsRUFBRU4sTUFBTVUsU0FBVSxDQUFBLE9BQU9ULFNBQVMsV0FBV0EsT0FBTyxDQUFBLEVBQUcsRUFBRSxDQUFDLEdBQzNELE9BQU9BLFNBQVMsV0FDZCxDQUFDLEVBQUUsTUFBTUEsS0FBSyxDQUFDLENBQUMsR0FDaEI7WUFDUk87WUFDQU8sV0FBVyxDQUFDLFlBQVksRUFBRVIsRUFBRSxPQUFPLENBQUM7WUFDcENFLE9BQ0VOLG1CQUFtQkEsaUJBQWlCRyxTQUFTLGVBQ3pDLENBQUMsRUFBRU4sTUFBTVMsUUFBUyxDQUFBLE9BQU9SLFNBQVMsV0FBV0EsT0FBTyxDQUFBLEVBQUcsRUFBRSxDQUFDLEdBQzFELE9BQU9BLFNBQVMsV0FDZCxDQUFDLEVBQUUsTUFBTUEsS0FBSyxDQUFDLENBQUMsR0FDaEI7UUFDVjtPQUVDSjtBQUdQIn0=
+//# sourceMappingURL=index.js.map

package/dist/views/LivePreview/DeviceContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/views/LivePreview/DeviceContainer/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useLivePreviewContext } from '../Context/context.js'\n\nexport const DeviceContainer: React.FC<{\n  children: React.ReactNode\n}> = (props) => {\n  const { children } = props\n\n  const { breakpoint, breakpoints, size, zoom } = useLivePreviewContext()\n\n  const foundBreakpoint = breakpoint && breakpoints?.find((bp) => bp.name === breakpoint)\n\n  let x = '0'\n  let margin = '0'\n\n  if (foundBreakpoint && breakpoint !== 'responsive') {\n    x = '-50%'\n\n    if (\n      typeof zoom === 'number' &&\n      typeof size.width === 'number' &&\n      typeof size.height === 'number'\n    ) {\n      const scaledWidth = size.width / zoom\n      const difference = scaledWidth - size.width\n      x = `${difference / 2}px`\n      margin = '0 auto'\n    }\n  }\n\n  return (\n    <div\n      style={{\n        height:\n          foundBreakpoint && foundBreakpoint?.name !== 'responsive'\n            ? `${size?.height / (typeof zoom === 'number' ? zoom : 1)}px`\n            : typeof zoom === 'number'\n              ? `${100 / zoom}%`\n              : '100%',\n        margin,\n        transform: `translate3d(${x}, 0, 0)`,\n        width:\n          foundBreakpoint && foundBreakpoint?.name !== 'responsive'\n            ? `${size?.width / (typeof zoom === 'number' ? zoom : 1)}px`\n            : typeof zoom === 'number'\n              ? `${100 / zoom}%`\n              : '100%',\n      }}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":["React","useLivePreviewContext","DeviceContainer","props","children","breakpoint","breakpoints","size","zoom","foundBreakpoint","find","bp","name","x","margin","width","height","scaledWidth","difference","div","style","transform"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,qBAAqB,QAAQ,wBAAuB;AAE7D,OAAO,MAAMC,kBAER,CAACC;IACJ,MAAM,EAAEC,QAAQ,EAAE,GAAGD;IAErB,MAAM,EAAEE,UAAU,EAAEC,WAAW,EAAEC,IAAI,EAAEC,IAAI,EAAE,GAAGP;IAEhD,MAAMQ,kBAAkBJ,cAAcC,aAAaI,KAAK,CAACC,KAAOA,GAAGC,IAAI,KAAKP;IAE5E,IAAIQ,IAAI;IACR,IAAIC,SAAS;IAEb,IAAIL,mBAAmBJ,eAAe,cAAc;QAClDQ,IAAI;QAEJ,IACE,OAAOL,SAAS,YAChB,OAAOD,KAAKQ,KAAK,KAAK,YACtB,OAAOR,KAAKS,MAAM,KAAK,UACvB;YACA,MAAMC,cAAcV,KAAKQ,KAAK,GAAGP;YACjC,MAAMU,aAAaD,cAAcV,KAAKQ,KAAK;YAC3CF,IAAI,CAAC,EAAEK,aAAa,EAAE,EAAE,CAAC;YACzBJ,SAAS;QACX;IACF;IAEA,qBACE,oBAACK;QACCC,OAAO;YACLJ,QACEP,mBAAmBA,iBAAiBG,SAAS,eACzC,CAAC,EAAEL,MAAMS,SAAU,CAAA,OAAOR,SAAS,WAAWA,OAAO,CAAA,EAAG,EAAE,CAAC,GAC3D,OAAOA,SAAS,WACd,CAAC,EAAE,MAAMA,KAAK,CAAC,CAAC,GAChB;YACRM;YACAO,WAAW,CAAC,YAAY,EAAER,EAAE,OAAO,CAAC;YACpCE,OACEN,mBAAmBA,iBAAiBG,SAAS,eACzC,CAAC,EAAEL,MAAMQ,QAAS,CAAA,OAAOP,SAAS,WAAWA,OAAO,CAAA,EAAG,EAAE,CAAC,GAC1D,OAAOA,SAAS,WACd,CAAC,EAAE,MAAMA,KAAK,CAAC,CAAC,GAChB;QACV;OAECJ;AAGP,EAAC"}

package/dist/views/LivePreview/IFrame/index.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import './index.scss';
-export declare const IFrame: React.FC<{
-    ref: React.Ref<HTMLIFrameElement>;
+type Props = {
     setIframeHasLoaded: (value: boolean) => void;
     url: string;
-}>;
+};
+export declare const IFrame: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLIFrameElement>>;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/views/LivePreview/IFrame/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/LivePreview/IFrame/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAGzC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5B,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;IACjC,kBAAkB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,GAAG,EAAE,MAAM,CAAA;CACZ,CAmBC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/LivePreview/IFrame/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAGzC,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,kBAAkB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,eAAO,MAAM,MAAM,iFAmBjB,CAAA"}

package/dist/views/LivePreview/IFrame/index.js

@@ -1,63 +1,11 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "IFrame", {
-    enumerable: true,
-    get: function() {
-        return IFrame;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _context = require("../Context/context");
-require("./index.scss");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
+import React, { forwardRef } from 'react';
+import { useLivePreviewContext } from '../Context/context.js';
 const baseClass = 'live-preview-iframe';
-const IFrame = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+export const IFrame = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { setIframeHasLoaded, url } = props;
-    const { zoom } = (0, _context.useLivePreviewContext)();
-    return /*#__PURE__*/ _react.default.createElement("iframe", {
+    const { zoom } = useLivePreviewContext();
+    return /*#__PURE__*/ React.createElement("iframe", {
         className: baseClass,
         onLoad: ()=>{
             setIframeHasLoaded(true);
@@ -71,4 +19,4 @@ const IFrame = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
     });
 });
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9JRnJhbWUvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgdXNlTGl2ZVByZXZpZXdDb250ZXh0IH0gZnJvbSAnLi4vQ29udGV4dC9jb250ZXh0J1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdsaXZlLXByZXZpZXctaWZyYW1lJ1xuXG5leHBvcnQgY29uc3QgSUZyYW1lOiBSZWFjdC5GQzx7XG4gIHJlZjogUmVhY3QuUmVmPEhUTUxJRnJhbWVFbGVtZW50PlxuICBzZXRJZnJhbWVIYXNMb2FkZWQ6ICh2YWx1ZTogYm9vbGVhbikgPT4gdm9pZFxuICB1cmw6IHN0cmluZ1xufT4gPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgc2V0SWZyYW1lSGFzTG9hZGVkLCB1cmwgfSA9IHByb3BzXG5cbiAgY29uc3QgeyB6b29tIH0gPSB1c2VMaXZlUHJldmlld0NvbnRleHQoKVxuXG4gIHJldHVybiAoXG4gICAgPGlmcmFtZVxuICAgICAgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9XG4gICAgICBvbkxvYWQ9eygpID0+IHtcbiAgICAgICAgc2V0SWZyYW1lSGFzTG9hZGVkKHRydWUpXG4gICAgICB9fVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBzcmM9e3VybH1cbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIHRyYW5zZm9ybTogdHlwZW9mIHpvb20gPT09ICdudW1iZXInID8gYHNjYWxlKCR7em9vbX0pIGAgOiB1bmRlZmluZWQsXG4gICAgICB9fVxuICAgICAgdGl0bGU9e3VybH1cbiAgICAvPlxuICApXG59KVxuIl0sIm5hbWVzIjpbIklGcmFtZSIsImJhc2VDbGFzcyIsImZvcndhcmRSZWYiLCJwcm9wcyIsInJlZiIsInNldElmcmFtZUhhc0xvYWRlZCIsInVybCIsInpvb20iLCJ1c2VMaXZlUHJldmlld0NvbnRleHQiLCJpZnJhbWUiLCJjbGFzc05hbWUiLCJvbkxvYWQiLCJzcmMiLCJzdHlsZSIsInRyYW5zZm9ybSIsInVuZGVmaW5lZCIsInRpdGxlIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7K0JBUWFBOzs7ZUFBQUE7OzsrREFQcUI7eUJBRUk7UUFDL0I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVQLE1BQU1DLFlBQVk7QUFFWCxNQUFNRCx1QkFJUkUsSUFBQUEsaUJBQVUsRUFBQyxDQUFDQyxPQUFPQztJQUN0QixNQUFNLEVBQUVDLGtCQUFrQixFQUFFQyxHQUFHLEVBQUUsR0FBR0g7SUFFcEMsTUFBTSxFQUFFSSxJQUFJLEVBQUUsR0FBR0MsSUFBQUEsOEJBQXFCO0lBRXRDLHFCQUNFLDZCQUFDQztRQUNDQyxXQUFXVDtRQUNYVSxRQUFRO1lBQ05OLG1CQUFtQjtRQUNyQjtRQUNBRCxLQUFLQTtRQUNMUSxLQUFLTjtRQUNMTyxPQUFPO1lBQ0xDLFdBQVcsT0FBT1AsU0FBUyxXQUFXLENBQUMsTUFBTSxFQUFFQSxLQUFLLEVBQUUsQ0FBQyxHQUFHUTtRQUM1RDtRQUNBQyxPQUFPVjs7QUFHYiJ9
+//# sourceMappingURL=index.js.map

package/dist/views/LivePreview/IFrame/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/views/LivePreview/IFrame/index.tsx"],"sourcesContent":["'use client'\nimport React, { forwardRef } from 'react'\n\nimport { useLivePreviewContext } from '../Context/context.js'\nimport './index.scss'\n\nconst baseClass = 'live-preview-iframe'\n\ntype Props = {\n  setIframeHasLoaded: (value: boolean) => void\n  url: string\n}\n\nexport const IFrame = forwardRef<HTMLIFrameElement, Props>((props, ref) => {\n  const { setIframeHasLoaded, url } = props\n\n  const { zoom } = useLivePreviewContext()\n\n  return (\n    <iframe\n      className={baseClass}\n      onLoad={() => {\n        setIframeHasLoaded(true)\n      }}\n      ref={ref}\n      src={url}\n      style={{\n        transform: typeof zoom === 'number' ? `scale(${zoom}) ` : undefined,\n      }}\n      title={url}\n    />\n  )\n})\n"],"names":["React","forwardRef","useLivePreviewContext","baseClass","IFrame","props","ref","setIframeHasLoaded","url","zoom","iframe","className","onLoad","src","style","transform","undefined","title"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,SAASC,UAAU,QAAQ,QAAO;AAEzC,SAASC,qBAAqB,QAAQ,wBAAuB;AAG7D,MAAMC,YAAY;AAOlB,OAAO,MAAMC,uBAASH,WAAqC,CAACI,OAAOC;IACjE,MAAM,EAAEC,kBAAkB,EAAEC,GAAG,EAAE,GAAGH;IAEpC,MAAM,EAAEI,IAAI,EAAE,GAAGP;IAEjB,qBACE,oBAACQ;QACCC,WAAWR;QACXS,QAAQ;YACNL,mBAAmB;QACrB;QACAD,KAAKA;QACLO,KAAKL;QACLM,OAAO;YACLC,WAAW,OAAON,SAAS,WAAW,CAAC,MAAM,EAAEA,KAAK,EAAE,CAAC,GAAGO;QAC5D;QACAC,OAAOT;;AAGb,GAAE"}

package/dist/views/LivePreview/Preview/index.d.ts

@@ -1,4 +1,4 @@
-import type { EditViewProps } from 'payload/config';
+import type { EditViewProps } from 'payload/types';
 import React from 'react';
 import './index.scss';
 export declare const LivePreview: React.FC<EditViewProps>;

package/dist/views/LivePreview/Preview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/LivePreview/Preview/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAQnD,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4F/C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/LivePreview/Preview/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAMlD,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4F/C,CAAA"}