@payloadcms/ui 3.81.0-internal-debug.1a0f4d0 → 3.81.0-internal.181753b

package/dist/elements/LivePreview/Toolbar/index.js

@@ -1,5 +1,7 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useDraggable } from '@dnd-kit/core';
 import React from 'react';
 import { DragHandleIcon } from '../../../icons/DragHandle/index.js';
@@ -7,91 +9,89 @@ import { useLivePreviewContext } from '../../../providers/LivePreview/context.js
 import { ToolbarControls } from './Controls/index.js';
 import './index.scss';
 const baseClass = 'live-preview-toolbar';
-const DraggableToolbar = (props)=>{
-    const { toolbarPosition } = useLivePreviewContext();
-    const { attributes, listeners, setNodeRef, transform } = useDraggable({
-        id: 'live-preview-toolbar'
+const DraggableToolbar = props => {
+  const $ = _c(10);
+  const {
+    toolbarPosition
+  } = useLivePreviewContext();
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {
+      id: "live-preview-toolbar"
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transform
+  } = useDraggable(t0);
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [baseClass, `${baseClass}--draggable`];
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const t2 = `${toolbarPosition.x}px`;
+  const t3 = `${toolbarPosition.y}px`;
+  let t4;
+  if ($[2] !== attributes || $[3] !== listeners || $[4] !== props || $[5] !== setNodeRef || $[6] !== t2 || $[7] !== t3 || $[8] !== transform) {
+    t4 = _jsxs("div", {
+      className: t1.join(" "),
+      style: {
+        left: t2,
+        top: t3,
+        ...(transform ? {
+          transform: transform ? `translate3d(${transform?.x || 0}px, ${transform?.y || 0}px, 0)` : undefined
+        } : {})
+      },
+      children: [_jsx("button", {
+        ...listeners,
+        ...attributes,
+        className: `${baseClass}__drag-handle`,
+        ref: setNodeRef,
+        type: "button",
+        children: _jsx(DragHandleIcon, {})
+      }), _jsx(ToolbarControls, {
+        ...props
+      })]
     });
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: [
-            baseClass,
-            `${baseClass}--draggable`
-        ].join(' '),
-        style: {
-            left: `${toolbarPosition.x}px`,
-            top: `${toolbarPosition.y}px`,
-            ...transform ? {
-                transform: transform ? `translate3d(${transform?.x || 0}px, ${transform?.y || 0}px, 0)` : undefined
-            } : {}
-        },
-        children: [
-            /*#__PURE__*/ _jsxDEV("button", {
-                ...listeners,
-                ...attributes,
-                className: `${baseClass}__drag-handle`,
-                ref: setNodeRef,
-                type: "button",
-                children: /*#__PURE__*/ _jsxDEV(DragHandleIcon, {}, void 0, false, {
-                    fileName: "src/elements/LivePreview/Toolbar/index.tsx",
-                    lineNumber: 43,
-                    columnNumber: 9
-                }, this)
-            }, void 0, false, {
-                fileName: "src/elements/LivePreview/Toolbar/index.tsx",
-                lineNumber: 36,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(ToolbarControls, {
-                ...props
-            }, void 0, false, {
-                fileName: "src/elements/LivePreview/Toolbar/index.tsx",
-                lineNumber: 45,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/LivePreview/Toolbar/index.tsx",
-        lineNumber: 22,
-        columnNumber: 5
-    }, this);
+    $[2] = attributes;
+    $[3] = listeners;
+    $[4] = props;
+    $[5] = setNodeRef;
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = transform;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  return t4;
 };
-const StaticToolbar = (props)=>{
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: [
-            baseClass,
-            `${baseClass}--static`
-        ].join(' '),
-        children: /*#__PURE__*/ _jsxDEV(ToolbarControls, {
-            ...props
-        }, void 0, false, {
-            fileName: "src/elements/LivePreview/Toolbar/index.tsx",
-            lineNumber: 53,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/LivePreview/Toolbar/index.tsx",
-        lineNumber: 52,
-        columnNumber: 5
-    }, this);
+const StaticToolbar = props => {
+  return /*#__PURE__*/_jsx("div", {
+    className: [baseClass, `${baseClass}--static`].join(' '),
+    children: /*#__PURE__*/_jsx(ToolbarControls, {
+      ...props
+    })
+  });
 };
-export const LivePreviewToolbar = (props)=>{
-    const { draggable } = props;
-    if (draggable) {
-        return /*#__PURE__*/ _jsxDEV(DraggableToolbar, {
-            ...props
-        }, void 0, false, {
-            fileName: "src/elements/LivePreview/Toolbar/index.tsx",
-            lineNumber: 66,
-            columnNumber: 12
-        }, this);
-    }
-    return /*#__PURE__*/ _jsxDEV(StaticToolbar, {
-        ...props
-    }, void 0, false, {
-        fileName: "src/elements/LivePreview/Toolbar/index.tsx",
-        lineNumber: 69,
-        columnNumber: 10
-    }, this);
+export const LivePreviewToolbar = props => {
+  const {
+    draggable
+  } = props;
+  if (draggable) {
+    return /*#__PURE__*/_jsx(DraggableToolbar, {
+      ...props
+    });
+  }
+  return /*#__PURE__*/_jsx(StaticToolbar, {
+    ...props
+  });
 };
-
 //# sourceMappingURL=index.js.map

package/dist/elements/LivePreview/Toolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/LivePreview/Toolbar/index.tsx"],"sourcesContent":["'use client'\nimport type { EditViewProps } from 'payload'\n\nimport { useDraggable } from '@dnd-kit/core'\nimport React from 'react'\n\nimport { DragHandleIcon } from '../../../icons/DragHandle/index.js'\nimport { useLivePreviewContext } from '../../../providers/LivePreview/context.js'\nimport { ToolbarControls } from './Controls/index.js'\nimport './index.scss'\n\nconst baseClass = 'live-preview-toolbar'\n\nconst DraggableToolbar: React.FC<EditViewProps> = (props) => {\n  const { toolbarPosition } = useLivePreviewContext()\n\n  const { attributes, listeners, setNodeRef, transform } = useDraggable({\n    id: 'live-preview-toolbar',\n  })\n\n  return (\n    <div\n      className={[baseClass, `${baseClass}--draggable`].join(' ')}\n      style={{\n        left: `${toolbarPosition.x}px`,\n        top: `${toolbarPosition.y}px`,\n        ...(transform\n          ? {\n              transform: transform\n                ? `translate3d(${transform?.x || 0}px, ${transform?.y || 0}px, 0)`\n                : undefined,\n            }\n          : {}),\n      }}\n    >\n      <button\n        {...listeners}\n        {...attributes}\n        className={`${baseClass}__drag-handle`}\n        ref={setNodeRef}\n        type=\"button\"\n      >\n        <DragHandleIcon />\n      </button>\n      <ToolbarControls {...props} />\n    </div>\n  )\n}\n\nconst StaticToolbar: React.FC<EditViewProps> = (props) => {\n  return (\n    <div className={[baseClass, `${baseClass}--static`].join(' ')}>\n      <ToolbarControls {...props} />\n    </div>\n  )\n}\n\nexport const LivePreviewToolbar: React.FC<\n  {\n    draggable?: boolean\n  } & EditViewProps\n> = (props) => {\n  const { draggable } = props\n\n  if (draggable) {\n    return <DraggableToolbar {...props} />\n  }\n\n  return <StaticToolbar {...props} />\n}\n"],"names":["useDraggable","React","DragHandleIcon","useLivePreviewContext","ToolbarControls","baseClass","DraggableToolbar","props","toolbarPosition","attributes","listeners","setNodeRef","transform","id","div","className","join","style","left","x","top","y","undefined","button","ref","type","StaticToolbar","LivePreviewToolbar","draggable"],"mappings":"AAAA;;AAGA,SAASA,YAAY,QAAQ,gBAAe;AAC5C,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,qCAAoC;AACnE,SAASC,qBAAqB,QAAQ,4CAA2C;AACjF,SAASC,eAAe,QAAQ,sBAAqB;AACrD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,mBAA4C,CAACC;IACjD,MAAM,EAAEC,eAAe,EAAE,GAAGL;IAE5B,MAAM,EAAEM,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGZ,aAAa;QACpEa,IAAI;IACN;IAEA,qBACE,QAACC;QACCC,WAAW;YAACV;YAAW,GAAGA,UAAU,WAAW,CAAC;SAAC,CAACW,IAAI,CAAC;QACvDC,OAAO;YACLC,MAAM,GAAGV,gBAAgBW,CAAC,CAAC,EAAE,CAAC;YAC9BC,KAAK,GAAGZ,gBAAgBa,CAAC,CAAC,EAAE,CAAC;YAC7B,GAAIT,YACA;gBACEA,WAAWA,YACP,CAAC,YAAY,EAAEA,WAAWO,KAAK,EAAE,IAAI,EAAEP,WAAWS,KAAK,EAAE,MAAM,CAAC,GAChEC;YACN,IACA,CAAC,CAAC;QACR;;0BAEA,QAACC;gBACE,GAAGb,SAAS;gBACZ,GAAGD,UAAU;gBACdM,WAAW,GAAGV,UAAU,aAAa,CAAC;gBACtCmB,KAAKb;gBACLc,MAAK;0BAEL,cAAA,QAACvB;;;;;;;;;;0BAEH,QAACE;gBAAiB,GAAGG,KAAK;;;;;;;;;;;;AAGhC;AAEA,MAAMmB,gBAAyC,CAACnB;IAC9C,qBACE,QAACO;QAAIC,WAAW;YAACV;YAAW,GAAGA,UAAU,QAAQ,CAAC;SAAC,CAACW,IAAI,CAAC;kBACvD,cAAA,QAACZ;YAAiB,GAAGG,KAAK;;;;;;;;;;;AAGhC;AAEA,OAAO,MAAMoB,qBAIT,CAACpB;IACH,MAAM,EAAEqB,SAAS,EAAE,GAAGrB;IAEtB,IAAIqB,WAAW;QACb,qBAAO,QAACtB;YAAkB,GAAGC,KAAK;;;;;;IACpC;IAEA,qBAAO,QAACmB;QAAe,GAAGnB,KAAK;;;;;;AACjC,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","useDraggable","React","DragHandleIcon","useLivePreviewContext","ToolbarControls","baseClass","DraggableToolbar","props","$","toolbarPosition","t0","Symbol","for","id","attributes","listeners","setNodeRef","transform","t1","t2","x","t3","y","t4","_jsxs","className","join","style","left","top","undefined","children","_jsx","ref","type","StaticToolbar","LivePreviewToolbar","draggable"],"sources":["../../../../src/elements/LivePreview/Toolbar/index.tsx"],"sourcesContent":["'use client'\nimport type { EditViewProps } from 'payload'\n\nimport { useDraggable } from '@dnd-kit/core'\nimport React from 'react'\n\nimport { DragHandleIcon } from '../../../icons/DragHandle/index.js'\nimport { useLivePreviewContext } from '../../../providers/LivePreview/context.js'\nimport { ToolbarControls } from './Controls/index.js'\nimport './index.scss'\n\nconst baseClass = 'live-preview-toolbar'\n\nconst DraggableToolbar: React.FC<EditViewProps> = (props) => {\n  const { toolbarPosition } = useLivePreviewContext()\n\n  const { attributes, listeners, setNodeRef, transform } = useDraggable({\n    id: 'live-preview-toolbar',\n  })\n\n  return (\n    <div\n      className={[baseClass, `${baseClass}--draggable`].join(' ')}\n      style={{\n        left: `${toolbarPosition.x}px`,\n        top: `${toolbarPosition.y}px`,\n        ...(transform\n          ? {\n              transform: transform\n                ? `translate3d(${transform?.x || 0}px, ${transform?.y || 0}px, 0)`\n                : undefined,\n            }\n          : {}),\n      }}\n    >\n      <button\n        {...listeners}\n        {...attributes}\n        className={`${baseClass}__drag-handle`}\n        ref={setNodeRef}\n        type=\"button\"\n      >\n        <DragHandleIcon />\n      </button>\n      <ToolbarControls {...props} />\n    </div>\n  )\n}\n\nconst StaticToolbar: React.FC<EditViewProps> = (props) => {\n  return (\n    <div className={[baseClass, `${baseClass}--static`].join(' ')}>\n      <ToolbarControls {...props} />\n    </div>\n  )\n}\n\nexport const LivePreviewToolbar: React.FC<\n  {\n    draggable?: boolean\n  } & EditViewProps\n> = (props) => {\n  const { draggable } = props\n\n  if (draggable) {\n    return <DraggableToolbar {...props} />\n  }\n\n  return <StaticToolbar {...props} />\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,YAAY,QAAQ;AAC7B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ;AACtC,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,gBAAA,GAA4CC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAChD;IAAAU;EAAA,IAA4BN,qBAAA;EAAA,IAAAO,EAAA;EAAA,IAAAF,CAAA,QAAAG,MAAA,CAAAC,GAAA;IAE0CF,EAAA;MAAAG,EAAA,EAChE;IAAA;IACNL,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EAFA;IAAAM,UAAA;IAAAC,SAAA;IAAAC,UAAA;IAAAC;EAAA,IAAyDjB,YAAA,CAAaU,EAEtE;EAAA,IAAAQ,EAAA;EAAA,IAAAV,CAAA,QAAAG,MAAA,CAAAC,GAAA;IAIeM,EAAA,IAAAb,SAAA,EAAY,GAAAA,SAAA,aAAyB;IAACG,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAEzC,MAAAW,EAAA,MAAGV,eAAA,CAAAW,CAAA,IAAqB;EACzB,MAAAC,EAAA,MAAGZ,eAAA,CAAAa,CAAA,IAAqB;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAAM,UAAA,IAAAN,CAAA,QAAAO,SAAA,IAAAP,CAAA,QAAAD,KAAA,IAAAC,CAAA,QAAAQ,UAAA,IAAAR,CAAA,QAAAW,EAAA,IAAAX,CAAA,QAAAa,EAAA,IAAAb,CAAA,QAAAS,SAAA;IAJjCM,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EACYP,EAAsC,CAAAQ,IAAA,CAAM;MAAAC,KAAA;QAAAC,IAAA,EAE/CT,EAAwB;QAAAU,GAAA,EACzBR,EAAwB;QAAA,IACzBJ,SAAA;UAAAA,SAAA,EAEaA,SAAA,GACP,eAAeA,SAAA,EAAAG,CAAA,KAAgB,OAAQH,SAAA,EAAAK,CAAA,KAAgB,QAAS,GAAAQ;QAChE,MAEJ;MAAA;MAAAC,QAAA,GAGRC,IAAA,CAAC;QAAA,GACKjB,SAAS;QAAA,GACTD,UAAU;QAAAW,SAAA,EACH,GAAApB,SAAA,eAA2B;QAAA4B,GAAA,EACjCjB,UAAA;QAAAkB,IAAA,EACA;QAAAH,QAAA,EAELC,IAAA,CAAA9B,cAAA,IAAC;MAAA,C,GAEH8B,IAAA,CAAA5B,eAAA;QAAA,GAAqBG;MAAK,C;;;;;;;;;;;;;SAvB5BgB,E;CA0BJ;AAEA,MAAMY,aAAA,GAA0C5B,KAAA;EAC9C,oBACEyB,IAAA,CAAC;IAAIP,SAAA,EAAW,CAACpB,SAAA,EAAW,GAAGA,SAAA,UAAmB,CAAC,CAACqB,IAAI,CAAC;cACvD,aAAAM,IAAA,CAAC5B,eAAA;MAAiB,GAAGG;;;AAG3B;AAEA,OAAO,MAAM6B,kBAAA,GAIR7B,KAAA;EACH,MAAM;IAAE8B;EAAS,CAAE,GAAG9B,KAAA;EAEtB,IAAI8B,SAAA,EAAW;IACb,oBAAOL,IAAA,CAAC1B,gBAAA;MAAkB,GAAGC;;EAC/B;EAEA,oBAAOyB,IAAA,CAACG,aAAA;IAAe,GAAG5B;;AAC5B","ignoreList":[]}

package/dist/elements/LivePreview/ToolbarArea/index.js

@@ -1,23 +1,41 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useDroppable } from '@dnd-kit/core';
 import React from 'react';
 import './index.scss';
 const baseClass = 'toolbar-area';
-export const ToolbarArea = (props)=>{
-    const { children } = props;
-    const { setNodeRef } = useDroppable({
-        id: 'live-preview-area'
+export const ToolbarArea = props => {
+  const $ = _c(4);
+  const {
+    children
+  } = props;
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {
+      id: "live-preview-area"
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const {
+    setNodeRef
+  } = useDroppable(t0);
+  let t1;
+  if ($[1] !== children || $[2] !== setNodeRef) {
+    t1 = _jsx("div", {
+      className: baseClass,
+      ref: setNodeRef,
+      children
     });
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: baseClass,
-        ref: setNodeRef,
-        children: children
-    }, void 0, false, {
-        fileName: "src/elements/LivePreview/ToolbarArea/index.tsx",
-        lineNumber: 19,
-        columnNumber: 5
-    }, this);
+    $[1] = children;
+    $[2] = setNodeRef;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
 };
-
 //# sourceMappingURL=index.js.map

package/dist/elements/LivePreview/ToolbarArea/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/LivePreview/ToolbarArea/index.tsx"],"sourcesContent":["'use client'\nimport { useDroppable } from '@dnd-kit/core'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'toolbar-area'\n\nexport const ToolbarArea: React.FC<{\n  children: React.ReactNode\n}> = (props) => {\n  const { children } = props\n\n  const { setNodeRef } = useDroppable({\n    id: 'live-preview-area',\n  })\n\n  return (\n    <div className={baseClass} ref={setNodeRef}>\n      {children}\n    </div>\n  )\n}\n"],"names":["useDroppable","React","baseClass","ToolbarArea","props","children","setNodeRef","id","div","className","ref"],"mappings":"AAAA;;AACA,SAASA,YAAY,QAAQ,gBAAe;AAC5C,OAAOC,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAER,CAACC;IACJ,MAAM,EAAEC,QAAQ,EAAE,GAAGD;IAErB,MAAM,EAAEE,UAAU,EAAE,GAAGN,aAAa;QAClCO,IAAI;IACN;IAEA,qBACE,QAACC;QAAIC,WAAWP;QAAWQ,KAAKJ;kBAC7BD;;;;;;AAGP,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","useDroppable","React","baseClass","ToolbarArea","props","$","children","t0","Symbol","for","id","setNodeRef","t1","_jsx","className","ref"],"sources":["../../../../src/elements/LivePreview/ToolbarArea/index.tsx"],"sourcesContent":["'use client'\nimport { useDroppable } from '@dnd-kit/core'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'toolbar-area'\n\nexport const ToolbarArea: React.FC<{\n  children: React.ReactNode\n}> = (props) => {\n  const { children } = props\n\n  const { setNodeRef } = useDroppable({\n    id: 'live-preview-area',\n  })\n\n  return (\n    <div className={baseClass} ref={setNodeRef}>\n      {children}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,YAAY,QAAQ;AAC7B,OAAOC,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAERC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACH;IAAAO;EAAA,IAAqBF,KAAA;EAAA,IAAAG,EAAA;EAAA,IAAAF,CAAA,QAAAG,MAAA,CAAAC,GAAA;IAEeF,EAAA;MAAAG,EAAA,EAC9B;IAAA;IACNL,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EAFA;IAAAM;EAAA,IAAuBX,YAAA,CAAaO,EAEpC;EAAA,IAAAK,EAAA;EAAA,IAAAP,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAM,UAAA;IAGEC,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAAZ,SAAA;MAAAa,GAAA,EAA+BJ,UAAA;MAAAL;IAAA,C;;;;;;;SAAhCM,E;CAIJ","ignoreList":[]}

package/dist/elements/LivePreview/Window/index.js

@@ -1,5 +1,6 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { reduceFieldsToValues } from 'payload/shared';
 import React, { useEffect } from 'react';
 import { useAllFormFields } from '../../../forms/Form/context.js';
@@ -12,146 +13,112 @@ import { DeviceContainer } from '../Device/index.js';
 import { LivePreviewToolbar } from '../Toolbar/index.js';
 import './index.scss';
 const baseClass = 'live-preview-window';
-export const LivePreviewWindow = (props)=>{
-    const { appIsReady, breakpoint, iframeRef, isLivePreviewing, loadedURL, popupRef, previewWindowType, setLoadedURL, shouldRenderIframe, url, zoom } = useLivePreviewContext();
-    const locale = useLocale();
-    const { mostRecentUpdate } = useDocumentEvents();
-    const [formState] = useAllFormFields();
-    const { id, collectionSlug, globalSlug } = useDocumentInfo();
-    /**
-   * For client-side apps, send data through `window.postMessage`
-   * 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(()=>{
-        if (!isLivePreviewing || !appIsReady) {
-            return;
-        }
-        // For performance, do not reduce fields to values until after the iframe or popup has loaded
-        if (formState) {
-            const values = reduceFieldsToValues(formState, true);
-            if (!values.id) {
-                values.id = id;
-            }
-            const message = {
-                type: 'payload-live-preview',
-                collectionSlug,
-                data: values,
-                externallyUpdatedRelationship: mostRecentUpdate,
-                globalSlug,
-                locale: locale.code
-            };
-            // 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);
-            }
-        }
-    }, [
-        formState,
-        url,
+export const LivePreviewWindow = props => {
+  const {
+    appIsReady,
+    breakpoint,
+    iframeRef,
+    isLivePreviewing,
+    loadedURL,
+    popupRef,
+    previewWindowType,
+    setLoadedURL,
+    shouldRenderIframe,
+    url,
+    zoom
+  } = useLivePreviewContext();
+  const locale = useLocale();
+  const {
+    mostRecentUpdate
+  } = useDocumentEvents();
+  const [formState] = useAllFormFields();
+  const {
+    id,
+    collectionSlug,
+    globalSlug
+  } = useDocumentInfo();
+  /**
+  * For client-side apps, send data through `window.postMessage`
+  * 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(() => {
+    if (!isLivePreviewing || !appIsReady) {
+      return;
+    }
+    // For performance, do not reduce fields to values until after the iframe or popup has loaded
+    if (formState) {
+      const values = reduceFieldsToValues(formState, true);
+      if (!values.id) {
+        values.id = id;
+      }
+      const message = {
+        type: 'payload-live-preview',
         collectionSlug,
+        data: values,
+        externallyUpdatedRelationship: mostRecentUpdate,
         globalSlug,
-        id,
-        previewWindowType,
-        popupRef,
-        appIsReady,
-        iframeRef,
-        mostRecentUpdate,
-        locale,
-        isLivePreviewing,
-        loadedURL
-    ]);
-    /**
-   * To support SSR, we transmit a `window.postMessage` event without a payload
-   * This is because the event will ultimately trigger a server-side roundtrip
-   * i.e., save, save draft, autosave, etc. will fire `router.refresh()`
-   */ useEffect(()=>{
-        if (!isLivePreviewing || !appIsReady) {
-            return;
-        }
-        const message = {
-            type: 'payload-document-event'
-        };
-        // 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);
-        }
-    }, [
-        mostRecentUpdate,
-        iframeRef,
-        popupRef,
-        previewWindowType,
-        url,
-        isLivePreviewing,
-        appIsReady
-    ]);
-    if (previewWindowType !== 'iframe') {
-        return null;
+        locale: locale.code
+      };
+      // 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);
+      }
     }
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: [
-            baseClass,
-            isLivePreviewing && `${baseClass}--is-live-previewing`,
-            breakpoint && breakpoint !== 'responsive' && `${baseClass}--has-breakpoint`
-        ].filter(Boolean).join(' '),
-        children: /*#__PURE__*/ _jsxDEV("div", {
-            className: `${baseClass}__wrapper`,
-            children: [
-                /*#__PURE__*/ _jsxDEV(LivePreviewToolbar, {
-                    ...props
-                }, void 0, false, {
-                    fileName: "src/elements/LivePreview/Window/index.tsx",
-                    lineNumber: 136,
-                    columnNumber: 9
-                }, this),
-                /*#__PURE__*/ _jsxDEV("div", {
-                    className: `${baseClass}__main`,
-                    children: /*#__PURE__*/ _jsxDEV(DeviceContainer, {
-                        children: shouldRenderIframe && /*#__PURE__*/ _jsxDEV(IframeLoader, {
-                            className: "live-preview-iframe",
-                            id: "live-preview-iframe",
-                            onLoad: ()=>{
-                                setLoadedURL(url);
-                            },
-                            ref: iframeRef,
-                            src: url,
-                            style: {
-                                transform: typeof zoom === 'number' ? `scale(${zoom}) ` : undefined
-                            }
-                        }, void 0, false, {
-                            fileName: "src/elements/LivePreview/Window/index.tsx",
-                            lineNumber: 140,
-                            columnNumber: 15
-                        }, this)
-                    }, void 0, false, {
-                        fileName: "src/elements/LivePreview/Window/index.tsx",
-                        lineNumber: 138,
-                        columnNumber: 11
-                    }, this)
-                }, void 0, false, {
-                    fileName: "src/elements/LivePreview/Window/index.tsx",
-                    lineNumber: 137,
-                    columnNumber: 9
-                }, this)
-            ]
-        }, void 0, true, {
-            fileName: "src/elements/LivePreview/Window/index.tsx",
-            lineNumber: 135,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/LivePreview/Window/index.tsx",
-        lineNumber: 126,
-        columnNumber: 5
-    }, this);
+  }, [formState, url, collectionSlug, globalSlug, id, previewWindowType, popupRef, appIsReady, iframeRef, mostRecentUpdate, locale, isLivePreviewing, loadedURL]);
+  /**
+  * To support SSR, we transmit a `window.postMessage` event without a payload
+  * This is because the event will ultimately trigger a server-side roundtrip
+  * i.e., save, save draft, autosave, etc. will fire `router.refresh()`
+  */
+  useEffect(() => {
+    if (!isLivePreviewing || !appIsReady) {
+      return;
+    }
+    const message_0 = {
+      type: 'payload-document-event'
+    };
+    // Post message to external popup window
+    if (previewWindowType === 'popup' && popupRef.current) {
+      popupRef.current.postMessage(message_0, url);
+    }
+    // Post message to embedded iframe
+    if (previewWindowType === 'iframe' && iframeRef.current) {
+      iframeRef.current.contentWindow?.postMessage(message_0, url);
+    }
+  }, [mostRecentUpdate, iframeRef, popupRef, previewWindowType, url, isLivePreviewing, appIsReady]);
+  if (previewWindowType !== 'iframe') {
+    return null;
+  }
+  return /*#__PURE__*/_jsx("div", {
+    className: [baseClass, isLivePreviewing && `${baseClass}--is-live-previewing`, breakpoint && breakpoint !== 'responsive' && `${baseClass}--has-breakpoint`].filter(Boolean).join(' '),
+    children: /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__wrapper`,
+      children: [/*#__PURE__*/_jsx(LivePreviewToolbar, {
+        ...props
+      }), /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__main`,
+        children: /*#__PURE__*/_jsx(DeviceContainer, {
+          children: shouldRenderIframe && /*#__PURE__*/_jsx(IframeLoader, {
+            className: "live-preview-iframe",
+            id: "live-preview-iframe",
+            onLoad: () => {
+              setLoadedURL(url);
+            },
+            ref: iframeRef,
+            src: url,
+            style: {
+              transform: typeof zoom === 'number' ? `scale(${zoom}) ` : undefined
+            }
+          })
+        })
+      })]
+    })
+  });
 };
-
 //# sourceMappingURL=index.js.map

package/dist/elements/LivePreview/Window/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/LivePreview/Window/index.tsx"],"sourcesContent":["'use client'\n\nimport type { EditViewProps } from 'payload'\n\nimport { reduceFieldsToValues } from 'payload/shared'\nimport React, { useEffect } from 'react'\n\nimport { useAllFormFields } from '../../../forms/Form/context.js'\nimport { useDocumentEvents } from '../../../providers/DocumentEvents/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useLivePreviewContext } from '../../../providers/LivePreview/context.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { IframeLoader } from '../../IframeLoader/index.js'\nimport { DeviceContainer } from '../Device/index.js'\nimport { LivePreviewToolbar } from '../Toolbar/index.js'\nimport './index.scss'\n\nconst baseClass = 'live-preview-window'\n\nexport const LivePreviewWindow: React.FC<EditViewProps> = (props) => {\n  const {\n    appIsReady,\n    breakpoint,\n    iframeRef,\n    isLivePreviewing,\n    loadedURL,\n    popupRef,\n    previewWindowType,\n    setLoadedURL,\n    shouldRenderIframe,\n    url,\n    zoom,\n  } = useLivePreviewContext()\n\n  const locale = useLocale()\n\n  const { mostRecentUpdate } = useDocumentEvents()\n\n  const [formState] = useAllFormFields()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n\n  /**\n   * For client-side apps, send data through `window.postMessage`\n   * The preview could either be an iframe embedded on the page\n   * Or it could be a separate popup window\n   * We need to transmit data to both accordingly\n   */\n  useEffect(() => {\n    if (!isLivePreviewing || !appIsReady) {\n      return\n    }\n\n    // For performance, do not reduce fields to values until after the iframe or popup has loaded\n    if (formState) {\n      const values = reduceFieldsToValues(formState, true)\n\n      if (!values.id) {\n        values.id = id\n      }\n\n      const message = {\n        type: 'payload-live-preview',\n        collectionSlug,\n        data: values,\n        externallyUpdatedRelationship: mostRecentUpdate,\n        globalSlug,\n        locale: locale.code,\n      }\n\n      // Post message to external popup window\n      if (previewWindowType === 'popup' && popupRef.current) {\n        popupRef.current.postMessage(message, url)\n      }\n\n      // Post message to embedded iframe\n      if (previewWindowType === 'iframe' && iframeRef.current) {\n        iframeRef.current.contentWindow?.postMessage(message, url)\n      }\n    }\n  }, [\n    formState,\n    url,\n    collectionSlug,\n    globalSlug,\n    id,\n    previewWindowType,\n    popupRef,\n    appIsReady,\n    iframeRef,\n    mostRecentUpdate,\n    locale,\n    isLivePreviewing,\n    loadedURL,\n  ])\n\n  /**\n   * To support SSR, we transmit a `window.postMessage` event without a payload\n   * This is because the event will ultimately trigger a server-side roundtrip\n   * i.e., save, save draft, autosave, etc. will fire `router.refresh()`\n   */\n  useEffect(() => {\n    if (!isLivePreviewing || !appIsReady) {\n      return\n    }\n\n    const message = {\n      type: 'payload-document-event',\n    }\n\n    // Post message to external popup window\n    if (previewWindowType === 'popup' && popupRef.current) {\n      popupRef.current.postMessage(message, url)\n    }\n\n    // Post message to embedded iframe\n    if (previewWindowType === 'iframe' && iframeRef.current) {\n      iframeRef.current.contentWindow?.postMessage(message, url)\n    }\n  }, [mostRecentUpdate, iframeRef, popupRef, previewWindowType, url, isLivePreviewing, appIsReady])\n\n  if (previewWindowType !== 'iframe') {\n    return null\n  }\n\n  return (\n    <div\n      className={[\n        baseClass,\n        isLivePreviewing && `${baseClass}--is-live-previewing`,\n        breakpoint && breakpoint !== 'responsive' && `${baseClass}--has-breakpoint`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${baseClass}__wrapper`}>\n        <LivePreviewToolbar {...props} />\n        <div className={`${baseClass}__main`}>\n          <DeviceContainer>\n            {shouldRenderIframe && (\n              <IframeLoader\n                className=\"live-preview-iframe\"\n                id=\"live-preview-iframe\"\n                onLoad={() => {\n                  setLoadedURL(url)\n                }}\n                ref={iframeRef}\n                src={url}\n                style={{\n                  transform: typeof zoom === 'number' ? `scale(${zoom}) ` : undefined,\n                }}\n              />\n            )}\n          </DeviceContainer>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["reduceFieldsToValues","React","useEffect","useAllFormFields","useDocumentEvents","useDocumentInfo","useLivePreviewContext","useLocale","IframeLoader","DeviceContainer","LivePreviewToolbar","baseClass","LivePreviewWindow","props","appIsReady","breakpoint","iframeRef","isLivePreviewing","loadedURL","popupRef","previewWindowType","setLoadedURL","shouldRenderIframe","url","zoom","locale","mostRecentUpdate","formState","id","collectionSlug","globalSlug","values","message","type","data","externallyUpdatedRelationship","code","current","postMessage","contentWindow","div","className","filter","Boolean","join","onLoad","ref","src","style","transform","undefined"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["reduceFieldsToValues","React","useEffect","useAllFormFields","useDocumentEvents","useDocumentInfo","useLivePreviewContext","useLocale","IframeLoader","DeviceContainer","LivePreviewToolbar","baseClass","LivePreviewWindow","props","appIsReady","breakpoint","iframeRef","isLivePreviewing","loadedURL","popupRef","previewWindowType","setLoadedURL","shouldRenderIframe","url","zoom","locale","mostRecentUpdate","formState","id","collectionSlug","globalSlug","values","message","type","data","externallyUpdatedRelationship","code","current","postMessage","contentWindow","_jsx","className","filter","Boolean","join","_jsxs","onLoad","ref","src","style","transform","undefined"],"sources":["../../../../src/elements/LivePreview/Window/index.tsx"],"sourcesContent":["'use client'\n\nimport type { EditViewProps } from 'payload'\n\nimport { reduceFieldsToValues } from 'payload/shared'\nimport React, { useEffect } from 'react'\n\nimport { useAllFormFields } from '../../../forms/Form/context.js'\nimport { useDocumentEvents } from '../../../providers/DocumentEvents/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useLivePreviewContext } from '../../../providers/LivePreview/context.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { IframeLoader } from '../../IframeLoader/index.js'\nimport { DeviceContainer } from '../Device/index.js'\nimport { LivePreviewToolbar } from '../Toolbar/index.js'\nimport './index.scss'\n\nconst baseClass = 'live-preview-window'\n\nexport const LivePreviewWindow: React.FC<EditViewProps> = (props) => {\n  const {\n    appIsReady,\n    breakpoint,\n    iframeRef,\n    isLivePreviewing,\n    loadedURL,\n    popupRef,\n    previewWindowType,\n    setLoadedURL,\n    shouldRenderIframe,\n    url,\n    zoom,\n  } = useLivePreviewContext()\n\n  const locale = useLocale()\n\n  const { mostRecentUpdate } = useDocumentEvents()\n\n  const [formState] = useAllFormFields()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n\n  /**\n   * For client-side apps, send data through `window.postMessage`\n   * The preview could either be an iframe embedded on the page\n   * Or it could be a separate popup window\n   * We need to transmit data to both accordingly\n   */\n  useEffect(() => {\n    if (!isLivePreviewing || !appIsReady) {\n      return\n    }\n\n    // For performance, do not reduce fields to values until after the iframe or popup has loaded\n    if (formState) {\n      const values = reduceFieldsToValues(formState, true)\n\n      if (!values.id) {\n        values.id = id\n      }\n\n      const message = {\n        type: 'payload-live-preview',\n        collectionSlug,\n        data: values,\n        externallyUpdatedRelationship: mostRecentUpdate,\n        globalSlug,\n        locale: locale.code,\n      }\n\n      // Post message to external popup window\n      if (previewWindowType === 'popup' && popupRef.current) {\n        popupRef.current.postMessage(message, url)\n      }\n\n      // Post message to embedded iframe\n      if (previewWindowType === 'iframe' && iframeRef.current) {\n        iframeRef.current.contentWindow?.postMessage(message, url)\n      }\n    }\n  }, [\n    formState,\n    url,\n    collectionSlug,\n    globalSlug,\n    id,\n    previewWindowType,\n    popupRef,\n    appIsReady,\n    iframeRef,\n    mostRecentUpdate,\n    locale,\n    isLivePreviewing,\n    loadedURL,\n  ])\n\n  /**\n   * To support SSR, we transmit a `window.postMessage` event without a payload\n   * This is because the event will ultimately trigger a server-side roundtrip\n   * i.e., save, save draft, autosave, etc. will fire `router.refresh()`\n   */\n  useEffect(() => {\n    if (!isLivePreviewing || !appIsReady) {\n      return\n    }\n\n    const message = {\n      type: 'payload-document-event',\n    }\n\n    // Post message to external popup window\n    if (previewWindowType === 'popup' && popupRef.current) {\n      popupRef.current.postMessage(message, url)\n    }\n\n    // Post message to embedded iframe\n    if (previewWindowType === 'iframe' && iframeRef.current) {\n      iframeRef.current.contentWindow?.postMessage(message, url)\n    }\n  }, [mostRecentUpdate, iframeRef, popupRef, previewWindowType, url, isLivePreviewing, appIsReady])\n\n  if (previewWindowType !== 'iframe') {\n    return null\n  }\n\n  return (\n    <div\n      className={[\n        baseClass,\n        isLivePreviewing && `${baseClass}--is-live-previewing`,\n        breakpoint && breakpoint !== 'responsive' && `${baseClass}--has-breakpoint`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${baseClass}__wrapper`}>\n        <LivePreviewToolbar {...props} />\n        <div className={`${baseClass}__main`}>\n          <DeviceContainer>\n            {shouldRenderIframe && (\n              <IframeLoader\n                className=\"live-preview-iframe\"\n                id=\"live-preview-iframe\"\n                onLoad={() => {\n                  setLoadedURL(url)\n                }}\n                ref={iframeRef}\n                src={url}\n                style={{\n                  transform: typeof zoom === 'number' ? `scale(${zoom}) ` : undefined,\n                }}\n              />\n            )}\n          </DeviceContainer>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}