@payloadcms/next 3.0.0-alpha.4 → 3.0.0-alpha.40

package/dist/views/List/meta.js

@@ -0,0 +1,19 @@
+import { getTranslation } from '@payloadcms/translations';
+import { meta } from '../../utilities/meta.js';
+export const generateListMetadata = async (args)=>{
+    const { collectionConfig, config, i18n } = args;
+    let title = '';
+    const description = '';
+    const keywords = '';
+    if (collectionConfig) {
+        title = getTranslation(collectionConfig.labels.plural, i18n);
+    }
+    return meta({
+        config,
+        description,
+        keywords,
+        title
+    });
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy92aWV3cy9MaXN0L21ldGEudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXRhZGF0YSB9IGZyb20gJ25leHQnXG5pbXBvcnQgdHlwZSB7IFNhbml0aXplZENvbGxlY3Rpb25Db25maWcgfSBmcm9tICdwYXlsb2FkL3R5cGVzJ1xuXG5pbXBvcnQgeyBnZXRUcmFuc2xhdGlvbiB9IGZyb20gJ0BwYXlsb2FkY21zL3RyYW5zbGF0aW9ucydcblxuaW1wb3J0IHR5cGUgeyBHZW5lcmF0ZVZpZXdNZXRhZGF0YSB9IGZyb20gJy4uL1Jvb3QvaW5kZXguanMnXG5cbmltcG9ydCB7IG1ldGEgfSBmcm9tICcuLi8uLi91dGlsaXRpZXMvbWV0YS5qcydcblxuZXhwb3J0IGNvbnN0IGdlbmVyYXRlTGlzdE1ldGFkYXRhID0gYXN5bmMgKFxuICBhcmdzOiBQYXJhbWV0ZXJzPEdlbmVyYXRlVmlld01ldGFkYXRhPlswXSAmIHtcbiAgICBjb2xsZWN0aW9uQ29uZmlnOiBTYW5pdGl6ZWRDb2xsZWN0aW9uQ29uZmlnXG4gIH0sXG4pOiBQcm9taXNlPE1ldGFkYXRhPiA9PiB7XG4gIGNvbnN0IHsgY29sbGVjdGlvbkNvbmZpZywgY29uZmlnLCBpMThuIH0gPSBhcmdzXG5cbiAgbGV0IHRpdGxlOiBzdHJpbmcgPSAnJ1xuICBjb25zdCBkZXNjcmlwdGlvbjogc3RyaW5nID0gJydcbiAgY29uc3Qga2V5d29yZHM6IHN0cmluZyA9ICcnXG5cbiAgaWYgKGNvbGxlY3Rpb25Db25maWcpIHtcbiAgICB0aXRsZSA9IGdldFRyYW5zbGF0aW9uKGNvbGxlY3Rpb25Db25maWcubGFiZWxzLnBsdXJhbCwgaTE4bilcbiAgfVxuXG4gIHJldHVybiBtZXRhKHtcbiAgICBjb25maWcsXG4gICAgZGVzY3JpcHRpb24sXG4gICAga2V5d29yZHMsXG4gICAgdGl0bGUsXG4gIH0pXG59XG4iXSwibmFtZXMiOlsiZ2V0VHJhbnNsYXRpb24iLCJtZXRhIiwiZ2VuZXJhdGVMaXN0TWV0YWRhdGEiLCJhcmdzIiwiY29sbGVjdGlvbkNvbmZpZyIsImNvbmZpZyIsImkxOG4iLCJ0aXRsZSIsImRlc2NyaXB0aW9uIiwia2V5d29yZHMiLCJsYWJlbHMiLCJwbHVyYWwiXSwibWFwcGluZ3MiOiJBQUdBLFNBQVNBLGNBQWMsUUFBUSwyQkFBMEI7QUFJekQsU0FBU0MsSUFBSSxRQUFRLDBCQUF5QjtBQUU5QyxPQUFPLE1BQU1DLHVCQUF1QixPQUNsQ0M7SUFJQSxNQUFNLEVBQUVDLGdCQUFnQixFQUFFQyxNQUFNLEVBQUVDLElBQUksRUFBRSxHQUFHSDtJQUUzQyxJQUFJSSxRQUFnQjtJQUNwQixNQUFNQyxjQUFzQjtJQUM1QixNQUFNQyxXQUFtQjtJQUV6QixJQUFJTCxrQkFBa0I7UUFDcEJHLFFBQVFQLGVBQWVJLGlCQUFpQk0sTUFBTSxDQUFDQyxNQUFNLEVBQUVMO0lBQ3pEO0lBRUEsT0FBT0wsS0FBSztRQUNWSTtRQUNBRztRQUNBQztRQUNBRjtJQUNGO0FBQ0YsRUFBQyJ9

package/dist/{pages → views}/LivePreview/Context/collisionDetection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collisionDetection.d.ts","sourceRoot":"","sources":["../../../../src/pages/LivePreview/Context/collisionDetection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAMvD,eAAO,MAAM,wBAAwB,EAAE,kBA+BtC,CAAA"}
+{"version":3,"file":"collisionDetection.d.ts","sourceRoot":"","sources":["../../../../src/views/LivePreview/Context/collisionDetection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAMvD,eAAO,MAAM,wBAAwB,EAAE,kBA+BtC,CAAA"}

package/dist/{pages → views}/LivePreview/Context/collisionDetection.js

@@ -1,17 +1,9 @@
-"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 })=>{
+import { rectIntersection } from '@dnd-kit/core';
+// If the toolbar exits the preview area, we need to reset its position
+// This will prevent the toolbar from getting stuck outside the preview area
+export const customCollisionDetection = ({ collisionRect, droppableContainers, ...args })=>{
     const droppableContainer = droppableContainers.find(({ id })=>id === 'live-preview-area');
-    const rectIntersectionCollisions = (0, _core.rectIntersection)({
+    const rectIntersectionCollisions = rectIntersection({
         ...args,
         collisionRect,
         droppableContainers: [
@@ -31,4 +23,4 @@ const customCollisionDetection = ({ collisionRect, droppableContainers, ...args
     }
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9MaXZlUHJldmlldy9Db250ZXh0L2NvbGxpc2lvbkRldGVjdGlvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbGxpc2lvbkRldGVjdGlvbiB9IGZyb20gJ0BkbmQta2l0L2NvcmUnXG5cbmltcG9ydCB7IHJlY3RJbnRlcnNlY3Rpb24gfSBmcm9tICdAZG5kLWtpdC9jb3JlJ1xuXG4vLyBJZiB0aGUgdG9vbGJhciBleGl0cyB0aGUgcHJldmlldyBhcmVhLCB3ZSBuZWVkIHRvIHJlc2V0IGl0cyBwb3NpdGlvblxuLy8gVGhpcyB3aWxsIHByZXZlbnQgdGhlIHRvb2xiYXIgZnJvbSBnZXR0aW5nIHN0dWNrIG91dHNpZGUgdGhlIHByZXZpZXcgYXJlYVxuZXhwb3J0IGNvbnN0IGN1c3RvbUNvbGxpc2lvbkRldGVjdGlvbjogQ29sbGlzaW9uRGV0ZWN0aW9uID0gKHtcbiAgY29sbGlzaW9uUmVjdCxcbiAgZHJvcHBhYmxlQ29udGFpbmVycyxcbiAgLi4uYXJnc1xufSkgPT4ge1xuICBjb25zdCBkcm9wcGFibGVDb250YWluZXIgPSBkcm9wcGFibGVDb250YWluZXJzLmZpbmQoKHsgaWQgfSkgPT4gaWQgPT09ICdsaXZlLXByZXZpZXctYXJlYScpXG5cbiAgY29uc3QgcmVjdEludGVyc2VjdGlvbkNvbGxpc2lvbnMgPSByZWN0SW50ZXJzZWN0aW9uKHtcbiAgICAuLi5hcmdzLFxuICAgIGNvbGxpc2lvblJlY3QsXG4gICAgZHJvcHBhYmxlQ29udGFpbmVyczogW2Ryb3BwYWJsZUNvbnRhaW5lcl0sXG4gIH0pXG5cbiAgLy8gQ29sbGlzaW9uIGRldGVjdGlvbiBhbGdvcml0aG1zIHJldHVybiBhbiBhcnJheSBvZiBjb2xsaXNpb25zXG4gIGlmIChyZWN0SW50ZXJzZWN0aW9uQ29sbGlzaW9ucy5sZW5ndGggPT09IDApIHtcbiAgICAvLyBUaGUgcHJldmlldyBhcmVhIGlzIG5vdCBpbnRlcnNlY3RpbmcsIHJldHVybiBlYXJseVxuICAgIHJldHVybiByZWN0SW50ZXJzZWN0aW9uQ29sbGlzaW9uc1xuICB9XG5cbiAgLy8gQ29tcHV0ZSB3aGV0aGVyIHRoZSBkcmFnZ2FibGUgZWxlbWVudCBpcyBjb21wbGV0ZWx5IGNvbnRhaW5lZCB3aXRoaW4gdGhlIHByZXZpZXcgYXJlYVxuICBjb25zdCBwcmV2aWV3QXJlYVJlY3QgPSBkcm9wcGFibGVDb250YWluZXI/LnJlY3Q/LmN1cnJlbnRcblxuICBjb25zdCBpc0NvbnRhaW5lZCA9XG4gICAgY29sbGlzaW9uUmVjdC50b3AgPj0gcHJldmlld0FyZWFSZWN0LnRvcCAmJlxuICAgIGNvbGxpc2lvblJlY3QubGVmdCA+PSBwcmV2aWV3QXJlYVJlY3QubGVmdCAmJlxuICAgIGNvbGxpc2lvblJlY3QuYm90dG9tIDw9IHByZXZpZXdBcmVhUmVjdC5ib3R0b20gJiZcbiAgICBjb2xsaXNpb25SZWN0LnJpZ2h0IDw9IHByZXZpZXdBcmVhUmVjdC5yaWdodFxuXG4gIGlmIChpc0NvbnRhaW5lZCkge1xuICAgIHJldHVybiByZWN0SW50ZXJzZWN0aW9uQ29sbGlzaW9uc1xuICB9XG59XG4iXSwibmFtZXMiOlsiY3VzdG9tQ29sbGlzaW9uRGV0ZWN0aW9uIiwiY29sbGlzaW9uUmVjdCIsImRyb3BwYWJsZUNvbnRhaW5lcnMiLCJhcmdzIiwiZHJvcHBhYmxlQ29udGFpbmVyIiwiZmluZCIsImlkIiwicmVjdEludGVyc2VjdGlvbkNvbGxpc2lvbnMiLCJyZWN0SW50ZXJzZWN0aW9uIiwibGVuZ3RoIiwicHJldmlld0FyZWFSZWN0IiwicmVjdCIsImN1cnJlbnQiLCJpc0NvbnRhaW5lZCIsInRvcCIsImxlZnQiLCJib3R0b20iLCJyaWdodCJdLCJtYXBwaW5ncyI6Ijs7OzsrQkFNYUE7OztlQUFBQTs7O3NCQUpvQjtBQUkxQixNQUFNQSwyQkFBK0MsQ0FBQyxFQUMzREMsYUFBYSxFQUNiQyxtQkFBbUIsRUFDbkIsR0FBR0MsTUFDSjtJQUNDLE1BQU1DLHFCQUFxQkYsb0JBQW9CRyxJQUFJLENBQUMsQ0FBQyxFQUFFQyxFQUFFLEVBQUUsR0FBS0EsT0FBTztJQUV2RSxNQUFNQyw2QkFBNkJDLElBQUFBLHNCQUFnQixFQUFDO1FBQ2xELEdBQUdMLElBQUk7UUFDUEY7UUFDQUMscUJBQXFCO1lBQUNFO1NBQW1CO0lBQzNDO0lBRUEsK0RBQStEO0lBQy9ELElBQUlHLDJCQUEyQkUsTUFBTSxLQUFLLEdBQUc7UUFDM0MscURBQXFEO1FBQ3JELE9BQU9GO0lBQ1Q7SUFFQSx3RkFBd0Y7SUFDeEYsTUFBTUcsa0JBQWtCTixvQkFBb0JPLE1BQU1DO0lBRWxELE1BQU1DLGNBQ0paLGNBQWNhLEdBQUcsSUFBSUosZ0JBQWdCSSxHQUFHLElBQ3hDYixjQUFjYyxJQUFJLElBQUlMLGdCQUFnQkssSUFBSSxJQUMxQ2QsY0FBY2UsTUFBTSxJQUFJTixnQkFBZ0JNLE1BQU0sSUFDOUNmLGNBQWNnQixLQUFLLElBQUlQLGdCQUFnQk8sS0FBSztJQUU5QyxJQUFJSixhQUFhO1FBQ2YsT0FBT047SUFDVDtBQUNGIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9Db250ZXh0L2NvbGxpc2lvbkRldGVjdGlvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbGxpc2lvbkRldGVjdGlvbiB9IGZyb20gJ0BkbmQta2l0L2NvcmUnXG5cbmltcG9ydCB7IHJlY3RJbnRlcnNlY3Rpb24gfSBmcm9tICdAZG5kLWtpdC9jb3JlJ1xuXG4vLyBJZiB0aGUgdG9vbGJhciBleGl0cyB0aGUgcHJldmlldyBhcmVhLCB3ZSBuZWVkIHRvIHJlc2V0IGl0cyBwb3NpdGlvblxuLy8gVGhpcyB3aWxsIHByZXZlbnQgdGhlIHRvb2xiYXIgZnJvbSBnZXR0aW5nIHN0dWNrIG91dHNpZGUgdGhlIHByZXZpZXcgYXJlYVxuZXhwb3J0IGNvbnN0IGN1c3RvbUNvbGxpc2lvbkRldGVjdGlvbjogQ29sbGlzaW9uRGV0ZWN0aW9uID0gKHtcbiAgY29sbGlzaW9uUmVjdCxcbiAgZHJvcHBhYmxlQ29udGFpbmVycyxcbiAgLi4uYXJnc1xufSkgPT4ge1xuICBjb25zdCBkcm9wcGFibGVDb250YWluZXIgPSBkcm9wcGFibGVDb250YWluZXJzLmZpbmQoKHsgaWQgfSkgPT4gaWQgPT09ICdsaXZlLXByZXZpZXctYXJlYScpXG5cbiAgY29uc3QgcmVjdEludGVyc2VjdGlvbkNvbGxpc2lvbnMgPSByZWN0SW50ZXJzZWN0aW9uKHtcbiAgICAuLi5hcmdzLFxuICAgIGNvbGxpc2lvblJlY3QsXG4gICAgZHJvcHBhYmxlQ29udGFpbmVyczogW2Ryb3BwYWJsZUNvbnRhaW5lcl0sXG4gIH0pXG5cbiAgLy8gQ29sbGlzaW9uIGRldGVjdGlvbiBhbGdvcml0aG1zIHJldHVybiBhbiBhcnJheSBvZiBjb2xsaXNpb25zXG4gIGlmIChyZWN0SW50ZXJzZWN0aW9uQ29sbGlzaW9ucy5sZW5ndGggPT09IDApIHtcbiAgICAvLyBUaGUgcHJldmlldyBhcmVhIGlzIG5vdCBpbnRlcnNlY3RpbmcsIHJldHVybiBlYXJseVxuICAgIHJldHVybiByZWN0SW50ZXJzZWN0aW9uQ29sbGlzaW9uc1xuICB9XG5cbiAgLy8gQ29tcHV0ZSB3aGV0aGVyIHRoZSBkcmFnZ2FibGUgZWxlbWVudCBpcyBjb21wbGV0ZWx5IGNvbnRhaW5lZCB3aXRoaW4gdGhlIHByZXZpZXcgYXJlYVxuICBjb25zdCBwcmV2aWV3QXJlYVJlY3QgPSBkcm9wcGFibGVDb250YWluZXI/LnJlY3Q/LmN1cnJlbnRcblxuICBjb25zdCBpc0NvbnRhaW5lZCA9XG4gICAgY29sbGlzaW9uUmVjdC50b3AgPj0gcHJldmlld0FyZWFSZWN0LnRvcCAmJlxuICAgIGNvbGxpc2lvblJlY3QubGVmdCA+PSBwcmV2aWV3QXJlYVJlY3QubGVmdCAmJlxuICAgIGNvbGxpc2lvblJlY3QuYm90dG9tIDw9IHByZXZpZXdBcmVhUmVjdC5ib3R0b20gJiZcbiAgICBjb2xsaXNpb25SZWN0LnJpZ2h0IDw9IHByZXZpZXdBcmVhUmVjdC5yaWdodFxuXG4gIGlmIChpc0NvbnRhaW5lZCkge1xuICAgIHJldHVybiByZWN0SW50ZXJzZWN0aW9uQ29sbGlzaW9uc1xuICB9XG59XG4iXSwibmFtZXMiOlsicmVjdEludGVyc2VjdGlvbiIsImN1c3RvbUNvbGxpc2lvbkRldGVjdGlvbiIsImNvbGxpc2lvblJlY3QiLCJkcm9wcGFibGVDb250YWluZXJzIiwiYXJncyIsImRyb3BwYWJsZUNvbnRhaW5lciIsImZpbmQiLCJpZCIsInJlY3RJbnRlcnNlY3Rpb25Db2xsaXNpb25zIiwibGVuZ3RoIiwicHJldmlld0FyZWFSZWN0IiwicmVjdCIsImN1cnJlbnQiLCJpc0NvbnRhaW5lZCIsInRvcCIsImxlZnQiLCJib3R0b20iLCJyaWdodCJdLCJtYXBwaW5ncyI6IkFBRUEsU0FBU0EsZ0JBQWdCLFFBQVEsZ0JBQWU7QUFFaEQsdUVBQXVFO0FBQ3ZFLDRFQUE0RTtBQUM1RSxPQUFPLE1BQU1DLDJCQUErQyxDQUFDLEVBQzNEQyxhQUFhLEVBQ2JDLG1CQUFtQixFQUNuQixHQUFHQyxNQUNKO0lBQ0MsTUFBTUMscUJBQXFCRixvQkFBb0JHLElBQUksQ0FBQyxDQUFDLEVBQUVDLEVBQUUsRUFBRSxHQUFLQSxPQUFPO0lBRXZFLE1BQU1DLDZCQUE2QlIsaUJBQWlCO1FBQ2xELEdBQUdJLElBQUk7UUFDUEY7UUFDQUMscUJBQXFCO1lBQUNFO1NBQW1CO0lBQzNDO0lBRUEsK0RBQStEO0lBQy9ELElBQUlHLDJCQUEyQkMsTUFBTSxLQUFLLEdBQUc7UUFDM0MscURBQXFEO1FBQ3JELE9BQU9EO0lBQ1Q7SUFFQSx3RkFBd0Y7SUFDeEYsTUFBTUUsa0JBQWtCTCxvQkFBb0JNLE1BQU1DO0lBRWxELE1BQU1DLGNBQ0pYLGNBQWNZLEdBQUcsSUFBSUosZ0JBQWdCSSxHQUFHLElBQ3hDWixjQUFjYSxJQUFJLElBQUlMLGdCQUFnQkssSUFBSSxJQUMxQ2IsY0FBY2MsTUFBTSxJQUFJTixnQkFBZ0JNLE1BQU0sSUFDOUNkLGNBQWNlLEtBQUssSUFBSVAsZ0JBQWdCTyxLQUFLO0lBRTlDLElBQUlKLGFBQWE7UUFDZixPQUFPTDtJQUNUO0FBQ0YsRUFBQyJ9

package/dist/{pages → views}/LivePreview/Context/context.d.ts

@@ -1,8 +1,8 @@
 import type { LivePreviewConfig } from 'payload/config';
 import type { fieldSchemaToJSON } from 'payload/utilities';
 import type { Dispatch } from 'react';
-import type { usePopupWindow } from '../usePopupWindow';
-import type { SizeReducerAction } from './sizeReducer';
+import type { usePopupWindow } from '../usePopupWindow.js';
+import type { SizeReducerAction } from './sizeReducer.js';
 export interface LivePreviewContextType {
     appIsReady: boolean;
     breakpoint: LivePreviewConfig['breakpoints'][number]['name'];

package/dist/views/LivePreview/Context/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/views/LivePreview/Context/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAIrC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEzD,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,OAAO,CAAA;IACnB,UAAU,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;IAC5D,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAA;IAC7C,eAAe,CAAC,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;IACtD,eAAe,EAAE,OAAO,CAAA;IACxB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAA;IAC7C,WAAW,EAAE,OAAO,CAAA;IACpB,kBAAkB,EAAE;QAClB,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,iBAAiB,CAAC,CAAA;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IAChD,iBAAiB,EAAE,QAAQ,GAAG,OAAO,CAAA;IACrC,aAAa,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,aAAa,EAAE,CAAC,UAAU,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACrF,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,kBAAkB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IAC7C,qBAAqB,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACxE,oBAAoB,EAAE,CAAC,iBAAiB,EAAE,QAAQ,GAAG,OAAO,KAAK,IAAI,CAAA;IACrE,OAAO,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAA;IACpC,kBAAkB,EAAE,CAAC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAChE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,eAAe,EAAE;QACf,CAAC,EAAE,MAAM,CAAA;QACT,CAAC,EAAE,MAAM,CAAA;KACV,CAAA;IACD,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;IACvB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,eAAO,MAAM,kBAAkB,iDAmC7B,CAAA;AAEF,eAAO,MAAM,qBAAqB,8BAAuC,CAAA"}

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

@@ -0,0 +1,40 @@
+import { createContext, useContext } from 'react';
+export const LivePreviewContext = createContext({
+    appIsReady: false,
+    breakpoint: undefined,
+    breakpoints: undefined,
+    fieldSchemaJSON: undefined,
+    iframeHasLoaded: false,
+    iframeRef: undefined,
+    isPopupOpen: false,
+    measuredDeviceSize: {
+        height: 0,
+        width: 0
+    },
+    openPopupWindow: ()=>{},
+    popupRef: undefined,
+    previewWindowType: 'iframe',
+    setAppIsReady: ()=>{},
+    setBreakpoint: ()=>{},
+    setHeight: ()=>{},
+    setIframeHasLoaded: ()=>{},
+    setMeasuredDeviceSize: ()=>{},
+    setPreviewWindowType: ()=>{},
+    setSize: ()=>{},
+    setToolbarPosition: ()=>{},
+    setWidth: ()=>{},
+    setZoom: ()=>{},
+    size: {
+        height: 0,
+        width: 0
+    },
+    toolbarPosition: {
+        x: 0,
+        y: 0
+    },
+    url: undefined,
+    zoom: 1
+});
+export const useLivePreviewContext = ()=>useContext(LivePreviewContext);
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9Db250ZXh0L2NvbnRleHQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMaXZlUHJldmlld0NvbmZpZyB9IGZyb20gJ3BheWxvYWQvY29uZmlnJ1xuaW1wb3J0IHR5cGUgeyBmaWVsZFNjaGVtYVRvSlNPTiB9IGZyb20gJ3BheWxvYWQvdXRpbGl0aWVzJ1xuaW1wb3J0IHR5cGUgeyBEaXNwYXRjaCB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyBjcmVhdGVDb250ZXh0LCB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB0eXBlIHsgdXNlUG9wdXBXaW5kb3cgfSBmcm9tICcuLi91c2VQb3B1cFdpbmRvdy5qcydcbmltcG9ydCB0eXBlIHsgU2l6ZVJlZHVjZXJBY3Rpb24gfSBmcm9tICcuL3NpemVSZWR1Y2VyLmpzJ1xuXG5leHBvcnQgaW50ZXJmYWNlIExpdmVQcmV2aWV3Q29udGV4dFR5cGUge1xuICBhcHBJc1JlYWR5OiBib29sZWFuXG4gIGJyZWFrcG9pbnQ6IExpdmVQcmV2aWV3Q29uZmlnWydicmVha3BvaW50cyddW251bWJlcl1bJ25hbWUnXVxuICBicmVha3BvaW50czogTGl2ZVByZXZpZXdDb25maWdbJ2JyZWFrcG9pbnRzJ11cbiAgZmllbGRTY2hlbWFKU09OPzogUmV0dXJuVHlwZTx0eXBlb2YgZmllbGRTY2hlbWFUb0pTT04+XG4gIGlmcmFtZUhhc0xvYWRlZDogYm9vbGVhblxuICBpZnJhbWVSZWY6IFJlYWN0LlJlZk9iamVjdDxIVE1MSUZyYW1lRWxlbWVudD5cbiAgaXNQb3B1cE9wZW46IGJvb2xlYW5cbiAgbWVhc3VyZWREZXZpY2VTaXplOiB7XG4gICAgaGVpZ2h0OiBudW1iZXJcbiAgICB3aWR0aDogbnVtYmVyXG4gIH1cbiAgb3BlblBvcHVwV2luZG93OiBSZXR1cm5UeXBlPHR5cGVvZiB1c2VQb3B1cFdpbmRvdz5bJ29wZW5Qb3B1cFdpbmRvdyddXG4gIHBvcHVwUmVmPzogUmVhY3QuTXV0YWJsZVJlZk9iamVjdDxXaW5kb3cgfCBudWxsPlxuICBwcmV2aWV3V2luZG93VHlwZTogJ2lmcmFtZScgfCAncG9wdXAnXG4gIHNldEFwcElzUmVhZHk6IChhcHBJc1JlYWR5OiBib29sZWFuKSA9PiB2b2lkXG4gIHNldEJyZWFrcG9pbnQ6IChicmVha3BvaW50OiBMaXZlUHJldmlld0NvbmZpZ1snYnJlYWtwb2ludHMnXVtudW1iZXJdWyduYW1lJ10pID0+IHZvaWRcbiAgc2V0SGVpZ2h0OiAoaGVpZ2h0OiBudW1iZXIpID0+IHZvaWRcbiAgc2V0SWZyYW1lSGFzTG9hZGVkOiAobG9hZGVkOiBib29sZWFuKSA9PiB2b2lkXG4gIHNldE1lYXN1cmVkRGV2aWNlU2l6ZTogKHNpemU6IHsgaGVpZ2h0OiBudW1iZXI7IHdpZHRoOiBudW1iZXIgfSkgPT4gdm9pZFxuICBzZXRQcmV2aWV3V2luZG93VHlwZTogKHByZXZpZXdXaW5kb3dUeXBlOiAnaWZyYW1lJyB8ICdwb3B1cCcpID0+IHZvaWRcbiAgc2V0U2l6ZTogRGlzcGF0Y2g8U2l6ZVJlZHVjZXJBY3Rpb24+XG4gIHNldFRvb2xiYXJQb3NpdGlvbjogKHBvc2l0aW9uOiB7IHg6IG51bWJlcjsgeTogbnVtYmVyIH0pID0+IHZvaWRcbiAgc2V0V2lkdGg6ICh3aWR0aDogbnVtYmVyKSA9PiB2b2lkXG4gIHNldFpvb206ICh6b29tOiBudW1iZXIpID0+IHZvaWRcbiAgc2l6ZToge1xuICAgIGhlaWdodDogbnVtYmVyXG4gICAgd2lkdGg6IG51bWJlclxuICB9XG4gIHRvb2xiYXJQb3NpdGlvbjoge1xuICAgIHg6IG51bWJlclxuICAgIHk6IG51bWJlclxuICB9XG4gIHVybDogc3RyaW5nIHwgdW5kZWZpbmVkXG4gIHpvb206IG51bWJlclxufVxuXG5leHBvcnQgY29uc3QgTGl2ZVByZXZpZXdDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxMaXZlUHJldmlld0NvbnRleHRUeXBlPih7XG4gIGFwcElzUmVhZHk6IGZhbHNlLFxuICBicmVha3BvaW50OiB1bmRlZmluZWQsXG4gIGJyZWFrcG9pbnRzOiB1bmRlZmluZWQsXG4gIGZpZWxkU2NoZW1hSlNPTjogdW5kZWZpbmVkLFxuICBpZnJhbWVIYXNMb2FkZWQ6IGZhbHNlLFxuICBpZnJhbWVSZWY6IHVuZGVmaW5lZCxcbiAgaXNQb3B1cE9wZW46IGZhbHNlLFxuICBtZWFzdXJlZERldmljZVNpemU6IHtcbiAgICBoZWlnaHQ6IDAsXG4gICAgd2lkdGg6IDAsXG4gIH0sXG4gIG9wZW5Qb3B1cFdpbmRvdzogKCkgPT4ge30sXG4gIHBvcHVwUmVmOiB1bmRlZmluZWQsXG4gIHByZXZpZXdXaW5kb3dUeXBlOiAnaWZyYW1lJyxcbiAgc2V0QXBwSXNSZWFkeTogKCkgPT4ge30sXG4gIHNldEJyZWFrcG9pbnQ6ICgpID0+IHt9LFxuICBzZXRIZWlnaHQ6ICgpID0+IHt9LFxuICBzZXRJZnJhbWVIYXNMb2FkZWQ6ICgpID0+IHt9LFxuICBzZXRNZWFzdXJlZERldmljZVNpemU6ICgpID0+IHt9LFxuICBzZXRQcmV2aWV3V2luZG93VHlwZTogKCkgPT4ge30sXG4gIHNldFNpemU6ICgpID0+IHt9LFxuICBzZXRUb29sYmFyUG9zaXRpb246ICgpID0+IHt9LFxuICBzZXRXaWR0aDogKCkgPT4ge30sXG4gIHNldFpvb206ICgpID0+IHt9LFxuICBzaXplOiB7XG4gICAgaGVpZ2h0OiAwLFxuICAgIHdpZHRoOiAwLFxuICB9LFxuICB0b29sYmFyUG9zaXRpb246IHtcbiAgICB4OiAwLFxuICAgIHk6IDAsXG4gIH0sXG4gIHVybDogdW5kZWZpbmVkLFxuICB6b29tOiAxLFxufSlcblxuZXhwb3J0IGNvbnN0IHVzZUxpdmVQcmV2aWV3Q29udGV4dCA9ICgpID0+IHVzZUNvbnRleHQoTGl2ZVByZXZpZXdDb250ZXh0KVxuIl0sIm5hbWVzIjpbImNyZWF0ZUNvbnRleHQiLCJ1c2VDb250ZXh0IiwiTGl2ZVByZXZpZXdDb250ZXh0IiwiYXBwSXNSZWFkeSIsImJyZWFrcG9pbnQiLCJ1bmRlZmluZWQiLCJicmVha3BvaW50cyIsImZpZWxkU2NoZW1hSlNPTiIsImlmcmFtZUhhc0xvYWRlZCIsImlmcmFtZVJlZiIsImlzUG9wdXBPcGVuIiwibWVhc3VyZWREZXZpY2VTaXplIiwiaGVpZ2h0Iiwid2lkdGgiLCJvcGVuUG9wdXBXaW5kb3ciLCJwb3B1cFJlZiIsInByZXZpZXdXaW5kb3dUeXBlIiwic2V0QXBwSXNSZWFkeSIsInNldEJyZWFrcG9pbnQiLCJzZXRIZWlnaHQiLCJzZXRJZnJhbWVIYXNMb2FkZWQiLCJzZXRNZWFzdXJlZERldmljZVNpemUiLCJzZXRQcmV2aWV3V2luZG93VHlwZSIsInNldFNpemUiLCJzZXRUb29sYmFyUG9zaXRpb24iLCJzZXRXaWR0aCIsInNldFpvb20iLCJzaXplIiwidG9vbGJhclBvc2l0aW9uIiwieCIsInkiLCJ1cmwiLCJ6b29tIiwidXNlTGl2ZVByZXZpZXdDb250ZXh0Il0sIm1hcHBpbmdzIjoiQUFJQSxTQUFTQSxhQUFhLEVBQUVDLFVBQVUsUUFBUSxRQUFPO0FBMENqRCxPQUFPLE1BQU1DLHFCQUFxQkYsY0FBc0M7SUFDdEVHLFlBQVk7SUFDWkMsWUFBWUM7SUFDWkMsYUFBYUQ7SUFDYkUsaUJBQWlCRjtJQUNqQkcsaUJBQWlCO0lBQ2pCQyxXQUFXSjtJQUNYSyxhQUFhO0lBQ2JDLG9CQUFvQjtRQUNsQkMsUUFBUTtRQUNSQyxPQUFPO0lBQ1Q7SUFDQUMsaUJBQWlCLEtBQU87SUFDeEJDLFVBQVVWO0lBQ1ZXLG1CQUFtQjtJQUNuQkMsZUFBZSxLQUFPO0lBQ3RCQyxlQUFlLEtBQU87SUFDdEJDLFdBQVcsS0FBTztJQUNsQkMsb0JBQW9CLEtBQU87SUFDM0JDLHVCQUF1QixLQUFPO0lBQzlCQyxzQkFBc0IsS0FBTztJQUM3QkMsU0FBUyxLQUFPO0lBQ2hCQyxvQkFBb0IsS0FBTztJQUMzQkMsVUFBVSxLQUFPO0lBQ2pCQyxTQUFTLEtBQU87SUFDaEJDLE1BQU07UUFDSmYsUUFBUTtRQUNSQyxPQUFPO0lBQ1Q7SUFDQWUsaUJBQWlCO1FBQ2ZDLEdBQUc7UUFDSEMsR0FBRztJQUNMO0lBQ0FDLEtBQUsxQjtJQUNMMkIsTUFBTTtBQUNSLEdBQUU7QUFFRixPQUFPLE1BQU1DLHdCQUF3QixJQUFNaEMsV0FBV0Msb0JBQW1CIn0=

package/dist/{pages → views}/LivePreview/Context/index.d.ts

@@ -1,7 +1,7 @@
-import type { EditViewProps, LivePreviewConfig } from 'payload/config';
+import type { LivePreviewConfig } from 'payload/config';
 import React from 'react';
-import type { usePopupWindow } from '../usePopupWindow';
-export type LivePreviewProviderProps = EditViewProps & {
+import type { usePopupWindow } from '../usePopupWindow.js';
+export type LivePreviewProviderProps = {
     appIsReady?: boolean;
     breakpoints?: LivePreviewConfig['breakpoints'];
     children: React.ReactNode;

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/LivePreview/Context/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAGvD,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAM1D,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAA;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,CAAC,EAAE;QACX,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,iBAAiB,CAAC,CAAA;IACtE,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACzC,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA2KlE,CAAA"}

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

@@ -0,0 +1,157 @@
+'use client';
+import { DndContext } from '@dnd-kit/core';
+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 = (props)=>{
+    const { breakpoints, children, isPopupOpen, openPopupWindow, popupRef, url } = props;
+    const [previewWindowType, setPreviewWindowType] = useState('iframe');
+    const [appIsReady, setAppIsReady] = 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.useReducer(sizeReducer, {
+        height: 0,
+        width: 0
+    });
+    const [measuredDeviceSize, setMeasuredDeviceSize] = useState({
+        height: 0,
+        width: 0
+    });
+    const [breakpoint, setBreakpoint] = React.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)
+    // })
+    // 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 = useCallback((width)=>{
+        setSize({
+            type: 'width',
+            value: width
+        });
+    }, [
+        setSize
+    ]);
+    const setHeight = useCallback((height)=>{
+        setSize({
+            type: 'height',
+            value: height
+        });
+    }, [
+        setSize
+    ]);
+    // 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
+    useEffect(()=>{
+        const foundBreakpoint = breakpoints?.find((bp)=>bp.name === breakpoint);
+        if (foundBreakpoint && breakpoint !== 'responsive' && breakpoint !== 'custom' && typeof foundBreakpoint?.width === 'number' && typeof foundBreakpoint?.height === 'number') {
+            setSize({
+                type: 'reset',
+                value: {
+                    height: foundBreakpoint.height,
+                    width: foundBreakpoint.width
+                }
+            });
+        }
+    }, [
+        breakpoint,
+        breakpoints
+    ]);
+    // Receive the `ready` message from the popup window
+    // 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
+    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) {
+                    setAppIsReady(true);
+                }
+            }
+        };
+        window.addEventListener('message', handleMessage);
+        return ()=>{
+            window.removeEventListener('message', handleMessage);
+        };
+    }, [
+        url
+    ]);
+    const handleWindowChange = useCallback((type)=>{
+        setAppIsReady(false);
+        setPreviewWindowType(type);
+        if (type === 'popup') openPopupWindow();
+    }, [
+        openPopupWindow
+    ]);
+    // when the user closes the popup window, switch back to the iframe
+    // the `usePopupWindow` reports the `isPopupOpen` state for us to use here
+    useEffect(()=>{
+        if (!isPopupOpen) {
+            handleWindowChange('iframe');
+        }
+    }, [
+        isPopupOpen,
+        handleWindowChange
+    ]);
+    return /*#__PURE__*/ React.createElement(LivePreviewContext.Provider, {
+        value: {
+            appIsReady,
+            breakpoint,
+            breakpoints,
+            fieldSchemaJSON: [],
+            iframeHasLoaded,
+            iframeRef,
+            isPopupOpen,
+            measuredDeviceSize,
+            openPopupWindow,
+            popupRef,
+            previewWindowType,
+            setAppIsReady,
+            setBreakpoint,
+            setHeight,
+            setIframeHasLoaded,
+            setMeasuredDeviceSize,
+            setPreviewWindowType: handleWindowChange,
+            setSize,
+            setToolbarPosition: setPosition,
+            setWidth,
+            setZoom,
+            size,
+            toolbarPosition: position,
+            url,
+            zoom
+        }
+    }, /*#__PURE__*/ React.createElement(DndContext, {
+        collisionDetection: customCollisionDetection,
+        onDragEnd: handleDragEnd
+    }, children));
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9Db250ZXh0L2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbmltcG9ydCB0eXBlIHsgTGl2ZVByZXZpZXdDb25maWcgfSBmcm9tICdwYXlsb2FkL2NvbmZpZydcblxuaW1wb3J0IHsgRG5kQ29udGV4dCB9IGZyb20gJ0BkbmQta2l0L2NvcmUnXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHR5cGUgeyB1c2VQb3B1cFdpbmRvdyB9IGZyb20gJy4uL3VzZVBvcHVwV2luZG93LmpzJ1xuXG5pbXBvcnQgeyBjdXN0b21Db2xsaXNpb25EZXRlY3Rpb24gfSBmcm9tICcuL2NvbGxpc2lvbkRldGVjdGlvbi5qcydcbmltcG9ydCB7IExpdmVQcmV2aWV3Q29udGV4dCB9IGZyb20gJy4vY29udGV4dC5qcydcbmltcG9ydCB7IHNpemVSZWR1Y2VyIH0gZnJvbSAnLi9zaXplUmVkdWNlci5qcydcblxuZXhwb3J0IHR5cGUgTGl2ZVByZXZpZXdQcm92aWRlclByb3BzID0ge1xuICBhcHBJc1JlYWR5PzogYm9vbGVhblxuICBicmVha3BvaW50cz86IExpdmVQcmV2aWV3Q29uZmlnWydicmVha3BvaW50cyddXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbiAgZGV2aWNlU2l6ZT86IHtcbiAgICBoZWlnaHQ6IG51bWJlclxuICAgIHdpZHRoOiBudW1iZXJcbiAgfVxuICBpc1BvcHVwT3Blbj86IGJvb2xlYW5cbiAgb3BlblBvcHVwV2luZG93PzogUmV0dXJuVHlwZTx0eXBlb2YgdXNlUG9wdXBXaW5kb3c+WydvcGVuUG9wdXBXaW5kb3cnXVxuICBwb3B1cFJlZj86IFJlYWN0Lk11dGFibGVSZWZPYmplY3Q8V2luZG93PlxuICB1cmw/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IExpdmVQcmV2aWV3UHJvdmlkZXI6IFJlYWN0LkZDPExpdmVQcmV2aWV3UHJvdmlkZXJQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBicmVha3BvaW50cywgY2hpbGRyZW4sIGlzUG9wdXBPcGVuLCBvcGVuUG9wdXBXaW5kb3csIHBvcHVwUmVmLCB1cmwgfSA9IHByb3BzXG5cbiAgY29uc3QgW3ByZXZpZXdXaW5kb3dUeXBlLCBzZXRQcmV2aWV3V2luZG93VHlwZV0gPSB1c2VTdGF0ZTwnaWZyYW1lJyB8ICdwb3B1cCc+KCdpZnJhbWUnKVxuXG4gIGNvbnN0IFthcHBJc1JlYWR5LCBzZXRBcHBJc1JlYWR5XSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gIGNvbnN0IGlmcmFtZVJlZiA9IFJlYWN0LnVzZVJlZjxIVE1MSUZyYW1lRWxlbWVudD4obnVsbClcblxuICBjb25zdCBbaWZyYW1lSGFzTG9hZGVkLCBzZXRJZnJhbWVIYXNMb2FkZWRdID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgY29uc3QgW3pvb20sIHNldFpvb21dID0gdXNlU3RhdGUoMSlcblxuICBjb25zdCBbcG9zaXRpb24sIHNldFBvc2l0aW9uXSA9IHVzZVN0YXRlKHsgeDogMCwgeTogMCB9KVxuXG4gIGNvbnN0IFtzaXplLCBzZXRTaXplXSA9IFJlYWN0LnVzZVJlZHVjZXIoc2l6ZVJlZHVjZXIsIHsgaGVpZ2h0OiAwLCB3aWR0aDogMCB9KVxuXG4gIGNvbnN0IFttZWFzdXJlZERldmljZVNpemUsIHNldE1lYXN1cmVkRGV2aWNlU2l6ZV0gPSB1c2VTdGF0ZSh7XG4gICAgaGVpZ2h0OiAwLFxuICAgIHdpZHRoOiAwLFxuICB9KVxuXG4gIGNvbnN0IFticmVha3BvaW50LCBzZXRCcmVha3BvaW50XSA9XG4gICAgUmVhY3QudXNlU3RhdGU8TGl2ZVByZXZpZXdDb25maWdbJ2JyZWFrcG9pbnRzJ11bMF1bJ25hbWUnXT4oJ3Jlc3BvbnNpdmUnKVxuXG4gIC8vIGNvbnN0IFtmaWVsZFNjaGVtYUpTT05dID0gdXNlU3RhdGUoKCkgPT4ge1xuICAvLyAgIGxldCBmaWVsZHM6IEZpZWxkW11cblxuICAvLyAgIGlmICgnY29sbGVjdGlvbicgaW4gcHJvcHMpIHtcbiAgLy8gICAgIGNvbnN0IHsgY29sbGVjdGlvbiB9ID0gcHJvcHNcbiAgLy8gICAgIGZpZWxkcyA9IGNvbGxlY3Rpb24uZmllbGRzXG4gIC8vICAgfVxuXG4gIC8vICAgaWYgKCdnbG9iYWwnIGluIHByb3BzKSB7XG4gIC8vICAgICBjb25zdCB7IGdsb2JhbCB9ID0gcHJvcHNcbiAgLy8gICAgIGZpZWxkcyA9IGdsb2JhbC5maWVsZHNcbiAgLy8gICB9XG5cbiAgLy8gICByZXR1cm4gZmllbGRTY2hlbWFUb0pTT04oZmllbGRzKVxuICAvLyB9KVxuXG4gIC8vIFRoZSB0b29sYmFyIG5lZWRzIHRvIGZyZWVseSBkcmFnIGFuZCBkcm9wIGFyb3VuZCB0aGUgcGFnZVxuICBjb25zdCBoYW5kbGVEcmFnRW5kID0gKGV2KSA9PiB7XG4gICAgLy8gb25seSB1cGRhdGUgcG9zaXRpb24gaWYgdGhlIHRvb2xiYXIgaXMgY29tcGxldGVseSB3aXRoaW4gdGhlIHByZXZpZXcgYXJlYVxuICAgIC8vIG90aGVyd2lzZSByZXNldCBpdCBiYWNrIHRvIHRoZSBwcmV2aW91cyBwb3NpdGlvblxuICAgIC8vIFRPRE86IHJlc2V0IHRvIHRoZSBuZWFyZXN0IGVkZ2Ugb2YgdGhlIHByZXZpZXcgYXJlYVxuICAgIGlmIChldi5vdmVyICYmIGV2Lm92ZXIuaWQgPT09ICdsaXZlLXByZXZpZXctYXJlYScpIHtcbiAgICAgIGNvbnN0IG5ld1BvcyA9IHtcbiAgICAgICAgeDogcG9zaXRpb24ueCArIGV2LmRlbHRhLngsXG4gICAgICAgIHk6IHBvc2l0aW9uLnkgKyBldi5kZWx0YS55LFxuICAgICAgfVxuXG4gICAgICBzZXRQb3NpdGlvbihuZXdQb3MpXG4gICAgfSBlbHNlIHtcbiAgICAgIC8vIHJlc2V0XG4gICAgfVxuICB9XG5cbiAgY29uc3Qgc2V0V2lkdGggPSB1c2VDYWxsYmFjayhcbiAgICAod2lkdGgpID0+IHtcbiAgICAgIHNldFNpemUoeyB0eXBlOiAnd2lkdGgnLCB2YWx1ZTogd2lkdGggfSlcbiAgICB9LFxuICAgIFtzZXRTaXplXSxcbiAgKVxuXG4gIGNvbnN0IHNldEhlaWdodCA9IHVzZUNhbGxiYWNrKFxuICAgIChoZWlnaHQpID0+IHtcbiAgICAgIHNldFNpemUoeyB0eXBlOiAnaGVpZ2h0JywgdmFsdWU6IGhlaWdodCB9KVxuICAgIH0sXG4gICAgW3NldFNpemVdLFxuICApXG5cbiAgLy8gZXhwbGljaXRseSBzZXQgbmV3IHdpZHRoIGFuZCBoZWlnaHQgd2hlbiBhcyBuZXcgYnJlYWtwb2ludHMgYXJlIHNlbGVjdGVkXG4gIC8vIGV4Y2x1ZGUgYGN1c3RvbWAgYnJlYWtwb2ludCBhcyBpdCBpcyBoYW5kbGVkIGJ5IHRoZSBgc2V0V2lkdGhgIGFuZCBgc2V0SGVpZ2h0YCBkaXJlY3RseVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGZvdW5kQnJlYWtwb2ludCA9IGJyZWFrcG9pbnRzPy5maW5kKChicCkgPT4gYnAubmFtZSA9PT0gYnJlYWtwb2ludClcblxuICAgIGlmIChcbiAgICAgIGZvdW5kQnJlYWtwb2ludCAmJlxuICAgICAgYnJlYWtwb2ludCAhPT0gJ3Jlc3BvbnNpdmUnICYmXG4gICAgICBicmVha3BvaW50ICE9PSAnY3VzdG9tJyAmJlxuICAgICAgdHlwZW9mIGZvdW5kQnJlYWtwb2ludD8ud2lkdGggPT09ICdudW1iZXInICYmXG4gICAgICB0eXBlb2YgZm91bmRCcmVha3BvaW50Py5oZWlnaHQgPT09ICdudW1iZXInXG4gICAgKSB7XG4gICAgICBzZXRTaXplKHtcbiAgICAgICAgdHlwZTogJ3Jlc2V0JyxcbiAgICAgICAgdmFsdWU6IHtcbiAgICAgICAgICBoZWlnaHQ6IGZvdW5kQnJlYWtwb2ludC5oZWlnaHQsXG4gICAgICAgICAgd2lkdGg6IGZvdW5kQnJlYWtwb2ludC53aWR0aCxcbiAgICAgICAgfSxcbiAgICAgIH0pXG4gICAgfVxuICB9LCBbYnJlYWtwb2ludCwgYnJlYWtwb2ludHNdKVxuXG4gIC8vIFJlY2VpdmUgdGhlIGByZWFkeWAgbWVzc2FnZSBmcm9tIHRoZSBwb3B1cCB3aW5kb3dcbiAgLy8gVGhpcyBpbmRpY2F0ZXMgdGhhdCB0aGUgYXBwIGlzIHJlYWR5IHRvIHJlY2VpdmUgYHdpbmRvdy5wb3N0TWVzc2FnZWAgZXZlbnRzXG4gIC8vIFRoaXMgaXMgYWxzbyB0aGUgb25seSBjcm9zcy1vcmlnaW4gd2F5IG9mIGRldGVjdGluZyB3aGVuIGEgcG9wdXAgd2luZG93IGhhcyBsb2FkZWRcbiAgLy8gVW5saWtlIGlmcmFtZSBlbGVtZW50cyB3aGljaCBoYXZlIGFuIGBvbkxvYWRgIGhhbmRsZXIsIHRoZXJlIGlzIG5vIHdheSB0byBhY2Nlc3MgYHdpbmRvdy5vcGVuYCBvbiBwb3B1cHNcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVNZXNzYWdlID0gKGV2ZW50OiBNZXNzYWdlRXZlbnQpID0+IHtcbiAgICAgIGlmIChcbiAgICAgICAgdXJsPy5zdGFydHNXaXRoKGV2ZW50Lm9yaWdpbikgJiZcbiAgICAgICAgZXZlbnQuZGF0YSAmJlxuICAgICAgICB0eXBlb2YgZXZlbnQuZGF0YSA9PT0gJ29iamVjdCcgJiZcbiAgICAgICAgZXZlbnQuZGF0YS50eXBlID09PSAncGF5bG9hZC1saXZlLXByZXZpZXcnXG4gICAgICApIHtcbiAgICAgICAgaWYgKGV2ZW50LmRhdGEucmVhZHkpIHtcbiAgICAgICAgICBzZXRBcHBJc1JlYWR5KHRydWUpXG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcignbWVzc2FnZScsIGhhbmRsZU1lc3NhZ2UpXG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21lc3NhZ2UnLCBoYW5kbGVNZXNzYWdlKVxuICAgIH1cbiAgfSwgW3VybF0pXG5cbiAgY29uc3QgaGFuZGxlV2luZG93Q2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgKHR5cGU6ICdpZnJhbWUnIHwgJ3BvcHVwJykgPT4ge1xuICAgICAgc2V0QXBwSXNSZWFkeShmYWxzZSlcbiAgICAgIHNldFByZXZpZXdXaW5kb3dUeXBlKHR5cGUpXG4gICAgICBpZiAodHlwZSA9PT0gJ3BvcHVwJykgb3BlblBvcHVwV2luZG93KClcbiAgICB9LFxuICAgIFtvcGVuUG9wdXBXaW5kb3ddLFxuICApXG5cbiAgLy8gd2hlbiB0aGUgdXNlciBjbG9zZXMgdGhlIHBvcHVwIHdpbmRvdywgc3dpdGNoIGJhY2sgdG8gdGhlIGlmcmFtZVxuICAvLyB0aGUgYHVzZVBvcHVwV2luZG93YCByZXBvcnRzIHRoZSBgaXNQb3B1cE9wZW5gIHN0YXRlIGZvciB1cyB0byB1c2UgaGVyZVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghaXNQb3B1cE9wZW4pIHtcbiAgICAgIGhhbmRsZVdpbmRvd0NoYW5nZSgnaWZyYW1lJylcbiAgICB9XG4gIH0sIFtpc1BvcHVwT3BlbiwgaGFuZGxlV2luZG93Q2hhbmdlXSlcblxuICByZXR1cm4gKFxuICAgIDxMaXZlUHJldmlld0NvbnRleHQuUHJvdmlkZXJcbiAgICAgIHZhbHVlPXt7XG4gICAgICAgIGFwcElzUmVhZHksXG4gICAgICAgIGJyZWFrcG9pbnQsXG4gICAgICAgIGJyZWFrcG9pbnRzLFxuICAgICAgICBmaWVsZFNjaGVtYUpTT046IFtdLFxuICAgICAgICBpZnJhbWVIYXNMb2FkZWQsXG4gICAgICAgIGlmcmFtZVJlZixcbiAgICAgICAgaXNQb3B1cE9wZW4sXG4gICAgICAgIG1lYXN1cmVkRGV2aWNlU2l6ZSxcbiAgICAgICAgb3BlblBvcHVwV2luZG93LFxuICAgICAgICBwb3B1cFJlZixcbiAgICAgICAgcHJldmlld1dpbmRvd1R5cGUsXG4gICAgICAgIHNldEFwcElzUmVhZHksXG4gICAgICAgIHNldEJyZWFrcG9pbnQsXG4gICAgICAgIHNldEhlaWdodCxcbiAgICAgICAgc2V0SWZyYW1lSGFzTG9hZGVkLFxuICAgICAgICBzZXRNZWFzdXJlZERldmljZVNpemUsXG4gICAgICAgIHNldFByZXZpZXdXaW5kb3dUeXBlOiBoYW5kbGVXaW5kb3dDaGFuZ2UsXG4gICAgICAgIHNldFNpemUsXG4gICAgICAgIHNldFRvb2xiYXJQb3NpdGlvbjogc2V0UG9zaXRpb24sXG4gICAgICAgIHNldFdpZHRoLFxuICAgICAgICBzZXRab29tLFxuICAgICAgICBzaXplLFxuICAgICAgICB0b29sYmFyUG9zaXRpb246IHBvc2l0aW9uLFxuICAgICAgICB1cmwsXG4gICAgICAgIHpvb20sXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxEbmRDb250ZXh0IGNvbGxpc2lvbkRldGVjdGlvbj17Y3VzdG9tQ29sbGlzaW9uRGV0ZWN0aW9ufSBvbkRyYWdFbmQ9e2hhbmRsZURyYWdFbmR9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0RuZENvbnRleHQ+XG4gICAgPC9MaXZlUHJldmlld0NvbnRleHQuUHJvdmlkZXI+XG4gIClcbn1cbiJdLCJuYW1lcyI6WyJEbmRDb250ZXh0IiwiUmVhY3QiLCJ1c2VDYWxsYmFjayIsInVzZUVmZmVjdCIsInVzZVN0YXRlIiwiY3VzdG9tQ29sbGlzaW9uRGV0ZWN0aW9uIiwiTGl2ZVByZXZpZXdDb250ZXh0Iiwic2l6ZVJlZHVjZXIiLCJMaXZlUHJldmlld1Byb3ZpZGVyIiwicHJvcHMiLCJicmVha3BvaW50cyIsImNoaWxkcmVuIiwiaXNQb3B1cE9wZW4iLCJvcGVuUG9wdXBXaW5kb3ciLCJwb3B1cFJlZiIsInVybCIsInByZXZpZXdXaW5kb3dUeXBlIiwic2V0UHJldmlld1dpbmRvd1R5cGUiLCJhcHBJc1JlYWR5Iiwic2V0QXBwSXNSZWFkeSIsImlmcmFtZVJlZiIsInVzZVJlZiIsImlmcmFtZUhhc0xvYWRlZCIsInNldElmcmFtZUhhc0xvYWRlZCIsInpvb20iLCJzZXRab29tIiwicG9zaXRpb24iLCJzZXRQb3NpdGlvbiIsIngiLCJ5Iiwic2l6ZSIsInNldFNpemUiLCJ1c2VSZWR1Y2VyIiwiaGVpZ2h0Iiwid2lkdGgiLCJtZWFzdXJlZERldmljZVNpemUiLCJzZXRNZWFzdXJlZERldmljZVNpemUiLCJicmVha3BvaW50Iiwic2V0QnJlYWtwb2ludCIsImhhbmRsZURyYWdFbmQiLCJldiIsIm92ZXIiLCJpZCIsIm5ld1BvcyIsImRlbHRhIiwic2V0V2lkdGgiLCJ0eXBlIiwidmFsdWUiLCJzZXRIZWlnaHQiLCJmb3VuZEJyZWFrcG9pbnQiLCJmaW5kIiwiYnAiLCJuYW1lIiwiaGFuZGxlTWVzc2FnZSIsImV2ZW50Iiwic3RhcnRzV2l0aCIsIm9yaWdpbiIsImRhdGEiLCJyZWFkeSIsIndpbmRvdyIsImFkZEV2ZW50TGlzdGVuZXIiLCJyZW1vdmVFdmVudExpc3RlbmVyIiwiaGFuZGxlV2luZG93Q2hhbmdlIiwiUHJvdmlkZXIiLCJmaWVsZFNjaGVtYUpTT04iLCJzZXRUb29sYmFyUG9zaXRpb24iLCJ0b29sYmFyUG9zaXRpb24iLCJjb2xsaXNpb25EZXRlY3Rpb24iLCJvbkRyYWdFbmQiXSwibWFwcGluZ3MiOiJBQUFBO0FBR0EsU0FBU0EsVUFBVSxRQUFRLGdCQUFlO0FBQzFDLE9BQU9DLFNBQVNDLFdBQVcsRUFBRUMsU0FBUyxFQUFFQyxRQUFRLFFBQVEsUUFBTztBQUkvRCxTQUFTQyx3QkFBd0IsUUFBUSwwQkFBeUI7QUFDbEUsU0FBU0Msa0JBQWtCLFFBQVEsZUFBYztBQUNqRCxTQUFTQyxXQUFXLFFBQVEsbUJBQWtCO0FBZ0I5QyxPQUFPLE1BQU1DLHNCQUEwRCxDQUFDQztJQUN0RSxNQUFNLEVBQUVDLFdBQVcsRUFBRUMsUUFBUSxFQUFFQyxXQUFXLEVBQUVDLGVBQWUsRUFBRUMsUUFBUSxFQUFFQyxHQUFHLEVBQUUsR0FBR047SUFFL0UsTUFBTSxDQUFDTyxtQkFBbUJDLHFCQUFxQixHQUFHYixTQUE2QjtJQUUvRSxNQUFNLENBQUNjLFlBQVlDLGNBQWMsR0FBR2YsU0FBUztJQUU3QyxNQUFNZ0IsWUFBWW5CLE1BQU1vQixNQUFNLENBQW9CO0lBRWxELE1BQU0sQ0FBQ0Ms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

package/dist/{pages → views}/LivePreview/Context/sizeReducer.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"sizeReducer.d.ts","sourceRoot":"","sources":["../../../../src/views/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 → 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9MaXZlUHJldmlldy9Db250ZXh0L3NpemVSZWR1Y2VyLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIGV4cG9ydCBjb25zdCBzaXplUmVkdWNlcjogKHN0YXRlLCBhY3Rpb24pID0+IHtcbi8vICAgc3dpdGNoIChhY3Rpb24udHlwZSkge1xuLy8gICAgIGNhc2UgJ3dpZHRoJzpcbi8vICAgICAgIHJldHVybiB7IC4uLnN0YXRlLCB3aWR0aDogYWN0aW9uLnZhbHVlIH1cbi8vICAgICBjYXNlICdoZWlnaHQnOlxuLy8gICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIGhlaWdodDogYWN0aW9uLnZhbHVlIH1cbi8vICAgICBkZWZhdWx0OlxuLy8gICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIC4uLihhY3Rpb24/LnZhbHVlIHx8IHt9KSB9XG4vLyAgIH1cbi8vIH0sXG5cbnR5cGUgU2l6ZVJlZHVjZXJTdGF0ZSA9IHtcbiAgaGVpZ2h0OiBudW1iZXJcbiAgd2lkdGg6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBTaXplUmVkdWNlckFjdGlvbiA9XG4gIHwge1xuICAgICAgdHlwZTogJ2hlaWdodCcgfCAnd2lkdGgnXG4gICAgICB2YWx1ZTogbnVtYmVyXG4gICAgfVxuICB8IHtcbiAgICAgIHR5cGU6ICdyZXNldCdcbiAgICAgIHZhbHVlOiB7XG4gICAgICAgIGhlaWdodDogbnVtYmVyXG4gICAgICAgIHdpZHRoOiBudW1iZXJcbiAgICAgIH1cbiAgICB9XG5cbmV4cG9ydCBjb25zdCBzaXplUmVkdWNlciA9IChzdGF0ZTogU2l6ZVJlZHVjZXJTdGF0ZSwgYWN0aW9uOiBTaXplUmVkdWNlckFjdGlvbikgPT4ge1xuICBzd2l0Y2ggKGFjdGlvbi50eXBlKSB7XG4gICAgY2FzZSAnd2lkdGgnOlxuICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIHdpZHRoOiBhY3Rpb24udmFsdWUgfVxuICAgIGNhc2UgJ2hlaWdodCc6XG4gICAgICByZXR1cm4geyAuLi5zdGF0ZSwgaGVpZ2h0OiBhY3Rpb24udmFsdWUgfVxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4geyAuLi5zdGF0ZSwgLi4uKGFjdGlvbj8udmFsdWUgfHwge30pIH1cbiAgfVxufVxuIl0sIm5hbWVzIjpbInNpemVSZWR1Y2VyIiwic3RhdGUiLCJhY3Rpb24iLCJ0eXBlIiwid2lkdGgiLCJ2YWx1ZSIsImhlaWdodCJdLCJtYXBwaW5ncyI6IkFBQUEsaURBQWlEO0FBQ2pELDJCQUEyQjtBQUMzQixvQkFBb0I7QUFDcEIsaURBQWlEO0FBQ2pELHFCQUFxQjtBQUNyQixrREFBa0Q7QUFDbEQsZUFBZTtBQUNmLHNEQUFzRDtBQUN0RCxNQUFNO0FBQ04sS0FBSzs7Ozs7K0JBb0JRQTs7O2VBQUFBOzs7QUFBTixNQUFNQSxjQUFjLENBQUNDLE9BQXlCQztJQUNuRCxPQUFRQSxPQUFPQyxJQUFJO1FBQ2pCLEtBQUs7WUFDSCxPQUFPO2dCQUFFLEdBQUdGLEtBQUs7Z0JBQUVHLE9BQU9GLE9BQU9HLEtBQUs7WUFBQztRQUN6QyxLQUFLO1lBQ0gsT0FBTztnQkFBRSxHQUFHSixLQUFLO2dCQUFFSyxRQUFRSixPQUFPRyxLQUFLO1lBQUM7UUFDMUM7WUFDRSxPQUFPO2dCQUFFLEdBQUdKLEtBQUs7Z0JBQUUsR0FBSUMsUUFBUUcsU0FBUyxDQUFDLENBQUM7WUFBRTtJQUNoRDtBQUNGIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9Db250ZXh0L3NpemVSZWR1Y2VyLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIGV4cG9ydCBjb25zdCBzaXplUmVkdWNlcjogKHN0YXRlLCBhY3Rpb24pID0+IHtcbi8vICAgc3dpdGNoIChhY3Rpb24udHlwZSkge1xuLy8gICAgIGNhc2UgJ3dpZHRoJzpcbi8vICAgICAgIHJldHVybiB7IC4uLnN0YXRlLCB3aWR0aDogYWN0aW9uLnZhbHVlIH1cbi8vICAgICBjYXNlICdoZWlnaHQnOlxuLy8gICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIGhlaWdodDogYWN0aW9uLnZhbHVlIH1cbi8vICAgICBkZWZhdWx0OlxuLy8gICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIC4uLihhY3Rpb24/LnZhbHVlIHx8IHt9KSB9XG4vLyAgIH1cbi8vIH0sXG5cbnR5cGUgU2l6ZVJlZHVjZXJTdGF0ZSA9IHtcbiAgaGVpZ2h0OiBudW1iZXJcbiAgd2lkdGg6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBTaXplUmVkdWNlckFjdGlvbiA9XG4gIHwge1xuICAgICAgdHlwZTogJ2hlaWdodCcgfCAnd2lkdGgnXG4gICAgICB2YWx1ZTogbnVtYmVyXG4gICAgfVxuICB8IHtcbiAgICAgIHR5cGU6ICdyZXNldCdcbiAgICAgIHZhbHVlOiB7XG4gICAgICAgIGhlaWdodDogbnVtYmVyXG4gICAgICAgIHdpZHRoOiBudW1iZXJcbiAgICAgIH1cbiAgICB9XG5cbmV4cG9ydCBjb25zdCBzaXplUmVkdWNlciA9IChzdGF0ZTogU2l6ZVJlZHVjZXJTdGF0ZSwgYWN0aW9uOiBTaXplUmVkdWNlckFjdGlvbikgPT4ge1xuICBzd2l0Y2ggKGFjdGlvbi50eXBlKSB7XG4gICAgY2FzZSAnd2lkdGgnOlxuICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIHdpZHRoOiBhY3Rpb24udmFsdWUgfVxuICAgIGNhc2UgJ2hlaWdodCc6XG4gICAgICByZXR1cm4geyAuLi5zdGF0ZSwgaGVpZ2h0OiBhY3Rpb24udmFsdWUgfVxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4geyAuLi5zdGF0ZSwgLi4uKGFjdGlvbj8udmFsdWUgfHwge30pIH1cbiAgfVxufVxuIl0sIm5hbWVzIjpbInNpemVSZWR1Y2VyIiwic3RhdGUiLCJhY3Rpb24iLCJ0eXBlIiwid2lkdGgiLCJ2YWx1ZSIsImhlaWdodCJdLCJtYXBwaW5ncyI6IkFBQUEsaURBQWlEO0FBQ2pELDJCQUEyQjtBQUMzQixvQkFBb0I7QUFDcEIsaURBQWlEO0FBQ2pELHFCQUFxQjtBQUNyQixrREFBa0Q7QUFDbEQsZUFBZTtBQUNmLHNEQUFzRDtBQUN0RCxNQUFNO0FBQ04sS0FBSztBQW9CTCxPQUFPLE1BQU1BLGNBQWMsQ0FBQ0MsT0FBeUJDO0lBQ25ELE9BQVFBLE9BQU9DLElBQUk7UUFDakIsS0FBSztZQUNILE9BQU87Z0JBQUUsR0FBR0YsS0FBSztnQkFBRUcsT0FBT0YsT0FBT0csS0FBSztZQUFDO1FBQ3pDLEtBQUs7WUFDSCxPQUFPO2dCQUFFLEdBQUdKLEtBQUs7Z0JBQUVLLFFBQVFKLE9BQU9HLEtBQUs7WUFBQztRQUMxQztZQUNFLE9BQU87Z0JBQUUsR0FBR0osS0FBSztnQkFBRSxHQUFJQyxRQUFRRyxTQUFTLENBQUMsQ0FBQztZQUFFO0lBQ2hEO0FBQ0YsRUFBQyJ9

package/dist/{pages → views}/LivePreview/Device/index.d.ts.map

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

@@ -0,0 +1,51 @@
+'use client';
+import { useResize } from '@payloadcms/ui';
+import React, { useEffect } from 'react';
+import { useLivePreviewContext } from '../Context/context.js';
+export const DeviceContainer = (props)=>{
+    const { children } = props;
+    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 } = 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
+    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.createElement("div", {
+        ref: deviceFrameRef,
+        style: {
+            height,
+            margin,
+            transform: `translate3d(${x}, 0, 0)`,
+            width
+        }
+    }, children);
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9EZXZpY2UvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IHsgdXNlUmVzaXplIH0gZnJvbSAnQHBheWxvYWRjbXMvdWknXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IHVzZUxpdmVQcmV2aWV3Q29udGV4dCB9IGZyb20gJy4uL0NvbnRleHQvY29udGV4dC5qcydcblxuZXhwb3J0IGNvbnN0IERldmljZUNvbnRhaW5lcjogUmVhY3QuRkM8e1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG59PiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuIH0gPSBwcm9wc1xuXG4gIGNvbnN0IGRldmljZUZyYW1lUmVmID0gUmVhY3QudXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuXG4gIGNvbnN0IHsgYnJlYWtwb2ludCwgc2V0TWVhc3VyZWREZXZpY2VTaXplLCBzaXplLCB6b29tIH0gPSB1c2VMaXZlUHJldmlld0NvbnRleHQoKVxuXG4gIC8vIEtlZXAgYW4gYWNjdXJhdGUgbWVhc3VyZW1lbnQgb2YgdGhlIGFjdHVhbCBkZXZpY2Ugc2l6ZSBhcyBpdCBpcyB0cnVseSByZW5kZXJlZFxuICAvLyBUaGlzIGlzIGhlbHBmdWwgd2hlbiBgc2l6ZXNgIGFyZSBub24tbnVtYmVyIHVuaXRzIGxpa2UgcGVyY2VudGFnZXMsIGV0Yy5cbiAgY29uc3QgeyBzaXplOiBtZWFzdXJlZERldmljZVNpemUgfSA9IHVzZVJlc2l6ZShkZXZpY2VGcmFtZVJlZilcblxuICAvLyBTeW5jIHRoZSBtZWFzdXJlZCBkZXZpY2Ugc2l6ZSB3aXRoIHRoZSBjb250ZXh0IHNvIHRoYXQgb3RoZXIgY29tcG9uZW50cyBjYW4gdXNlIGl0XG4gIC8vIFRoaXMgaGFwcGVucyBmcm9tIHRoZSBib3R0b20gdXAgc28gdGhhdCBhcyB0aGlzIGNvbXBvbmVudCBtb3VudHMgYW5kIHVubW91bnRzLFxuICAvLyBJdHMgc2l6ZSBpcyBmcmVzaGx5IHBvcHVsYXRlZCBhZ2FpbiB1cG9uIHJlLW1vdW50aW5nLCBpLmUuIGdvaW5nIGZyb20gaWZyYW1lLT5wb3B1cC0+aWZyYW1lXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG1lYXN1cmVkRGV2aWNlU2l6ZSkge1xuICAgICAgc2V0TWVhc3VyZWREZXZpY2VTaXplKG1lYXN1cmVkRGV2aWNlU2l6ZSlcbiAgICB9XG4gIH0sIFttZWFzdXJlZERldmljZVNpemUsIHNldE1lYXN1cmVkRGV2aWNlU2l6ZV0pXG5cbiAgbGV0IHggPSAnMCdcbiAgbGV0IG1hcmdpbiA9ICcwJ1xuXG4gIGlmIChicmVha3BvaW50ICYmIGJyZWFrcG9pbnQgIT09ICdyZXNwb25zaXZlJykge1xuICAgIHggPSAnLTUwJSdcblxuICAgIGlmIChcbiAgICAgIHR5cGVvZiB6b29tID09PSAnbnVtYmVyJyAmJlxuICAgICAgdHlwZW9mIHNpemUud2lkdGggPT09ICdudW1iZXInICYmXG4gICAgICB0eXBlb2Ygc2l6ZS5oZWlnaHQgPT09ICdudW1iZXInXG4gICAgKSB7XG4gICAgICBjb25zdCBzY2FsZWRXaWR0aCA9IHNpemUud2lkdGggLyB6b29tXG4gICAgICBjb25zdCBkaWZmZXJlbmNlID0gc2NhbGVkV2lkdGggLSBzaXplLndpZHRoXG4gICAgICB4ID0gYCR7ZGlmZmVyZW5jZSAvIDJ9cHhgXG4gICAgICBtYXJnaW4gPSAnMCBhdXRvJ1xuICAgIH1cbiAgfVxuXG4gIGxldCB3aWR0aCA9IHpvb20gPyBgJHsxMDAgLyB6b29tfSVgIDogJzEwMCUnXG4gIGxldCBoZWlnaHQgPSB6b29tID8gYCR7MTAwIC8gem9vbX0lYCA6ICcxMDAlJ1xuXG4gIGlmIChicmVha3BvaW50ICE9PSAncmVzcG9uc2l2ZScpIHtcbiAgICB3aWR0aCA9IGAke3NpemU/LndpZHRoIC8gKHR5cGVvZiB6b29tID09PSAnbnVtYmVyJyA/IHpvb20gOiAxKX1weGBcbiAgICBoZWlnaHQgPSBgJHtzaXplPy5oZWlnaHQgLyAodHlwZW9mIHpvb20gPT09ICdudW1iZXInID8gem9vbSA6IDEpfXB4YFxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICByZWY9e2RldmljZUZyYW1lUmVmfVxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgaGVpZ2h0LFxuICAgICAgICBtYXJnaW4sXG4gICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZTNkKCR7eH0sIDAsIDApYCxcbiAgICAgICAgd2lkdGgsXG4gICAgICB9fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuIl0sIm5hbWVzIjpbInVzZVJlc2l6ZSIsIlJlYWN0IiwidXNlRWZmZWN0IiwidXNlTGl2ZVByZXZpZXdDb250ZXh0IiwiRGV2aWNlQ29udGFpbmVyIiwicHJvcHMiLCJjaGlsZHJlbiIsImRldmljZUZyYW1lUmVmIiwidXNlUmVmIiwiYnJlYWtwb2ludCIsInNldE1lYXN1cmVkRGV2aWNlU2l6ZSIsInNpemUiLCJ6b29tIiwibWVhc3VyZWREZXZpY2VTaXplIiwieCIsIm1hcmdpbiIsIndpZHRoIiwiaGVpZ2h0Iiwic2NhbGVkV2lkdGgiLCJkaWZmZXJlbmNlIiwiZGl2IiwicmVmIiwic3R5bGUiLCJ0cmFuc2Zvcm0iXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0EsU0FBU0EsU0FBUyxRQUFRLGlCQUFnQjtBQUMxQyxPQUFPQyxTQUFTQyxTQUFTLFFBQVEsUUFBTztBQUV4QyxTQUFTQyxxQkFBcUIsUUFBUSx3QkFBdUI7QUFFN0QsT0FBTyxNQUFNQyxrQkFFUixDQUFDQztJQUNKLE1BQU0sRUFBRUMsUUFBUSxFQUFFLEdBQUdEO0lBRXJCLE1BQU1FLGlCQUFpQk4sTUFBTU8sTUFBTSxDQUFpQjtJQUVwRCxNQUFNLEVBQUVDLFVBQVUsRUFBRUMscUJBQXFCLEVBQUVDLElBQUksRUFBRUMsSUFBSSxFQUFFLEdBQUdUO0lBRTFELGlGQUFpRjtJQUNqRiwyRUFBMkU7SUFDM0UsTUFBTSxFQUFFUSxNQUFNRSxrQkFBa0IsRUFBRSxHQUFHYixVQUFVTztJQUUvQyxxRkFBcUY7SUFDckYsaUZBQWlGO0lBQ2pGLDhGQUE4RjtJQUM5RkwsVUFBVTtRQUNSLElBQUlXLG9CQUFvQjtZQUN0Qkgsc0JBQXNCRztRQUN4QjtJQUNGLEdBQUc7UUFBQ0E7UUFBb0JIO0tBQXNCO0lBRTlDLElBQUlJLElBQUk7SUFDUixJQUFJQyxTQUFTO0lBRWIsSUFBSU4sY0FBY0EsZUFBZSxjQUFjO1FBQzdDSyxJQUFJO1FBRUosSUFDRSxPQUFPRixTQUFTLFlBQ2hCLE9BQU9ELEtBQUtLLEtBQUssS0FBSyxZQUN0QixPQUFPTCxLQUFLTSxNQUFNLEtBQUssVUFDdkI7WUFDQSxNQUFNQyxjQUFjUCxLQUFLSyxLQUFLLEdBQUdKO1lBQ2pDLE1BQU1PLGFBQWFELGNBQWNQLEtBQUtLLEtBQUs7WUFDM0NGLElBQUksQ0FBQyxFQUFFSyxhQUFhLEVBQUUsRUFBRSxDQUFDO1lBQ3pCSixTQUFTO1FBQ1g7SUFDRjtJQUVBLElBQUlDLFFBQVFKLE9BQU8sQ0FBQyxFQUFFLE1BQU1BLEtBQUssQ0FBQyxDQUFDLEdBQUc7SUFDdEMsSUFBSUssU0FBU0wsT0FBTyxDQUFDLEVBQUUsTUFBTUEsS0FBSyxDQUFDLENBQUMsR0FBRztJQUV2QyxJQUFJSCxlQUFlLGNBQWM7UUFDL0JPLFFBQVEsQ0FBQyxFQUFFTCxNQUFNSyxRQUFTLENBQUEsT0FBT0osU0FBUyxXQUFXQSxPQUFPLENBQUEsRUFBRyxFQUFFLENBQUM7UUFDbEVLLFNBQVMsQ0FBQyxFQUFFTixNQUFNTSxTQUFVLENBQUEsT0FBT0wsU0FBUyxXQUFXQSxPQUFPLENBQUEsRUFBRyxFQUFFLENBQUM7SUFDdEU7SUFFQSxxQkFDRSxvQkFBQ1E7UUFDQ0MsS0FBS2Q7UUFDTGUsT0FBTztZQUNMTDtZQUNBRjtZQUNBUSxXQUFXLENBQUMsWUFBWSxFQUFFVCxFQUFFLE9BQU8sQ0FBQztZQUNwQ0U7UUFDRjtPQUVDVjtBQUdQLEVBQUMifQ==

package/dist/{pages → views}/LivePreview/DeviceContainer/index.d.ts.map

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

@@ -0,0 +1,29 @@
+'use client';
+import React from 'react';
+import { useLivePreviewContext } from '../Context/context.js';
+export const DeviceContainer = (props)=>{
+    const { children } = props;
+    const { breakpoint, breakpoints, size, zoom } = 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.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9EZXZpY2VDb250YWluZXIvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyB1c2VMaXZlUHJldmlld0NvbnRleHQgfSBmcm9tICcuLi9Db250ZXh0L2NvbnRleHQuanMnXG5cbmV4cG9ydCBjb25zdCBEZXZpY2VDb250YWluZXI6IFJlYWN0LkZDPHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxufT4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBjaGlsZHJlbiB9ID0gcHJvcHNcblxuICBjb25zdCB7IGJyZWFrcG9pbnQsIGJyZWFrcG9pbnRzLCBzaXplLCB6b29tIH0gPSB1c2VMaXZlUHJldmlld0NvbnRleHQoKVxuXG4gIGNvbnN0IGZvdW5kQnJlYWtwb2ludCA9IGJyZWFrcG9pbnQgJiYgYnJlYWtwb2ludHM/LmZpbmQoKGJwKSA9PiBicC5uYW1lID09PSBicmVha3BvaW50KVxuXG4gIGxldCB4ID0gJzAnXG4gIGxldCBtYXJnaW4gPSAnMCdcblxuICBpZiAoZm91bmRCcmVha3BvaW50ICYmIGJyZWFrcG9pbnQgIT09ICdyZXNwb25zaXZlJykge1xuICAgIHggPSAnLTUwJSdcblxuICAgIGlmIChcbiAgICAgIHR5cGVvZiB6b29tID09PSAnbnVtYmVyJyAmJlxuICAgICAgdHlwZW9mIHNpemUud2lkdGggPT09ICdudW1iZXInICYmXG4gICAgICB0eXBlb2Ygc2l6ZS5oZWlnaHQgPT09ICdudW1iZXInXG4gICAgKSB7XG4gICAgICBjb25zdCBzY2FsZWRXaWR0aCA9IHNpemUud2lkdGggLyB6b29tXG4gICAgICBjb25zdCBkaWZmZXJlbmNlID0gc2NhbGVkV2lkdGggLSBzaXplLndpZHRoXG4gICAgICB4ID0gYCR7ZGlmZmVyZW5jZSAvIDJ9cHhgXG4gICAgICBtYXJnaW4gPSAnMCBhdXRvJ1xuICAgIH1cbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgaGVpZ2h0OlxuICAgICAgICAgIGZvdW5kQnJlYWtwb2ludCAmJiBmb3VuZEJyZWFrcG9pbnQ/Lm5hbWUgIT09ICdyZXNwb25zaXZlJ1xuICAgICAgICAgICAgPyBgJHtzaXplPy5oZWlnaHQgLyAodHlwZW9mIHpvb20gPT09ICdudW1iZXInID8gem9vbSA6IDEpfXB4YFxuICAgICAgICAgICAgOiB0eXBlb2Ygem9vbSA9PT0gJ251bWJlcidcbiAgICAgICAgICAgICAgPyBgJHsxMDAgLyB6b29tfSVgXG4gICAgICAgICAgICAgIDogJzEwMCUnLFxuICAgICAgICBtYXJnaW4sXG4gICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZTNkKCR7eH0sIDAsIDApYCxcbiAgICAgICAgd2lkdGg6XG4gICAgICAgICAgZm91bmRCcmVha3BvaW50ICYmIGZvdW5kQnJlYWtwb2ludD8ubmFtZSAhPT0gJ3Jlc3BvbnNpdmUnXG4gICAgICAgICAgICA/IGAke3NpemU/LndpZHRoIC8gKHR5cGVvZiB6b29tID09PSAnbnVtYmVyJyA/IHpvb20gOiAxKX1weGBcbiAgICAgICAgICAgIDogdHlwZW9mIHpvb20gPT09ICdudW1iZXInXG4gICAgICAgICAgICAgID8gYCR7MTAwIC8gem9vbX0lYFxuICAgICAgICAgICAgICA6ICcxMDAlJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG4iXSwibmFtZXMiOlsiUmVhY3QiLCJ1c2VMaXZlUHJldmlld0NvbnRleHQiLCJEZXZpY2VDb250YWluZXIiLCJwcm9wcyIsImNoaWxkcmVuIiwiYnJlYWtwb2ludCIsImJyZWFrcG9pbnRzIiwic2l6ZSIsInpvb20iLCJmb3VuZEJyZWFrcG9pbnQiLCJmaW5kIiwiYnAiLCJuYW1lIiwieCIsIm1hcmdpbiIsIndpZHRoIiwiaGVpZ2h0Iiwic2NhbGVkV2lkdGgiLCJkaWZmZXJlbmNlIiwiZGl2Iiwic3R5bGUiLCJ0cmFuc2Zvcm0iXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0EsT0FBT0EsV0FBVyxRQUFPO0FBRXpCLFNBQVNDLHFCQUFxQixRQUFRLHdCQUF1QjtBQUU3RCxPQUFPLE1BQU1DLGtCQUVSLENBQUNDO0lBQ0osTUFBTSxFQUFFQyxRQUFRLEVBQUUsR0FBR0Q7SUFFckIsTUFBTSxFQUFFRSxVQUFVLEVBQUVDLFdBQVcsRUFBRUMsSUFBSSxFQUFFQyxJQUFJLEVBQUUsR0FBR1A7SUFFaEQsTUFBTVEsa0JBQWtCSixjQUFjQyxhQUFhSSxLQUFLLENBQUNDLEtBQU9BLEdBQUdDLElBQUksS0FBS1A7SUFFNUUsSUFBSVEsSUFBSTtJQUNSLElBQUlDLFNBQVM7SUFFYixJQUFJTCxtQkFBbUJKLGVBQWUsY0FBYztRQUNsRFEsSUFBSTtRQUVKLElBQ0UsT0FBT0wsU0FBUyxZQUNoQixPQUFPRCxLQUFLUSxLQUFLLEtBQUssWUFDdEIsT0FBT1IsS0FBS1MsTUFBTSxLQUFLLFVBQ3ZCO1lBQ0EsTUFBTUMsY0FBY1YsS0FBS1EsS0FBSyxHQUFHUDtZQUNqQyxNQUFNVSxhQUFhRCxjQUFjVixLQUFLUSxLQUFLO1lBQzNDRixJQUFJLENBQUMsRUFBRUssYUFBYSxFQUFFLEVBQUUsQ0FBQztZQUN6QkosU0FBUztRQUNYO0lBQ0Y7SUFFQSxxQkFDRSxvQkFBQ0s7UUFDQ0MsT0FBTztZQUNMSixRQUNFUCxtQkFBbUJBLGlCQUFpQkcsU0FBUyxlQUN6QyxDQUFDLEVBQUVMLE1BQU1TLFNBQVUsQ0FBQSxPQUFPUixTQUFTLFdBQVdBLE9BQU8sQ0FBQSxFQUFHLEVBQUUsQ0FBQyxHQUMzRCxPQUFPQSxTQUFTLFdBQ2QsQ0FBQyxFQUFFLE1BQU1BLEtBQUssQ0FBQyxDQUFDLEdBQ2hCO1lBQ1JNO1lBQ0FPLFdBQVcsQ0FBQyxZQUFZLEVBQUVSLEVBQUUsT0FBTyxDQUFDO1lBQ3BDRSxPQUNFTixtQkFBbUJBLGlCQUFpQkcsU0FBUyxlQUN6QyxDQUFDLEVBQUVMLE1BQU1RLFFBQVMsQ0FBQSxPQUFPUCxTQUFTLFdBQVdBLE9BQU8sQ0FBQSxFQUFHLEVBQUUsQ0FBQyxHQUMxRCxPQUFPQSxTQUFTLFdBQ2QsQ0FBQyxFQUFFLE1BQU1BLEtBQUssQ0FBQyxDQUFDLEdBQ2hCO1FBQ1Y7T0FFQ0o7QUFHUCxFQUFDIn0=

package/dist/{pages → views}/LivePreview/IFrame/index.d.ts.map

@@ -1 +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"}
+{"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"}

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

@@ -0,0 +1,23 @@
+'use client';
+import React, { forwardRef } from 'react';
+import { useLivePreviewContext } from '../Context/context.js';
+import './index.scss';
+const baseClass = 'live-preview-iframe';
+export const IFrame = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { setIframeHasLoaded, url } = props;
+    const { zoom } = useLivePreviewContext();
+    return /*#__PURE__*/ React.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9JRnJhbWUvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgdXNlTGl2ZVByZXZpZXdDb250ZXh0IH0gZnJvbSAnLi4vQ29udGV4dC9jb250ZXh0LmpzJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdsaXZlLXByZXZpZXctaWZyYW1lJ1xuXG5leHBvcnQgY29uc3QgSUZyYW1lOiBSZWFjdC5GQzx7XG4gIHJlZjogUmVhY3QuUmVmPEhUTUxJRnJhbWVFbGVtZW50PlxuICBzZXRJZnJhbWVIYXNMb2FkZWQ6ICh2YWx1ZTogYm9vbGVhbikgPT4gdm9pZFxuICB1cmw6IHN0cmluZ1xufT4gPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgc2V0SWZyYW1lSGFzTG9hZGVkLCB1cmwgfSA9IHByb3BzXG5cbiAgY29uc3QgeyB6b29tIH0gPSB1c2VMaXZlUHJldmlld0NvbnRleHQoKVxuXG4gIHJldHVybiAoXG4gICAgPGlmcmFtZVxuICAgICAgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9XG4gICAgICBvbkxvYWQ9eygpID0+IHtcbiAgICAgICAgc2V0SWZyYW1lSGFzTG9hZGVkKHRydWUpXG4gICAgICB9fVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBzcmM9e3VybH1cbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIHRyYW5zZm9ybTogdHlwZW9mIHpvb20gPT09ICdudW1iZXInID8gYHNjYWxlKCR7em9vbX0pIGAgOiB1bmRlZmluZWQsXG4gICAgICB9fVxuICAgICAgdGl0bGU9e3VybH1cbiAgICAvPlxuICApXG59KVxuIl0sIm5hbWVzIjpbIlJlYWN0IiwiZm9yd2FyZFJlZiIsInVzZUxpdmVQcmV2aWV3Q29udGV4dCIsImJhc2VDbGFzcyIsIklGcmFtZSIsInByb3BzIiwicmVmIiwic2V0SWZyYW1lSGFzTG9hZGVkIiwidXJsIiwiem9vbSIsImlmcmFtZSIsImNsYXNzTmFtZSIsIm9uTG9hZCIsInNyYyIsInN0eWxlIiwidHJhbnNmb3JtIiwidW5kZWZpbmVkIiwidGl0bGUiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0EsT0FBT0EsU0FBU0MsVUFBVSxRQUFRLFFBQU87QUFFekMsU0FBU0MscUJBQXFCLFFBQVEsd0JBQXVCO0FBQzdELE9BQU8sZUFBYztBQUVyQixNQUFNQyxZQUFZO0FBRWxCLE9BQU8sTUFBTUMsdUJBSVJILFdBQVcsQ0FBQ0ksT0FBT0M7SUFDdEIsTUFBTSxFQUFFQyxrQkFBa0IsRUFBRUMsR0FBRyxFQUFFLEdBQUdIO0lBRXBDLE1BQU0sRUFBRUksSUFBSSxFQUFFLEdBQUdQO0lBRWpCLHFCQUNFLG9CQUFDUTtRQUNDQyxXQUFXUjtRQUNYUyxRQUFRO1lBQ05MLG1CQUFtQjtRQUNyQjtRQUNBRCxLQUFLQTtRQUNMTyxLQUFLTDtRQUNMTSxPQUFPO1lBQ0xDLFdBQVcsT0FBT04sU0FBUyxXQUFXLENBQUMsTUFBTSxFQUFFQSxLQUFLLEVBQUUsQ0FBQyxHQUFHTztRQUM1RDtRQUNBQyxPQUFPVDs7QUFHYixHQUFFIn0=

package/dist/{pages → 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

@@ -0,0 +1 @@
+{"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;AAQlD,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4F/C,CAAA"}

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

@@ -0,0 +1,76 @@
+'use client';
+import { ShimmerEffect, reduceFieldsToValues, useAllFormFields, useDocumentEvents } from '@payloadcms/ui';
+import React, { useEffect } from 'react';
+import { useLivePreviewContext } from '../Context/context.js';
+import { DeviceContainer } from '../Device/index.js';
+import { IFrame } from '../IFrame/index.js';
+import { LivePreviewToolbar } from '../Toolbar/index.js';
+import './index.scss';
+const baseClass = 'live-preview-window';
+export const LivePreview = (props)=>{
+    const { appIsReady, iframeHasLoaded, iframeRef, popupRef, previewWindowType, setIframeHasLoaded, url } = useLivePreviewContext();
+    const { mostRecentUpdate } = useDocumentEvents();
+    const { breakpoint, fieldSchemaJSON } = useLivePreviewContext();
+    const prevWindowType = React.useRef();
+    const [fields] = 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
+    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 = 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.createElement("div", {
+            className: [
+                baseClass,
+                breakpoint && breakpoint !== 'responsive' && `${baseClass}--has-breakpoint`
+            ].filter(Boolean).join(' ')
+        }, /*#__PURE__*/ React.createElement("div", {
+            className: `${baseClass}__wrapper`
+        }, /*#__PURE__*/ React.createElement(LivePreviewToolbar, props), /*#__PURE__*/ React.createElement("div", {
+            className: `${baseClass}__main`
+        }, /*#__PURE__*/ React.createElement(DeviceContainer, null, url ? /*#__PURE__*/ React.createElement(IFrame, {
+            ref: iframeRef,
+            setIframeHasLoaded: setIframeHasLoaded,
+            url: url
+        }) : /*#__PURE__*/ React.createElement(ShimmerEffect, {
+            height: "100%"
+        })))));
+    }
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9QcmV2aWV3L2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHR5cGUgeyBFZGl0Vmlld1Byb3BzIH0gZnJvbSAncGF5bG9hZC90eXBlcydcblxuaW1wb3J0IHtcbiAgU2hpbW1lckVmZmVjdCxcbiAgcmVkdWNlRmllbGRzVG9WYWx1ZXMsXG4gIHVzZUFsbEZvcm1GaWVsZHMsXG4gIHVzZURvY3VtZW50RXZlbnRzLFxufSBmcm9tICdAcGF5bG9hZGNtcy91aSdcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgdXNlTGl2ZVByZXZpZXdDb250ZXh0IH0gZnJvbSAnLi4vQ29udGV4dC9jb250ZXh0LmpzJ1xuaW1wb3J0IHsgRGV2aWNlQ29udGFpbmVyIH0gZnJvbSAnLi4vRGV2aWNlL2luZGV4LmpzJ1xuaW1wb3J0IHsgSUZyYW1lIH0gZnJvbSAnLi4vSUZyYW1lL2luZGV4LmpzJ1xuaW1wb3J0IHsgTGl2ZVByZXZpZXdUb29sYmFyIH0gZnJvbSAnLi4vVG9vbGJhci9pbmRleC5qcydcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAnbGl2ZS1wcmV2aWV3LXdpbmRvdydcblxuZXhwb3J0IGNvbnN0IExpdmVQcmV2aWV3OiBSZWFjdC5GQzxFZGl0Vmlld1Byb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgYXBwSXNSZWFkeSxcbiAgICBpZnJhbWVIYXNMb2FkZWQsXG4gICAgaWZyYW1lUmVmLFxuICAgIHBvcHVwUmVmLFxuICAgIHByZXZpZXdXaW5kb3dUeXBlLFxuICAgIHNldElmcmFtZUhhc0xvYWRlZCxcbiAgICB1cmwsXG4gIH0gPSB1c2VMaXZlUHJldmlld0NvbnRleHQoKVxuXG4gIGNvbnN0IHsgbW9zdFJlY2VudFVwZGF0ZSB9ID0gdXNlRG9jdW1lbnRFdmVudHMoKVxuXG4gIGNvbnN0IHsgYnJlYWtwb2ludCwgZmllbGRTY2hlbWFKU09OIH0gPSB1c2VMaXZlUHJldmlld0NvbnRleHQoKVxuXG4gIGNvbnN0IHByZXZXaW5kb3dUeXBlID1cbiAgICBSZWFjdC51c2VSZWY8UmV0dXJuVHlwZTx0eXBlb2YgdXNlTGl2ZVByZXZpZXdDb250ZXh0PlsncHJldmlld1dpbmRvd1R5cGUnXT4oKVxuXG4gIGNvbnN0IFtmaWVsZHNdID0gdXNlQWxsRm9ybUZpZWxkcygpXG5cbiAgLy8gVGhlIHByZXZpZXcgY291bGQgZWl0aGVyIGJlIGFuIGlmcmFtZSBlbWJlZGRlZCBvbiB0aGUgcGFnZVxuICAvLyBPciBpdCBjb3VsZCBiZSBhIHNlcGFyYXRlIHBvcHVwIHdpbmRvd1xuICAvLyBXZSBuZWVkIHRvIHRyYW5zbWl0IGRhdGEgdG8gYm90aCBhY2NvcmRpbmdseVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8vIEZvciBwZXJmb3JtYW5jZSwgZG8gbm8gcmVkdWNlIGZpZWxkcyB0byB2YWx1ZXMgdW50aWwgYWZ0ZXIgdGhlIGlmcmFtZSBvciBwb3B1cCBoYXMgbG9hZGVkXG4gICAgaWYgKGZpZWxkcyAmJiB3aW5kb3cgJiYgJ3Bvc3RNZXNzYWdlJyBpbiB3aW5kb3cgJiYgYXBwSXNSZWFkeSkge1xuICAgICAgY29uc3QgdmFsdWVzID0gcmVkdWNlRmllbGRzVG9WYWx1ZXMoZmllbGRzLCB0cnVlKVxuXG4gICAgICAvLyBUbyByZWR1Y2Ugb24gbGFyZ2UgYHBvc3RNZXNzYWdlYCBwYXlsb2Fkcywgb25seSBzZW5kIGBmaWVsZFNjaGVtYVRvSlNPTmAgb25lIHRpbWVcbiAgICAgIC8vIFRvIGRvIHRoaXMsIHRoZSB1bmRlcmx5aW5nIEpTIGZ1bmN0aW9uIG1haW50YWlucyBhIGNhY2hlIG9mIHRoaXMgdmFsdWVcbiAgICAgIC8vIFNvIHdlIG5lZWQgdG8gc2VuZCBpdCB0aHJvdWdoIGVhY2ggdGltZSB0aGUgd2luZG93IHR5cGUgY2hhbmdlc1xuICAgICAgLy8gQnV0IG9ubHkgb25jZSBwZXIgd2luZG93IHR5cGUgY2hhbmdlLCBub3Qgb24gZXZlcnkgcmVuZGVyLCBiZWNhdXNlIHRoaXMgaXMgYSBwb3RlbnRpYWxseSBsYXJnZSBvYmpcbiAgICAgIGNvbnN0IHNob3VsZFNlbmRTY2hlbWEgPVxuICAgICAgICAhcHJldldpbmRvd1R5cGUuY3VycmVudCB8fCBwcmV2V2luZG93VHlwZS5jdXJyZW50ICE9PSBwcmV2aWV3V2luZG93VHlwZVxuXG4gICAgICBwcmV2V2luZG93VHlwZS5jdXJyZW50ID0gcHJldmlld1dpbmRvd1R5cGVcblxuICAgICAgY29uc3QgbWVzc2FnZSA9IHtcbiAgICAgICAgdHlwZTogJ3BheWxvYWQtbGl2ZS1wcmV2aWV3JyxcbiAgICAgICAgZGF0YTogdmFsdWVzLFxuICAgICAgICBleHRlcm5hbGx5VXBkYXRlZFJlbGF0aW9uc2hpcDogbW9zdFJlY2VudFVwZGF0ZSxcbiAgICAgICAgZmllbGRTY2hlbWFKU09OOiBzaG91bGRTZW5kU2NoZW1hID8gZmllbGRTY2hlbWFKU09OIDogdW5kZWZpbmVkLFxuICAgICAgfVxuXG4gICAgICAvLyBQb3N0IG1lc3NhZ2UgdG8gZXh0ZXJuYWwgcG9wdXAgd2luZG93XG4gICAgICBpZiAocHJldmlld1dpbmRvd1R5cGUgPT09ICdwb3B1cCcgJiYgcG9wdXBSZWYuY3VycmVudCkge1xuICAgICAgICBwb3B1cFJlZi5jdXJyZW50LnBvc3RNZXNzYWdlKG1lc3NhZ2UsIHVybClcbiAgICAgIH1cblxuICAgICAgLy8gUG9zdCBtZXNzYWdlIHRvIGVtYmVkZGVkIGlmcmFtZVxuICAgICAgaWYgKHByZXZpZXdXaW5kb3dUeXBlID09PSAnaWZyYW1lJyAmJiBpZnJhbWVSZWYuY3VycmVudCkge1xuICAgICAgICBpZnJhbWVSZWYuY3VycmVudC5jb250ZW50V2luZG93Py5wb3N0TWVzc2FnZShtZXNzYWdlLCB1cmwpXG4gICAgICB9XG4gICAgfVxuICB9LCBbXG4gICAgZmllbGRzLFxuICAgIHVybCxcbiAgICBpZnJhbWVIYXNMb2FkZWQsXG4gICAgcHJldmlld1dpbmRvd1R5cGUsXG4gICAgcG9wdXBSZWYsXG4gICAgYXBwSXNSZWFkeSxcbiAgICBpZnJhbWVSZWYsXG4gICAgc2V0SWZyYW1lSGFzTG9hZGVkLFxuICAgIGZpZWxkU2NoZW1hSlNPTixcbiAgICBtb3N0UmVjZW50VXBkYXRlLFxuICBdKVxuXG4gIGlmIChwcmV2aWV3V2luZG93VHlwZSA9PT0gJ2lmcmFtZScpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e1tcbiAgICAgICAgICBiYXNlQ2xhc3MsXG4gICAgICAgICAgYnJlYWtwb2ludCAmJiBicmVha3BvaW50ICE9PSAncmVzcG9uc2l2ZScgJiYgYCR7YmFzZUNsYXNzfS0taGFzLWJyZWFrcG9pbnRgLFxuICAgICAgICBdXG4gICAgICAgICAgLmZpbHRlcihCb29sZWFuKVxuICAgICAgICAgIC5qb2luKCcgJyl9XG4gICAgICA+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X193cmFwcGVyYH0+XG4gICAgICAgICAgPExpdmVQcmV2aWV3VG9vbGJhciB7Li4ucHJvcHN9IC8+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX21haW5gfT5cbiAgICAgICAgICAgIDxEZXZpY2VDb250YWluZXI+XG4gICAgICAgICAgICAgIHt1cmwgPyAoXG4gICAgICAgICAgICAgICAgPElGcmFtZSByZWY9e2lmcmFtZVJlZn0gc2V0SWZyYW1lSGFzTG9hZGVkPXtzZXRJZnJhbWVIYXNMb2FkZWR9IHVybD17dXJsfSAvPlxuICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDxTaGltbWVyRWZmZWN0IGhlaWdodD1cIjEwMCVcIiAvPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9EZXZpY2VDb250YWluZXI+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9XG59XG4iXSwibmFtZXMiOlsiU2hpbW1lckVmZmVjdCIsInJlZHVjZUZpZWxkc1RvVmFsdWVzIiwidXNlQWxsRm9ybUZpZWxkcyIsInVzZURvY3VtZW50RXZlbnRzIiwiUmVhY3QiLCJ1c2VFZmZlY3QiLCJ1c2VMaXZlUHJldmlld0NvbnRleHQiLCJEZXZpY2VDb250YWluZXIiLCJJRnJhbWUiLCJMaXZlUHJldmlld1Rvb2xiYXIiLCJiYXNlQ2xhc3MiLCJMaXZlUHJldmlldyIsInByb3BzIiwiYXBwSXNSZWFkeSIsImlmcmFtZUhhc0xvYWRlZCIsImlmcmFtZVJlZiIsInBvcHVwUmVmIiwicHJldmlld1dpbmRvd1R5cGUiLCJzZXRJZnJhbWVIYXNMb2FkZWQiLCJ1cmwiLCJtb3N0UmVjZW50VXBkYXRlIiwiYnJlYWtwb2ludCIsImZpZWxkU2NoZW1hSlNPTiIsInByZXZXaW5kb3dUeXBlIiwidXNlUmVmIiwiZmllbGRzIiwid2luZG93IiwidmFsdWVzIiwic2hvdWxkU2VuZFNjaGVtYSIsImN1cnJlbnQiLCJtZXNzYWdlIiwidHlwZSIsImRhdGEiLCJleHRlcm5hbGx5VXBkYXRlZFJlbGF0aW9uc2hpcCIsInVuZGVmaW5lZCIsInBvc3RNZXNzYWdlIiwiY29udGVudFdpbmRvdyIsImRpdiIsImNsYXNzTmFtZSIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwicmVmIiwiaGVpZ2h0Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUlBLFNBQ0VBLGFBQWEsRUFDYkMsb0JBQW9CLEVBQ3BCQyxnQkFBZ0IsRUFDaEJDLGlCQUFpQixRQUNaLGlCQUFnQjtBQUN2QixPQUFPQyxTQUFTQyxTQUFTLFFBQVEsUUFBTztBQUV4QyxTQUFTQyxxQkFBcUIsUUFBUSx3QkFBdUI7QUFDN0QsU0FBU0MsZUFBZSxRQUFRLHFCQUFvQjtBQUNwRCxTQUFTQyxNQUFNLFFBQVEscUJBQW9CO0FBQzNDLFNBQVNDLGtCQUFrQixRQUFRLHNCQUFxQjtBQUN4RCxPQUFPLGVBQWM7QUFFckIsTUFBTUMsWUFBWTtBQUVsQixPQUFPLE1BQU1DLGNBQXVDLENBQUNDO0lBQ25ELE1BQU0sRUFDSkMsVUFBVSxFQUNWQyxlQUFlLEVBQ2ZDLFNBQVMsRUFDVEMsUUFBUSxFQUNSQyxpQkFBaUIsRUFDakJDLGtCQUFrQixFQUNsQkMsR0FBRyxFQUNKLEdBQUdiO0lBRUosTUFBTSxFQUFFYyxnQkFBZ0IsRUFBRSxHQUFHakI7SUFFN0IsTUFBTSxFQUFFa0IsVUFBVSxFQUFFQyxlQUFlLEVBQUUsR0FBR2hCO0lBRXhDLE1BQU1pQixpQkFDSm5CLE1BQU1vQixNQUFNO0lBRWQsTUFBTSxDQUFDQyxPQUFPLEdBQUd2QjtJQUVqQiw2REFBNkQ7SUFDN0QseUNBQXlDO0lBQ3pDLCtDQUErQztJQUMvQ0csVUFBVTtRQUNSLDRGQUE0RjtRQUM1RixJQUFJb0IsVUFBVUMsVUFBVSxpQkFBaUJBLFVBQVViLFlBQVk7WUFDN0QsTUFBTWMsU0FBUzFCLHFCQUFxQndCLFFBQVE7WUFFNUMsb0ZBQW9GO1lBQ3BGLHlFQUF5RTtZQUN6RSxrRUFBa0U7WUFDbEUscUdBQXFHO1lBQ3JHLE1BQU1HLG1CQUNKLENBQUNMLGVBQWVNLE9BQU8sSUFBSU4sZUFBZU0sT0FBTyxLQUFLWjtZQUV4RE0sZUFBZU0sT0FBTyxHQUFHWjtZQUV6QixNQUFNYSxVQUFVO2dCQUNkQyxNQUFNO2dCQUNOQyxNQUFNTDtnQkFDTk0sK0JBQStCYjtnQkFDL0JFLGlCQUFpQk0sbUJBQW1CTixrQkFBa0JZO1lBQ3hEO1lBRUEsd0NBQXdDO1lBQ3hDLElBQUlqQixzQkFBc0IsV0FBV0QsU0FBU2EsT0FBTyxFQUFFO2dCQUNyRGIsU0FBU2EsT0FBTyxDQUFDTSxXQUFXLENBQUNMLFNBQVNYO1lBQ3hDO1lBRUEsa0NBQWtDO1lBQ2xDLElBQUlGLHNCQUFzQixZQUFZRixVQUFVYyxPQUFPLEVBQUU7Z0JBQ3ZEZCxVQUFVYyxPQUFPLENBQUNPLGFBQWEsRUFBRUQsWUFBWUwsU0FBU1g7WUFDeEQ7UUFDRjtJQUNGLEdBQUc7UUFDRE07UUFDQU47UUFDQUw7UUFDQUc7UUFDQUQ7UUFDQUg7UUFDQUU7UUFDQUc7UUFDQUk7UUFDQUY7S0FDRDtJQUVELElBQUlILHNCQUFzQixVQUFVO1FBQ2xDLHFCQUNFLG9CQUFDb0I7WUFDQ0MsV0FBVztnQkFDVDVCO2dCQUNBVyxjQUFjQSxlQUFlLGdCQUFnQixDQUFDLEVBQUVYLFVBQVUsZ0JBQWdCLENBQUM7YUFDNUUsQ0FDRTZCLE1BQU0sQ0FBQ0MsU0FDUEMsSUFBSSxDQUFDO3lCQUVSLG9CQUFDSjtZQUFJQyxXQUFXLENBQUMsRUFBRTVCLFVBQVUsU0FBUyxDQUFDO3lCQUNyQyxvQkFBQ0Qsb0JBQXVCRyxzQkFDeEIsb0JBQUN5QjtZQUFJQyxXQUFXLENBQUMsRUFBRTVCLFVBQVUsTUFBTSxDQUFDO3lCQUNsQyxvQkFBQ0gsdUJBQ0VZLG9CQUNDLG9CQUFDWDtZQUFPa0MsS0FBSzNCO1lBQVdHLG9CQUFvQkE7WUFBb0JDLEtBQUtBOzJCQUVyRSxvQkFBQ25CO1lBQWMyQyxRQUFPOztJQU9wQztBQUNGLEVBQUMifQ==