payload 2.0.0-beta.2 → 2.0.0-beta.4

package/dist/admin/components/views/LivePreview/PreviewContext/collisionDetection.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "customCollisionDetection", {
+    enumerable: true,
+    get: function() {
+        return customCollisionDetection;
+    }
+});
+const _core = require("@dnd-kit/core");
+const customCollisionDetection = ({ collisionRect, droppableContainers, ...args })=>{
+    const droppableContainer = droppableContainers.find(({ id })=>id === 'live-preview-area');
+    const rectIntersectionCollisions = (0, _core.rectIntersection)({
+        ...args,
+        collisionRect,
+        droppableContainers: [
+            droppableContainer
+        ]
+    });
+    // Collision detection algorithms return an array of collisions
+    if (rectIntersectionCollisions.length === 0) {
+        // The preview area is not intersecting, return early
+        return rectIntersectionCollisions;
+    }
+    // Compute whether the draggable element is completely contained within the preview area
+    const previewAreaRect = droppableContainer?.rect?.current;
+    const isContained = collisionRect.top >= previewAreaRect.top && collisionRect.left >= previewAreaRect.left && collisionRect.bottom <= previewAreaRect.bottom && collisionRect.right <= previewAreaRect.right;
+    if (isContained) {
+        return rectIntersectionCollisions;
+    }
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL3ZpZXdzL0xpdmVQcmV2aWV3L1ByZXZpZXdDb250ZXh0L2NvbGxpc2lvbkRldGVjdGlvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbGxpc2lvbkRldGVjdGlvbiB9IGZyb20gJ0BkbmQta2l0L2NvcmUnXG5cbmltcG9ydCB7IHJlY3RJbnRlcnNlY3Rpb24gfSBmcm9tICdAZG5kLWtpdC9jb3JlJ1xuXG4vLyBJZiB0aGUgdG9vbGJhciBleGl0cyB0aGUgcHJldmlldyBhcmVhLCB3ZSBuZWVkIHRvIHJlc2V0IGl0cyBwb3NpdGlvblxuLy8gVGhpcyB3aWxsIHByZXZlbnQgdGhlIHRvb2xiYXIgZnJvbSBnZXR0aW5nIHN0dWNrIG91dHNpZGUgdGhlIHByZXZpZXcgYXJlYVxuZXhwb3J0IGNvbnN0IGN1c3RvbUNvbGxpc2lvbkRldGVjdGlvbjogQ29sbGlzaW9uRGV0ZWN0aW9uID0gKHtcbiAgY29sbGlzaW9uUmVjdCxcbiAgZHJvcHBhYmxlQ29udGFpbmVycyxcbiAgLi4uYXJnc1xufSkgPT4ge1xuICBjb25zdCBkcm9wcGFibGVDb250YWluZXIgPSBkcm9wcGFibGVDb250YWluZXJzLmZpbmQoKHsgaWQgfSkgPT4gaWQgPT09ICdsaXZlLXByZXZpZXctYXJlYScpXG5cbiAgY29uc3QgcmVjdEludGVyc2VjdGlvbkNvbGxpc2lvbnMgPSByZWN0SW50ZXJzZWN0aW9uKHtcbiAgICAuLi5hcmdzLFxuICAgIGNvbGxpc2lvblJlY3QsXG4gICAgZHJvcHBhYmxlQ29udGFpbmVyczogW2Ryb3BwYWJsZUNvbnRhaW5lcl0sXG4gIH0pXG5cbiAgLy8gQ29sbGlzaW9uIGRldGVjdGlvbiBhbGdvcml0aG1zIHJldHVybiBhbiBhcnJheSBvZiBjb2xsaXNpb25zXG4gIGlmIChyZWN0SW50ZXJzZWN0aW9uQ29sbGlzaW9ucy5sZW5ndGggPT09IDApIHtcbiAgICAvLyBUaGUgcHJldmlldyBhcmVhIGlzIG5vdCBpbnRlcnNlY3RpbmcsIHJldHVybiBlYXJseVxuICAgIHJldHVybiByZWN0SW50ZXJzZWN0aW9uQ29sbGlzaW9uc1xuICB9XG5cbiAgLy8gQ29tcHV0ZSB3aGV0aGVyIHRoZSBkcmFnZ2FibGUgZWxlbWVudCBpcyBjb21wbGV0ZWx5IGNvbnRhaW5lZCB3aXRoaW4gdGhlIHByZXZpZXcgYXJlYVxuICBjb25zdCBwcmV2aWV3QXJlYVJlY3QgPSBkcm9wcGFibGVDb250YWluZXI/LnJlY3Q/LmN1cnJlbnRcblxuICBjb25zdCBpc0NvbnRhaW5lZCA9XG4gICAgY29sbGlzaW9uUmVjdC50b3AgPj0gcHJldmlld0FyZWFSZWN0LnRvcCAmJlxuICAgIGNvbGxpc2lvblJlY3QubGVmdCA+PSBwcmV2aWV3QXJlYVJlY3QubGVmdCAmJlxuICAgIGNvbGxpc2lvblJlY3QuYm90dG9tIDw9IHByZXZpZXdBcmVhUmVjdC5ib3R0b20gJiZcbiAgICBjb2xsaXNpb25SZWN0LnJpZ2h0IDw9IHByZXZpZXdBcmVhUmVjdC5yaWdodFxuXG4gIGlmIChpc0NvbnRhaW5lZCkge1xuICAgIHJldHVybiByZWN0SW50ZXJzZWN0aW9uQ29sbGlzaW9uc1xuICB9XG59XG4iXSwibmFtZXMiOlsiY3VzdG9tQ29sbGlzaW9uRGV0ZWN0aW9uIiwiY29sbGlzaW9uUmVjdCIsImRyb3BwYWJsZUNvbnRhaW5lcnMiLCJhcmdzIiwiZHJvcHBhYmxlQ29udGFpbmVyIiwiZmluZCIsImlkIiwicmVjdEludGVyc2VjdGlvbkNvbGxpc2lvbnMiLCJyZWN0SW50ZXJzZWN0aW9uIiwibGVuZ3RoIiwicHJldmlld0FyZWFSZWN0IiwicmVjdCIsImN1cnJlbnQiLCJpc0NvbnRhaW5lZCIsInRvcCIsImxlZnQiLCJib3R0b20iLCJyaWdodCJdLCJtYXBwaW5ncyI6Ijs7OzsrQkFNYUE7OztlQUFBQTs7O3NCQUpvQjtBQUkxQixNQUFNQSwyQkFBK0MsQ0FBQyxFQUMzREMsYUFBYSxFQUNiQyxtQkFBbUIsRUFDbkIsR0FBR0MsTUFDSjtJQUNDLE1BQU1DLHFCQUFxQkYsb0JBQW9CRyxJQUFJLENBQUMsQ0FBQyxFQUFFQyxFQUFFLEVBQUUsR0FBS0EsT0FBTztJQUV2RSxNQUFNQyw2QkFBNkJDLElBQUFBLHNCQUFnQixFQUFDO1FBQ2xELEdBQUdMLElBQUk7UUFDUEY7UUFDQUMscUJBQXFCO1lBQUNFO1NBQW1CO0lBQzNDO0lBRUEsK0RBQStEO0lBQy9ELElBQUlHLDJCQUEyQkUsTUFBTSxLQUFLLEdBQUc7UUFDM0MscURBQXFEO1FBQ3JELE9BQU9GO0lBQ1Q7SUFFQSx3RkFBd0Y7SUFDeEYsTUFBTUcsa0JBQWtCTixvQkFBb0JPLE1BQU1DO0lBRWxELE1BQU1DLGNBQ0paLGNBQWNhLEdBQUcsSUFBSUosZ0JBQWdCSSxHQUFHLElBQ3hDYixjQUFjYyxJQUFJLElBQUlMLGdCQUFnQkssSUFBSSxJQUMxQ2QsY0FBY2UsTUFBTSxJQUFJTixnQkFBZ0JNLE1BQU0sSUFDOUNmLGNBQWNnQixLQUFLLElBQUlQLGdCQUFnQk8sS0FBSztJQUU5QyxJQUFJSixhQUFhO1FBQ2YsT0FBT047SUFDVDtBQUNGIn0=

package/dist/admin/components/views/LivePreview/PreviewContext/context.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    LivePreviewContext: function() {
+        return LivePreviewContext;
+    },
+    useLivePreviewContext: function() {
+        return useLivePreviewContext;
+    }
+});
+const _react = require("react");
+const LivePreviewContext = (0, _react.createContext)({
+    breakpoint: undefined,
+    breakpoints: undefined,
+    deviceFrameRef: undefined,
+    iframeHasLoaded: false,
+    iframeRef: undefined,
+    setBreakpoint: ()=>{},
+    setHeight: ()=>{},
+    setIframeHasLoaded: ()=>{},
+    setSize: ()=>{},
+    setToolbarPosition: ()=>{},
+    setWidth: ()=>{},
+    setZoom: ()=>{},
+    size: {
+        height: 0,
+        width: 0
+    },
+    toolbarPosition: {
+        x: 0,
+        y: 0
+    },
+    zoom: 1
+});
+const useLivePreviewContext = ()=>(0, _react.useContext)(LivePreviewContext);
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL3ZpZXdzL0xpdmVQcmV2aWV3L1ByZXZpZXdDb250ZXh0L2NvbnRleHQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBEaXNwYXRjaCB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyBjcmVhdGVDb250ZXh0LCB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB0eXBlIHsgTGl2ZVByZXZpZXcgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9leHBvcnRzL2NvbmZpZydcbmltcG9ydCB0eXBlIHsgU2l6ZVJlZHVjZXJBY3Rpb24gfSBmcm9tICcuL3NpemVSZWR1Y2VyJ1xuXG5leHBvcnQgaW50ZXJmYWNlIExpdmVQcmV2aWV3Q29udGV4dFR5cGUge1xuICBicmVha3BvaW50OiBMaXZlUHJldmlld1snYnJlYWtwb2ludHMnXVtudW1iZXJdWyduYW1lJ11cbiAgYnJlYWtwb2ludHM6IExpdmVQcmV2aWV3WydicmVha3BvaW50cyddXG4gIGRldmljZUZyYW1lUmVmOiBSZWFjdC5SZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+XG4gIGlmcmFtZUhhc0xvYWRlZDogYm9vbGVhblxuICBpZnJhbWVSZWY6IFJlYWN0LlJlZk9iamVjdDxIVE1MSUZyYW1lRWxlbWVudD5cbiAgc2V0QnJlYWtwb2ludDogKGJyZWFrcG9pbnQ6IExpdmVQcmV2aWV3WydicmVha3BvaW50cyddW251bWJlcl1bJ25hbWUnXSkgPT4gdm9pZFxuICBzZXRIZWlnaHQ6IChoZWlnaHQ6IG51bWJlcikgPT4gdm9pZFxuICBzZXRJZnJhbWVIYXNMb2FkZWQ6IChsb2FkZWQ6IGJvb2xlYW4pID0+IHZvaWRcbiAgc2V0U2l6ZTogRGlzcGF0Y2g8U2l6ZVJlZHVjZXJBY3Rpb24+XG4gIHNldFRvb2xiYXJQb3NpdGlvbjogKHBvc2l0aW9uOiB7IHg6IG51bWJlcjsgeTogbnVtYmVyIH0pID0+IHZvaWRcbiAgc2V0V2lkdGg6ICh3aWR0aDogbnVtYmVyKSA9PiB2b2lkXG4gIHNldFpvb206ICh6b29tOiBudW1iZXIpID0+IHZvaWRcbiAgc2l6ZToge1xuICAgIGhlaWdodDogbnVtYmVyXG4gICAgd2lkdGg6IG51bWJlclxuICB9XG4gIHRvb2xiYXJQb3NpdGlvbjoge1xuICAgIHg6IG51bWJlclxuICAgIHk6IG51bWJlclxuICB9XG4gIHpvb206IG51bWJlclxufVxuXG5leHBvcnQgY29uc3QgTGl2ZVByZXZpZXdDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxMaXZlUHJldmlld0NvbnRleHRUeXBlPih7XG4gIGJyZWFrcG9pbnQ6IHVuZGVmaW5lZCxcbiAgYnJlYWtwb2ludHM6IHVuZGVmaW5lZCxcbiAgZGV2aWNlRnJhbWVSZWY6IHVuZGVmaW5lZCxcbiAgaWZyYW1lSGFzTG9hZGVkOiBmYWxzZSxcbiAgaWZyYW1lUmVmOiB1bmRlZmluZWQsXG4gIHNldEJyZWFrcG9pbnQ6ICgpID0+IHt9LFxuICBzZXRIZWlnaHQ6ICgpID0+IHt9LFxuICBzZXRJZnJhbWVIYXNMb2FkZWQ6ICgpID0+IHt9LFxuICBzZXRTaXplOiAoKSA9PiB7fSxcbiAgc2V0VG9vbGJhclBvc2l0aW9uOiAoKSA9PiB7fSxcbiAgc2V0V2lkdGg6ICgpID0+IHt9LFxuICBzZXRab29tOiAoKSA9PiB7fSxcbiAgc2l6ZToge1xuICAgIGhlaWdodDogMCxcbiAgICB3aWR0aDogMCxcbiAgfSxcbiAgdG9vbGJhclBvc2l0aW9uOiB7XG4gICAgeDogMCxcbiAgICB5OiAwLFxuICB9LFxuICB6b29tOiAxLFxufSlcblxuZXhwb3J0IGNvbnN0IHVzZUxpdmVQcmV2aWV3Q29udGV4dCA9ICgpID0+IHVzZUNvbnRleHQoTGl2ZVByZXZpZXdDb250ZXh0KVxuIl0sIm5hbWVzIjpbIkxpdmVQcmV2aWV3Q29udGV4dCIsInVzZUxpdmVQcmV2aWV3Q29udGV4dCIsImNyZWF0ZUNvbnRleHQiLCJicmVha3BvaW50IiwidW5kZWZpbmVkIiwiYnJlYWtwb2ludHMiLCJkZXZpY2VGcmFtZVJlZiIsImlmcmFtZUhhc0xvYWRlZCIsImlmcmFtZVJlZiIsInNldEJyZWFrcG9pbnQiLCJzZXRIZWlnaHQiLCJzZXRJZnJhbWVIYXNMb2FkZWQiLCJzZXRTaXplIiwic2V0VG9vbGJhclBvc2l0aW9uIiwic2V0V2lkdGgiLCJzZXRab29tIiwic2l6ZSIsImhlaWdodCIsIndpZHRoIiwidG9vbGJhclBvc2l0aW9uIiwieCIsInkiLCJ6b29tIiwidXNlQ29udGV4dCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7SUErQmFBLGtCQUFrQjtlQUFsQkE7O0lBd0JBQyxxQkFBcUI7ZUFBckJBOzs7dUJBckQ2QjtBQTZCbkMsTUFBTUQscUJBQXFCRSxJQUFBQSxvQkFBYSxFQUF5QjtJQUN0RUMsWUFBWUM7SUFDWkMsYUFBYUQ7SUFDYkUsZ0JBQWdCRjtJQUNoQkcsaUJBQWlCO0lBQ2pCQyxXQUFXSjtJQUNYSyxlQUFlLEtBQU87SUFDdEJDLFdBQVcsS0FBTztJQUNsQkMsb0JBQW9CLEtBQU87SUFDM0JDLFNBQVMsS0FBTztJQUNoQkMsb0JBQW9CLEtBQU87SUFDM0JDLFVBQVUsS0FBTztJQUNqQkMsU0FBUyxLQUFPO0lBQ2hCQyxNQUFNO1FBQ0pDLFFBQVE7UUFDUkMsT0FBTztJQUNUO0lBQ0FDLGlCQUFpQjtRQUNmQyxHQUFHO1FBQ0hDLEdBQUc7SUFDTDtJQUNBQyxNQUFNO0FBQ1I7QUFFTyxNQUFNckIsd0JBQXdCLElBQU1zQixJQUFBQSxpQkFBVSxFQUFDdkIifQ==

package/dist/admin/components/views/LivePreview/PreviewContext/index.js

@@ -0,0 +1,149 @@
+"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 _useResize = require("../../../../utilities/useResize");
+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 = {};
+    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 } = props;
+    const iframeRef = _react.default.useRef(null);
+    const deviceFrameRef = _react.default.useRef(null);
+    const [iframeHasLoaded, setIframeHasLoaded] = _react.default.useState(false);
+    const [zoom, setZoom] = _react.default.useState(1);
+    const [position, setPosition] = _react.default.useState({
+        x: 0,
+        y: 0
+    });
+    const [size, setSize] = _react.default.useReducer(_sizeReducer.sizeReducer, {
+        height: 0,
+        width: 0
+    });
+    const [breakpoint, setBreakpoint] = _react.default.useState('responsive');
+    const foundBreakpoint = breakpoint && breakpoints.find((bp)=>bp.name === breakpoint);
+    let margin = '0';
+    if (foundBreakpoint && breakpoint !== 'responsive') {
+        margin = '0 auto';
+        if (typeof zoom === 'number' && typeof foundBreakpoint.width === 'number' && typeof foundBreakpoint.height === 'number') {
+            // keep it centered horizontally
+            margin = `0 ${foundBreakpoint.width / 2 / zoom}px`;
+        }
+    }
+    // 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
+        // otherwise reset it back to the previous position
+        // TODO: reset to the nearest edge of the preview area
+        if (ev.over && ev.over.id === 'live-preview-area') {
+            const newPos = {
+                x: position.x + ev.delta.x,
+                y: position.y + ev.delta.y
+            };
+            setPosition(newPos);
+        } else {
+        // reset
+        }
+    };
+    const setWidth = (0, _react.useCallback)((width)=>{
+        setSize({
+            type: 'width',
+            value: width
+        });
+    }, [
+        setSize
+    ]);
+    const setHeight = (0, _react.useCallback)((height)=>{
+        setSize({
+            type: 'height',
+            value: height
+        });
+    }, [
+        setSize
+    ]);
+    const { size: actualDeviceSize } = (0, _useResize.useResize)(deviceFrameRef);
+    (0, _react.useEffect)(()=>{
+        if (actualDeviceSize) {
+            setSize({
+                type: 'reset',
+                value: {
+                    height: Number(actualDeviceSize.height.toFixed(0)),
+                    width: Number(actualDeviceSize.width.toFixed(0))
+                }
+            });
+        }
+    }, [
+        actualDeviceSize
+    ]);
+    return /*#__PURE__*/ _react.default.createElement(_context.LivePreviewContext.Provider, {
+        value: {
+            breakpoint,
+            breakpoints,
+            deviceFrameRef,
+            iframeHasLoaded,
+            iframeRef,
+            setBreakpoint,
+            setHeight,
+            setIframeHasLoaded,
+            setSize,
+            setToolbarPosition: setPosition,
+            setWidth,
+            setZoom,
+            size,
+            toolbarPosition: position,
+            zoom
+        }
+    }, /*#__PURE__*/ _react.default.createElement(_core.DndContext, {
+        collisionDetection: _collisionDetection.customCollisionDetection,
+        onDragEnd: handleDragEnd
+    }, children));
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL3ZpZXdzL0xpdmVQcmV2aWV3L1ByZXZpZXdDb250ZXh0L2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEbmRDb250ZXh0IH0gZnJvbSAnQGRuZC1raXQvY29yZSdcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB0eXBlIHsgTGl2ZVByZXZpZXcgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9leHBvcnRzL2NvbmZpZydcbmltcG9ydCB0eXBlIHsgRWRpdFZpZXdQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzJ1xuaW1wb3J0IHR5cGUgeyB1c2VQb3B1cFdpbmRvdyB9IGZyb20gJy4uL3VzZVBvcHVwV2luZG93J1xuXG5pbXBvcnQgeyB1c2VSZXNpemUgfSBmcm9tICcuLi8uLi8uLi8uLi91dGlsaXRpZXMvdXNlUmVzaXplJ1xuaW1wb3J0IHsgY3VzdG9tQ29sbGlzaW9uRGV0ZWN0aW9uIH0gZnJvbSAnLi9jb2xsaXNpb25EZXRlY3Rpb24nXG5pbXBvcnQgeyBMaXZlUHJldmlld0NvbnRleHQgfSBmcm9tICcuL2NvbnRleHQnXG5pbXBvcnQgeyBzaXplUmVkdWNlciB9IGZyb20gJy4vc2l6ZVJlZHVjZXInXG5cbmV4cG9ydCB0eXBlIFRvb2xiYXJQcm92aWRlclByb3BzID0gRWRpdFZpZXdQcm9wcyAmIHtcbiAgYnJlYWtwb2ludHM/OiBMaXZlUHJldmlld1snYnJlYWtwb2ludHMnXVxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG4gIGRldmljZVNpemU/OiB7XG4gICAgaGVpZ2h0OiBudW1iZXJcbiAgICB3aWR0aDogbnVtYmVyXG4gIH1cbiAgcG9wdXBTdGF0ZTogUmV0dXJuVHlwZTx0eXBlb2YgdXNlUG9wdXBXaW5kb3c+XG4gIHVybD86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgTGl2ZVByZXZpZXdQcm92aWRlcjogUmVhY3QuRkM8VG9vbGJhclByb3ZpZGVyUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYnJlYWtwb2ludHMsIGNoaWxkcmVuIH0gPSBwcm9wc1xuXG4gIGNvbnN0IGlmcmFtZVJlZiA9IFJlYWN0LnVzZVJlZjxIVE1MSUZyYW1lRWxlbWVudD4obnVsbClcblxuICBjb25zdCBkZXZpY2VGcmFtZVJlZiA9IFJlYWN0LnVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbClcblxuICBjb25zdCBbaWZyYW1lSGFzTG9hZGVkLCBzZXRJZnJhbWVIYXNMb2FkZWRdID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpXG5cbiAgY29uc3QgW3pvb20sIHNldFpvb21dID0gUmVhY3QudXNlU3RhdGUoMSlcblxuICBjb25zdCBbcG9zaXRpb24sIHNldFBvc2l0aW9uXSA9IFJlYWN0LnVzZVN0YXRlKHsgeDogMCwgeTogMCB9KVxuXG4gIGNvbnN0IFtzaXplLCBzZXRTaXplXSA9IFJlYWN0LnVzZVJlZHVjZXIoc2l6ZVJlZHVjZXIsIHsgaGVpZ2h0OiAwLCB3aWR0aDogMCB9KVxuXG4gIGNvbnN0IFticmVha3BvaW50LCBzZXRCcmVha3BvaW50XSA9XG4gICAgUmVhY3QudXNlU3RhdGU8TGl2ZVByZXZpZXdbJ2JyZWFrcG9pbnRzJ11bMF1bJ25hbWUnXT4oJ3Jlc3BvbnNpdmUnKVxuXG4gIGNvbnN0IGZvdW5kQnJlYWtwb2ludCA9IGJyZWFrcG9pbnQgJiYgYnJlYWtwb2ludHMuZmluZCgoYnApID0+IGJwLm5hbWUgPT09IGJyZWFrcG9pbnQpXG5cbiAgbGV0IG1hcmdpbiA9ICcwJ1xuXG4gIGlmIChmb3VuZEJyZWFrcG9pbnQgJiYgYnJlYWtwb2ludCAhPT0gJ3Jlc3BvbnNpdmUnKSB7XG4gICAgbWFyZ2luID0gJzAgYXV0bydcblxuICAgIGlmIChcbiAgICAgIHR5cGVvZiB6b29tID09PSAnbnVtYmVyJyAmJlxuICAgICAgdHlwZW9mIGZvdW5kQnJlYWtwb2ludC53aWR0aCA9PT0gJ251bWJlcicgJiZcbiAgICAgIHR5cGVvZiBmb3VuZEJyZWFrcG9pbnQuaGVpZ2h0ID09PSAnbnVtYmVyJ1xuICAgICkge1xuICAgICAgLy8ga2VlcCBpdCBjZW50ZXJlZCBob3Jpem9udGFsbHlcbiAgICAgIG1hcmdpbiA9IGAwICR7Zm91bmRCcmVha3BvaW50LndpZHRoIC8gMiAvIHpvb219cHhgXG4gICAgfVxuICB9XG5cbiAgLy8gVGhlIHRvb2xiYXIgbmVlZHMgdG8gZnJlZWx5IGRyYWcgYW5kIGRyb3AgYXJvdW5kIHRoZSBwYWdlXG4gIGNvbnN0IGhhbmRsZURyYWdFbmQgPSAoZXYpID0+IHtcbiAgICAvLyBvbmx5IHVwZGF0ZSBwb3NpdGlvbiBpZiB0aGUgdG9vbGJhciBpcyBjb21wbGV0ZWx5IHdpdGhpbiB0aGUgcHJldmlldyBhcmVhXG4gICAgLy8gb3RoZXJ3aXNlIHJlc2V0IGl0IGJhY2sgdG8gdGhlIHByZXZpb3VzIHBvc2l0aW9uXG4gICAgLy8gVE9ETzogcmVzZXQgdG8gdGhlIG5lYXJlc3QgZWRnZSBvZiB0aGUgcHJldmlldyBhcmVhXG4gICAgaWYgKGV2Lm92ZXIgJiYgZXYub3Zlci5pZCA9PT0gJ2xpdmUtcHJldmlldy1hcmVhJykge1xuICAgICAgY29uc3QgbmV3UG9zID0ge1xuICAgICAgICB4OiBwb3NpdGlvbi54ICsgZXYuZGVsdGEueCxcbiAgICAgICAgeTogcG9zaXRpb24ueSArIGV2LmRlbHRhLnksXG4gICAgICB9XG5cbiAgICAgIHNldFBvc2l0aW9uKG5ld1BvcylcbiAgICB9IGVsc2Uge1xuICAgICAgLy8gcmVzZXRcbiAgICB9XG4gIH1cblxuICBjb25zdCBzZXRXaWR0aCA9IHVzZUNhbGxiYWNrKFxuICAgICh3aWR0aCkgPT4ge1xuICAgICAgc2V0U2l6ZSh7IHR5cGU6ICd3aWR0aCcsIHZhbHVlOiB3aWR0aCB9KVxuICAgIH0sXG4gICAgW3NldFNpemVdLFxuICApXG5cbiAgY29uc3Qgc2V0SGVpZ2h0ID0gdXNlQ2FsbGJhY2soXG4gICAgKGhlaWdodCkgPT4ge1xuICAgICAgc2V0U2l6ZSh7IHR5cGU6ICdoZWlnaHQnLCB2YWx1ZTogaGVpZ2h0IH0pXG4gICAgfSxcbiAgICBbc2V0U2l6ZV0sXG4gIClcblxuICBjb25zdCB7IHNpemU6IGFjdHVhbERldmljZVNpemUgfSA9IHVzZVJlc2l6ZShkZXZpY2VGcmFtZVJlZilcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChhY3R1YWxEZXZpY2VTaXplKSB7XG4gICAgICBzZXRTaXplKHtcbiAgICAgICAgdHlwZTogJ3Jlc2V0JyxcbiAgICAgICAgdmFsdWU6IHtcbiAgICAgICAgICBoZWlnaHQ6IE51bWJlcihhY3R1YWxEZXZpY2VTaXplLmhlaWdodC50b0ZpeGVkKDApKSxcbiAgICAgICAgICB3aWR0aDogTnVtYmVyKGFjdHVhbERldmljZVNpemUud2lkdGgudG9GaXhlZCgwKSksXG4gICAgICAgIH0sXG4gICAgICB9KVxuICAgIH1cbiAgfSwgW2FjdHVhbERldmljZVNpemVdKVxuXG4gIHJldHVybiAoXG4gICAgPExpdmVQcmV2aWV3Q29udGV4dC5Qcm92aWRlclxuICAgICAgdmFsdWU9e3tcbiAgICAgICAgYnJlYWtwb2ludCxcbiAgICAgICAgYnJlYWtwb2ludHMsXG4gICAgICAgIGRldmljZUZyYW1lUmVmLFxuICAgICAgICBpZnJhbWVIYXNMb2FkZWQsXG4gICAgICAgIGlmcmFtZVJlZixcbiAgICAgICAgc2V0QnJlYWtwb2ludCxcbiAgICAgICAgc2V0SGVpZ2h0LFxuICAgICAgICBzZXRJZnJhbWVIYXNMb2FkZWQsXG4gICAgICAgIHNldFNpemUsXG4gICAgICAgIHNldFRvb2xiYXJQb3NpdGlvbjogc2V0UG9zaXRpb24sXG4gICAgICAgIHNldFdpZHRoLFxuICAgICAgICBzZXRab29tLFxuICAgICAgICBzaXplLFxuICAgICAgICB0b29sYmFyUG9zaXRpb246IHBvc2l0aW9uLFxuICAgICAgICB6b29tLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8RG5kQ29udGV4dCBjb2xsaXNpb25EZXRlY3Rpb249e2N1c3RvbUNvbGxpc2lvbkRldGVjdGlvbn0gb25EcmFnRW5kPXtoYW5kbGVEcmFnRW5kfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9EbmRDb250ZXh0PlxuICAgIDwvTGl2ZVByZXZpZXdDb250ZXh0LlByb3ZpZGVyPlxuICApXG59XG4iXSwibmFtZXMiOlsiTGl2ZVByZXZpZXdQcm92aWRlciIsInByb3BzIiwiYnJlYWtwb2ludHMiLCJjaGlsZHJlbiIsImlmcmFtZVJlZiIsIlJlYWN0IiwidXNlUmVmIiwiZGV2aWNlRnJhbWVSZWYiLCJpZnJhbWVIYXNMb2FkZWQiLCJzZXRJZnJhbWVIYXNMb2FkZWQiLCJ1c2VTdGF0ZSIsInpvb20iLCJzZXRab29tIiwicG9zaXRpb24iLCJzZXRQb3NpdGlvbiIsIngiLCJ5Iiwic2l6ZSIsInNldFNpemUiLCJ1c2VSZWR1Y2VyIiwic2l6ZVJlZHVjZXIiLCJoZWlnaHQiLCJ3aWR0aCIsImJyZWFrcG9pbnQiLCJzZXRCcmVha3BvaW50IiwiZm91bmRCcmVha3BvaW50IiwiZmluZCIsImJwIiwibmFtZSIsIm1hcmdpbiIsImhhbmRsZURyYWdFbmQiLCJldiIsIm92ZXIiLCJpZCIsIm5ld1BvcyIsImRlbHRhIiwic2V0V2lkdGgiLCJ1c2VDYWxsYmFjayIsInR5cGUiLCJ2YWx1ZSIsInNldEhlaWdodCIsImFjdHVhbERldmljZVNpemUiLCJ1c2VSZXNpemUiLCJ1c2VFZmZlY3QiLCJOdW1iZXIiLCJ0b0ZpeGVkIiwiTGl2ZVByZXZpZXdDb250ZXh0IiwiUHJvdmlkZXIiLCJzZXRUb29sYmFyUG9zaXRpb24iLCJ0b29sYmFyUG9zaXRpb24iLCJEbmRDb250ZXh0IiwiY29sbGlzaW9uRGV0ZWN0aW9uIiwiY3VzdG9tQ29sbGlzaW9uRGV0ZWN0aW9uIiwib25EcmFnRW5kIl0sIm1hcHBpbmdzIjoiOzs7OytCQXVCYUE7OztlQUFBQTs7O3NCQXZCYzsrREFDbUI7MkJBTXBCO29DQUNlO3lCQUNOOzZCQUNQOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7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

package/dist/admin/components/views/LivePreview/PreviewContext/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL3ZpZXdzL0xpdmVQcmV2aWV3L1ByZXZpZXdDb250ZXh0L3NpemVSZWR1Y2VyLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIGV4cG9ydCBjb25zdCBzaXplUmVkdWNlcjogKHN0YXRlLCBhY3Rpb24pID0+IHtcbi8vICAgc3dpdGNoIChhY3Rpb24udHlwZSkge1xuLy8gICAgIGNhc2UgJ3dpZHRoJzpcbi8vICAgICAgIHJldHVybiB7IC4uLnN0YXRlLCB3aWR0aDogYWN0aW9uLnZhbHVlIH1cbi8vICAgICBjYXNlICdoZWlnaHQnOlxuLy8gICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIGhlaWdodDogYWN0aW9uLnZhbHVlIH1cbi8vICAgICBkZWZhdWx0OlxuLy8gICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIC4uLihhY3Rpb24/LnZhbHVlIHx8IHt9KSB9XG4vLyAgIH1cbi8vIH0sXG5cbnR5cGUgU2l6ZVJlZHVjZXJTdGF0ZSA9IHtcbiAgaGVpZ2h0OiBudW1iZXJcbiAgd2lkdGg6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBTaXplUmVkdWNlckFjdGlvbiA9XG4gIHwge1xuICAgICAgdHlwZTogJ2hlaWdodCcgfCAnd2lkdGgnXG4gICAgICB2YWx1ZTogbnVtYmVyXG4gICAgfVxuICB8IHtcbiAgICAgIHR5cGU6ICdyZXNldCdcbiAgICAgIHZhbHVlOiB7XG4gICAgICAgIGhlaWdodDogbnVtYmVyXG4gICAgICAgIHdpZHRoOiBudW1iZXJcbiAgICAgIH1cbiAgICB9XG5cbmV4cG9ydCBjb25zdCBzaXplUmVkdWNlciA9IChzdGF0ZTogU2l6ZVJlZHVjZXJTdGF0ZSwgYWN0aW9uOiBTaXplUmVkdWNlckFjdGlvbikgPT4ge1xuICBzd2l0Y2ggKGFjdGlvbi50eXBlKSB7XG4gICAgY2FzZSAnd2lkdGgnOlxuICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIHdpZHRoOiBhY3Rpb24udmFsdWUgfVxuICAgIGNhc2UgJ2hlaWdodCc6XG4gICAgICByZXR1cm4geyAuLi5zdGF0ZSwgaGVpZ2h0OiBhY3Rpb24udmFsdWUgfVxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4geyAuLi5zdGF0ZSwgLi4uKGFjdGlvbj8udmFsdWUgfHwge30pIH1cbiAgfVxufVxuIl0sIm5hbWVzIjpbInNpemVSZWR1Y2VyIiwic3RhdGUiLCJhY3Rpb24iLCJ0eXBlIiwid2lkdGgiLCJ2YWx1ZSIsImhlaWdodCJdLCJtYXBwaW5ncyI6IkFBQUEsaURBQWlEO0FBQ2pELDJCQUEyQjtBQUMzQixvQkFBb0I7QUFDcEIsaURBQWlEO0FBQ2pELHFCQUFxQjtBQUNyQixrREFBa0Q7QUFDbEQsZUFBZTtBQUNmLHNEQUFzRDtBQUN0RCxNQUFNO0FBQ04sS0FBSzs7Ozs7K0JBb0JRQTs7O2VBQUFBOzs7QUFBTixNQUFNQSxjQUFjLENBQUNDLE9BQXlCQztJQUNuRCxPQUFRQSxPQUFPQyxJQUFJO1FBQ2pCLEtBQUs7WUFDSCxPQUFPO2dCQUFFLEdBQUdGLEtBQUs7Z0JBQUVHLE9BQU9GLE9BQU9HLEtBQUs7WUFBQztRQUN6QyxLQUFLO1lBQ0gsT0FBTztnQkFBRSxHQUFHSixLQUFLO2dCQUFFSyxRQUFRSixPQUFPRyxLQUFLO1lBQUM7UUFDMUM7WUFDRSxPQUFPO2dCQUFFLEdBQUdKLEtBQUs7Z0JBQUUsR0FBSUMsUUFBUUcsU0FBUyxDQUFDLENBQUM7WUFBRTtJQUNoRDtBQUNGIn0=

package/dist/admin/components/views/LivePreview/PreviewIFrame/index.js

@@ -0,0 +1,71 @@
+"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("../PreviewContext/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 = {};
+    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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL3ZpZXdzL0xpdmVQcmV2aWV3L1ByZXZpZXdJRnJhbWUvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IHVzZUxpdmVQcmV2aWV3Q29udGV4dCB9IGZyb20gJy4uL1ByZXZpZXdDb250ZXh0L2NvbnRleHQnXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ2xpdmUtcHJldmlldy1pZnJhbWUnXG5cbmV4cG9ydCBjb25zdCBJRnJhbWU6IFJlYWN0LkZDPHtcbiAgcmVmOiBSZWFjdC5SZWY8SFRNTElGcmFtZUVsZW1lbnQ+XG4gIHNldElmcmFtZUhhc0xvYWRlZDogKHZhbHVlOiBib29sZWFuKSA9PiB2b2lkXG4gIHVybDogc3RyaW5nXG59PiA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBzZXRJZnJhbWVIYXNMb2FkZWQsIHVybCB9ID0gcHJvcHNcblxuICBjb25zdCB7IHpvb20gfSA9IHVzZUxpdmVQcmV2aWV3Q29udGV4dCgpXG5cbiAgcmV0dXJuIChcbiAgICA8aWZyYW1lXG4gICAgICBjbGFzc05hbWU9e2Jhc2VDbGFzc31cbiAgICAgIG9uTG9hZD17KCkgPT4ge1xuICAgICAgICBzZXRJZnJhbWVIYXNMb2FkZWQodHJ1ZSlcbiAgICAgIH19XG4gICAgICByZWY9e3JlZn1cbiAgICAgIHNyYz17dXJsfVxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgdHJhbnNmb3JtOiB0eXBlb2Ygem9vbSA9PT0gJ251bWJlcicgPyBgc2NhbGUoJHt6b29tfSkgYCA6IHVuZGVmaW5lZCxcbiAgICAgIH19XG4gICAgICB0aXRsZT17dXJsfVxuICAgIC8+XG4gIClcbn0pXG4iXSwibmFtZXMiOlsiSUZyYW1lIiwiYmFzZUNsYXNzIiwiZm9yd2FyZFJlZiIsInByb3BzIiwicmVmIiwic2V0SWZyYW1lSGFzTG9hZGVkIiwidXJsIiwiem9vbSIsInVzZUxpdmVQcmV2aWV3Q29udGV4dCIsImlmcmFtZSIsImNsYXNzTmFtZSIsIm9uTG9hZCIsInNyYyIsInN0eWxlIiwidHJhbnNmb3JtIiwidW5kZWZpbmVkIiwidGl0bGUiXSwibWFwcGluZ3MiOiI7Ozs7K0JBT2FBOzs7ZUFBQUE7OzsrREFQcUI7eUJBRUk7UUFDL0I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQyxZQUFZO0FBRVgsTUFBTUQsdUJBSVJFLElBQUFBLGlCQUFVLEVBQUMsQ0FBQ0MsT0FBT0M7SUFDdEIsTUFBTSxFQUFFQyxrQkFBa0IsRUFBRUMsR0FBRyxFQUFFLEdBQUdIO0lBRXBDLE1BQU0sRUFBRUksSUFBSSxFQUFFLEdBQUdDLElBQUFBLDhCQUFxQjtJQUV0QyxxQkFDRSw2QkFBQ0M7UUFDQ0MsV0FBV1Q7UUFDWFUsUUFBUTtZQUNOTixtQkFBbUI7UUFDckI7UUFDQUQsS0FBS0E7UUFDTFEsS0FBS047UUFDTE8sT0FBTztZQUNMQyxXQUFXLE9BQU9QLFNBQVMsV0FBVyxDQUFDLE1BQU0sRUFBRUEsS0FBSyxFQUFFLENBQUMsR0FBR1E7UUFDNUQ7UUFDQUMsT0FBT1Y7O0FBR2IifQ==

package/dist/admin/components/views/LivePreview/PreviewIFrame/index.scss

@@ -0,0 +1,8 @@
+@import '../../../../scss/styles.scss';
+
+.live-preview-iframe {
+  border: 0;
+  width: 100%;
+  height: 100%;
+  transform-origin: top left;
+}

package/dist/admin/components/views/LivePreview/PreviewWindow/index.js

@@ -0,0 +1,175 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PreviewWindow", {
+    enumerable: true,
+    get: function() {
+        return PreviewWindow;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _context = require("../../../forms/Form/context");
+const _reduceFieldsToValues = /*#__PURE__*/ _interop_require_default(require("../../../forms/Form/reduceFieldsToValues"));
+const _PreviewContext = require("../PreviewContext");
+const _context1 = require("../PreviewContext/context");
+const _PreviewIFrame = require("../PreviewIFrame");
+const _Toolbar = require("../Toolbar");
+const _ToolbarArea = require("../ToolbarArea");
+require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+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 = {};
+    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 ResponsiveWindow = (props)=>{
+    const { children } = props;
+    const { breakpoint, breakpoints, deviceFrameRef, zoom } = (0, _context1.useLivePreviewContext)();
+    const foundBreakpoint = breakpoint && breakpoints.find((bp)=>bp.name === breakpoint);
+    let x = '0';
+    if (foundBreakpoint && breakpoint !== 'responsive') {
+        x = '-50%';
+        if (typeof zoom === 'number' && typeof foundBreakpoint.width === 'number' && typeof foundBreakpoint.height === 'number') {
+            // keep it centered horizontally
+            x = `${foundBreakpoint.width / 2}px`;
+        }
+    }
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__responsive-window`,
+        ref: deviceFrameRef,
+        style: {
+            height: foundBreakpoint && typeof foundBreakpoint?.height === 'number' ? `${foundBreakpoint?.height / (typeof zoom === 'number' ? zoom : 1)}px` : typeof zoom === 'number' ? `${100 / zoom}%` : '100%',
+            transform: `translate3d(${x}, 0, 0)`,
+            width: foundBreakpoint && typeof foundBreakpoint?.width === 'number' ? `${foundBreakpoint?.width / (typeof zoom === 'number' ? zoom : 1)}px` : typeof zoom === 'number' ? `${100 / zoom}%` : '100%'
+        }
+    }, children);
+};
+const Preview = (props)=>{
+    const { popupState: { isPopupOpen, popupHasLoaded, popupRef }, url } = props;
+    const { iframeHasLoaded, iframeRef, setIframeHasLoaded } = (0, _context1.useLivePreviewContext)();
+    const { breakpoint, toolbarPosition } = (0, _context1.useLivePreviewContext)();
+    const [fields] = (0, _context.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)(()=>{
+        if (fields && window && 'postMessage' in window) {
+            const values = (0, _reduceFieldsToValues.default)(fields);
+            const message = JSON.stringify({
+                data: values,
+                type: 'livePreview'
+            });
+            // external window
+            if (isPopupOpen) {
+                setIframeHasLoaded(false);
+                if (popupHasLoaded && popupRef.current) {
+                    popupRef.current.postMessage(message, url);
+                }
+            }
+            // embedded iframe
+            if (!isPopupOpen) {
+                if (iframeHasLoaded && iframeRef.current) {
+                    iframeRef.current.contentWindow?.postMessage(message, url);
+                }
+            }
+        }
+    }, [
+        fields,
+        url,
+        iframeHasLoaded,
+        isPopupOpen,
+        popupRef,
+        popupHasLoaded,
+        iframeRef,
+        setIframeHasLoaded
+    ]);
+    if (!isPopupOpen) {
+        return /*#__PURE__*/ _react.default.createElement("div", {
+            className: [
+                baseClass,
+                isPopupOpen && `${baseClass}--popup-open`,
+                breakpoint && breakpoint !== 'responsive' && `${baseClass}--has-breakpoint`
+            ].filter(Boolean).join(' ')
+        }, /*#__PURE__*/ _react.default.createElement(_ToolbarArea.ToolbarArea, null, /*#__PURE__*/ _react.default.createElement("div", {
+            className: `${baseClass}__wrapper`
+        }, /*#__PURE__*/ _react.default.createElement(ResponsiveWindow, null, /*#__PURE__*/ _react.default.createElement(_PreviewIFrame.IFrame, {
+            ref: iframeRef,
+            setIframeHasLoaded: setIframeHasLoaded,
+            url: url
+        }))), /*#__PURE__*/ _react.default.createElement(_Toolbar.LivePreviewToolbar, {
+            ...props,
+            iframeRef: iframeRef,
+            style: {
+                left: `${toolbarPosition.x}px`,
+                top: `${toolbarPosition.y}px`
+            },
+            url: url
+        })));
+    }
+};
+const PreviewWindow = (props)=>{
+    let url;
+    let breakpoints = [
+        {
+            name: 'responsive',
+            height: '100%',
+            label: 'Responsive',
+            width: '100%'
+        }
+    ];
+    if ('collection' in props) {
+        url = props?.collection.admin.livePreview.url;
+        breakpoints = breakpoints.concat(props?.collection.admin.livePreview.breakpoints);
+    }
+    if ('global' in props) {
+        url = props?.global.admin.livePreview.url;
+        breakpoints = breakpoints.concat(props?.global.admin.livePreview.breakpoints);
+    }
+    return /*#__PURE__*/ _react.default.createElement(_PreviewContext.LivePreviewProvider, {
+        ...props,
+        breakpoints: breakpoints,
+        url: url
+    }, /*#__PURE__*/ _react.default.createElement(Preview, props));
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL3ZpZXdzL0xpdmVQcmV2aWV3L1ByZXZpZXdXaW5kb3cvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHR5cGUgeyBMaXZlUHJldmlldyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL2V4cG9ydHMvY29uZmlnJ1xuaW1wb3J0IHR5cGUgeyBFZGl0Vmlld1Byb3BzIH0gZnJvbSAnLi4vLi4vdHlwZXMnXG5pbXBvcnQgdHlwZSB7IHVzZVBvcHVwV2luZG93IH0gZnJvbSAnLi4vdXNlUG9wdXBXaW5kb3cnXG5cbmltcG9ydCB7IHVzZUFsbEZvcm1GaWVsZHMgfSBmcm9tICcuLi8uLi8uLi9mb3Jtcy9Gb3JtL2NvbnRleHQnXG5pbXBvcnQgcmVkdWNlRmllbGRzVG9WYWx1ZXMgZnJvbSAnLi4vLi4vLi4vZm9ybXMvRm9ybS9yZWR1Y2VGaWVsZHNUb1ZhbHVlcydcbmltcG9ydCB7IExpdmVQcmV2aWV3UHJvdmlkZXIgfSBmcm9tICcuLi9QcmV2aWV3Q29udGV4dCdcbmltcG9ydCB7IHVzZUxpdmVQcmV2aWV3Q29udGV4dCB9IGZyb20gJy4uL1ByZXZpZXdDb250ZXh0L2NvbnRleHQnXG5pbXBvcnQgeyBJRnJhbWUgfSBmcm9tICcuLi9QcmV2aWV3SUZyYW1lJ1xuaW1wb3J0IHsgTGl2ZVByZXZpZXdUb29sYmFyIH0gZnJvbSAnLi4vVG9vbGJhcidcbmltcG9ydCB7IFRvb2xiYXJBcmVhIH0gZnJvbSAnLi4vVG9vbGJhckFyZWEnXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ2xpdmUtcHJldmlldy13aW5kb3cnXG5cbmNvbnN0IFJlc3BvbnNpdmVXaW5kb3c6IFJlYWN0LkZDPHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxufT4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBjaGlsZHJlbiB9ID0gcHJvcHNcblxuICBjb25zdCB7IGJyZWFrcG9pbnQsIGJyZWFrcG9pbnRzLCBkZXZpY2VGcmFtZVJlZiwgem9vbSB9ID0gdXNlTGl2ZVByZXZpZXdDb250ZXh0KClcblxuICBjb25zdCBmb3VuZEJyZWFrcG9pbnQgPSBicmVha3BvaW50ICYmIGJyZWFrcG9pbnRzLmZpbmQoKGJwKSA9PiBicC5uYW1lID09PSBicmVha3BvaW50KVxuXG4gIGxldCB4ID0gJzAnXG5cbiAgaWYgKGZvdW5kQnJlYWtwb2ludCAmJiBicmVha3BvaW50ICE9PSAncmVzcG9uc2l2ZScpIHtcbiAgICB4ID0gJy01MCUnXG5cbiAgICBpZiAoXG4gICAgICB0eXBlb2Ygem9vbSA9PT0gJ251bWJlcicgJiZcbiAgICAgIHR5cGVvZiBmb3VuZEJyZWFrcG9pbnQud2lkdGggPT09ICdudW1iZXInICYmXG4gICAgICB0eXBlb2YgZm91bmRCcmVha3BvaW50LmhlaWdodCA9PT0gJ251bWJlcidcbiAgICApIHtcbiAgICAgIC8vIGtlZXAgaXQgY2VudGVyZWQgaG9yaXpvbnRhbGx5XG4gICAgICB4ID0gYCR7Zm91bmRCcmVha3BvaW50LndpZHRoIC8gMn1weGBcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fcmVzcG9uc2l2ZS13aW5kb3dgfVxuICAgICAgcmVmPXtkZXZpY2VGcmFtZVJlZn1cbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIGhlaWdodDpcbiAgICAgICAgICBmb3VuZEJyZWFrcG9pbnQgJiYgdHlwZW9mIGZvdW5kQnJlYWtwb2ludD8uaGVpZ2h0ID09PSAnbnVtYmVyJ1xuICAgICAgICAgICAgPyBgJHtmb3VuZEJyZWFrcG9pbnQ/LmhlaWdodCAvICh0eXBlb2Ygem9vbSA9PT0gJ251bWJlcicgPyB6b29tIDogMSl9cHhgXG4gICAgICAgICAgICA6IHR5cGVvZiB6b29tID09PSAnbnVtYmVyJ1xuICAgICAgICAgICAgPyBgJHsxMDAgLyB6b29tfSVgXG4gICAgICAgICAgICA6ICcxMDAlJyxcbiAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlM2QoJHt4fSwgMCwgMClgLFxuICAgICAgICB3aWR0aDpcbiAgICAgICAgICBmb3VuZEJyZWFrcG9pbnQgJiYgdHlwZW9mIGZvdW5kQnJlYWtwb2ludD8ud2lkdGggPT09ICdudW1iZXInXG4gICAgICAgICAgICA/IGAke2ZvdW5kQnJlYWtwb2ludD8ud2lkdGggLyAodHlwZW9mIHpvb20gPT09ICdudW1iZXInID8gem9vbSA6IDEpfXB4YFxuICAgICAgICAgICAgOiB0eXBlb2Ygem9vbSA9PT0gJ251bWJlcidcbiAgICAgICAgICAgID8gYCR7MTAwIC8gem9vbX0lYFxuICAgICAgICAgICAgOiAnMTAwJScsXG4gICAgICB9fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5jb25zdCBQcmV2aWV3OiBSZWFjdC5GQzxcbiAgRWRpdFZpZXdQcm9wcyAmIHtcbiAgICBwb3B1cFN0YXRlOiBSZXR1cm5UeXBlPHR5cGVvZiB1c2VQb3B1cFdpbmRvdz5cbiAgICB1cmw/OiBzdHJpbmdcbiAgfVxuPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgcG9wdXBTdGF0ZTogeyBpc1BvcHVwT3BlbiwgcG9wdXBIYXNMb2FkZWQsIHBvcHVwUmVmIH0sXG4gICAgdXJsLFxuICB9ID0gcHJvcHNcblxuICBjb25zdCB7IGlmcmFtZUhhc0xvYWRlZCwgaWZyYW1lUmVmLCBzZXRJZnJhbWVIYXNMb2FkZWQgfSA9IHVzZUxpdmVQcmV2aWV3Q29udGV4dCgpXG5cbiAgY29uc3QgeyBicmVha3BvaW50LCB0b29sYmFyUG9zaXRpb24gfSA9IHVzZUxpdmVQcmV2aWV3Q29udGV4dCgpXG5cbiAgY29uc3QgW2ZpZWxkc10gPSB1c2VBbGxGb3JtRmllbGRzKClcblxuICAvLyBUaGUgcHJldmlldyBjb3VsZCBlaXRoZXIgYmUgYW4gaWZyYW1lIGVtYmVkZGVkIG9uIHRoZSBwYWdlXG4gIC8vIE9yIGl0IGNvdWxkIGJlIGEgc2VwYXJhdGUgcG9wdXAgd2luZG93XG4gIC8vIFdlIG5lZWQgdG8gdHJhbnNtaXQgZGF0YSB0byBib3RoIGFjY29yZGluZ2x5XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGZpZWxkcyAmJiB3aW5kb3cgJiYgJ3Bvc3RNZXNzYWdlJyBpbiB3aW5kb3cpIHtcbiAgICAgIGNvbnN0IHZhbHVlcyA9IHJlZHVjZUZpZWxkc1RvVmFsdWVzKGZpZWxkcylcbiAgICAgIGNvbnN0IG1lc3NhZ2UgPSBKU09OLnN0cmluZ2lmeSh7IGRhdGE6IHZhbHVlcywgdHlwZTogJ2xpdmVQcmV2aWV3JyB9KVxuXG4gICAgICAvLyBleHRlcm5hbCB3aW5kb3dcbiAgICAgIGlmIChpc1BvcHVwT3Blbikge1xuICAgICAgICBzZXRJZnJhbWVIYXNMb2FkZWQoZmFsc2UpXG5cbiAgICAgICAgaWYgKHBvcHVwSGFzTG9hZGVkICYmIHBvcHVwUmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICBwb3B1cFJlZi5jdXJyZW50LnBvc3RNZXNzYWdlKG1lc3NhZ2UsIHVybClcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAvLyBlbWJlZGRlZCBpZnJhbWVcbiAgICAgIGlmICghaXNQb3B1cE9wZW4pIHtcbiAgICAgICAgaWYgKGlmcmFtZUhhc0xvYWRlZCAmJiBpZnJhbWVSZWYuY3VycmVudCkge1xuICAgICAgICAgIGlmcmFtZVJlZi5jdXJyZW50LmNvbnRlbnRXaW5kb3c/LnBvc3RNZXNzYWdlKG1lc3NhZ2UsIHVybClcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfSwgW1xuICAgIGZpZWxkcyxcbiAgICB1cmwsXG4gICAgaWZyYW1lSGFzTG9hZGVkLFxuICAgIGlzUG9wdXBPcGVuLFxuICAgIHBvcHVwUmVmLFxuICAgIHBvcHVwSGFzTG9hZGVkLFxuICAgIGlmcmFtZVJlZixcbiAgICBzZXRJZnJhbWVIYXNMb2FkZWQsXG4gIF0pXG5cbiAgaWYgKCFpc1BvcHVwT3Blbikge1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17W1xuICAgICAgICAgIGJhc2VDbGFzcyxcbiAgICAgICAgICBpc1BvcHVwT3BlbiAmJiBgJHtiYXNlQ2xhc3N9LS1wb3B1cC1vcGVuYCxcbiAgICAgICAgICBicmVha3BvaW50ICYmIGJyZWFrcG9pbnQgIT09ICdyZXNwb25zaXZlJyAmJiBgJHtiYXNlQ2xhc3N9LS1oYXMtYnJlYWtwb2ludGAsXG4gICAgICAgIF1cbiAgICAgICAgICAuZmlsdGVyKEJvb2xlYW4pXG4gICAgICAgICAgLmpvaW4oJyAnKX1cbiAgICAgID5cbiAgICAgICAgPFRvb2xiYXJBcmVhPlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X193cmFwcGVyYH0+XG4gICAgICAgICAgICA8UmVzcG9uc2l2ZVdpbmRvdz5cbiAgICAgICAgICAgICAgPElGcmFtZSByZWY9e2lmcmFtZVJlZn0gc2V0SWZyYW1lSGFzTG9hZGVkPXtzZXRJZnJhbWVIYXNMb2FkZWR9IHVybD17dXJsfSAvPlxuICAgICAgICAgICAgPC9SZXNwb25zaXZlV2luZG93PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxMaXZlUHJldmlld1Rvb2xiYXJcbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgIGlmcmFtZVJlZj17aWZyYW1lUmVmfVxuICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgbGVmdDogYCR7dG9vbGJhclBvc2l0aW9uLnh9cHhgLFxuICAgICAgICAgICAgICB0b3A6IGAke3Rvb2xiYXJQb3NpdGlvbi55fXB4YCxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICB1cmw9e3VybH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1Rvb2xiYXJBcmVhPlxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9XG59XG5cbmV4cG9ydCBjb25zdCBQcmV2aWV3V2luZG93OiBSZWFjdC5GQzxcbiAgRWRpdFZpZXdQcm9wcyAmIHtcbiAgICBwb3B1cFN0YXRlOiBSZXR1cm5UeXBlPHR5cGVvZiB1c2VQb3B1cFdpbmRvdz5cbiAgICB1cmw/OiBzdHJpbmdcbiAgfVxuPiA9IChwcm9wcykgPT4ge1xuICBsZXQgdXJsXG5cbiAgbGV0IGJyZWFrcG9pbnRzOiBMaXZlUHJldmlld1snYnJlYWtwb2ludHMnXSA9IFtcbiAgICB7XG4gICAgICBuYW1lOiAncmVzcG9uc2l2ZScsXG4gICAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICAgIGxhYmVsOiAnUmVzcG9uc2l2ZScsXG4gICAgICB3aWR0aDogJzEwMCUnLFxuICAgIH0sXG4gIF1cblxuICBpZiAoJ2NvbGxlY3Rpb24nIGluIHByb3BzKSB7XG4gICAgdXJsID0gcHJvcHM/LmNvbGxlY3Rpb24uYWRtaW4ubGl2ZVByZXZpZXcudXJsXG4gICAgYnJlYWtwb2ludHMgPSBicmVha3BvaW50cy5jb25jYXQocHJvcHM/LmNvbGxlY3Rpb24uYWRtaW4ubGl2ZVByZXZpZXcuYnJlYWtwb2ludHMpXG4gIH1cblxuICBpZiAoJ2dsb2JhbCcgaW4gcHJvcHMpIHtcbiAgICB1cmwgPSBwcm9wcz8uZ2xvYmFsLmFkbWluLmxpdmVQcmV2aWV3LnVybFxuICAgIGJyZWFrcG9pbnRzID0gYnJlYWtwb2ludHMuY29uY2F0KHByb3BzPy5nbG9iYWwuYWRtaW4ubGl2ZVByZXZpZXcuYnJlYWtwb2ludHMpXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxMaXZlUHJldmlld1Byb3ZpZGVyIHsuLi5wcm9wc30gYnJlYWtwb2ludHM9e2JyZWFrcG9pbnRzfSB1cmw9e3VybH0+XG4gICAgICA8UHJldmlldyB7Li4ucHJvcHN9IC8+XG4gICAgPC9MaXZlUHJldmlld1Byb3ZpZGVyPlxuICApXG59XG4iXSwibmFtZXMiOlsiUHJldmlld1dpbmRvdyIsImJhc2VDbGFzcyIsIlJlc3BvbnNpdmVXaW5kb3ciLCJwcm9wcyIsImNoaWxkcmVuIiwiYnJlYWtwb2ludCIsImJyZWFrcG9pbnRzIiwiZGV2aWNlRnJhbWVSZWYiLCJ6b29tIiwidXNlTGl2ZVByZXZpZXdDb250ZXh0IiwiZm91bmRCcmVha3BvaW50IiwiZmluZCIsImJwIiwibmFtZSIsIngiLCJ3aWR0aCIsImhlaWdodCIsImRpdiIsImNsYXNzTmFtZSIsInJlZiIsInN0eWxlIiwidHJhbnNmb3JtIiwiUHJldmlldyIsInBvcHVwU3RhdGUiLCJpc1BvcHVwT3BlbiIsInBvcHVwSGFzTG9hZGVkIiwicG9wdXBSZWYiLCJ1cmwiLCJpZnJhbWVIYXNMb2FkZWQiLCJpZnJhbWVSZWYiLCJzZXRJZnJhbWVIYXNMb2FkZWQiLCJ0b29sYmFyUG9zaXRpb24iLCJmaWVsZHMiLCJ1c2VBbGxGb3JtRmllbGRzIiwidXNlRWZmZWN0Iiwid2luZG93IiwidmFsdWVzIiwicmVkdWNlRmllbGRzVG9WYWx1ZXMiLCJtZXNzYWdlIiwiSlNPTiIsInN0cmluZ2lmeSIsImRhdGEiLCJ0eXBlIiwiY3VycmVudCIsInBvc3RNZXNzYWdlIiwiY29udGVudFdpbmRvdyIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwiVG9vbGJhckFyZWEiLCJJRnJhbWUiLCJMaXZlUHJldmlld1Rvb2xiYXIiLCJsZWZ0IiwidG9wIiwieSIsImxhYmVsIiwiY29sbGVjdGlvbiIsImFkbWluIiwibGl2ZVByZXZpZXciLCJjb25jYXQiLCJnbG9iYWwiLCJMaXZlUHJldmlld1Byb3ZpZGVyIl0sIm1hcHBpbmdzIjoiOzs7OytCQXNKYUE7OztlQUFBQTs7OytEQXRKb0I7eUJBTUE7NkVBQ0E7Z0NBQ0c7MEJBQ0U7K0JBQ2Y7eUJBQ1k7NkJBQ1A7UUFDckI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVQLE1BQU1DLFlBQVk7QUFFbEIsTUFBTUMsbUJBRUQsQ0FBQ0M7SUFDSixNQUFNLEVBQUVDLFFBQVEsRUFBRSxHQUFHRDtJQUVyQixNQUFNLEVBQUVFLFVBQVUsRUFBRUMsV0FBVyxFQUFFQyxjQUFjLEVBQUVDLElBQUksRUFBRSxHQUFH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

package/dist/admin/components/views/LivePreview/PreviewWindow/index.scss

@@ -0,0 +1,26 @@
+@import '../../../../scss/styles.scss';
+
+.live-preview-window {
+  width: 60%;
+  position: sticky;
+  top: var(--doc-controls-height);
+  height: calc(100vh - var(--doc-controls-height));
+  overflow: hidden;
+
+  &--has-breakpoint {
+    padding-top: var(--base);
+
+    .live-preview-iframe {
+      border: 1px solid var(--theme-elevation-100);
+    }
+  }
+
+  &__wrapper {
+    height: 100%;
+    width: 100%;
+  }
+
+  @include mid-break {
+    width: 100%;
+  }
+}