@payloadcms/next 3.0.0-beta.12 → 3.0.0-beta.121

package/dist/views/LivePreview/index.js

@@ -1,65 +1,78 @@
+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__*/ React.createElement(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 { LivePreviewConfig } from 'payload/config'\nimport type { EditViewComponent, TypeWithID } from 'payload/types'\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: 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: 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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAGA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,WAAW,QAAO;AAEzB,SAASC,iBAAiB,QAAQ,oBAAmB;AAGrD,OAAO,MAAMC,kBAAqC,OAAOC;IACvD,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,oBAAC9B;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/index.scss

@@ -1,66 +1,68 @@
 @import '../../scss/styles.scss';
 
-.live-preview {
-  width: 100%;
-  display: flex;
-  --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.04) 0%, transparent 100%);
+@layer payload-default {
+  .live-preview {
+    width: 100%;
+    display: flex;
+    --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.04) 0%, transparent 100%);
 
-  [dir='rtl'] & {
-    flex-direction: row-reverse;
-  }
+    [dir='rtl'] & {
+      flex-direction: row-reverse;
+    }
 
-  &--popup-open {
-    .live-preview {
-      &__edit {
-        padding-right: var(--gutter-h);
+    &--popup-open {
+      .live-preview {
+        &__edit {
+          padding-right: var(--gutter-h);
+        }
       }
     }
-  }
 
-  &__main {
-    width: 40%;
-    display: flex;
-    flex-direction: column;
-    min-height: 100%;
-    position: relative;
+    &__main {
+      width: 40%;
+      display: flex;
+      flex-direction: column;
+      min-height: 100%;
+      position: relative;
 
-    &--popup-open {
-      width: 100%;
-    }
+      &--popup-open {
+        width: 100%;
+      }
 
-    &::after {
-      content: ' ';
-      position: absolute;
-      top: 0;
-      right: 0;
-      width: calc(var(--base) * 2);
-      height: 100%;
-      background: var(--gradient);
-      pointer-events: none;
-      z-index: -1;
+      &::after {
+        content: ' ';
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: calc(var(--base) * 2);
+        height: 100%;
+        background: var(--gradient);
+        pointer-events: none;
+        z-index: -1;
+      }
     }
-  }
 
-  @include mid-break {
-    flex-direction: column;
+    @include mid-break {
+      flex-direction: column;
 
-    &__main {
-      min-height: initial;
-      width: 100%;
+      &__main {
+        min-height: initial;
+        width: 100%;
 
-      &::after {
-        display: none;
+        &::after {
+          display: none;
+        }
       }
-    }
 
-    &__form {
-      display: block;
+      &__form {
+        display: block;
+      }
     }
   }
-}
 
-html[data-theme='dark'] {
-  .live-preview {
-    --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
+  html[data-theme='dark'] {
+    .live-preview {
+      --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
+    }
   }
 }

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":"AAIA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAA;AAI/E,eAAO,MAAM,gBAAgB,EAAE,wBAuC9B,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,26 +1,16 @@
-import { getTranslation } from '@payloadcms/translations';
-import { meta } from '../../utilities/meta.js';
-export const generateMetadata = async ({ collectionConfig, config, globalConfig, i18n, isEditing })=>{
-    const { t } = i18n;
-    let description = '';
-    let title = '';
-    let keywords = '';
-    if (collectionConfig) {
-        description = `${isEditing ? t('general:editing') : t('general:creating')} - ${getTranslation(collectionConfig.labels.singular, i18n)}`;
-        title = `${isEditing ? t('general:editing') : t('general:creating')} - ${getTranslation(collectionConfig.labels.singular, i18n)}`;
-        keywords = `${getTranslation(collectionConfig.labels.singular, i18n)}, Payload, CMS`;
-    }
-    if (globalConfig) {
-        description = getTranslation(globalConfig.label, i18n);
-        keywords = `${getTranslation(globalConfig.label, i18n)}, Payload, CMS`;
-        title = getTranslation(globalConfig.label, i18n);
-    }
-    return meta({
-        config,
-        description,
-        keywords,
-        title
-    });
-};
-
+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'
+});
 //# 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 { getTranslation } from '@payloadcms/translations'\n\nimport type { GenerateEditViewMetadata } from '../Document/getMetaBySegment.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateMetadata: GenerateEditViewMetadata = async ({\n  collectionConfig,\n  config,\n  globalConfig,\n  i18n,\n  isEditing,\n}): Promise<Metadata> => {\n  const { t } = i18n\n\n  let description: string = ''\n  let title: string = ''\n  let keywords: string = ''\n\n  if (collectionConfig) {\n    description = `${isEditing ? t('general:editing') : t('general:creating')} - ${getTranslation(\n      collectionConfig.labels.singular,\n      i18n,\n    )}`\n\n    title = `${isEditing ? t('general:editing') : t('general:creating')} - ${getTranslation(\n      collectionConfig.labels.singular,\n      i18n,\n    )}`\n\n    keywords = `${getTranslation(collectionConfig.labels.singular, i18n)}, Payload, CMS`\n  }\n\n  if (globalConfig) {\n    description = getTranslation(globalConfig.label, i18n)\n    keywords = `${getTranslation(globalConfig.label, i18n)}, Payload, CMS`\n    title = getTranslation(globalConfig.label, i18n)\n  }\n\n  return meta({\n    config,\n    description,\n    keywords,\n    title,\n  })\n}\n"],"names":["getTranslation","meta","generateMetadata","collectionConfig","config","globalConfig","i18n","isEditing","t","description","title","keywords","labels","singular","label"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,cAAc,QAAQ,2BAA0B;AAIzD,SAASC,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,mBAA6C,OAAO,EAC/DC,gBAAgB,EAChBC,MAAM,EACNC,YAAY,EACZC,IAAI,EACJC,SAAS,EACV;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGF;IAEd,IAAIG,cAAsB;IAC1B,IAAIC,QAAgB;IACpB,IAAIC,WAAmB;IAEvB,IAAIR,kBAAkB;QACpBM,cAAc,CAAC,EAAEF,YAAYC,EAAE,qBAAqBA,EAAE,oBAAoB,GAAG,EAAER,eAC7EG,iBAAiBS,MAAM,CAACC,QAAQ,EAChCP,MACA,CAAC;QAEHI,QAAQ,CAAC,EAAEH,YAAYC,EAAE,qBAAqBA,EAAE,oBAAoB,GAAG,EAAER,eACvEG,iBAAiBS,MAAM,CAACC,QAAQ,EAChCP,MACA,CAAC;QAEHK,WAAW,CAAC,EAAEX,eAAeG,iBAAiBS,MAAM,CAACC,QAAQ,EAAEP,MAAM,cAAc,CAAC;IACtF;IAEA,IAAID,cAAc;QAChBI,cAAcT,eAAeK,aAAaS,KAAK,EAAER;QACjDK,WAAW,CAAC,EAAEX,eAAeK,aAAaS,KAAK,EAAER,MAAM,cAAc,CAAC;QACtEI,QAAQV,eAAeK,aAAaS,KAAK,EAAER;IAC7C;IAEA,OAAOL,KAAK;QACVG;QACAK;QACAE;QACAD;IACF;AACF,EAAC"}
+{"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

@@ -1,3 +1,4 @@
+import type React from 'react';
 export interface PopupMessage {
     searchParams: {
         [key: string]: string | undefined;
@@ -9,11 +10,11 @@ export interface PopupMessage {
 }
 export declare const usePopupWindow: (props: {
     eventType?: string;
-    onMessage?: (searchParams: PopupMessage['searchParams']) => Promise<void>;
+    onMessage?: (searchParams: PopupMessage["searchParams"]) => Promise<void>;
     url: string;
 }) => {
     isPopupOpen: boolean;
     openPopupWindow: () => void;
-    popupRef?: React.MutableRefObject<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":"AAIA,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,QAAQ,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,MAAM,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;CAiHjD,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 { useConfig } from '@payloadcms/ui/providers/Config';
+
+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 { 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