@payloadcms/next 3.0.0-beta.90 → 3.0.0-beta.91

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.js

@@ -1,11 +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,
-        view: 'livePreview'
-    });
-
+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    view: 'livePreview',\n  })\n"],"names":["generateMetadata","generateDocumentMetadata","collectionConfig","config","globalConfig","i18n","isEditing","view"],"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;QACAC,MAAM;IACR,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.js

@@ -1,102 +1,99 @@
 'use client';
+
 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);
-        }
-        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();
+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);
+    }
+    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();
+    }
+    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_0 = Math.round(window.innerWidth / 2 - features.width / 2);
+          strCopy += `left=${v_0},`;
         }
-        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;
-            }
-            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 {
-            clearInterval(timer);
+        return strCopy;
+      }
+      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);
         }
-        return ()=>{
-            if (timer) {
-                clearInterval(timer);
-            }
-        };
-    }, [
-        isOpen,
-        popupRef
-    ]);
-    return {
-        isPopupOpen: isOpen,
-        openPopupWindow,
-        popupRef
+      }, 1000);
+    } else {
+      clearInterval(timer);
+    }
+    return () => {
+      if (timer) {
+        clearInterval(timer);
+      }
     };
+  }, [isOpen, popupRef]);
+  return {
+    isPopupOpen: isOpen,
+    openPopupWindow,
+    popupRef
+  };
 };
-
 //# 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":["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"],"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"],"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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Login/LoginField/index.tsx"],"sourcesContent":["'use client'\nimport type { Validate, ValidateOptions } from 'payload'\n\nimport { EmailField, TextField, useTranslation } from '@payloadcms/ui'\nimport { email, username } from 'payload/shared'\nimport React from 'react'\n\nexport type LoginFieldProps = {\n  readonly required?: boolean\n  readonly type: 'email' | 'emailOrUsername' | 'username'\n  readonly validate?: Validate\n}\n\nexport const LoginField: React.FC<LoginFieldProps> = ({ type, required = true }) => {\n  const { t } = useTranslation()\n\n  if (type === 'email') {\n    return (\n      <EmailField\n        autoComplete=\"email\"\n        field={{\n          name: 'email',\n          label: t('general:email'),\n          required,\n        }}\n        validate={email}\n      />\n    )\n  }\n\n  if (type === 'username') {\n    return (\n      <TextField\n        field={{\n          name: 'username',\n          label: t('authentication:username'),\n          required,\n        }}\n        validate={username}\n      />\n    )\n  }\n\n  if (type === 'emailOrUsername') {\n    return (\n      <TextField\n        field={{\n          name: 'username',\n          label: t('authentication:emailOrUsername'),\n          required,\n        }}\n        validate={(value, options) => {\n          const passesUsername = username(value, options)\n          const passesEmail = email(\n            value,\n            options as ValidateOptions<any, { username?: string }, any, any>,\n          )\n\n          if (!passesEmail && !passesUsername) {\n            return `${t('general:email')}: ${passesEmail} ${t('general:username')}: ${passesUsername}`\n          }\n\n          return true\n        }}\n      />\n    )\n  }\n\n  return null\n}\n"],"names":["EmailField","TextField","useTranslation","email","username","React","LoginField","type","required","t","autoComplete","field","name","label","validate","value","options","passesUsername","passesEmail"],"mappings":"AAAA;;AAGA,SAASA,UAAU,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AACtE,SAASC,KAAK,EAAEC,QAAQ,QAAQ,iBAAgB;AAChD,OAAOC,WAAW,QAAO;AAQzB,OAAO,MAAMC,aAAwC,CAAC,EAAEC,IAAI,EAAEC,WAAW,IAAI,EAAE;IAC7E,MAAM,EAAEC,CAAC,EAAE,GAAGP;IAEd,IAAIK,SAAS,SAAS;QACpB,qBACE,KAACP;YACCU,cAAa;YACbC,OAAO;gBACLC,MAAM;gBACNC,OAAOJ,EAAE;gBACTD;YACF;YACAM,UAAUX;;IAGhB;IAEA,IAAII,SAAS,YAAY;QACvB,qBACE,KAACN;YACCU,OAAO;gBACLC,MAAM;gBACNC,OAAOJ,EAAE;gBACTD;YACF;YACAM,UAAUV;;IAGhB;IAEA,IAAIG,SAAS,mBAAmB;QAC9B,qBACE,KAACN;YACCU,OAAO;gBACLC,MAAM;gBACNC,OAAOJ,EAAE;gBACTD;YACF;YACAM,UAAU,CAACC,OAAOC;gBAChB,MAAMC,iBAAiBb,SAASW,OAAOC;gBACvC,MAAME,cAAcf,MAClBY,OACAC;gBAGF,IAAI,CAACE,eAAe,CAACD,gBAAgB;oBACnC,OAAO,CAAC,EAAER,EAAE,iBAAiB,EAAE,EAAES,YAAY,CAAC,EAAET,EAAE,oBAAoB,EAAE,EAAEQ,eAAe,CAAC;gBAC5F;gBAEA,OAAO;YACT;;IAGN;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","EmailField","TextField","useTranslation","email","username","React","LoginField","t0","$","type","required","t1","undefined","t","t2","_jsx","autoComplete","field","name","label","validate","t3","value","options","passesUsername","passesEmail"],"sources":["../../../../src/views/Login/LoginField/index.tsx"],"sourcesContent":["'use client'\nimport type { Validate, ValidateOptions } from 'payload'\n\nimport { EmailField, TextField, useTranslation } from '@payloadcms/ui'\nimport { email, username } from 'payload/shared'\nimport React from 'react'\n\nexport type LoginFieldProps = {\n  readonly required?: boolean\n  readonly type: 'email' | 'emailOrUsername' | 'username'\n  readonly validate?: Validate\n}\n\nexport const LoginField: React.FC<LoginFieldProps> = ({ type, required = true }) => {\n  const { t } = useTranslation()\n\n  if (type === 'email') {\n    return (\n      <EmailField\n        autoComplete=\"email\"\n        field={{\n          name: 'email',\n          label: t('general:email'),\n          required,\n        }}\n        validate={email}\n      />\n    )\n  }\n\n  if (type === 'username') {\n    return (\n      <TextField\n        field={{\n          name: 'username',\n          label: t('authentication:username'),\n          required,\n        }}\n        validate={username}\n      />\n    )\n  }\n\n  if (type === 'emailOrUsername') {\n    return (\n      <TextField\n        field={{\n          name: 'username',\n          label: t('authentication:emailOrUsername'),\n          required,\n        }}\n        validate={(value, options) => {\n          const passesUsername = username(value, options)\n          const passesEmail = email(\n            value,\n            options as ValidateOptions<any, { username?: string }, any, any>,\n          )\n\n          if (!passesEmail && !passesUsername) {\n            return `${t('general:email')}: ${passesEmail} ${t('general:username')}: ${passesUsername}`\n          }\n\n          return true\n        }}\n      />\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,UAAU,EAAEC,SAAS,EAAEC,cAAc,QAAQ;AACtD,SAASC,KAAK,EAAEC,QAAQ,QAAQ;AAChC,OAAOC,KAAA,MAAW;AAQlB,OAAO,MAAMC,UAAA,GAAwCC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,IAAA;IAAAC,QAAA,EAAAC;EAAA,IAAAJ,EAAyB;EAAjB,MAAAG,QAAA,GAAAC,EAAe,KAAAC,SAAA,UAAfD,EAAe;EAC3E;IAAAE;EAAA,IAAcX,cAAA;EAAA,IAEVO,IAAA,KAAS;IAAA,IAAAK,EAAA;IAAA,IAAAN,CAAA,QAAAK,CAAA,IAAAL,CAAA,QAAAE,QAAA;MAETI,EAAA,GAAAC,IAAA,CAAAf,UAAA;QAAAgB,YAAA,EACe;QAAAC,KAAA;UAAAC,IAAA,EAEL;UAAAC,KAAA,EACCN,CAAA,CAAE;UAAAH;QAAA;QAAAU,QAAA,EAAAjB;MAAA,C;;;;;;;WAJbW,E;;MAYAL,IAAA,KAAS;IAAA,IAAAK,EAAA;IAAA,IAAAN,CAAA,QAAAK,CAAA,IAAAL,CAAA,QAAAE,QAAA;MAETI,EAAA,GAAAC,IAAA,CAAAd,SAAA;QAAAgB,KAAA;UAAAC,IAAA,EAEU;UAAAC,KAAA,EACCN,CAAA,CAAE;UAAAH;QAAA;QAAAU,QAAA,EAAAhB;MAAA,C;;;;;;;WAHbU,E;;MAWAL,IAAA,KAAS;IAAA,IAAAK,EAAA;IAAA,IAAAN,CAAA,QAAAK,CAAA,IAAAL,CAAA,QAAAE,QAAA;MAAA,IAAAW,EAAA;MAAA,IAAAb,CAAA,QAAAK,CAAA;QAQGQ,EAAA,GAAAA,CAAAC,KAAA,EAAAC,OAAA;UACR,MAAAC,cAAA,GAAuBpB,QAAA,CAASkB,KAAA,EAAOC,OAAA;UACvC,MAAAE,WAAA,GAAoBtB,KAAA,CAClBmB,KAAA,EACAC,OAAA;UAAA,IAGE,CAACE,WAAA,KAAgBD,cAAA;YAAA,OACZ,GAAGX,CAAA,CAAE,qBAAqBY,WAAA,IAAeZ,CAAA,CAAE,wBAAwBW,cAAA,EAAgB;UAAA;UAAA;QAAA;QAI9FhB,CAAA,MAAAK,CAAA;QAAAL,CAAA,OAAAa,EAAA;MAAA;QAAAA,EAAA,GAAAb,CAAA;MAAA;MAlBFM,EAAA,GAAAC,IAAA,CAAAd,SAAA;QAAAgB,KAAA;UAAAC,IAAA,EAEU;UAAAC,KAAA,EACCN,CAAA,CAAE;UAAAH;QAAA;QAAAU,QAAA,EAGDC;MAYV,C;;;;;;;WAlBFP,E;;;CAwBN","ignoreList":[]}