@payloadcms/next 3.0.0-canary.95569e4 → 3.0.0-canary.96477cf

package/dist/views/LivePreview/index.js

@@ -2,65 +2,77 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { notFound } from 'next/navigation.js';
 import React from 'react';
 import { LivePreviewClient } from './index.client.js';
-export const LivePreviewView = async (props)=>{
-    const { initPageResult } = props;
-    const { collectionConfig, docID, globalConfig, locale, req: { payload: { config: { admin: { livePreview: topLevelLivePreviewConfig } } } = {} } = {} } = initPageResult;
-    let data;
-    try {
-        if (collectionConfig) {
-            data = await initPageResult.req.payload.findByID({
-                id: docID,
-                collection: collectionConfig.slug,
-                depth: 0,
-                draft: true,
-                fallbackLocale: null
-            });
+export const LivePreviewView = async props => {
+  const {
+    initPageResult
+  } = props;
+  const {
+    collectionConfig,
+    docID,
+    globalConfig,
+    locale,
+    req: {
+      payload: {
+        config: {
+          admin: {
+            livePreview: topLevelLivePreviewConfig
+          }
         }
-        if (globalConfig) {
-            data = await initPageResult.req.payload.findGlobal({
-                slug: globalConfig.slug,
-                depth: 0,
-                draft: true,
-                fallbackLocale: null
-            });
-        }
-    } catch (error) {
-        notFound();
-    }
-    let livePreviewConfig = topLevelLivePreviewConfig;
+      } = {}
+    } = {}
+  } = initPageResult;
+  let data;
+  try {
     if (collectionConfig) {
-        livePreviewConfig = {
-            ...livePreviewConfig || {},
-            ...collectionConfig.admin.livePreview || {}
-        };
+      data = await initPageResult.req.payload.findByID({
+        id: docID,
+        collection: collectionConfig.slug,
+        depth: 0,
+        draft: true,
+        fallbackLocale: null
+      });
     }
     if (globalConfig) {
-        livePreviewConfig = {
-            ...livePreviewConfig || {},
-            ...globalConfig.admin.livePreview || {}
-        };
+      data = await initPageResult.req.payload.findGlobal({
+        slug: globalConfig.slug,
+        depth: 0,
+        draft: true,
+        fallbackLocale: null
+      });
     }
-    const breakpoints = [
-        ...livePreviewConfig?.breakpoints || [],
-        {
-            name: 'responsive',
-            height: '100%',
-            label: 'Responsive',
-            width: '100%'
-        }
-    ];
-    const url = typeof livePreviewConfig?.url === 'function' ? await livePreviewConfig.url({
-        collectionConfig,
-        data,
-        globalConfig,
-        locale,
-        payload: initPageResult.req.payload
-    }) : livePreviewConfig?.url;
-    return /*#__PURE__*/ _jsx(LivePreviewClient, {
-        breakpoints: breakpoints,
-        initialData: data,
-        url: url
-    });
+  } catch (error) {
+    notFound();
+  }
+  let livePreviewConfig = topLevelLivePreviewConfig;
+  if (collectionConfig) {
+    livePreviewConfig = {
+      ...(livePreviewConfig || {}),
+      ...(collectionConfig.admin.livePreview || {})
+    };
+  }
+  if (globalConfig) {
+    livePreviewConfig = {
+      ...(livePreviewConfig || {}),
+      ...(globalConfig.admin.livePreview || {})
+    };
+  }
+  const breakpoints = [...(livePreviewConfig?.breakpoints || []), {
+    name: 'responsive',
+    height: '100%',
+    label: 'Responsive',
+    width: '100%'
+  }];
+  const url = typeof livePreviewConfig?.url === 'function' ? await livePreviewConfig.url({
+    collectionConfig,
+    data,
+    globalConfig,
+    locale,
+    payload: initPageResult.req.payload
+  }) : livePreviewConfig?.url;
+  return /*#__PURE__*/_jsx(LivePreviewClient, {
+    breakpoints: breakpoints,
+    initialData: data,
+    url: url
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/LivePreview/index.tsx"],"sourcesContent":["import type {\n  EditViewComponent,\n  LivePreviewConfig,\n  PayloadServerReactComponent,\n  TypeWithID,\n} from 'payload'\n\nimport { notFound } from 'next/navigation.js'\nimport React from 'react'\n\nimport { LivePreviewClient } from './index.client.js'\nimport './index.scss'\n\nexport const LivePreviewView: PayloadServerReactComponent<EditViewComponent> = async (props) => {\n  const { initPageResult } = props\n\n  const {\n    collectionConfig,\n    docID,\n    globalConfig,\n    locale,\n    req: {\n      payload: {\n        config: {\n          admin: { livePreview: topLevelLivePreviewConfig },\n        },\n      } = {},\n    } = {},\n  } = initPageResult\n\n  let data: Record<string, unknown> | TypeWithID\n\n  try {\n    if (collectionConfig) {\n      data = await initPageResult.req.payload.findByID({\n        id: docID,\n        collection: collectionConfig.slug,\n        depth: 0,\n        draft: true,\n        fallbackLocale: null,\n      })\n    }\n\n    if (globalConfig) {\n      data = await initPageResult.req.payload.findGlobal({\n        slug: globalConfig.slug,\n        depth: 0,\n        draft: true,\n        fallbackLocale: null,\n      })\n    }\n  } catch (error) {\n    notFound()\n  }\n\n  let livePreviewConfig: LivePreviewConfig = topLevelLivePreviewConfig\n\n  if (collectionConfig) {\n    livePreviewConfig = {\n      ...(livePreviewConfig || {}),\n      ...(collectionConfig.admin.livePreview || {}),\n    }\n  }\n\n  if (globalConfig) {\n    livePreviewConfig = {\n      ...(livePreviewConfig || {}),\n      ...(globalConfig.admin.livePreview || {}),\n    }\n  }\n\n  const breakpoints: LivePreviewConfig['breakpoints'] = [\n    ...(livePreviewConfig?.breakpoints || []),\n    {\n      name: 'responsive',\n      height: '100%',\n      label: 'Responsive',\n      width: '100%',\n    },\n  ]\n\n  const url =\n    typeof livePreviewConfig?.url === 'function'\n      ? await livePreviewConfig.url({\n          collectionConfig,\n          data,\n          globalConfig,\n          locale,\n          payload: initPageResult.req.payload,\n        })\n      : livePreviewConfig?.url\n\n  return <LivePreviewClient breakpoints={breakpoints} initialData={data} url={url} />\n}\n"],"names":["notFound","React","LivePreviewClient","LivePreviewView","props","initPageResult","collectionConfig","docID","globalConfig","locale","req","payload","config","admin","livePreview","topLevelLivePreviewConfig","data","findByID","id","collection","slug","depth","draft","fallbackLocale","findGlobal","error","livePreviewConfig","breakpoints","name","height","label","width","url","initialData"],"mappings":";AAOA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,WAAW,QAAO;AAEzB,SAASC,iBAAiB,QAAQ,oBAAmB;AAGrD,OAAO,MAAMC,kBAAkE,OAAOC;IACpF,MAAM,EAAEC,cAAc,EAAE,GAAGD;IAE3B,MAAM,EACJE,gBAAgB,EAChBC,KAAK,EACLC,YAAY,EACZC,MAAM,EACNC,KAAK,EACHC,SAAS,EACPC,QAAQ,EACNC,OAAO,EAAEC,aAAaC,yBAAyB,EAAE,EAClD,EACF,GAAG,CAAC,CAAC,EACP,GAAG,CAAC,CAAC,EACP,GAAGV;IAEJ,IAAIW;IAEJ,IAAI;QACF,IAAIV,kBAAkB;YACpBU,OAAO,MAAMX,eAAeK,GAAG,CAACC,OAAO,CAACM,QAAQ,CAAC;gBAC/CC,IAAIX;gBACJY,YAAYb,iBAAiBc,IAAI;gBACjCC,OAAO;gBACPC,OAAO;gBACPC,gBAAgB;YAClB;QACF;QAEA,IAAIf,cAAc;YAChBQ,OAAO,MAAMX,eAAeK,GAAG,CAACC,OAAO,CAACa,UAAU,CAAC;gBACjDJ,MAAMZ,aAAaY,IAAI;gBACvBC,OAAO;gBACPC,OAAO;gBACPC,gBAAgB;YAClB;QACF;IACF,EAAE,OAAOE,OAAO;QACdzB;IACF;IAEA,IAAI0B,oBAAuCX;IAE3C,IAAIT,kBAAkB;QACpBoB,oBAAoB;YAClB,GAAIA,qBAAqB,CAAC,CAAC;YAC3B,GAAIpB,iBAAiBO,KAAK,CAACC,WAAW,IAAI,CAAC,CAAC;QAC9C;IACF;IAEA,IAAIN,cAAc;QAChBkB,oBAAoB;YAClB,GAAIA,qBAAqB,CAAC,CAAC;YAC3B,GAAIlB,aAAaK,KAAK,CAACC,WAAW,IAAI,CAAC,CAAC;QAC1C;IACF;IAEA,MAAMa,cAAgD;WAChDD,mBAAmBC,eAAe,EAAE;QACxC;YACEC,MAAM;YACNC,QAAQ;YACRC,OAAO;YACPC,OAAO;QACT;KACD;IAED,MAAMC,MACJ,OAAON,mBAAmBM,QAAQ,aAC9B,MAAMN,kBAAkBM,GAAG,CAAC;QAC1B1B;QACAU;QACAR;QACAC;QACAE,SAASN,eAAeK,GAAG,CAACC,OAAO;IACrC,KACAe,mBAAmBM;IAEzB,qBAAO,KAAC9B;QAAkByB,aAAaA;QAAaM,aAAajB;QAAMgB,KAAKA;;AAC9E,EAAC"}
+{"version":3,"file":"index.js","names":["notFound","React","LivePreviewClient","LivePreviewView","props","initPageResult","collectionConfig","docID","globalConfig","locale","req","payload","config","admin","livePreview","topLevelLivePreviewConfig","data","findByID","id","collection","slug","depth","draft","fallbackLocale","findGlobal","error","livePreviewConfig","breakpoints","name","height","label","width","url","_jsx","initialData"],"sources":["../../../src/views/LivePreview/index.tsx"],"sourcesContent":["import type {\n  EditViewComponent,\n  LivePreviewConfig,\n  PayloadServerReactComponent,\n  TypeWithID,\n} from 'payload'\n\nimport { notFound } from 'next/navigation.js'\nimport React from 'react'\n\nimport { LivePreviewClient } from './index.client.js'\nimport './index.scss'\n\nexport const LivePreviewView: PayloadServerReactComponent<EditViewComponent> = async (props) => {\n  const { initPageResult } = props\n\n  const {\n    collectionConfig,\n    docID,\n    globalConfig,\n    locale,\n    req: {\n      payload: {\n        config: {\n          admin: { livePreview: topLevelLivePreviewConfig },\n        },\n      } = {},\n    } = {},\n  } = initPageResult\n\n  let data: Record<string, unknown> | TypeWithID\n\n  try {\n    if (collectionConfig) {\n      data = await initPageResult.req.payload.findByID({\n        id: docID,\n        collection: collectionConfig.slug,\n        depth: 0,\n        draft: true,\n        fallbackLocale: null,\n      })\n    }\n\n    if (globalConfig) {\n      data = await initPageResult.req.payload.findGlobal({\n        slug: globalConfig.slug,\n        depth: 0,\n        draft: true,\n        fallbackLocale: null,\n      })\n    }\n  } catch (error) {\n    notFound()\n  }\n\n  let livePreviewConfig: LivePreviewConfig = topLevelLivePreviewConfig\n\n  if (collectionConfig) {\n    livePreviewConfig = {\n      ...(livePreviewConfig || {}),\n      ...(collectionConfig.admin.livePreview || {}),\n    }\n  }\n\n  if (globalConfig) {\n    livePreviewConfig = {\n      ...(livePreviewConfig || {}),\n      ...(globalConfig.admin.livePreview || {}),\n    }\n  }\n\n  const breakpoints: LivePreviewConfig['breakpoints'] = [\n    ...(livePreviewConfig?.breakpoints || []),\n    {\n      name: 'responsive',\n      height: '100%',\n      label: 'Responsive',\n      width: '100%',\n    },\n  ]\n\n  const url =\n    typeof livePreviewConfig?.url === 'function'\n      ? await livePreviewConfig.url({\n          collectionConfig,\n          data,\n          globalConfig,\n          locale,\n          payload: initPageResult.req.payload,\n        })\n      : livePreviewConfig?.url\n\n  return <LivePreviewClient breakpoints={breakpoints} initialData={data} url={url} />\n}\n"],"mappings":";AAOA,SAASA,QAAQ,QAAQ;AACzB,OAAOC,KAAA,MAAW;AAElB,SAASC,iBAAiB,QAAQ;AAGlC,OAAO,MAAMC,eAAA,GAAkE,MAAOC,KAAA;EACpF,MAAM;IAAEC;EAAc,CAAE,GAAGD,KAAA;EAE3B,MAAM;IACJE,gBAAgB;IAChBC,KAAK;IACLC,YAAY;IACZC,MAAM;IACNC,GAAA,EAAK;MACHC,OAAA,EAAS;QACPC,MAAA,EAAQ;UACNC,KAAA,EAAO;YAAEC,WAAA,EAAaC;UAAyB;QAAE;MAClD,CACF,GAAG,CAAC;IAAC,CACP,GAAG,CAAC;EAAC,CACP,GAAGV,cAAA;EAEJ,IAAIW,IAAA;EAEJ,IAAI;IACF,IAAIV,gBAAA,EAAkB;MACpBU,IAAA,GAAO,MAAMX,cAAA,CAAeK,GAAG,CAACC,OAAO,CAACM,QAAQ,CAAC;QAC/CC,EAAA,EAAIX,KAAA;QACJY,UAAA,EAAYb,gBAAA,CAAiBc,IAAI;QACjCC,KAAA,EAAO;QACPC,KAAA,EAAO;QACPC,cAAA,EAAgB;MAClB;IACF;IAEA,IAAIf,YAAA,EAAc;MAChBQ,IAAA,GAAO,MAAMX,cAAA,CAAeK,GAAG,CAACC,OAAO,CAACa,UAAU,CAAC;QACjDJ,IAAA,EAAMZ,YAAA,CAAaY,IAAI;QACvBC,KAAA,EAAO;QACPC,KAAA,EAAO;QACPC,cAAA,EAAgB;MAClB;IACF;EACF,EAAE,OAAOE,KAAA,EAAO;IACdzB,QAAA;EACF;EAEA,IAAI0B,iBAAA,GAAuCX,yBAAA;EAE3C,IAAIT,gBAAA,EAAkB;IACpBoB,iBAAA,GAAoB;MAClB,IAAIA,iBAAA,IAAqB,CAAC,CAAC;MAC3B,IAAIpB,gBAAA,CAAiBO,KAAK,CAACC,WAAW,IAAI,CAAC,CAAC;IAC9C;EACF;EAEA,IAAIN,YAAA,EAAc;IAChBkB,iBAAA,GAAoB;MAClB,IAAIA,iBAAA,IAAqB,CAAC,CAAC;MAC3B,IAAIlB,YAAA,CAAaK,KAAK,CAACC,WAAW,IAAI,CAAC,CAAC;IAC1C;EACF;EAEA,MAAMa,WAAA,GAAgD,C,IAChDD,iBAAA,EAAmBC,WAAA,IAAe,EAAE,GACxC;IACEC,IAAA,EAAM;IACNC,MAAA,EAAQ;IACRC,KAAA,EAAO;IACPC,KAAA,EAAO;EACT,EACD;EAED,MAAMC,GAAA,GACJ,OAAON,iBAAA,EAAmBM,GAAA,KAAQ,aAC9B,MAAMN,iBAAA,CAAkBM,GAAG,CAAC;IAC1B1B,gBAAA;IACAU,IAAA;IACAR,YAAA;IACAC,MAAA;IACAE,OAAA,EAASN,cAAA,CAAeK,GAAG,CAACC;EAC9B,KACAe,iBAAA,EAAmBM,GAAA;EAEzB,oBAAOC,IAAA,CAAC/B,iBAAA;IAAkByB,WAAA,EAAaA,WAAA;IAAaO,WAAA,EAAalB,IAAA;IAAMgB,GAAA,EAAKA;;AAC9E","ignoreList":[]}

package/dist/views/LivePreview/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/LivePreview/meta.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAA;AAI/E,eAAO,MAAM,gBAAgB,EAAE,wBAa3B,CAAA"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/LivePreview/meta.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAA;AAI/E,eAAO,MAAM,gBAAgB,EAAE,wBAc3B,CAAA"}

package/dist/views/LivePreview/meta.js

@@ -1,10 +1,16 @@
 import { generateMetadata as generateDocumentMetadata } from '../Edit/meta.js';
-export const generateMetadata = async ({ collectionConfig, config, globalConfig, i18n, isEditing })=>generateDocumentMetadata({
-        collectionConfig,
-        config,
-        globalConfig,
-        i18n,
-        isEditing
-    });
-
+export const generateMetadata = async ({
+  collectionConfig,
+  config,
+  globalConfig,
+  i18n,
+  isEditing
+}) => generateDocumentMetadata({
+  collectionConfig,
+  config,
+  globalConfig,
+  i18n,
+  isEditing,
+  view: 'livePreview'
+});
 //# sourceMappingURL=meta.js.map

package/dist/views/LivePreview/meta.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/LivePreview/meta.ts"],"sourcesContent":["import type { Metadata } from 'next'\n\nimport type { GenerateEditViewMetadata } from '../Document/getMetaBySegment.js'\n\nimport { generateMetadata as generateDocumentMetadata } from '../Edit/meta.js'\n\nexport const generateMetadata: GenerateEditViewMetadata = async ({\n  collectionConfig,\n  config,\n  globalConfig,\n  i18n,\n  isEditing,\n}): Promise<Metadata> =>\n  generateDocumentMetadata({\n    collectionConfig,\n    config,\n    globalConfig,\n    i18n,\n    isEditing,\n  })\n"],"names":["generateMetadata","generateDocumentMetadata","collectionConfig","config","globalConfig","i18n","isEditing"],"mappings":"AAIA,SAASA,oBAAoBC,wBAAwB,QAAQ,kBAAiB;AAE9E,OAAO,MAAMD,mBAA6C,OAAO,EAC/DE,gBAAgB,EAChBC,MAAM,EACNC,YAAY,EACZC,IAAI,EACJC,SAAS,EACV,GACCL,yBAAyB;QACvBC;QACAC;QACAC;QACAC;QACAC;IACF,GAAE"}
+{"version":3,"file":"meta.js","names":["generateMetadata","generateDocumentMetadata","collectionConfig","config","globalConfig","i18n","isEditing","view"],"sources":["../../../src/views/LivePreview/meta.ts"],"sourcesContent":["import type { Metadata } from 'next'\n\nimport type { GenerateEditViewMetadata } from '../Document/getMetaBySegment.js'\n\nimport { generateMetadata as generateDocumentMetadata } from '../Edit/meta.js'\n\nexport const generateMetadata: GenerateEditViewMetadata = async ({\n  collectionConfig,\n  config,\n  globalConfig,\n  i18n,\n  isEditing,\n}): Promise<Metadata> =>\n  generateDocumentMetadata({\n    collectionConfig,\n    config,\n    globalConfig,\n    i18n,\n    isEditing,\n    view: 'livePreview',\n  })\n"],"mappings":"AAIA,SAASA,gBAAA,IAAoBC,wBAAwB,QAAQ;AAE7D,OAAO,MAAMD,gBAAA,GAA6C,MAAAA,CAAO;EAC/DE,gBAAgB;EAChBC,MAAM;EACNC,YAAY;EACZC,IAAI;EACJC;AAAS,CACV,KACCL,wBAAA,CAAyB;EACvBC,gBAAA;EACAC,MAAA;EACAC,YAAA;EACAC,IAAA;EACAC,SAAA;EACAC,IAAA,EAAM;AACR","ignoreList":[]}

package/dist/views/LivePreview/usePopupWindow.d.ts

@@ -15,6 +15,6 @@ export declare const usePopupWindow: (props: {
 }) => {
     isPopupOpen: boolean;
     openPopupWindow: () => void;
-    popupRef?: React.RefObject<Window | null>;
+    popupRef?: React.RefObject<null | Window>;
 };
 //# sourceMappingURL=usePopupWindow.d.ts.map

package/dist/views/LivePreview/usePopupWindow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupWindow.d.ts","sourceRoot":"","sources":["../../../src/views/LivePreview/usePopupWindow.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,YAAY;IAC3B,YAAY,EAAE;QACZ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;QACjC,IAAI,EAAE,MAAM,CAAA;QACZ,eAAe,EAAE,MAAM,CAAA;QACvB,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,IAAI,EAAE,MAAM,CAAA;CACb;AAED,eAAO,MAAM,cAAc,UAAW;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,SAAS,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACzE,GAAG,EAAE,MAAM,CAAA;CACZ,KAAG;IACF,WAAW,EAAE,OAAO,CAAA;IACpB,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;CAmH1C,CAAA"}
+{"version":3,"file":"usePopupWindow.d.ts","sourceRoot":"","sources":["../../../src/views/LivePreview/usePopupWindow.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,YAAY;IAC3B,YAAY,EAAE;QACZ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;QACjC,IAAI,EAAE,MAAM,CAAA;QACZ,eAAe,EAAE,MAAM,CAAA;QACvB,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,IAAI,EAAE,MAAM,CAAA;CACb;AAED,eAAO,MAAM,cAAc,UAAW;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,SAAS,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACzE,GAAG,EAAE,MAAM,CAAA;CACZ,KAAG;IACF,WAAW,EAAE,OAAO,CAAA;IACpB,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,MAAM,CAAC,CAAA;CAmH1C,CAAA"}

package/dist/views/LivePreview/usePopupWindow.js

@@ -1,102 +1,144 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { useConfig } from '@payloadcms/ui';
 import { useCallback, useEffect, useRef, useState } from 'react';
-export const usePopupWindow = (props)=>{
-    const { eventType, onMessage, url } = props;
-    const isReceivingMessage = useRef(false);
-    const [isOpen, setIsOpen] = useState(false);
-    const { config: { serverURL } } = useConfig();
-    const popupRef = useRef(null);
-    // Optionally broadcast messages back out to the parent component
-    useEffect(()=>{
-        const receiveMessage = async (event)=>{
-            if (event.origin !== window.location.origin || event.origin !== url || event.origin !== serverURL) {
-                // console.warn(`Message received by ${event.origin}; IGNORED.`) // eslint-disable-line no-console
-                return;
-            }
-            if (typeof onMessage === 'function' && event.data?.type === eventType && !isReceivingMessage.current) {
-                isReceivingMessage.current = true;
-                await onMessage(event.data?.searchParams);
-                isReceivingMessage.current = false;
-            }
-        };
-        if (isOpen && popupRef.current) {
-            window.addEventListener('message', receiveMessage, false);
+export const usePopupWindow = props => {
+  const $ = _c(15);
+  const {
+    eventType,
+    onMessage,
+    url
+  } = props;
+  const isReceivingMessage = useRef(false);
+  const [isOpen, setIsOpen] = useState(false);
+  const {
+    config: t0
+  } = useConfig();
+  const {
+    serverURL
+  } = t0;
+  const popupRef = useRef(null);
+  let t1;
+  let t2;
+  if ($[0] !== url || $[1] !== serverURL || $[2] !== onMessage || $[3] !== eventType || $[4] !== isOpen) {
+    t1 = () => {
+      const receiveMessage = async event => {
+        if (event.origin !== window.location.origin || event.origin !== url || event.origin !== serverURL) {
+          return;
         }
-        return ()=>{
-            window.removeEventListener('message', receiveMessage);
-        };
-    }, [
-        onMessage,
-        eventType,
-        url,
-        serverURL,
-        isOpen
-    ]);
-    // Customize the size, position, and style of the popup window
-    const openPopupWindow = useCallback((e)=>{
-        if (e) {
-            e.preventDefault();
+        if (typeof onMessage === "function" && event.data?.type === eventType && !isReceivingMessage.current) {
+          isReceivingMessage.current = true;
+          await onMessage(event.data?.searchParams);
+          isReceivingMessage.current = false;
         }
-        const features = {
-            height: 700,
-            left: 'auto',
-            menubar: 'no',
-            popup: 'yes',
-            toolbar: 'no',
-            top: 'auto',
-            width: 800
-        };
-        const popupOptions = Object.entries(features).reduce((str, [key, value])=>{
-            let strCopy = str;
-            if (value === 'auto') {
-                if (key === 'top') {
-                    const v = Math.round(window.innerHeight / 2 - features.height / 2);
-                    strCopy += `top=${v},`;
-                } else if (key === 'left') {
-                    const v = Math.round(window.innerWidth / 2 - features.width / 2);
-                    strCopy += `left=${v},`;
-                }
-                return strCopy;
+      };
+      if (isOpen && popupRef.current) {
+        window.addEventListener("message", receiveMessage, false);
+      }
+      return () => {
+        window.removeEventListener("message", receiveMessage);
+      };
+    };
+    t2 = [onMessage, eventType, url, serverURL, isOpen];
+    $[0] = url;
+    $[1] = serverURL;
+    $[2] = onMessage;
+    $[3] = eventType;
+    $[4] = isOpen;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t1 = $[5];
+    t2 = $[6];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[7] !== url) {
+    t3 = e => {
+      if (e) {
+        e.preventDefault();
+      }
+      const features = {
+        height: 700,
+        left: "auto",
+        menubar: "no",
+        popup: "yes",
+        toolbar: "no",
+        top: "auto",
+        width: 800
+      };
+      const popupOptions = Object.entries(features).reduce((str, t4) => {
+        const [key, value] = t4;
+        let strCopy = str;
+        if (value === "auto") {
+          if (key === "top") {
+            const v = Math.round(window.innerHeight / 2 - features.height / 2);
+            strCopy = strCopy + `top=${v},`;
+          } else {
+            if (key === "left") {
+              const v_0 = Math.round(window.innerWidth / 2 - features.width / 2);
+              strCopy = strCopy + `left=${v_0},`;
             }
-            strCopy += `${key}=${value},`;
-            return strCopy;
-        }, '').slice(0, -1) // remove last ',' (comma)
-        ;
-        const newWindow = window.open(url, '_blank', popupOptions);
-        popupRef.current = newWindow;
-        setIsOpen(true);
-    }, [
-        url
-    ]);
-    // this is the most stable and widely supported way to check if a popup window is no longer open
-    // we poll its ref every x ms and use the popup window's `closed` property
-    useEffect(()=>{
-        let timer;
-        if (isOpen) {
-            timer = setInterval(function() {
-                if (popupRef.current.closed) {
-                    clearInterval(timer);
-                    setIsOpen(false);
-                }
-            }, 1000);
-        } else {
+          }
+          return strCopy;
+        }
+        strCopy = strCopy + `${key}=${value},`;
+        return strCopy;
+      }, "").slice(0, -1);
+      const newWindow = window.open(url, "_blank", popupOptions);
+      popupRef.current = newWindow;
+      setIsOpen(true);
+    };
+    $[7] = url;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  const openPopupWindow = t3;
+  let t4;
+  let t5;
+  if ($[9] !== isOpen) {
+    t4 = () => {
+      let timer;
+      if (isOpen) {
+        timer = setInterval(function () {
+          if (popupRef.current.closed) {
             clearInterval(timer);
+            setIsOpen(false);
+          }
+        }, 1000);
+      } else {
+        clearInterval(timer);
+      }
+      return () => {
+        if (timer) {
+          clearInterval(timer);
         }
-        return ()=>{
-            if (timer) {
-                clearInterval(timer);
-            }
-        };
-    }, [
-        isOpen,
-        popupRef
-    ]);
-    return {
-        isPopupOpen: isOpen,
-        openPopupWindow,
-        popupRef
+      };
     };
+    t5 = [isOpen, popupRef];
+    $[9] = isOpen;
+    $[10] = t4;
+    $[11] = t5;
+  } else {
+    t4 = $[10];
+    t5 = $[11];
+  }
+  useEffect(t4, t5);
+  let t6;
+  if ($[12] !== isOpen || $[13] !== openPopupWindow) {
+    t6 = {
+      isPopupOpen: isOpen,
+      openPopupWindow,
+      popupRef
+    };
+    $[12] = isOpen;
+    $[13] = openPopupWindow;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  return t6;
 };
-
 //# sourceMappingURL=usePopupWindow.js.map

package/dist/views/LivePreview/usePopupWindow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/LivePreview/usePopupWindow.ts"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport { useConfig } from '@payloadcms/ui'\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nexport interface PopupMessage {\n  searchParams: {\n    [key: string]: string | undefined\n    code: string\n    installation_id: string\n    state: string\n  }\n  type: string\n}\n\nexport const usePopupWindow = (props: {\n  eventType?: string\n\n  onMessage?: (searchParams: PopupMessage['searchParams']) => Promise<void>\n  url: string\n}): {\n  isPopupOpen: boolean\n  openPopupWindow: () => void\n  popupRef?: React.RefObject<Window | null>\n} => {\n  const { eventType, onMessage, url } = props\n  const isReceivingMessage = useRef(false)\n  const [isOpen, setIsOpen] = useState(false)\n  const {\n    config: { serverURL },\n  } = useConfig()\n  const popupRef = useRef<Window | null>(null)\n\n  // Optionally broadcast messages back out to the parent component\n  useEffect(() => {\n    const receiveMessage = async (event: MessageEvent): Promise<void> => {\n      if (\n        event.origin !== window.location.origin ||\n        event.origin !== url ||\n        event.origin !== serverURL\n      ) {\n        // console.warn(`Message received by ${event.origin}; IGNORED.`) // eslint-disable-line no-console\n        return\n      }\n\n      if (\n        typeof onMessage === 'function' &&\n        event.data?.type === eventType &&\n        !isReceivingMessage.current\n      ) {\n        isReceivingMessage.current = true\n        await onMessage(event.data?.searchParams)\n        isReceivingMessage.current = false\n      }\n    }\n\n    if (isOpen && popupRef.current) {\n      window.addEventListener('message', receiveMessage, false)\n    }\n\n    return () => {\n      window.removeEventListener('message', receiveMessage)\n    }\n  }, [onMessage, eventType, url, serverURL, isOpen])\n\n  // Customize the size, position, and style of the popup window\n  const openPopupWindow = useCallback(\n    (e?: MouseEvent) => {\n      if (e) {\n        e.preventDefault()\n      }\n\n      const features = {\n        height: 700,\n        left: 'auto',\n        menubar: 'no',\n        popup: 'yes',\n        toolbar: 'no',\n        top: 'auto',\n        width: 800,\n      }\n\n      const popupOptions = Object.entries(features)\n        .reduce((str, [key, value]) => {\n          let strCopy = str\n          if (value === 'auto') {\n            if (key === 'top') {\n              const v = Math.round(window.innerHeight / 2 - features.height / 2)\n              strCopy += `top=${v},`\n            } else if (key === 'left') {\n              const v = Math.round(window.innerWidth / 2 - features.width / 2)\n              strCopy += `left=${v},`\n            }\n            return strCopy\n          }\n\n          strCopy += `${key}=${value},`\n          return strCopy\n        }, '')\n        .slice(0, -1) // remove last ',' (comma)\n\n      const newWindow = window.open(url, '_blank', popupOptions)\n\n      popupRef.current = newWindow\n\n      setIsOpen(true)\n    },\n    [url],\n  )\n\n  // this is the most stable and widely supported way to check if a popup window is no longer open\n  // we poll its ref every x ms and use the popup window's `closed` property\n  useEffect(() => {\n    let timer: NodeJS.Timeout\n\n    if (isOpen) {\n      timer = setInterval(function () {\n        if (popupRef.current.closed) {\n          clearInterval(timer)\n          setIsOpen(false)\n        }\n      }, 1000)\n    } else {\n      clearInterval(timer)\n    }\n\n    return () => {\n      if (timer) {\n        clearInterval(timer)\n      }\n    }\n  }, [isOpen, popupRef])\n\n  return {\n    isPopupOpen: isOpen,\n    openPopupWindow,\n    popupRef,\n  }\n}\n"],"names":["useConfig","useCallback","useEffect","useRef","useState","usePopupWindow","props","eventType","onMessage","url","isReceivingMessage","isOpen","setIsOpen","config","serverURL","popupRef","receiveMessage","event","origin","window","location","data","type","current","searchParams","addEventListener","removeEventListener","openPopupWindow","e","preventDefault","features","height","left","menubar","popup","toolbar","top","width","popupOptions","Object","entries","reduce","str","key","value","strCopy","v","Math","round","innerHeight","innerWidth","slice","newWindow","open","timer","setInterval","closed","clearInterval","isPopupOpen"],"mappings":"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"}
+{"version":3,"file":"usePopupWindow.js","names":["c","_c","useConfig","useCallback","useEffect","useRef","useState","usePopupWindow","props","$","eventType","onMessage","url","isReceivingMessage","isOpen","setIsOpen","config","t0","serverURL","popupRef","t1","t2","receiveMessage","event","origin","window","location","data","type","current","searchParams","addEventListener","removeEventListener","t3","e","preventDefault","features","height","left","menubar","popup","toolbar","top","width","popupOptions","Object","entries","reduce","str","t4","key","value","strCopy","v","Math","round","innerHeight","v_0","innerWidth","slice","newWindow","open","openPopupWindow","t5","timer","closed","clearInterval","t6","isPopupOpen"],"sources":["../../../src/views/LivePreview/usePopupWindow.ts"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport { useConfig } from '@payloadcms/ui'\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nexport interface PopupMessage {\n  searchParams: {\n    [key: string]: string | undefined\n    code: string\n    installation_id: string\n    state: string\n  }\n  type: string\n}\n\nexport const usePopupWindow = (props: {\n  eventType?: string\n\n  onMessage?: (searchParams: PopupMessage['searchParams']) => Promise<void>\n  url: string\n}): {\n  isPopupOpen: boolean\n  openPopupWindow: () => void\n  popupRef?: React.RefObject<null | Window>\n} => {\n  const { eventType, onMessage, url } = props\n  const isReceivingMessage = useRef(false)\n  const [isOpen, setIsOpen] = useState(false)\n  const {\n    config: { serverURL },\n  } = useConfig()\n  const popupRef = useRef<null | Window>(null)\n\n  // Optionally broadcast messages back out to the parent component\n  useEffect(() => {\n    const receiveMessage = async (event: MessageEvent): Promise<void> => {\n      if (\n        event.origin !== window.location.origin ||\n        event.origin !== url ||\n        event.origin !== serverURL\n      ) {\n        // console.warn(`Message received by ${event.origin}; IGNORED.`) // eslint-disable-line no-console\n        return\n      }\n\n      if (\n        typeof onMessage === 'function' &&\n        event.data?.type === eventType &&\n        !isReceivingMessage.current\n      ) {\n        isReceivingMessage.current = true\n        await onMessage(event.data?.searchParams)\n        isReceivingMessage.current = false\n      }\n    }\n\n    if (isOpen && popupRef.current) {\n      window.addEventListener('message', receiveMessage, false)\n    }\n\n    return () => {\n      window.removeEventListener('message', receiveMessage)\n    }\n  }, [onMessage, eventType, url, serverURL, isOpen])\n\n  // Customize the size, position, and style of the popup window\n  const openPopupWindow = useCallback(\n    (e?: MouseEvent) => {\n      if (e) {\n        e.preventDefault()\n      }\n\n      const features = {\n        height: 700,\n        left: 'auto',\n        menubar: 'no',\n        popup: 'yes',\n        toolbar: 'no',\n        top: 'auto',\n        width: 800,\n      }\n\n      const popupOptions = Object.entries(features)\n        .reduce((str, [key, value]) => {\n          let strCopy = str\n          if (value === 'auto') {\n            if (key === 'top') {\n              const v = Math.round(window.innerHeight / 2 - features.height / 2)\n              strCopy += `top=${v},`\n            } else if (key === 'left') {\n              const v = Math.round(window.innerWidth / 2 - features.width / 2)\n              strCopy += `left=${v},`\n            }\n            return strCopy\n          }\n\n          strCopy += `${key}=${value},`\n          return strCopy\n        }, '')\n        .slice(0, -1) // remove last ',' (comma)\n\n      const newWindow = window.open(url, '_blank', popupOptions)\n\n      popupRef.current = newWindow\n\n      setIsOpen(true)\n    },\n    [url],\n  )\n\n  // this is the most stable and widely supported way to check if a popup window is no longer open\n  // we poll its ref every x ms and use the popup window's `closed` property\n  useEffect(() => {\n    let timer: NodeJS.Timeout\n\n    if (isOpen) {\n      timer = setInterval(function () {\n        if (popupRef.current.closed) {\n          clearInterval(timer)\n          setIsOpen(false)\n        }\n      }, 1000)\n    } else {\n      clearInterval(timer)\n    }\n\n    return () => {\n      if (timer) {\n        clearInterval(timer)\n      }\n    }\n  }, [isOpen, popupRef])\n\n  return {\n    isPopupOpen: isOpen,\n    openPopupWindow,\n    popupRef,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Login/LoginField/index.js

@@ -1,49 +1,93 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { EmailField, TextField, useTranslation } from '@payloadcms/ui';
 import { email, username } from 'payload/shared';
 import React from 'react';
-export const LoginField = ({ type, required = true })=>{
-    const { t } = useTranslation();
-    if (type === 'email') {
-        return /*#__PURE__*/ _jsx(EmailField, {
-            autoComplete: "email",
-            field: {
-                name: 'email',
-                label: t('general:email'),
-                required
-            },
-            validate: email
-        });
+export const LoginField = t0 => {
+  const $ = _c(11);
+  const {
+    type,
+    required: t1
+  } = t0;
+  const required = t1 === undefined ? true : t1;
+  const {
+    t
+  } = useTranslation();
+  if (type === "email") {
+    let t2;
+    if ($[0] !== t || $[1] !== required) {
+      t2 = _jsx(EmailField, {
+        autoComplete: "email",
+        field: {
+          name: "email",
+          label: t("general:email"),
+          required
+        },
+        validate: email
+      });
+      $[0] = t;
+      $[1] = required;
+      $[2] = t2;
+    } else {
+      t2 = $[2];
     }
-    if (type === 'username') {
-        return /*#__PURE__*/ _jsx(TextField, {
-            field: {
-                name: 'username',
-                label: t('authentication:username'),
-                required
-            },
-            validate: username
-        });
+    return t2;
+  }
+  if (type === "username") {
+    let t2;
+    if ($[3] !== t || $[4] !== required) {
+      t2 = _jsx(TextField, {
+        field: {
+          name: "username",
+          label: t("authentication:username"),
+          required
+        },
+        validate: username
+      });
+      $[3] = t;
+      $[4] = required;
+      $[5] = t2;
+    } else {
+      t2 = $[5];
     }
-    if (type === 'emailOrUsername') {
-        return /*#__PURE__*/ _jsx(TextField, {
-            field: {
-                name: 'username',
-                label: t('authentication:emailOrUsername'),
-                required
-            },
-            validate: (value, options)=>{
-                const passesUsername = username(value, options);
-                const passesEmail = email(value, options);
-                if (!passesEmail && !passesUsername) {
-                    return `${t('general:email')}: ${passesEmail} ${t('general:username')}: ${passesUsername}`;
-                }
-                return true;
-            }
-        });
+    return t2;
+  }
+  if (type === "emailOrUsername") {
+    let t2;
+    if ($[6] !== t || $[7] !== required) {
+      let t3;
+      if ($[9] !== t) {
+        t3 = (value, options) => {
+          const passesUsername = username(value, options);
+          const passesEmail = email(value, options);
+          if (!passesEmail && !passesUsername) {
+            return `${t("general:email")}: ${passesEmail} ${t("general:username")}: ${passesUsername}`;
+          }
+          return true;
+        };
+        $[9] = t;
+        $[10] = t3;
+      } else {
+        t3 = $[10];
+      }
+      t2 = _jsx(TextField, {
+        field: {
+          name: "username",
+          label: t("authentication:emailOrUsername"),
+          required
+        },
+        validate: t3
+      });
+      $[6] = t;
+      $[7] = required;
+      $[8] = t2;
+    } else {
+      t2 = $[8];
     }
-    return null;
+    return t2;
+  }
+  return null;
 };
-
 //# sourceMappingURL=index.js.map