@payloadcms/next 3.0.0-alpha.0

package/dist/pages/LivePreview/Context/sizeReducer.d.ts

@@ -0,0 +1,20 @@
+type SizeReducerState = {
+    height: number;
+    width: number;
+};
+export type SizeReducerAction = {
+    type: 'height' | 'width';
+    value: number;
+} | {
+    type: 'reset';
+    value: {
+        height: number;
+        width: number;
+    };
+};
+export declare const sizeReducer: (state: SizeReducerState, action: SizeReducerAction) => {
+    width: number;
+    height: number;
+};
+export {};
+//# sourceMappingURL=sizeReducer.d.ts.map

package/dist/pages/LivePreview/Context/sizeReducer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizeReducer.d.ts","sourceRoot":"","sources":["../../../../src/pages/LivePreview/Context/sizeReducer.ts"],"names":[],"mappings":"AAWA,KAAK,gBAAgB,GAAG;IACtB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,iBAAiB,GACzB;IACE,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;CACd,GACD;IACE,IAAI,EAAE,OAAO,CAAA;IACb,KAAK,EAAE;QACL,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;CACF,CAAA;AAEL,eAAO,MAAM,WAAW,UAAW,gBAAgB,UAAU,iBAAiB;;YAjBpE,MAAM;CA0Bf,CAAA"}

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

@@ -0,0 +1,41 @@
+// export const sizeReducer: (state, action) => {
+//   switch (action.type) {
+//     case 'width':
+//       return { ...state, width: action.value }
+//     case 'height':
+//       return { ...state, height: action.value }
+//     default:
+//       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)=>{
+    switch(action.type){
+        case 'width':
+            return {
+                ...state,
+                width: action.value
+            };
+        case 'height':
+            return {
+                ...state,
+                height: action.value
+            };
+        default:
+            return {
+                ...state,
+                ...action?.value || {}
+            };
+    }
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9MaXZlUHJldmlldy9Db250ZXh0L3NpemVSZWR1Y2VyLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIGV4cG9ydCBjb25zdCBzaXplUmVkdWNlcjogKHN0YXRlLCBhY3Rpb24pID0+IHtcbi8vICAgc3dpdGNoIChhY3Rpb24udHlwZSkge1xuLy8gICAgIGNhc2UgJ3dpZHRoJzpcbi8vICAgICAgIHJldHVybiB7IC4uLnN0YXRlLCB3aWR0aDogYWN0aW9uLnZhbHVlIH1cbi8vICAgICBjYXNlICdoZWlnaHQnOlxuLy8gICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIGhlaWdodDogYWN0aW9uLnZhbHVlIH1cbi8vICAgICBkZWZhdWx0OlxuLy8gICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIC4uLihhY3Rpb24/LnZhbHVlIHx8IHt9KSB9XG4vLyAgIH1cbi8vIH0sXG5cbnR5cGUgU2l6ZVJlZHVjZXJTdGF0ZSA9IHtcbiAgaGVpZ2h0OiBudW1iZXJcbiAgd2lkdGg6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBTaXplUmVkdWNlckFjdGlvbiA9XG4gIHwge1xuICAgICAgdHlwZTogJ2hlaWdodCcgfCAnd2lkdGgnXG4gICAgICB2YWx1ZTogbnVtYmVyXG4gICAgfVxuICB8IHtcbiAgICAgIHR5cGU6ICdyZXNldCdcbiAgICAgIHZhbHVlOiB7XG4gICAgICAgIGhlaWdodDogbnVtYmVyXG4gICAgICAgIHdpZHRoOiBudW1iZXJcbiAgICAgIH1cbiAgICB9XG5cbmV4cG9ydCBjb25zdCBzaXplUmVkdWNlciA9IChzdGF0ZTogU2l6ZVJlZHVjZXJTdGF0ZSwgYWN0aW9uOiBTaXplUmVkdWNlckFjdGlvbikgPT4ge1xuICBzd2l0Y2ggKGFjdGlvbi50eXBlKSB7XG4gICAgY2FzZSAnd2lkdGgnOlxuICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIHdpZHRoOiBhY3Rpb24udmFsdWUgfVxuICAgIGNhc2UgJ2hlaWdodCc6XG4gICAgICByZXR1cm4geyAuLi5zdGF0ZSwgaGVpZ2h0OiBhY3Rpb24udmFsdWUgfVxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4geyAuLi5zdGF0ZSwgLi4uKGFjdGlvbj8udmFsdWUgfHwge30pIH1cbiAgfVxufVxuIl0sIm5hbWVzIjpbInNpemVSZWR1Y2VyIiwic3RhdGUiLCJhY3Rpb24iLCJ0eXBlIiwid2lkdGgiLCJ2YWx1ZSIsImhlaWdodCJdLCJtYXBwaW5ncyI6IkFBQUEsaURBQWlEO0FBQ2pELDJCQUEyQjtBQUMzQixvQkFBb0I7QUFDcEIsaURBQWlEO0FBQ2pELHFCQUFxQjtBQUNyQixrREFBa0Q7QUFDbEQsZUFBZTtBQUNmLHNEQUFzRDtBQUN0RCxNQUFNO0FBQ04sS0FBSzs7Ozs7K0JBb0JRQTs7O2VBQUFBOzs7QUFBTixNQUFNQSxjQUFjLENBQUNDLE9BQXlCQztJQUNuRCxPQUFRQSxPQUFPQyxJQUFJO1FBQ2pCLEtBQUs7WUFDSCxPQUFPO2dCQUFFLEdBQUdGLEtBQUs7Z0JBQUVHLE9BQU9GLE9BQU9HLEtBQUs7WUFBQztRQUN6QyxLQUFLO1lBQ0gsT0FBTztnQkFBRSxHQUFHSixLQUFLO2dCQUFFSyxRQUFRSixPQUFPRyxLQUFLO1lBQUM7UUFDMUM7WUFDRSxPQUFPO2dCQUFFLEdBQUdKLEtBQUs7Z0JBQUUsR0FBSUMsUUFBUUcsU0FBUyxDQUFDLENBQUM7WUFBRTtJQUNoRDtBQUNGIn0=

package/dist/pages/LivePreview/Device/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const DeviceContainer: React.FC<{
+    children: React.ReactNode;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/pages/LivePreview/Device/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/pages/LivePreview/Device/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAIxC,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CA2DA,CAAA"}

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

@@ -0,0 +1,102 @@
+'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)=>{
+    const { children } = props;
+    const deviceFrameRef = _react.default.useRef(null);
+    const { breakpoint, setMeasuredDeviceSize, size, zoom } = (0, _context.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);
+    // 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)(()=>{
+        if (measuredDeviceSize) {
+            setMeasuredDeviceSize(measuredDeviceSize);
+        }
+    }, [
+        measuredDeviceSize,
+        setMeasuredDeviceSize
+    ]);
+    let x = '0';
+    let margin = '0';
+    if (breakpoint && breakpoint !== 'responsive') {
+        x = '-50%';
+        if (typeof zoom === 'number' && typeof size.width === 'number' && typeof size.height === 'number') {
+            const scaledWidth = size.width / zoom;
+            const difference = scaledWidth - size.width;
+            x = `${difference / 2}px`;
+            margin = '0 auto';
+        }
+    }
+    let width = zoom ? `${100 / zoom}%` : '100%';
+    let height = zoom ? `${100 / zoom}%` : '100%';
+    if (breakpoint !== 'responsive') {
+        width = `${size?.width / (typeof zoom === 'number' ? zoom : 1)}px`;
+        height = `${size?.height / (typeof zoom === 'number' ? zoom : 1)}px`;
+    }
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        ref: deviceFrameRef,
+        style: {
+            height,
+            margin,
+            transform: `translate3d(${x}, 0, 0)`,
+            width
+        }
+    }, children);
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9MaXZlUHJldmlldy9EZXZpY2UvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IHsgdXNlUmVzaXplIH0gZnJvbSAnQHBheWxvYWRjbXMvdWknXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IHVzZUxpdmVQcmV2aWV3Q29udGV4dCB9IGZyb20gJy4uL0NvbnRleHQvY29udGV4dCdcblxuZXhwb3J0IGNvbnN0IERldmljZUNvbnRhaW5lcjogUmVhY3QuRkM8e1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG59PiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuIH0gPSBwcm9wc1xuXG4gIGNvbnN0IGRldmljZUZyYW1lUmVmID0gUmVhY3QudXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuXG4gIGNvbnN0IHsgYnJlYWtwb2ludCwgc2V0TWVhc3VyZWREZXZpY2VTaXplLCBzaXplLCB6b29tIH0gPSB1c2VMaXZlUHJldmlld0NvbnRleHQoKVxuXG4gIC8vIEtlZXAgYW4gYWNjdXJhdGUgbWVhc3VyZW1lbnQgb2YgdGhlIGFjdHVhbCBkZXZpY2Ugc2l6ZSBhcyBpdCBpcyB0cnVseSByZW5kZXJlZFxuICAvLyBUaGlzIGlzIGhlbHBmdWwgd2hlbiBgc2l6ZXNgIGFyZSBub24tbnVtYmVyIHVuaXRzIGxpa2UgcGVyY2VudGFnZXMsIGV0Yy5cbiAgY29uc3QgeyBzaXplOiBtZWFzdXJlZERldmljZVNpemUgfSA9IHVzZVJlc2l6ZShkZXZpY2VGcmFtZVJlZilcblxuICAvLyBTeW5jIHRoZSBtZWFzdXJlZCBkZXZpY2Ugc2l6ZSB3aXRoIHRoZSBjb250ZXh0IHNvIHRoYXQgb3RoZXIgY29tcG9uZW50cyBjYW4gdXNlIGl0XG4gIC8vIFRoaXMgaGFwcGVucyBmcm9tIHRoZSBib3R0b20gdXAgc28gdGhhdCBhcyB0aGlzIGNvbXBvbmVudCBtb3VudHMgYW5kIHVubW91bnRzLFxuICAvLyBJdHMgc2l6ZSBpcyBmcmVzaGx5IHBvcHVsYXRlZCBhZ2FpbiB1cG9uIHJlLW1vdW50aW5nLCBpLmUuIGdvaW5nIGZyb20gaWZyYW1lLT5wb3B1cC0+aWZyYW1lXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG1lYXN1cmVkRGV2aWNlU2l6ZSkge1xuICAgICAgc2V0TWVhc3VyZWREZXZpY2VTaXplKG1lYXN1cmVkRGV2aWNlU2l6ZSlcbiAgICB9XG4gIH0sIFttZWFzdXJlZERldmljZVNpemUsIHNldE1lYXN1cmVkRGV2aWNlU2l6ZV0pXG5cbiAgbGV0IHggPSAnMCdcbiAgbGV0IG1hcmdpbiA9ICcwJ1xuXG4gIGlmIChicmVha3BvaW50ICYmIGJyZWFrcG9pbnQgIT09ICdyZXNwb25zaXZlJykge1xuICAgIHggPSAnLTUwJSdcblxuICAgIGlmIChcbiAgICAgIHR5cGVvZiB6b29tID09PSAnbnVtYmVyJyAmJlxuICAgICAgdHlwZW9mIHNpemUud2lkdGggPT09ICdudW1iZXInICYmXG4gICAgICB0eXBlb2Ygc2l6ZS5oZWlnaHQgPT09ICdudW1iZXInXG4gICAgKSB7XG4gICAgICBjb25zdCBzY2FsZWRXaWR0aCA9IHNpemUud2lkdGggLyB6b29tXG4gICAgICBjb25zdCBkaWZmZXJlbmNlID0gc2NhbGVkV2lkdGggLSBzaXplLndpZHRoXG4gICAgICB4ID0gYCR7ZGlmZmVyZW5jZSAvIDJ9cHhgXG4gICAgICBtYXJnaW4gPSAnMCBhdXRvJ1xuICAgIH1cbiAgfVxuXG4gIGxldCB3aWR0aCA9IHpvb20gPyBgJHsxMDAgLyB6b29tfSVgIDogJzEwMCUnXG4gIGxldCBoZWlnaHQgPSB6b29tID8gYCR7MTAwIC8gem9vbX0lYCA6ICcxMDAlJ1xuXG4gIGlmIChicmVha3BvaW50ICE9PSAncmVzcG9uc2l2ZScpIHtcbiAgICB3aWR0aCA9IGAke3NpemU/LndpZHRoIC8gKHR5cGVvZiB6b29tID09PSAnbnVtYmVyJyA/IHpvb20gOiAxKX1weGBcbiAgICBoZWlnaHQgPSBgJHtzaXplPy5oZWlnaHQgLyAodHlwZW9mIHpvb20gPT09ICdudW1iZXInID8gem9vbSA6IDEpfXB4YFxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICByZWY9e2RldmljZUZyYW1lUmVmfVxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgaGVpZ2h0LFxuICAgICAgICBtYXJnaW4sXG4gICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZTNkKCR7eH0sIDAsIDApYCxcbiAgICAgICAgd2lkdGgsXG4gICAgICB9fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuIl0sIm5hbWVzIjpbIkRldmljZUNvbnRhaW5lciIsInByb3BzIiwiY2hpbGRyZW4iLCJkZXZpY2VGcmFtZVJlZiIsIlJlYWN0IiwidXNlUmVmIiwiYnJlYWtwb2ludCIsInNldE1lYXN1cmVkRGV2aWNlU2l6ZSIsInNpemUiLCJ6b29tIiwidXNlTGl2ZVByZXZpZXdDb250ZXh0IiwibWVhc3VyZWREZXZpY2VTaXplIiwidXNlUmVzaXplIiwidXNlRWZmZWN0IiwieCIsIm1hcmdpbiIsIndpZHRoIiwiaGVpZ2h0Iiwic2NhbGVkV2lkdGgiLCJkaWZmZXJlbmNlIiwiZGl2IiwicmVmIiwic3R5bGUiLCJ0cmFuc2Zvcm0iXSwibWFwcGluZ3MiOiJBQUFBOzs7OzsrQkFNYUE7OztlQUFBQTs7O29CQUxhOytEQUNPO3lCQUVLOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFL0IsTUFBTUEsa0JBRVIsQ0FBQ0M7SUFDSixNQUFNLEVBQUVDLFFBQVEsRUFBRSxHQUFHRDtJQUVyQixNQUFNRSxpQkFBaUJDLGNBQUssQ0FBQ0MsTUFBTSxDQUFpQjtJQUVwRCxNQUFNLEVBQUVDLFVBQVUsRUFBRUMscUJBQXFCLEVBQUVDLElBQUksRUFBRUMsSUFBSSxFQUFFLEdBQUdDLElBQUFBLDhCQUFxQjtJQUUvRSxpRkFBaUY7SUFDakYsMkVBQTJFO0lBQzNFLE1BQU0sRUFBRUYsTUFBTUcsa0JBQWtCLEVBQUUsR0FBR0MsSUFBQUEsYUFBUyxFQUFDVDtJQUUvQyxxRkFBcUY7SUFDckYsaUZBQWlGO0lBQ2pGLDhGQUE4RjtJQUM5RlUsSUFBQUEsZ0JBQVMsRUFBQztRQUNSLElBQUlGLG9CQUFvQjtZQUN0Qkosc0JBQXNCSTtRQUN4QjtJQUNGLEdBQUc7UUFBQ0E7UUFBb0JKO0tBQXNCO0lBRTlDLElBQUlPLElBQUk7SUFDUixJQUFJQyxTQUFTO0lBRWIsSUFBSVQsY0FBY0EsZUFBZSxjQUFjO1FBQzdDUSxJQUFJO1FBRUosSUFDRSxPQUFPTCxTQUFTLFlBQ2hCLE9BQU9ELEtBQUtRLEtBQUssS0FBSyxZQUN0QixPQUFPUixLQUFLUyxNQUFNLEtBQUssVUFDdkI7WUFDQSxNQUFNQyxjQUFjVixLQUFLUSxLQUFLLEdBQUdQO1lBQ2pDLE1BQU1VLGFBQWFELGNBQWNWLEtBQUtRLEtBQUs7WUFDM0NGLElBQUksQ0FBQyxFQUFFSyxhQUFhLEVBQUUsRUFBRSxDQUFDO1lBQ3pCSixTQUFTO1FBQ1g7SUFDRjtJQUVBLElBQUlDLFFBQVFQLE9BQU8sQ0FBQyxFQUFFLE1BQU1BLEtBQUssQ0FBQyxDQUFDLEdBQUc7SUFDdEMsSUFBSVEsU0FBU1IsT0FBTyxDQUFDLEVBQUUsTUFBTUEsS0FBSyxDQUFDLENBQUMsR0FBRztJQUV2QyxJQUFJSCxlQUFlLGNBQWM7UUFDL0JVLFFBQVEsQ0FBQyxFQUFFUixNQUFNUSxRQUFTLENBQUEsT0FBT1AsU0FBUyxXQUFXQSxPQUFPLENBQUEsRUFBRyxFQUFFLENBQUM7UUFDbEVRLFNBQVMsQ0FBQyxFQUFFVCxNQUFNUyxTQUFVLENBQUEsT0FBT1IsU0FBUyxXQUFXQSxPQUFPLENBQUEsRUFBRyxFQUFFLENBQUM7SUFDdEU7SUFFQSxxQkFDRSw2QkFBQ1c7UUFDQ0MsS0FBS2xCO1FBQ0xtQixPQUFPO1lBQ0xMO1lBQ0FGO1lBQ0FRLFdBQVcsQ0FBQyxZQUFZLEVBQUVULEVBQUUsT0FBTyxDQUFDO1lBQ3BDRTtRQUNGO09BRUNkO0FBR1AifQ==

package/dist/pages/LivePreview/DeviceContainer/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const DeviceContainer: React.FC<{
+    children: React.ReactNode;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/pages/LivePreview/DeviceContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/pages/LivePreview/DeviceContainer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CA+CA,CAAA"}

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

@@ -0,0 +1,44 @@
+'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)=>{
+    const { children } = props;
+    const { breakpoint, breakpoints, size, zoom } = (0, _context.useLivePreviewContext)();
+    const foundBreakpoint = breakpoint && breakpoints?.find((bp)=>bp.name === breakpoint);
+    let x = '0';
+    let margin = '0';
+    if (foundBreakpoint && breakpoint !== 'responsive') {
+        x = '-50%';
+        if (typeof zoom === 'number' && typeof size.width === 'number' && typeof size.height === 'number') {
+            const scaledWidth = size.width / zoom;
+            const difference = scaledWidth - size.width;
+            x = `${difference / 2}px`;
+            margin = '0 auto';
+        }
+    }
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        style: {
+            height: foundBreakpoint && foundBreakpoint?.name !== 'responsive' ? `${size?.height / (typeof zoom === 'number' ? zoom : 1)}px` : typeof zoom === 'number' ? `${100 / zoom}%` : '100%',
+            margin,
+            transform: `translate3d(${x}, 0, 0)`,
+            width: foundBreakpoint && foundBreakpoint?.name !== 'responsive' ? `${size?.width / (typeof zoom === 'number' ? zoom : 1)}px` : typeof zoom === 'number' ? `${100 / zoom}%` : '100%'
+        }
+    }, children);
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9MaXZlUHJldmlldy9EZXZpY2VDb250YWluZXIvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyB1c2VMaXZlUHJldmlld0NvbnRleHQgfSBmcm9tICcuLi9Db250ZXh0L2NvbnRleHQnXG5cbmV4cG9ydCBjb25zdCBEZXZpY2VDb250YWluZXI6IFJlYWN0LkZDPHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxufT4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBjaGlsZHJlbiB9ID0gcHJvcHNcblxuICBjb25zdCB7IGJyZWFrcG9pbnQsIGJyZWFrcG9pbnRzLCBzaXplLCB6b29tIH0gPSB1c2VMaXZlUHJldmlld0NvbnRleHQoKVxuXG4gIGNvbnN0IGZvdW5kQnJlYWtwb2ludCA9IGJyZWFrcG9pbnQgJiYgYnJlYWtwb2ludHM/LmZpbmQoKGJwKSA9PiBicC5uYW1lID09PSBicmVha3BvaW50KVxuXG4gIGxldCB4ID0gJzAnXG4gIGxldCBtYXJnaW4gPSAnMCdcblxuICBpZiAoZm91bmRCcmVha3BvaW50ICYmIGJyZWFrcG9pbnQgIT09ICdyZXNwb25zaXZlJykge1xuICAgIHggPSAnLTUwJSdcblxuICAgIGlmIChcbiAgICAgIHR5cGVvZiB6b29tID09PSAnbnVtYmVyJyAmJlxuICAgICAgdHlwZW9mIHNpemUud2lkdGggPT09ICdudW1iZXInICYmXG4gICAgICB0eXBlb2Ygc2l6ZS5oZWlnaHQgPT09ICdudW1iZXInXG4gICAgKSB7XG4gICAgICBjb25zdCBzY2FsZWRXaWR0aCA9IHNpemUud2lkdGggLyB6b29tXG4gICAgICBjb25zdCBkaWZmZXJlbmNlID0gc2NhbGVkV2lkdGggLSBzaXplLndpZHRoXG4gICAgICB4ID0gYCR7ZGlmZmVyZW5jZSAvIDJ9cHhgXG4gICAgICBtYXJnaW4gPSAnMCBhdXRvJ1xuICAgIH1cbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgaGVpZ2h0OlxuICAgICAgICAgIGZvdW5kQnJlYWtwb2ludCAmJiBmb3VuZEJyZWFrcG9pbnQ/Lm5hbWUgIT09ICdyZXNwb25zaXZlJ1xuICAgICAgICAgICAgPyBgJHtzaXplPy5oZWlnaHQgLyAodHlwZW9mIHpvb20gPT09ICdudW1iZXInID8gem9vbSA6IDEpfXB4YFxuICAgICAgICAgICAgOiB0eXBlb2Ygem9vbSA9PT0gJ251bWJlcidcbiAgICAgICAgICAgICAgPyBgJHsxMDAgLyB6b29tfSVgXG4gICAgICAgICAgICAgIDogJzEwMCUnLFxuICAgICAgICBtYXJnaW4sXG4gICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZTNkKCR7eH0sIDAsIDApYCxcbiAgICAgICAgd2lkdGg6XG4gICAgICAgICAgZm91bmRCcmVha3BvaW50ICYmIGZvdW5kQnJlYWtwb2ludD8ubmFtZSAhPT0gJ3Jlc3BvbnNpdmUnXG4gICAgICAgICAgICA/IGAke3NpemU/LndpZHRoIC8gKHR5cGVvZiB6b29tID09PSAnbnVtYmVyJyA/IHpvb20gOiAxKX1weGBcbiAgICAgICAgICAgIDogdHlwZW9mIHpvb20gPT09ICdudW1iZXInXG4gICAgICAgICAgICAgID8gYCR7MTAwIC8gem9vbX0lYFxuICAgICAgICAgICAgICA6ICcxMDAlJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG4iXSwibmFtZXMiOlsiRGV2aWNlQ29udGFpbmVyIiwicHJvcHMiLCJjaGlsZHJlbiIsImJyZWFrcG9pbnQiLCJicmVha3BvaW50cyIsInNpemUiLCJ6b29tIiwidXNlTGl2ZVByZXZpZXdDb250ZXh0IiwiZm91bmRCcmVha3BvaW50IiwiZmluZCIsImJwIiwibmFtZSIsIngiLCJtYXJnaW4iLCJ3aWR0aCIsImhlaWdodCIsInNjYWxlZFdpZHRoIiwiZGlmZmVyZW5jZSIsImRpdiIsInN0eWxlIiwidHJhbnNmb3JtIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7K0JBS2FBOzs7ZUFBQUE7Ozs4REFKSzt5QkFFb0I7Ozs7OztBQUUvQixNQUFNQSxrQkFFUixDQUFDQztJQUNKLE1BQU0sRUFBRUMsUUFBUSxFQUFFLEdBQUdEO0lBRXJCLE1BQU0sRUFBRUUsVUFBVSxFQUFFQyxXQUFXLEVBQUVDLElBQUksRUFBRUMsSUFBSSxFQUFFLEdBQUdDLElBQUFBLDhCQUFxQjtJQUVyRSxNQUFNQyxrQkFBa0JMLGNBQWNDLGFBQWFLLEtBQUssQ0FBQ0MsS0FBT0EsR0FBR0MsSUFBSSxLQUFLUjtJQUU1RSxJQUFJUyxJQUFJO0lBQ1IsSUFBSUMsU0FBUztJQUViLElBQUlMLG1CQUFtQkwsZUFBZSxjQUFjO1FBQ2xEUyxJQUFJO1FBRUosSUFDRSxPQUFPTixTQUFTLFlBQ2hCLE9BQU9ELEtBQUtTLEtBQUssS0FBSyxZQUN0QixPQUFPVCxLQUFLVSxNQUFNLEtBQUssVUFDdkI7WUFDQSxNQUFNQyxjQUFjWCxLQUFLUyxLQUFLLEdBQUdSO1lBQ2pDLE1BQU1XLGFBQWFELGNBQWNYLEtBQUtTLEtBQUs7WUFDM0NGLElBQUksQ0FBQyxFQUFFSyxhQUFhLEVBQUUsRUFBRSxDQUFDO1lBQ3pCSixTQUFTO1FBQ1g7SUFDRjtJQUVBLHFCQUNFLDZCQUFDSztRQUNDQyxPQUFPO1lBQ0xKLFFBQ0VQLG1CQUFtQkEsaUJBQWlCRyxTQUFTLGVBQ3pDLENBQUMsRUFBRU4sTUFBTVUsU0FBVSxDQUFBLE9BQU9ULFNBQVMsV0FBV0EsT0FBTyxDQUFBLEVBQUcsRUFBRSxDQUFDLEdBQzNELE9BQU9BLFNBQVMsV0FDZCxDQUFDLEVBQUUsTUFBTUEsS0FBSyxDQUFDLENBQUMsR0FDaEI7WUFDUk87WUFDQU8sV0FBVyxDQUFDLFlBQVksRUFBRVIsRUFBRSxPQUFPLENBQUM7WUFDcENFLE9BQ0VOLG1CQUFtQkEsaUJBQWlCRyxTQUFTLGVBQ3pDLENBQUMsRUFBRU4sTUFBTVMsUUFBUyxDQUFBLE9BQU9SLFNBQVMsV0FBV0EsT0FBTyxDQUFBLEVBQUcsRUFBRSxDQUFDLEdBQzFELE9BQU9BLFNBQVMsV0FDZCxDQUFDLEVBQUUsTUFBTUEsS0FBSyxDQUFDLENBQUMsR0FDaEI7UUFDVjtPQUVDSjtBQUdQIn0=

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/pages/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"}

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

@@ -0,0 +1,74 @@
+'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;
+}
+const baseClass = 'live-preview-iframe';
+const IFrame = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { setIframeHasLoaded, url } = props;
+    const { zoom } = (0, _context.useLivePreviewContext)();
+    return /*#__PURE__*/ _react.default.createElement("iframe", {
+        className: baseClass,
+        onLoad: ()=>{
+            setIframeHasLoaded(true);
+        },
+        ref: ref,
+        src: url,
+        style: {
+            transform: typeof zoom === 'number' ? `scale(${zoom}) ` : undefined
+        },
+        title: url
+    });
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9MaXZlUHJldmlldy9JRnJhbWUvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgdXNlTGl2ZVByZXZpZXdDb250ZXh0IH0gZnJvbSAnLi4vQ29udGV4dC9jb250ZXh0J1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdsaXZlLXByZXZpZXctaWZyYW1lJ1xuXG5leHBvcnQgY29uc3QgSUZyYW1lOiBSZWFjdC5GQzx7XG4gIHJlZjogUmVhY3QuUmVmPEhUTUxJRnJhbWVFbGVtZW50PlxuICBzZXRJZnJhbWVIYXNMb2FkZWQ6ICh2YWx1ZTogYm9vbGVhbikgPT4gdm9pZFxuICB1cmw6IHN0cmluZ1xufT4gPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgc2V0SWZyYW1lSGFzTG9hZGVkLCB1cmwgfSA9IHByb3BzXG5cbiAgY29uc3QgeyB6b29tIH0gPSB1c2VMaXZlUHJldmlld0NvbnRleHQoKVxuXG4gIHJldHVybiAoXG4gICAgPGlmcmFtZVxuICAgICAgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9XG4gICAgICBvbkxvYWQ9eygpID0+IHtcbiAgICAgICAgc2V0SWZyYW1lSGFzTG9hZGVkKHRydWUpXG4gICAgICB9fVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBzcmM9e3VybH1cbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIHRyYW5zZm9ybTogdHlwZW9mIHpvb20gPT09ICdudW1iZXInID8gYHNjYWxlKCR7em9vbX0pIGAgOiB1bmRlZmluZWQsXG4gICAgICB9fVxuICAgICAgdGl0bGU9e3VybH1cbiAgICAvPlxuICApXG59KVxuIl0sIm5hbWVzIjpbIklGcmFtZSIsImJhc2VDbGFzcyIsImZvcndhcmRSZWYiLCJwcm9wcyIsInJlZiIsInNldElmcmFtZUhhc0xvYWRlZCIsInVybCIsInpvb20iLCJ1c2VMaXZlUHJldmlld0NvbnRleHQiLCJpZnJhbWUiLCJjbGFzc05hbWUiLCJvbkxvYWQiLCJzcmMiLCJzdHlsZSIsInRyYW5zZm9ybSIsInVuZGVmaW5lZCIsInRpdGxlIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7K0JBUWFBOzs7ZUFBQUE7OzsrREFQcUI7eUJBRUk7UUFDL0I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVQLE1BQU1DLFlBQVk7QUFFWCxNQUFNRCx1QkFJUkUsSUFBQUEsaUJBQVUsRUFBQyxDQUFDQyxPQUFPQztJQUN0QixNQUFNLEVBQUVDLGtCQUFrQixFQUFFQyxHQUFHLEVBQUUsR0FBR0g7SUFFcEMsTUFBTSxFQUFFSSxJQUFJLEVBQUUsR0FBR0MsSUFBQUEsOEJBQXFCO0lBRXRDLHFCQUNFLDZCQUFDQztRQUNDQyxXQUFXVDtRQUNYVSxRQUFRO1lBQ05OLG1CQUFtQjtRQUNyQjtRQUNBRCxLQUFLQTtRQUNMUSxLQUFLTjtRQUNMTyxPQUFPO1lBQ0xDLFdBQVcsT0FBT1AsU0FBUyxXQUFXLENBQUMsTUFBTSxFQUFFQSxLQUFLLEVBQUUsQ0FBQyxHQUFHUTtRQUM1RDtRQUNBQyxPQUFPVjs7QUFHYiJ9

package/dist/pages/LivePreview/IFrame/index.scss

@@ -0,0 +1,7 @@
+.live-preview-iframe {
+  background-color: white;
+  border: 0;
+  width: 100%;
+  height: 100%;
+  transform-origin: top left;
+}

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

@@ -0,0 +1,5 @@
+import type { EditViewProps } from 'payload/config';
+import React from 'react';
+import './index.scss';
+export declare const LivePreview: React.FC<EditViewProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/pages/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"}

package/dist/pages/LivePreview/Preview/index.js

@@ -0,0 +1,127 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "LivePreview", {
+    enumerable: true,
+    get: function() {
+        return LivePreview;
+    }
+});
+const _ui = require("@payloadcms/ui");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _context = require("../Context/context");
+const _Device = require("../Device");
+const _IFrame = require("../IFrame");
+const _Toolbar = require("../Toolbar");
+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;
+}
+const baseClass = 'live-preview-window';
+const LivePreview = (props)=>{
+    const { appIsReady, iframeHasLoaded, iframeRef, popupRef, previewWindowType, setIframeHasLoaded, url } = (0, _context.useLivePreviewContext)();
+    const { mostRecentUpdate } = (0, _ui.useDocumentEvents)();
+    const { breakpoint, fieldSchemaJSON } = (0, _context.useLivePreviewContext)();
+    const prevWindowType = _react.default.useRef();
+    const [fields] = (0, _ui.useAllFormFields)();
+    // The preview could either be an iframe embedded on the page
+    // Or it could be a separate popup window
+    // We need to transmit data to both accordingly
+    (0, _react.useEffect)(()=>{
+        // For performance, do no reduce fields to values until after the iframe or popup has loaded
+        if (fields && window && 'postMessage' in window && appIsReady) {
+            const values = (0, _ui.reduceFieldsToValues)(fields, true);
+            // To reduce on large `postMessage` payloads, only send `fieldSchemaToJSON` one time
+            // To do this, the underlying JS function maintains a cache of this value
+            // So we need to send it through each time the window type changes
+            // But only once per window type change, not on every render, because this is a potentially large obj
+            const shouldSendSchema = !prevWindowType.current || prevWindowType.current !== previewWindowType;
+            prevWindowType.current = previewWindowType;
+            const message = {
+                type: 'payload-live-preview',
+                data: values,
+                externallyUpdatedRelationship: mostRecentUpdate,
+                fieldSchemaJSON: shouldSendSchema ? fieldSchemaJSON : undefined
+            };
+            // Post message to external popup window
+            if (previewWindowType === 'popup' && popupRef.current) {
+                popupRef.current.postMessage(message, url);
+            }
+            // Post message to embedded iframe
+            if (previewWindowType === 'iframe' && iframeRef.current) {
+                iframeRef.current.contentWindow?.postMessage(message, url);
+            }
+        }
+    }, [
+        fields,
+        url,
+        iframeHasLoaded,
+        previewWindowType,
+        popupRef,
+        appIsReady,
+        iframeRef,
+        setIframeHasLoaded,
+        fieldSchemaJSON,
+        mostRecentUpdate
+    ]);
+    if (previewWindowType === 'iframe') {
+        return /*#__PURE__*/ _react.default.createElement("div", {
+            className: [
+                baseClass,
+                breakpoint && breakpoint !== 'responsive' && `${baseClass}--has-breakpoint`
+            ].filter(Boolean).join(' ')
+        }, /*#__PURE__*/ _react.default.createElement("div", {
+            className: `${baseClass}__wrapper`
+        }, /*#__PURE__*/ _react.default.createElement(_Toolbar.LivePreviewToolbar, props), /*#__PURE__*/ _react.default.createElement("div", {
+            className: `${baseClass}__main`
+        }, /*#__PURE__*/ _react.default.createElement(_Device.DeviceContainer, null, url ? /*#__PURE__*/ _react.default.createElement(_IFrame.IFrame, {
+            ref: iframeRef,
+            setIframeHasLoaded: setIframeHasLoaded,
+            url: url
+        }) : /*#__PURE__*/ _react.default.createElement(_ui.ShimmerEffect, {
+            height: "100%"
+        })))));
+    }
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9MaXZlUHJldmlldy9QcmV2aWV3L2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbmltcG9ydCB0eXBlIHsgRWRpdFZpZXdQcm9wcyB9IGZyb20gJ3BheWxvYWQvY29uZmlnJ1xuXG5pbXBvcnQge1xuICBTaGltbWVyRWZmZWN0LFxuICByZWR1Y2VGaWVsZHNUb1ZhbHVlcyxcbiAgdXNlQWxsRm9ybUZpZWxkcyxcbiAgdXNlRG9jdW1lbnRFdmVudHMsXG59IGZyb20gJ0BwYXlsb2FkY21zL3VpJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyB1c2VMaXZlUHJldmlld0NvbnRleHQgfSBmcm9tICcuLi9Db250ZXh0L2NvbnRleHQnXG5pbXBvcnQgeyBEZXZpY2VDb250YWluZXIgfSBmcm9tICcuLi9EZXZpY2UnXG5pbXBvcnQgeyBJRnJhbWUgfSBmcm9tICcuLi9JRnJhbWUnXG5pbXBvcnQgeyBMaXZlUHJldmlld1Rvb2xiYXIgfSBmcm9tICcuLi9Ub29sYmFyJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdsaXZlLXByZXZpZXctd2luZG93J1xuXG5leHBvcnQgY29uc3QgTGl2ZVByZXZpZXc6IFJlYWN0LkZDPEVkaXRWaWV3UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBhcHBJc1JlYWR5LFxuICAgIGlmcmFtZUhhc0xvYWRlZCxcbiAgICBpZnJhbWVSZWYsXG4gICAgcG9wdXBSZWYsXG4gICAgcHJldmlld1dpbmRvd1R5cGUsXG4gICAgc2V0SWZyYW1lSGFzTG9hZGVkLFxuICAgIHVybCxcbiAgfSA9IHVzZUxpdmVQcmV2aWV3Q29udGV4dCgpXG5cbiAgY29uc3QgeyBtb3N0UmVjZW50VXBkYXRlIH0gPSB1c2VEb2N1bWVudEV2ZW50cygpXG5cbiAgY29uc3QgeyBicmVha3BvaW50LCBmaWVsZFNjaGVtYUpTT04gfSA9IHVzZUxpdmVQcmV2aWV3Q29udGV4dCgpXG5cbiAgY29uc3QgcHJldldpbmRvd1R5cGUgPVxuICAgIFJlYWN0LnVzZVJlZjxSZXR1cm5UeXBlPHR5cGVvZiB1c2VMaXZlUHJldmlld0NvbnRleHQ+WydwcmV2aWV3V2luZG93VHlwZSddPigpXG5cbiAgY29uc3QgW2ZpZWxkc10gPSB1c2VBbGxGb3JtRmllbGRzKClcblxuICAvLyBUaGUgcHJldmlldyBjb3VsZCBlaXRoZXIgYmUgYW4gaWZyYW1lIGVtYmVkZGVkIG9uIHRoZSBwYWdlXG4gIC8vIE9yIGl0IGNvdWxkIGJlIGEgc2VwYXJhdGUgcG9wdXAgd2luZG93XG4gIC8vIFdlIG5lZWQgdG8gdHJhbnNtaXQgZGF0YSB0byBib3RoIGFjY29yZGluZ2x5XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgLy8gRm9yIHBlcmZvcm1hbmNlLCBkbyBubyByZWR1Y2UgZmllbGRzIHRvIHZhbHVlcyB1bnRpbCBhZnRlciB0aGUgaWZyYW1lIG9yIHBvcHVwIGhhcyBsb2FkZWRcbiAgICBpZiAoZmllbGRzICYmIHdpbmRvdyAmJiAncG9zdE1lc3NhZ2UnIGluIHdpbmRvdyAmJiBhcHBJc1JlYWR5KSB7XG4gICAgICBjb25zdCB2YWx1ZXMgPSByZWR1Y2VGaWVsZHNUb1ZhbHVlcyhmaWVsZHMsIHRydWUpXG5cbiAgICAgIC8vIFRvIHJlZHVjZSBvbiBsYXJnZSBgcG9zdE1lc3NhZ2VgIHBheWxvYWRzLCBvbmx5IHNlbmQgYGZpZWxkU2NoZW1hVG9KU09OYCBvbmUgdGltZVxuICAgICAgLy8gVG8gZG8gdGhpcywgdGhlIHVuZGVybHlpbmcgSlMgZnVuY3Rpb24gbWFpbnRhaW5zIGEgY2FjaGUgb2YgdGhpcyB2YWx1ZVxuICAgICAgLy8gU28gd2UgbmVlZCB0byBzZW5kIGl0IHRocm91Z2ggZWFjaCB0aW1lIHRoZSB3aW5kb3cgdHlwZSBjaGFuZ2VzXG4gICAgICAvLyBCdXQgb25seSBvbmNlIHBlciB3aW5kb3cgdHlwZSBjaGFuZ2UsIG5vdCBvbiBldmVyeSByZW5kZXIsIGJlY2F1c2UgdGhpcyBpcyBhIHBvdGVudGlhbGx5IGxhcmdlIG9ialxuICAgICAgY29uc3Qgc2hvdWxkU2VuZFNjaGVtYSA9XG4gICAgICAgICFwcmV2V2luZG93VHlwZS5jdXJyZW50IHx8IHByZXZXaW5kb3dUeXBlLmN1cnJlbnQgIT09IHByZXZpZXdXaW5kb3dUeXBlXG5cbiAgICAgIHByZXZXaW5kb3dUeXBlLmN1cnJlbnQgPSBwcmV2aWV3V2luZG93VHlwZVxuXG4gICAgICBjb25zdCBtZXNzYWdlID0ge1xuICAgICAgICB0eXBlOiAncGF5bG9hZC1saXZlLXByZXZpZXcnLFxuICAgICAgICBkYXRhOiB2YWx1ZXMsXG4gICAgICAgIGV4dGVybmFsbHlVcGRhdGVkUmVsYXRpb25zaGlwOiBtb3N0UmVjZW50VXBkYXRlLFxuICAgICAgICBmaWVsZFNjaGVtYUpTT046IHNob3VsZFNlbmRTY2hlbWEgPyBmaWVsZFNjaGVtYUpTT04gOiB1bmRlZmluZWQsXG4gICAgICB9XG5cbiAgICAgIC8vIFBvc3QgbWVzc2FnZSB0byBleHRlcm5hbCBwb3B1cCB3aW5kb3dcbiAgICAgIGlmIChwcmV2aWV3V2luZG93VHlwZSA9PT0gJ3BvcHVwJyAmJiBwb3B1cFJlZi5jdXJyZW50KSB7XG4gICAgICAgIHBvcHVwUmVmLmN1cnJlbnQucG9zdE1lc3NhZ2UobWVzc2FnZSwgdXJsKVxuICAgICAgfVxuXG4gICAgICAvLyBQb3N0IG1lc3NhZ2UgdG8gZW1iZWRkZWQgaWZyYW1lXG4gICAgICBpZiAocHJldmlld1dpbmRvd1R5cGUgPT09ICdpZnJhbWUnICYmIGlmcmFtZVJlZi5jdXJyZW50KSB7XG4gICAgICAgIGlmcmFtZVJlZi5jdXJyZW50LmNvbnRlbnRXaW5kb3c/LnBvc3RNZXNzYWdlKG1lc3NhZ2UsIHVybClcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtcbiAgICBmaWVsZHMsXG4gICAgdXJsLFxuICAgIGlmcmFtZUhhc0xvYWRlZCxcbiAgICBwcmV2aWV3V2luZG93VHlwZSxcbiAgICBwb3B1cFJlZixcbiAgICBhcHBJc1JlYWR5LFxuICAgIGlmcmFtZVJlZixcbiAgICBzZXRJZnJhbWVIYXNMb2FkZWQsXG4gICAgZmllbGRTY2hlbWFKU09OLFxuICAgIG1vc3RSZWNlbnRVcGRhdGUsXG4gIF0pXG5cbiAgaWYgKHByZXZpZXdXaW5kb3dUeXBlID09PSAnaWZyYW1lJykge1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17W1xuICAgICAgICAgIGJhc2VDbGFzcyxcbiAgICAgICAgICBicmVha3BvaW50ICYmIGJyZWFrcG9pbnQgIT09ICdyZXNwb25zaXZlJyAmJiBgJHtiYXNlQ2xhc3N9LS1oYXMtYnJlYWtwb2ludGAsXG4gICAgICAgIF1cbiAgICAgICAgICAuZmlsdGVyKEJvb2xlYW4pXG4gICAgICAgICAgLmpvaW4oJyAnKX1cbiAgICAgID5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3dyYXBwZXJgfT5cbiAgICAgICAgICA8TGl2ZVByZXZpZXdUb29sYmFyIHsuLi5wcm9wc30gLz5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbWFpbmB9PlxuICAgICAgICAgICAgPERldmljZUNvbnRhaW5lcj5cbiAgICAgICAgICAgICAge3VybCA/IChcbiAgICAgICAgICAgICAgICA8SUZyYW1lIHJlZj17aWZyYW1lUmVmfSBzZXRJZnJhbWVIYXNMb2FkZWQ9e3NldElmcmFtZUhhc0xvYWRlZH0gdXJsPXt1cmx9IC8+XG4gICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgPFNoaW1tZXJFZmZlY3QgaGVpZ2h0PVwiMTAwJVwiIC8+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0RldmljZUNvbnRhaW5lcj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICApXG4gIH1cbn1cbiJdLCJuYW1lcyI6WyJMaXZlUHJldmlldyIsImJhc2VDbGFzcyIsInByb3BzIiwiYXBwSXNSZWFkeSIsImlmcmFtZUhhc0xvYWRlZCIsImlmcmFtZVJlZiIsInBvcHVwUmVmIiwicHJldmlld1dpbmRvd1R5cGUiLCJzZXRJZnJhbWVIYXNMb2FkZWQiLCJ1cmwiLCJ1c2VMaXZlUHJldmlld0NvbnRleHQiLCJtb3N0UmVjZW50VXBkYXRlIiwidXNlRG9jdW1lbnRFdmVudHMiLCJicmVha3BvaW50IiwiZmllbGRTY2hlbWFKU09OIiwicHJldldpbmRvd1R5cGUiLCJSZWFjdCIsInVzZVJlZiIsImZpZWxkcyIsInVzZUFsbEZvcm1GaWVsZHMiLCJ1c2VFZmZlY3QiLCJ3aW5kb3ciLCJ2YWx1ZXMiLCJyZWR1Y2VGaWVsZHNUb1ZhbHVlcyIsInNob3VsZFNlbmRTY2hlbWEiLCJjdXJyZW50IiwibWVzc2FnZSIsInR5cGUiLCJkYXRhIiwiZXh0ZXJuYWxseVVwZGF0ZWRSZWxhdGlvbnNoaXAiLCJ1bmRlZmluZWQiLCJwb3N0TWVzc2FnZSIsImNvbnRlbnRXaW5kb3ciLCJkaXYiLCJjbGFzc05hbWUiLCJmaWx0ZXIiLCJCb29sZWFuIiwiam9pbiIsIkxpdmVQcmV2aWV3VG9vbGJhciIsIkRldmljZUNvbnRhaW5lciIsIklGcmFtZSIsInJlZiIsIlNoaW1tZXJFZmZlY3QiLCJoZWlnaHQiXSwibWFwcGluZ3MiOiJBQUFBOzs7OzsrQkFtQmFBOzs7ZUFBQUE7OztvQkFYTjsrREFDMEI7eUJBRUs7d0JBQ047d0JBQ1Q7eUJBQ1k7UUFDNUI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVQLE1BQU1DLFlBQVk7QUFFWCxNQUFNRCxjQUF1QyxDQUFDRTtJQUNuRCxNQUFNLEVBQ0pDLFVBQVUsRUFDVkMsZUFBZSxFQUNmQyxTQUFTLEVBQ1RDLFFBQVEsRUFDUkMsaUJBQWlCLEVBQ2pCQyxrQkFBa0IsRUFDbEJDLEdBQUcsRUFDSixHQUFHQyxJQUFBQSw4QkFBcUI7SUFFekIsTUFBTSxFQUFFQyxnQkFBZ0IsRUFBRSxHQUFHQyxJQUFBQSxxQkFBaUI7SUFFOUMsTUFBTSxFQUFFQyxVQUFVLEVBQUVDLGVBQWUsRUFBRSxHQUFHSixJQUFBQSw4QkFBcUI7SUFFN0QsTUFBTUssaUJBQ0pDLGNBQUssQ0FBQ0MsTUFBTTtJQUVkLE1BQU0sQ0FBQ0MsT0FBTyxHQUFHQyxJQUFBQSxvQkFBZ0I7SUFFakMsNkRBQTZEO0lBQzdELHlDQUF5QztJQUN6QywrQ0FBK0M7SUFDL0NDLElBQUFBLGdCQUFTLEVBQUM7UUFDUiw0RkFBNEY7UUFDNUYsSUFBSUYsVUFBVUcsVUFBVSxpQkFBaUJBLFVBQVVsQixZQUFZO1lBQzdELE1BQU1tQixTQUFTQyxJQUFBQSx3QkFBb0IsRUFBQ0wsUUFBUTtZQUU1QyxvRkFBb0Y7WUFDcEYseUVBQXlFO1lBQ3pFLGtFQUFrRTtZQUNsRSxxR0FBcUc7WUFDckcsTUFBTU0sbUJBQ0osQ0FBQ1QsZUFBZVUsT0FBTyxJQUFJVixlQUFlVSxPQUFPLEtBQUtsQjtZQUV4RFEsZUFBZVUsT0FBTyxHQUFHbEI7WUFFekIsTUFBTW1CLFVBQVU7Z0JBQ2RDLE1BQU07Z0JBQ05DLE1BQU1OO2dCQUNOTywrQkFBK0JsQjtnQkFDL0JHLGlCQUFpQlUsbUJBQW1CVixrQkFBa0JnQjtZQUN4RDtZQUVBLHdDQUF3QztZQUN4QyxJQUFJdkIsc0JBQXNCLFdBQVdELFNBQVNtQixPQUFPLEVBQUU7Z0JBQ3JEbkIsU0FBU21CLE9BQU8sQ0FBQ00sV0FBVyxDQUFDTCxTQUFTakI7WUFDeEM7WUFFQSxrQ0FBa0M7WUFDbEMsSUFBSUYsc0JBQXNCLFlBQVlGLFVBQVVvQixPQUFPLEVBQUU7Z0JBQ3ZEcEIsVUFBVW9CLE9BQU8sQ0FBQ08sYUFBYSxFQUFFRCxZQUFZTCxTQUFTakI7WUFDeEQ7UUFDRjtJQUNGLEdBQUc7UUFDRFM7UUFDQVQ7UUFDQUw7UUFDQUc7UUFDQUQ7UUFDQUg7UUFDQUU7UUFDQUc7UUFDQU07UUFDQUg7S0FDRDtJQUVELElBQUlKLHNCQUFzQixVQUFVO1FBQ2xDLHFCQUNFLDZCQUFDMEI7WUFDQ0MsV0FBVztnQkFDVGpDO2dCQUNBWSxjQUFjQSxlQUFlLGdCQUFnQixDQUFDLEVBQUVaLFVBQVUsZ0JBQWdCLENBQUM7YUFDNUUsQ0FDRWtDLE1BQU0sQ0FBQ0MsU0FDUEMsSUFBSSxDQUFDO3lCQUVSLDZCQUFDSjtZQUFJQyxXQUFXLENBQUMsRUFBRWpDLFVBQVUsU0FBUyxDQUFDO3lCQUNyQyw2QkFBQ3FDLDJCQUFrQixFQUFLcEMsc0JBQ3hCLDZCQUFDK0I7WUFBSUMsV0FBVyxDQUFDLEVBQUVqQyxVQUFVLE1BQU0sQ0FBQzt5QkFDbEMsNkJBQUNzQyx1QkFBZSxRQUNiOUIsb0JBQ0MsNkJBQUMrQixjQUFNO1lBQUNDLEtBQUtwQztZQUFXRyxvQkFBb0JBO1lBQW9CQyxLQUFLQTsyQkFFckUsNkJBQUNpQyxpQkFBYTtZQUFDQyxRQUFPOztJQU9wQztBQUNGIn0=

package/dist/pages/LivePreview/Preview/index.scss

@@ -0,0 +1,41 @@
+@import '../../../scss/styles.scss';
+
+.live-preview-window {
+  background-color: var(--theme-bg);
+  width: 60%;
+  flex-shrink: 0;
+  flex-grow: 0;
+  position: sticky;
+  top: var(--doc-controls-height);
+  height: calc(100vh - var(--doc-controls-height));
+  overflow: hidden;
+
+  &__wrapper {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    justify-content: flex-start;
+  }
+
+  &__main {
+    flex-grow: 1;
+    height: 100%;
+    width: 100%;
+  }
+
+  &--has-breakpoint {
+    .live-preview-iframe {
+      border: 1px solid var(--theme-elevation-100);
+    }
+
+    .live-preview-window {
+      &__main {
+        padding: var(--base);
+      }
+    }
+  }
+
+  @include mid-break {
+    width: 100%;
+  }
+}

package/dist/pages/LivePreview/Toolbar/Controls/index.d.ts

@@ -0,0 +1,5 @@
+import type { EditViewProps } from 'payload/config';
+import React from 'react';
+import './index.scss';
+export declare const ToolbarControls: React.FC<EditViewProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/pages/LivePreview/Toolbar/Controls/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/pages/LivePreview/Toolbar/Controls/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAGnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AASrB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwGnD,CAAA"}