@payloadcms/next 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.10bf491

package/dist/routes/rest/og/image.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/routes/rest/og/image.tsx"],"sourcesContent":["import type { ImportMap, PayloadComponent } from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport React from 'react'\n\nexport const OGImage: React.FC<{\n  description?: string\n  Fallback: React.ComponentType\n  fontFamily?: string\n  Icon: PayloadComponent\n  importMap: ImportMap\n  leader?: string\n  title?: string\n}> = ({\n  description,\n  Fallback,\n  fontFamily = 'Arial, sans-serif',\n  Icon,\n  importMap,\n  leader,\n  title,\n}) => {\n  const IconComponent = RenderServerComponent({\n    clientProps: {\n      fill: 'white',\n    },\n    Component: Icon,\n    Fallback,\n    importMap,\n  })\n  return (\n    <div\n      style={{\n        backgroundColor: '#000',\n        color: '#fff',\n        display: 'flex',\n        flexDirection: 'column',\n        fontFamily,\n        height: '100%',\n        justifyContent: 'space-between',\n        padding: '100px',\n        width: '100%',\n      }}\n    >\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n          flexGrow: 1,\n          fontSize: 50,\n          height: '100%',\n        }}\n      >\n        {leader && (\n          <div\n            style={{\n              fontSize: 30,\n              marginBottom: 10,\n            }}\n          >\n            {leader}\n          </div>\n        )}\n        <p\n          style={{\n            display: '-webkit-box',\n            fontSize: 90,\n            lineHeight: 1,\n            marginBottom: 0,\n            marginTop: 0,\n            textOverflow: 'ellipsis',\n            WebkitBoxOrient: 'vertical',\n            WebkitLineClamp: 2,\n          }}\n        >\n          {title}\n        </p>\n        {description && (\n          <p\n            style={{\n              display: '-webkit-box',\n              flexGrow: 1,\n              fontSize: 30,\n              lineHeight: 1,\n              marginBottom: 0,\n              marginTop: 40,\n              textOverflow: 'ellipsis',\n              WebkitBoxOrient: 'vertical',\n              WebkitLineClamp: 2,\n            }}\n          >\n            {description}\n          </p>\n        )}\n      </div>\n      <div\n        style={{\n          alignItems: 'flex-end',\n          display: 'flex',\n          flexShrink: 0,\n          height: '38px',\n          justifyContent: 'center',\n          width: '38px',\n        }}\n      >\n        {IconComponent}\n      </div>\n    </div>\n  )\n}\n"],"names":["RenderServerComponent","OGImage","description","Fallback","fontFamily","Icon","importMap","leader","title","IconComponent","clientProps","fill","Component","div","style","backgroundColor","color","display","flexDirection","height","justifyContent","padding","width","flexGrow","fontSize","marginBottom","p","lineHeight","marginTop","textOverflow","WebkitBoxOrient","WebkitLineClamp","alignItems","flexShrink"],"mappings":"AAEA,SAASA,qBAAqB,QAAQ,gDAA+C;AAGrF,OAAO,MAAMC,UAQR,CAAC,EACJC,WAAW,EACXC,QAAQ,EACRC,aAAa,mBAAmB,EAChCC,IAAI,EACJC,SAAS,EACTC,MAAM,EACNC,KAAK,EACN;IACC,MAAMC,gBAAgBT,sBAAsB;QAC1CU,aAAa;YACXC,MAAM;QACR;QACAC,WAAWP;QACXF;QACAG;IACF;IACA,QACGO,IACCC,OAAO;QACLC,iBAAiB;QACjBC,OAAO;QACPC,SAAS;QACTC,eAAe;QACfd;QACAe,QAAQ;QACRC,gBAAgB;QAChBC,SAAS;QACTC,OAAO;IACT,GACD;MACC,CAACT,IACCC,OAAO;QACLG,SAAS;QACTC,eAAe;QACfK,UAAU;QACVC,UAAU;QACVL,QAAQ;IACV,GACD;QACC,CAACZ,WACEM,IACCC,OAAO;QACLU,UAAU;QACVC,cAAc;IAChB,GACD;YACC,CAAClB,OAAO;UACV,EAAEM,KACF;QACF,CAACa,EACCZ,OAAO;QACLG,SAAS;QACTO,UAAU;QACVG,YAAY;QACZF,cAAc;QACdG,WAAW;QACXC,cAAc;QACdC,iBAAiB;QACjBC,iBAAiB;IACnB,GACD;UACC,CAACvB,MAAM;QACT,EAAEkB,EAAE;QACJ,CAACxB,gBACEwB,EACCZ,OAAO;QACLG,SAAS;QACTM,UAAU;QACVC,UAAU;QACVG,YAAY;QACZF,cAAc;QACdG,WAAW;QACXC,cAAc;QACdC,iBAAiB;QACjBC,iBAAiB;IACnB,GACD;YACC,CAAC7B,YAAY;UACf,EAAEwB,GACF;MACJ,EAAEb,IAAI;MACN,CAACA,IACCC,OAAO;QACLkB,YAAY;QACZf,SAAS;QACTgB,YAAY;QACZd,QAAQ;QACRC,gBAAgB;QAChBE,OAAO;IACT,GACD;QACC,CAACb,cAAc;MACjB,EAAEI,IAAI;IACR,EAAEA;AAEN,EAAC"}
+{"version":3,"file":"image.js","names":["RenderServerComponent","React","OGImage","description","Fallback","fontFamily","Icon","importMap","leader","title","IconComponent","clientProps","fill","Component","_jsxs","style","backgroundColor","color","display","flexDirection","height","justifyContent","padding","width","flexGrow","fontSize","_jsx","marginBottom","lineHeight","marginTop","textOverflow","WebkitBoxOrient","WebkitLineClamp","alignItems","flexShrink"],"sources":["../../../../src/routes/rest/og/image.tsx"],"sourcesContent":["import type { ImportMap, PayloadComponent } from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport React from 'react'\n\nexport const OGImage: React.FC<{\n  description?: string\n  Fallback: React.ComponentType\n  fontFamily?: string\n  Icon: PayloadComponent\n  importMap: ImportMap\n  leader?: string\n  title?: string\n}> = ({\n  description,\n  Fallback,\n  fontFamily = 'Arial, sans-serif',\n  Icon,\n  importMap,\n  leader,\n  title,\n}) => {\n  const IconComponent = RenderServerComponent({\n    clientProps: {\n      fill: 'white',\n    },\n    Component: Icon,\n    Fallback,\n    importMap,\n  })\n  return (\n    <div\n      style={{\n        backgroundColor: '#000',\n        color: '#fff',\n        display: 'flex',\n        flexDirection: 'column',\n        fontFamily,\n        height: '100%',\n        justifyContent: 'space-between',\n        padding: '100px',\n        width: '100%',\n      }}\n    >\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n          flexGrow: 1,\n          fontSize: 50,\n          height: '100%',\n        }}\n      >\n        {leader && (\n          <div\n            style={{\n              fontSize: 30,\n              marginBottom: 10,\n            }}\n          >\n            {leader}\n          </div>\n        )}\n        <p\n          style={{\n            display: '-webkit-box',\n            fontSize: 90,\n            lineHeight: 1,\n            marginBottom: 0,\n            marginTop: 0,\n            textOverflow: 'ellipsis',\n            WebkitBoxOrient: 'vertical',\n            WebkitLineClamp: 2,\n          }}\n        >\n          {title}\n        </p>\n        {description && (\n          <p\n            style={{\n              display: '-webkit-box',\n              flexGrow: 1,\n              fontSize: 30,\n              lineHeight: 1,\n              marginBottom: 0,\n              marginTop: 40,\n              textOverflow: 'ellipsis',\n              WebkitBoxOrient: 'vertical',\n              WebkitLineClamp: 2,\n            }}\n          >\n            {description}\n          </p>\n        )}\n      </div>\n      <div\n        style={{\n          alignItems: 'flex-end',\n          display: 'flex',\n          flexShrink: 0,\n          height: '38px',\n          justifyContent: 'center',\n          width: '38px',\n        }}\n      >\n        {IconComponent}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";AAEA,SAASA,qBAAqB,QAAQ;AACtC,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,OAAA,GAQRA,CAAC;EACJC,WAAW;EACXC,QAAQ;EACRC,UAAA,GAAa,mBAAmB;EAChCC,IAAI;EACJC,SAAS;EACTC,MAAM;EACNC;AAAK,CACN;EACC,MAAMC,aAAA,GAAgBV,qBAAA,CAAsB;IAC1CW,WAAA,EAAa;MACXC,IAAA,EAAM;IACR;IACAC,SAAA,EAAWP,IAAA;IACXF,QAAA;IACAG;EACF;EACA,oBACEO,KAAA,CAAC;IACCC,KAAA,EAAO;MACLC,eAAA,EAAiB;MACjBC,KAAA,EAAO;MACPC,OAAA,EAAS;MACTC,aAAA,EAAe;MACfd,UAAA;MACAe,MAAA,EAAQ;MACRC,cAAA,EAAgB;MAChBC,OAAA,EAAS;MACTC,KAAA,EAAO;IACT;4BAEAT,KAAA,CAAC;MACCC,KAAA,EAAO;QACLG,OAAA,EAAS;QACTC,aAAA,EAAe;QACfK,QAAA,EAAU;QACVC,QAAA,EAAU;QACVL,MAAA,EAAQ;MACV;iBAECZ,MAAA,iBACCkB,IAAA,CAAC;QACCX,KAAA,EAAO;UACLU,QAAA,EAAU;UACVE,YAAA,EAAc;QAChB;kBAECnB;uBAGLkB,IAAA,CAAC;QACCX,KAAA,EAAO;UACLG,OAAA,EAAS;UACTO,QAAA,EAAU;UACVG,UAAA,EAAY;UACZD,YAAA,EAAc;UACdE,SAAA,EAAW;UACXC,YAAA,EAAc;UACdC,eAAA,EAAiB;UACjBC,eAAA,EAAiB;QACnB;kBAECvB;UAEFN,WAAA,iBACCuB,IAAA,CAAC;QACCX,KAAA,EAAO;UACLG,OAAA,EAAS;UACTM,QAAA,EAAU;UACVC,QAAA,EAAU;UACVG,UAAA,EAAY;UACZD,YAAA,EAAc;UACdE,SAAA,EAAW;UACXC,YAAA,EAAc;UACdC,eAAA,EAAiB;UACjBC,eAAA,EAAiB;QACnB;kBAEC7B;;qBAIPuB,IAAA,CAAC;MACCX,KAAA,EAAO;QACLkB,UAAA,EAAY;QACZf,OAAA,EAAS;QACTgB,UAAA,EAAY;QACZd,MAAA,EAAQ;QACRC,cAAA,EAAgB;QAChBE,KAAA,EAAO;MACT;gBAECb;;;AAIT","ignoreList":[]}

package/dist/routes/rest/og/index.js

@@ -1,61 +1,70 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { PayloadIcon } from '@payloadcms/ui/shared';
 import fs from 'fs/promises';
 import { ImageResponse } from 'next/og.js';
 import path from 'path';
+import React from 'react';
 import { fileURLToPath } from 'url';
 import { OGImage } from './image.js';
 const filename = fileURLToPath(import.meta.url);
 const dirname = path.dirname(filename);
 export const runtime = 'nodejs';
 export const contentType = 'image/png';
-export const generateOGImage = async (req)=>{
-    const config = req.payload.config;
-    if (config.admin.meta.defaultOGImageType === 'off') {
-        return Response.json({
-            error: `Open Graph images are disabled`
-        }, {
-            status: 400
-        });
-    }
+export const generateOGImage = async req => {
+  const config = req.payload.config;
+  if (config.admin.meta.defaultOGImageType === 'off') {
+    return Response.json({
+      error: `Open Graph images are disabled`
+    }, {
+      status: 400
+    });
+  }
+  try {
+    const {
+      searchParams
+    } = new URL(req.url);
+    const hasTitle = searchParams.has('title');
+    const title = hasTitle ? searchParams.get('title')?.slice(0, 100) : '';
+    const hasLeader = searchParams.has('leader');
+    const leader = hasLeader ? searchParams.get('leader')?.slice(0, 100).replace('-', ' ') : '';
+    const description = searchParams.has('description') ? searchParams.get('description') : '';
+    let fontData;
     try {
-        const { searchParams } = new URL(req.url);
-        const hasTitle = searchParams.has('title');
-        const title = hasTitle ? searchParams.get('title')?.slice(0, 100) : '';
-        const hasLeader = searchParams.has('leader');
-        const leader = hasLeader ? searchParams.get('leader')?.slice(0, 100).replace('-', ' ') : '';
-        const description = searchParams.has('description') ? searchParams.get('description') : '';
-        let fontData;
-        try {
-            // TODO: replace with `.woff2` file when supported
-            // See https://github.com/vercel/next.js/issues/63935
-            // Or better yet, use a CDN like Google Fonts if ever supported
-            fontData = fs.readFile(path.join(dirname, 'roboto-regular.woff'));
-        } catch (e) {
-            req.payload.logger.error(`Error reading font file or not readable: ${e.message}`);
-        }
-        const fontFamily = 'Roboto, sans-serif';
-        return new ImageResponse(<OGImage description={description} Fallback={PayloadIcon} fontFamily={fontFamily} Icon={config.admin?.components?.graphics?.Icon} importMap={req.payload.importMap} leader={leader} title={title}/>, {
-            ...fontData ? {
-                fonts: [
-                    {
-                        name: 'Roboto',
-                        data: await fontData,
-                        style: 'normal',
-                        weight: 400
-                    }
-                ]
-            } : {},
-            height: 630,
-            width: 1200
-        });
+      // TODO: replace with `.woff2` file when supported
+      // See https://github.com/vercel/next.js/issues/63935
+      // Or better yet, use a CDN like Google Fonts if ever supported
+      fontData = fs.readFile(path.join(dirname, 'roboto-regular.woff'));
     } catch (e) {
-        req.payload.logger.error(`Error generating Open Graph image: ${e.message}`);
-        return Response.json({
-            error: `Internal Server Error: ${e.message}`
-        }, {
-            status: 500
-        });
+      req.payload.logger.error(`Error reading font file or not readable: ${e.message}`);
     }
+    const fontFamily = 'Roboto, sans-serif';
+    return new ImageResponse(/*#__PURE__*/_jsx(OGImage, {
+      description: description,
+      Fallback: PayloadIcon,
+      fontFamily: fontFamily,
+      Icon: config.admin?.components?.graphics?.Icon,
+      importMap: req.payload.importMap,
+      leader: leader,
+      title: title
+    }), {
+      ...(fontData ? {
+        fonts: [{
+          name: 'Roboto',
+          data: await fontData,
+          style: 'normal',
+          weight: 400
+        }]
+      } : {}),
+      height: 630,
+      width: 1200
+    });
+  } catch (e) {
+    req.payload.logger.error(`Error generating Open Graph image: ${e.message}`);
+    return Response.json({
+      error: `Internal Server Error: ${e.message}`
+    }, {
+      status: 500
+    });
+  }
 };
-
 //# sourceMappingURL=index.js.map

package/dist/routes/rest/og/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/routes/rest/og/index.tsx"],"sourcesContent":["import type { PayloadHandler } from 'payload'\n\nimport { PayloadIcon } from '@payloadcms/ui/shared'\nimport fs from 'fs/promises'\nimport { ImageResponse } from 'next/og.js'\nimport path from 'path'\nimport React from 'react'\nimport { fileURLToPath } from 'url'\n\nimport { OGImage } from './image.js'\n\nconst filename = fileURLToPath(import.meta.url)\nconst dirname = path.dirname(filename)\n\nexport const runtime = 'nodejs'\n\nexport const contentType = 'image/png'\n\nexport const generateOGImage: PayloadHandler = async (req) => {\n  const config = req.payload.config\n\n  if (config.admin.meta.defaultOGImageType === 'off') {\n    return Response.json({ error: `Open Graph images are disabled` }, { status: 400 })\n  }\n\n  try {\n    const { searchParams } = new URL(req.url)\n\n    const hasTitle = searchParams.has('title')\n    const title = hasTitle ? searchParams.get('title')?.slice(0, 100) : ''\n    const hasLeader = searchParams.has('leader')\n    const leader = hasLeader ? searchParams.get('leader')?.slice(0, 100).replace('-', ' ') : ''\n    const description = searchParams.has('description') ? searchParams.get('description') : ''\n\n    let fontData\n\n    try {\n      // TODO: replace with `.woff2` file when supported\n      // See https://github.com/vercel/next.js/issues/63935\n      // Or better yet, use a CDN like Google Fonts if ever supported\n      fontData = fs.readFile(path.join(dirname, 'roboto-regular.woff'))\n    } catch (e) {\n      req.payload.logger.error(`Error reading font file or not readable: ${e.message}`)\n    }\n\n    const fontFamily = 'Roboto, sans-serif'\n\n    return new ImageResponse(\n      (\n        <OGImage\n          description={description}\n          Fallback={PayloadIcon}\n          fontFamily={fontFamily}\n          Icon={config.admin?.components?.graphics?.Icon}\n          importMap={req.payload.importMap}\n          leader={leader}\n          title={title}\n        />\n      ),\n      {\n        ...(fontData\n          ? {\n              fonts: [\n                {\n                  name: 'Roboto',\n                  data: await fontData,\n                  style: 'normal',\n                  weight: 400,\n                },\n              ],\n            }\n          : {}),\n        height: 630,\n        width: 1200,\n      },\n    )\n  } catch (e: any) {\n    req.payload.logger.error(`Error generating Open Graph image: ${e.message}`)\n    return Response.json({ error: `Internal Server Error: ${e.message}` }, { status: 500 })\n  }\n}\n"],"names":["PayloadIcon","fs","ImageResponse","path","fileURLToPath","OGImage","filename","url","dirname","runtime","contentType","generateOGImage","req","config","payload","admin","meta","defaultOGImageType","Response","json","error","status","searchParams","URL","hasTitle","has","title","get","slice","hasLeader","leader","replace","description","fontData","readFile","join","e","logger","message","fontFamily","Fallback","Icon","components","graphics","importMap","fonts","name","data","style","weight","height","width"],"mappings":"AAEA,SAASA,WAAW,QAAQ,wBAAuB;AACnD,OAAOC,QAAQ,cAAa;AAC5B,SAASC,aAAa,QAAQ,aAAY;AAC1C,OAAOC,UAAU,OAAM;AAEvB,SAASC,aAAa,QAAQ,MAAK;AAEnC,SAASC,OAAO,QAAQ,aAAY;AAEpC,MAAMC,WAAWF,cAAc,YAAYG,GAAG;AAC9C,MAAMC,UAAUL,KAAKK,OAAO,CAACF;AAE7B,OAAO,MAAMG,UAAU,SAAQ;AAE/B,OAAO,MAAMC,cAAc,YAAW;AAEtC,OAAO,MAAMC,kBAAkC,OAAOC;IACpD,MAAMC,SAASD,IAAIE,OAAO,CAACD,MAAM;IAEjC,IAAIA,OAAOE,KAAK,CAACC,IAAI,CAACC,kBAAkB,KAAK,OAAO;QAClD,OAAOC,SAASC,IAAI,CAAC;YAAEC,OAAO,CAAC,8BAA8B,CAAC;QAAC,GAAG;YAAEC,QAAQ;QAAI;IAClF;IAEA,IAAI;QACF,MAAM,EAAEC,YAAY,EAAE,GAAG,IAAIC,IAAIX,IAAIL,GAAG;QAExC,MAAMiB,WAAWF,aAAaG,GAAG,CAAC;QAClC,MAAMC,QAAQF,WAAWF,aAAaK,GAAG,CAAC,UAAUC,MAAM,GAAG,OAAO;QACpE,MAAMC,YAAYP,aAAaG,GAAG,CAAC;QACnC,MAAMK,SAASD,YAAYP,aAAaK,GAAG,CAAC,WAAWC,MAAM,GAAG,KAAKG,QAAQ,KAAK,OAAO;QACzF,MAAMC,cAAcV,aAAaG,GAAG,CAAC,iBAAiBH,aAAaK,GAAG,CAAC,iBAAiB;QAExF,IAAIM;QAEJ,IAAI;YACF,kDAAkD;YAClD,qDAAqD;YACrD,+DAA+D;YAC/DA,WAAWhC,GAAGiC,QAAQ,CAAC/B,KAAKgC,IAAI,CAAC3B,SAAS;QAC5C,EAAE,OAAO4B,GAAG;YACVxB,IAAIE,OAAO,CAACuB,MAAM,CAACjB,KAAK,CAAC,CAAC,yCAAyC,EAAEgB,EAAEE,OAAO,EAAE;QAClF;QAEA,MAAMC,aAAa;QAEnB,OAAO,IAAIrC,eAENG,QACC2B,aAAaA,aACbQ,UAAUxC,aACVuC,YAAYA,YACZE,MAAM5B,OAAOE,KAAK,EAAE2B,YAAYC,UAAUF,MAC1CG,WAAWhC,IAAIE,OAAO,CAAC8B,SAAS,EAChCd,QAAQA,QACRJ,OAAOA,UAGX;YACE,GAAIO,WACA;gBACEY,OAAO;oBACL;wBACEC,MAAM;wBACNC,MAAM,MAAMd;wBACZe,OAAO;wBACPC,QAAQ;oBACV;iBACD;YACH,IACA,CAAC,CAAC;YACNC,QAAQ;YACRC,OAAO;QACT;IAEJ,EAAE,OAAOf,GAAQ;QACfxB,IAAIE,OAAO,CAACuB,MAAM,CAACjB,KAAK,CAAC,CAAC,mCAAmC,EAAEgB,EAAEE,OAAO,EAAE;QAC1E,OAAOpB,SAASC,IAAI,CAAC;YAAEC,OAAO,CAAC,uBAAuB,EAAEgB,EAAEE,OAAO,EAAE;QAAC,GAAG;YAAEjB,QAAQ;QAAI;IACvF;AACF,EAAC"}
+{"version":3,"file":"index.js","names":["PayloadIcon","fs","ImageResponse","path","React","fileURLToPath","OGImage","filename","import","meta","url","dirname","runtime","contentType","generateOGImage","req","config","payload","admin","defaultOGImageType","Response","json","error","status","searchParams","URL","hasTitle","has","title","get","slice","hasLeader","leader","replace","description","fontData","readFile","join","e","logger","message","fontFamily","_jsx","Fallback","Icon","components","graphics","importMap","fonts","name","data","style","weight","height","width"],"sources":["../../../../src/routes/rest/og/index.tsx"],"sourcesContent":["import type { PayloadHandler } from 'payload'\n\nimport { PayloadIcon } from '@payloadcms/ui/shared'\nimport fs from 'fs/promises'\nimport { ImageResponse } from 'next/og.js'\nimport path from 'path'\nimport React from 'react'\nimport { fileURLToPath } from 'url'\n\nimport { OGImage } from './image.js'\n\nconst filename = fileURLToPath(import.meta.url)\nconst dirname = path.dirname(filename)\n\nexport const runtime = 'nodejs'\n\nexport const contentType = 'image/png'\n\nexport const generateOGImage: PayloadHandler = async (req) => {\n  const config = req.payload.config\n\n  if (config.admin.meta.defaultOGImageType === 'off') {\n    return Response.json({ error: `Open Graph images are disabled` }, { status: 400 })\n  }\n\n  try {\n    const { searchParams } = new URL(req.url)\n\n    const hasTitle = searchParams.has('title')\n    const title = hasTitle ? searchParams.get('title')?.slice(0, 100) : ''\n    const hasLeader = searchParams.has('leader')\n    const leader = hasLeader ? searchParams.get('leader')?.slice(0, 100).replace('-', ' ') : ''\n    const description = searchParams.has('description') ? searchParams.get('description') : ''\n\n    let fontData\n\n    try {\n      // TODO: replace with `.woff2` file when supported\n      // See https://github.com/vercel/next.js/issues/63935\n      // Or better yet, use a CDN like Google Fonts if ever supported\n      fontData = fs.readFile(path.join(dirname, 'roboto-regular.woff'))\n    } catch (e) {\n      req.payload.logger.error(`Error reading font file or not readable: ${e.message}`)\n    }\n\n    const fontFamily = 'Roboto, sans-serif'\n\n    return new ImageResponse(\n      (\n        <OGImage\n          description={description}\n          Fallback={PayloadIcon}\n          fontFamily={fontFamily}\n          Icon={config.admin?.components?.graphics?.Icon}\n          importMap={req.payload.importMap}\n          leader={leader}\n          title={title}\n        />\n      ),\n      {\n        ...(fontData\n          ? {\n              fonts: [\n                {\n                  name: 'Roboto',\n                  data: await fontData,\n                  style: 'normal',\n                  weight: 400,\n                },\n              ],\n            }\n          : {}),\n        height: 630,\n        width: 1200,\n      },\n    )\n  } catch (e: any) {\n    req.payload.logger.error(`Error generating Open Graph image: ${e.message}`)\n    return Response.json({ error: `Internal Server Error: ${e.message}` }, { status: 500 })\n  }\n}\n"],"mappings":";AAEA,SAASA,WAAW,QAAQ;AAC5B,OAAOC,EAAA,MAAQ;AACf,SAASC,aAAa,QAAQ;AAC9B,OAAOC,IAAA,MAAU;AACjB,OAAOC,KAAA,MAAW;AAClB,SAASC,aAAa,QAAQ;AAE9B,SAASC,OAAO,QAAQ;AAExB,MAAMC,QAAA,GAAWF,aAAA,CAAcG,MAAA,CAAAC,IAAA,CAAYC,GAAG;AAC9C,MAAMC,OAAA,GAAUR,IAAA,CAAKQ,OAAO,CAACJ,QAAA;AAE7B,OAAO,MAAMK,OAAA,GAAU;AAEvB,OAAO,MAAMC,WAAA,GAAc;AAE3B,OAAO,MAAMC,eAAA,GAAkC,MAAOC,GAAA;EACpD,MAAMC,MAAA,GAASD,GAAA,CAAIE,OAAO,CAACD,MAAM;EAEjC,IAAIA,MAAA,CAAOE,KAAK,CAACT,IAAI,CAACU,kBAAkB,KAAK,OAAO;IAClD,OAAOC,QAAA,CAASC,IAAI,CAAC;MAAEC,KAAA,EAAO;IAAiC,GAAG;MAAEC,MAAA,EAAQ;IAAI;EAClF;EAEA,IAAI;IACF,MAAM;MAAEC;IAAY,CAAE,GAAG,IAAIC,GAAA,CAAIV,GAAA,CAAIL,GAAG;IAExC,MAAMgB,QAAA,GAAWF,YAAA,CAAaG,GAAG,CAAC;IAClC,MAAMC,KAAA,GAAQF,QAAA,GAAWF,YAAA,CAAaK,GAAG,CAAC,UAAUC,KAAA,CAAM,GAAG,OAAO;IACpE,MAAMC,SAAA,GAAYP,YAAA,CAAaG,GAAG,CAAC;IACnC,MAAMK,MAAA,GAASD,SAAA,GAAYP,YAAA,CAAaK,GAAG,CAAC,WAAWC,KAAA,CAAM,GAAG,KAAKG,OAAA,CAAQ,KAAK,OAAO;IACzF,MAAMC,WAAA,GAAcV,YAAA,CAAaG,GAAG,CAAC,iBAAiBH,YAAA,CAAaK,GAAG,CAAC,iBAAiB;IAExF,IAAIM,QAAA;IAEJ,IAAI;MACF;MACA;MACA;MACAA,QAAA,GAAWlC,EAAA,CAAGmC,QAAQ,CAACjC,IAAA,CAAKkC,IAAI,CAAC1B,OAAA,EAAS;IAC5C,EAAE,OAAO2B,CAAA,EAAG;MACVvB,GAAA,CAAIE,OAAO,CAACsB,MAAM,CAACjB,KAAK,CAAC,4CAA4CgB,CAAA,CAAEE,OAAO,EAAE;IAClF;IAEA,MAAMC,UAAA,GAAa;IAEnB,OAAO,IAAIvC,aAAA,cAEPwC,IAAA,CAACpC,OAAA;MACC4B,WAAA,EAAaA,WAAA;MACbS,QAAA,EAAU3C,WAAA;MACVyC,UAAA,EAAYA,UAAA;MACZG,IAAA,EAAM5B,MAAA,CAAOE,KAAK,EAAE2B,UAAA,EAAYC,QAAA,EAAUF,IAAA;MAC1CG,SAAA,EAAWhC,GAAA,CAAIE,OAAO,CAAC8B,SAAS;MAChCf,MAAA,EAAQA,MAAA;MACRJ,KAAA,EAAOA;QAGX;MACE,IAAIO,QAAA,GACA;QACEa,KAAA,EAAO,CACL;UACEC,IAAA,EAAM;UACNC,IAAA,EAAM,MAAMf,QAAA;UACZgB,KAAA,EAAO;UACPC,MAAA,EAAQ;QACV;MAEJ,IACA,CAAC,CAAC;MACNC,MAAA,EAAQ;MACRC,KAAA,EAAO;IACT;EAEJ,EAAE,OAAOhB,CAAA,EAAQ;IACfvB,GAAA,CAAIE,OAAO,CAACsB,MAAM,CAACjB,KAAK,CAAC,sCAAsCgB,CAAA,CAAEE,OAAO,EAAE;IAC1E,OAAOpB,QAAA,CAASC,IAAI,CAAC;MAAEC,KAAA,EAAO,0BAA0BgB,CAAA,CAAEE,OAAO;IAAG,GAAG;MAAEjB,MAAA,EAAQ;IAAI;EACvF;AACF","ignoreList":[]}

package/dist/templates/Default/NavHamburger/index.js

@@ -1,8 +1,25 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Hamburger, useNav } from '@payloadcms/ui';
-export const NavHamburger = ()=>{
-    const { navOpen } = useNav();
-    return <Hamburger closeIcon="collapse" isActive={navOpen}/>;
+import React from 'react';
+export const NavHamburger = () => {
+  const $ = _c(2);
+  const {
+    navOpen
+  } = useNav();
+  let t0;
+  if ($[0] !== navOpen) {
+    t0 = _jsx(Hamburger, {
+      closeIcon: "collapse",
+      isActive: navOpen
+    });
+    $[0] = navOpen;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 };
-
 //# sourceMappingURL=index.js.map

package/dist/templates/Default/NavHamburger/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/templates/Default/NavHamburger/index.tsx"],"sourcesContent":["'use client'\nimport { Hamburger, useNav } from '@payloadcms/ui'\nimport React from 'react'\n\nexport const NavHamburger: React.FC = () => {\n  const { navOpen } = useNav()\n  return <Hamburger closeIcon=\"collapse\" isActive={navOpen} />\n}\n"],"names":["Hamburger","useNav","NavHamburger","navOpen","closeIcon","isActive"],"mappings":"AAAA;AACA,SAASA,SAAS,EAAEC,MAAM,QAAQ,iBAAgB;AAGlD,OAAO,MAAMC,eAAyB;IACpC,MAAM,EAAEC,OAAO,EAAE,GAAGF;IACpB,QAAQD,UAAUI,UAAU,WAAWC,UAAUF;AACnD,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","Hamburger","useNav","React","NavHamburger","$","navOpen","t0","_jsx","closeIcon","isActive"],"sources":["../../../../src/templates/Default/NavHamburger/index.tsx"],"sourcesContent":["'use client'\nimport { Hamburger, useNav } from '@payloadcms/ui'\nimport React from 'react'\n\nexport const NavHamburger: React.FC = () => {\n  const { navOpen } = useNav()\n  return <Hamburger closeIcon=\"collapse\" isActive={navOpen} />\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,SAAS,EAAEC,MAAM,QAAQ;AAClC,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,YAAA,GAAyBA,CAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACpC;IAAAM;EAAA,IAAoBJ,MAAA;EAAA,IAAAK,EAAA;EAAA,IAAAF,CAAA,QAAAC,OAAA;IACbC,EAAA,GAAAC,IAAA,CAAAP,SAAA;MAAAQ,SAAA,EAAqB;MAAAC,QAAA,EAAqBJ;IAAA,C;;;;;;SAA1CC,E;CACT","ignoreList":[]}

package/dist/templates/Default/Wrapper/index.js

@@ -1,18 +1,49 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useNav } from '@payloadcms/ui';
-import './index.scss';
-export const Wrapper = (props)=>{
-    const { baseClass, children, className } = props;
-    const { hydrated, navOpen, shouldAnimate } = useNav();
-    return <div className={[
-        baseClass,
-        className,
-        navOpen && `${baseClass}--nav-open`,
-        shouldAnimate && `${baseClass}--nav-animate`,
-        hydrated && `${baseClass}--nav-hydrated`
-    ].filter(Boolean).join(' ')}>
-      {children}
-    </div>;
+import React from 'react';
+export const Wrapper = props => {
+  const $ = _c(9);
+  const {
+    baseClass,
+    children,
+    className
+  } = props;
+  const {
+    hydrated,
+    navOpen,
+    shouldAnimate
+  } = useNav();
+  const t0 = navOpen && `${baseClass}--nav-open`;
+  const t1 = shouldAnimate && `${baseClass}--nav-animate`;
+  const t2 = hydrated && `${baseClass}--nav-hydrated`;
+  let t3;
+  if ($[0] !== baseClass || $[1] !== className || $[2] !== t0 || $[3] !== t1 || $[4] !== t2) {
+    t3 = [baseClass, className, t0, t1, t2].filter(Boolean);
+    $[0] = baseClass;
+    $[1] = className;
+    $[2] = t0;
+    $[3] = t1;
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const t4 = t3.join(" ");
+  let t5;
+  if ($[6] !== children || $[7] !== t4) {
+    t5 = _jsx("div", {
+      className: t4,
+      children
+    });
+    $[6] = children;
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  return t5;
 };
-
 //# sourceMappingURL=index.js.map

package/dist/templates/Default/Wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/templates/Default/Wrapper/index.tsx"],"sourcesContent":["'use client'\nimport { useNav } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\nexport const Wrapper: React.FC<{\n  baseClass?: string\n  children?: React.ReactNode\n  className?: string\n}> = (props) => {\n  const { baseClass, children, className } = props\n  const { hydrated, navOpen, shouldAnimate } = useNav()\n\n  return (\n    <div\n      className={[\n        baseClass,\n        className,\n        navOpen && `${baseClass}--nav-open`,\n        shouldAnimate && `${baseClass}--nav-animate`,\n        hydrated && `${baseClass}--nav-hydrated`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":["useNav","Wrapper","props","baseClass","children","className","hydrated","navOpen","shouldAnimate","div","filter","Boolean","join"],"mappings":"AAAA;AACA,SAASA,MAAM,QAAQ,iBAAgB;AAGvC,OAAO,eAAc;AAErB,OAAO,MAAMC,UAIR,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGH;IAC3C,MAAM,EAAEI,QAAQ,EAAEC,OAAO,EAAEC,aAAa,EAAE,GAAGR;IAE7C,QACGS,IACCJ,WAAW;QACTF;QACAE;QACAE,WAAW,GAAGJ,UAAU,UAAU,CAAC;QACnCK,iBAAiB,GAAGL,UAAU,aAAa,CAAC;QAC5CG,YAAY,GAAGH,UAAU,cAAc,CAAC;KACzC,CACEO,MAAM,CAACC,SACPC,IAAI,CAAC,MACT;MACC,CAACR,SAAS;IACZ,EAAEK;AAEN,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","useNav","React","Wrapper","props","$","baseClass","children","className","hydrated","navOpen","shouldAnimate","t0","t1","t2","t3","filter","Boolean","t4","join","t5","_jsx"],"sources":["../../../../src/templates/Default/Wrapper/index.tsx"],"sourcesContent":["'use client'\nimport { useNav } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\nexport const Wrapper: React.FC<{\n  baseClass?: string\n  children?: React.ReactNode\n  className?: string\n}> = (props) => {\n  const { baseClass, children, className } = props\n  const { hydrated, navOpen, shouldAnimate } = useNav()\n\n  return (\n    <div\n      className={[\n        baseClass,\n        className,\n        navOpen && `${baseClass}--nav-open`,\n        shouldAnimate && `${baseClass}--nav-animate`,\n        hydrated && `${baseClass}--nav-hydrated`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,MAAM,QAAQ;AACvB,OAAOC,KAAA,MAAW;AAIlB,OAAO,MAAMC,OAAA,GAIRC,KAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACH;IAAAM,SAAA;IAAAC,QAAA;IAAAC;EAAA,IAA2CJ,KAAA;EAC3C;IAAAK,QAAA;IAAAC,OAAA;IAAAC;EAAA,IAA6CV,MAAA;EAOvC,MAAAW,EAAA,GAAAF,OAAA,IAAW,GAAGJ,SAAA,YAAqB;EACnC,MAAAO,EAAA,GAAAF,aAAA,IAAiB,GAAGL,SAAA,eAAwB;EAC5C,MAAAQ,EAAA,GAAAL,QAAA,IAAY,GAAGH,SAAA,gBAAyB;EAAA,IAAAS,EAAA;EAAA,IAAAV,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAO,EAAA,IAAAP,CAAA,QAAAQ,EAAA,IAAAR,CAAA,QAAAS,EAAA;IAL/BC,EAAA,IACTT,SAAA,EACAE,SAAA,EACAI,EAAmC,EACnCC,EAA4C,EAC5CC,EAAwC,EAAAE,MAAA,CAAAC,OAEhC;IAAAZ,CAAA,MAAAC,SAAA;IAAAD,CAAA,MAAAG,SAAA;IAAAH,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;IAAAR,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAPC,MAAAa,EAAA,GAAAH,EAOD,CAAAI,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAa,EAAA;IATVE,EAAA,GAAAC,IAAA,CAAC;MAAAb,SAAA,EACYU,EAQH;MAAAX;IAAA,C;;;;;;;SATVa,E;CAcJ","ignoreList":[]}

package/dist/templates/Default/index.js

@@ -1,126 +1,144 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ActionsProvider, AppHeader, BulkUploadProvider, EntityVisibilityProvider, NavToggler } from '@payloadcms/ui';
 import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
-import './index.scss';
 import React from 'react';
 import { DefaultNav } from '../../elements/Nav/index.js';
 import { NavHamburger } from './NavHamburger/index.js';
 import { Wrapper } from './Wrapper/index.js';
 const baseClass = 'template-default';
-export const DefaultTemplate = ({ children, className, collectionSlug, docID, documentSubViewType, globalSlug, i18n, locale, params, payload, permissions, req, searchParams, user, viewActions, viewType, visibleEntities })=>{
-    const { admin: { avatar, components, components: { header: CustomHeader, Nav: CustomNav } = {
+export const DefaultTemplate = ({
+  children,
+  className,
+  collectionSlug,
+  docID,
+  documentSubViewType,
+  globalSlug,
+  i18n,
+  locale,
+  params,
+  payload,
+  permissions,
+  req,
+  searchParams,
+  user,
+  viewActions,
+  viewType,
+  visibleEntities
+}) => {
+  const {
+    admin: {
+      avatar,
+      components,
+      components: {
+        header: CustomHeader,
+        Nav: CustomNav
+      } = {
         header: undefined,
         Nav: undefined
-    } } = {} } = payload.config || {};
-    const clientProps = React.useMemo(()=>{
-        return {
-            documentSubViewType,
-            viewType,
-            visibleEntities
-        };
-    }, [
-        documentSubViewType,
-        viewType,
-        visibleEntities
-    ]);
-    const serverProps = React.useMemo(()=>({
-            collectionSlug,
-            docID,
-            globalSlug,
-            i18n,
-            locale,
-            params,
-            payload,
-            permissions,
-            req,
-            searchParams,
-            user
-        }), [
-        i18n,
-        locale,
-        params,
-        payload,
-        permissions,
-        searchParams,
-        user,
-        globalSlug,
-        collectionSlug,
-        docID,
-        req
-    ]);
-    const { Actions } = React.useMemo(()=>{
-        return {
-            Actions: viewActions ? viewActions.reduce((acc, action)=>{
-                if (action) {
-                    if (typeof action === 'object') {
-                        acc[action.path] = RenderServerComponent({
-                            clientProps,
-                            Component: action,
-                            importMap: payload.importMap,
-                            serverProps
-                        });
-                    } else {
-                        acc[action] = RenderServerComponent({
-                            clientProps,
-                            Component: action,
-                            importMap: payload.importMap,
-                            serverProps
-                        });
-                    }
-                }
-                return acc;
-            }, {}) : undefined
-        };
-    }, [
-        payload,
-        serverProps,
-        viewActions,
-        clientProps
-    ]);
-    const NavComponent = RenderServerComponent({
-        clientProps,
-        Component: CustomNav,
-        Fallback: DefaultNav,
-        importMap: payload.importMap,
-        serverProps
-    });
-    return <EntityVisibilityProvider visibleEntities={visibleEntities}>
-      <BulkUploadProvider drawerSlugPrefix={collectionSlug}>
-        <ActionsProvider Actions={Actions}>
-          {RenderServerComponent({
-        clientProps,
-        Component: CustomHeader,
-        importMap: payload.importMap,
-        serverProps
-    })}
-          <div style={{
-        position: 'relative'
-    }}>
-            <div className={`${baseClass}__nav-toggler-wrapper`} id="nav-toggler">
-              <div className={`${baseClass}__nav-toggler-container`} id="nav-toggler">
-                <NavToggler className={`${baseClass}__nav-toggler`}>
-                  <NavHamburger/>
-                </NavToggler>
-              </div>
-            </div>
-            <Wrapper baseClass={baseClass} className={className}>
-              {NavComponent}
-              <div className={`${baseClass}__wrap`}>
-                <AppHeader CustomAvatar={avatar !== 'gravatar' && avatar !== 'default' ? RenderServerComponent({
-        Component: avatar.Component,
-        importMap: payload.importMap,
-        serverProps
-    }) : undefined} CustomIcon={components?.graphics?.Icon ? RenderServerComponent({
-        Component: components.graphics.Icon,
-        importMap: payload.importMap,
-        serverProps
-    }) : undefined}/>
-                {children}
-              </div>
-            </Wrapper>
-          </div>
-        </ActionsProvider>
-      </BulkUploadProvider>
-    </EntityVisibilityProvider>;
+      }
+    } = {}
+  } = payload.config || {};
+  const clientProps = React.useMemo(() => {
+    return {
+      documentSubViewType,
+      viewType,
+      visibleEntities
+    };
+  }, [documentSubViewType, viewType, visibleEntities]);
+  const serverProps = React.useMemo(() => ({
+    collectionSlug,
+    docID,
+    globalSlug,
+    i18n,
+    locale,
+    params,
+    payload,
+    permissions,
+    req,
+    searchParams,
+    user
+  }), [i18n, locale, params, payload, permissions, searchParams, user, globalSlug, collectionSlug, docID, req]);
+  const {
+    Actions
+  } = React.useMemo(() => {
+    return {
+      Actions: viewActions ? viewActions.reduce((acc, action) => {
+        if (action) {
+          if (typeof action === 'object') {
+            acc[action.path] = RenderServerComponent({
+              clientProps,
+              Component: action,
+              importMap: payload.importMap,
+              serverProps
+            });
+          } else {
+            acc[action] = RenderServerComponent({
+              clientProps,
+              Component: action,
+              importMap: payload.importMap,
+              serverProps
+            });
+          }
+        }
+        return acc;
+      }, {}) : undefined
+    };
+  }, [payload, serverProps, viewActions, clientProps]);
+  const NavComponent = RenderServerComponent({
+    clientProps,
+    Component: CustomNav,
+    Fallback: DefaultNav,
+    importMap: payload.importMap,
+    serverProps
+  });
+  return /*#__PURE__*/_jsx(EntityVisibilityProvider, {
+    visibleEntities: visibleEntities,
+    children: /*#__PURE__*/_jsx(BulkUploadProvider, {
+      drawerSlugPrefix: collectionSlug,
+      children: /*#__PURE__*/_jsxs(ActionsProvider, {
+        Actions: Actions,
+        children: [RenderServerComponent({
+          clientProps,
+          Component: CustomHeader,
+          importMap: payload.importMap,
+          serverProps
+        }), /*#__PURE__*/_jsxs("div", {
+          style: {
+            position: 'relative'
+          },
+          children: [/*#__PURE__*/_jsx("div", {
+            className: `${baseClass}__nav-toggler-wrapper`,
+            id: "nav-toggler",
+            children: /*#__PURE__*/_jsx("div", {
+              className: `${baseClass}__nav-toggler-container`,
+              id: "nav-toggler",
+              children: /*#__PURE__*/_jsx(NavToggler, {
+                className: `${baseClass}__nav-toggler`,
+                children: /*#__PURE__*/_jsx(NavHamburger, {})
+              })
+            })
+          }), /*#__PURE__*/_jsxs(Wrapper, {
+            baseClass: baseClass,
+            className: className,
+            children: [NavComponent, /*#__PURE__*/_jsxs("div", {
+              className: `${baseClass}__wrap`,
+              children: [/*#__PURE__*/_jsx(AppHeader, {
+                CustomAvatar: avatar !== 'gravatar' && avatar !== 'default' ? RenderServerComponent({
+                  Component: avatar.Component,
+                  importMap: payload.importMap,
+                  serverProps
+                }) : undefined,
+                CustomIcon: components?.graphics?.Icon ? RenderServerComponent({
+                  Component: components.graphics.Icon,
+                  importMap: payload.importMap,
+                  serverProps
+                }) : undefined
+              }), children]
+            })]
+          })]
+        })]
+      })
+    })
+  });
 };
-
 //# sourceMappingURL=index.js.map

package/dist/templates/Default/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/templates/Default/index.tsx"],"sourcesContent":["import type {\n  CustomComponent,\n  DocumentSubViewTypes,\n  PayloadRequest,\n  ServerProps,\n  ViewTypes,\n  VisibleEntities,\n} from 'payload'\n\nimport {\n  ActionsProvider,\n  AppHeader,\n  BulkUploadProvider,\n  EntityVisibilityProvider,\n  NavToggler,\n} from '@payloadcms/ui'\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\n\nimport './index.scss'\n\nimport React from 'react'\n\nimport { DefaultNav } from '../../elements/Nav/index.js'\nimport { NavHamburger } from './NavHamburger/index.js'\nimport { Wrapper } from './Wrapper/index.js'\n\nconst baseClass = 'template-default'\n\nexport type DefaultTemplateProps = {\n  children?: React.ReactNode\n  className?: string\n  collectionSlug?: string\n  docID?: number | string\n  documentSubViewType?: DocumentSubViewTypes\n  globalSlug?: string\n  req?: PayloadRequest\n  viewActions?: CustomComponent[]\n  viewType?: ViewTypes\n  visibleEntities: VisibleEntities\n} & ServerProps\n\nexport const DefaultTemplate: React.FC<DefaultTemplateProps> = ({\n  children,\n  className,\n  collectionSlug,\n  docID,\n  documentSubViewType,\n  globalSlug,\n  i18n,\n  locale,\n  params,\n  payload,\n  permissions,\n  req,\n  searchParams,\n  user,\n  viewActions,\n  viewType,\n  visibleEntities,\n}) => {\n  const {\n    admin: {\n      avatar,\n      components,\n      components: { header: CustomHeader, Nav: CustomNav } = {\n        header: undefined,\n        Nav: undefined,\n      },\n    } = {},\n  } = payload.config || {}\n\n  const clientProps = React.useMemo(() => {\n    return {\n      documentSubViewType,\n      viewType,\n      visibleEntities,\n    }\n  }, [documentSubViewType, viewType, visibleEntities])\n\n  const serverProps = React.useMemo<ServerProps>(\n    () => ({\n      collectionSlug,\n      docID,\n      globalSlug,\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      req,\n      searchParams,\n      user,\n    }),\n    [\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      searchParams,\n      user,\n      globalSlug,\n      collectionSlug,\n      docID,\n      req,\n    ],\n  )\n\n  const { Actions } = React.useMemo<{\n    Actions: Record<string, React.ReactNode>\n  }>(() => {\n    return {\n      Actions: viewActions\n        ? viewActions.reduce((acc, action) => {\n            if (action) {\n              if (typeof action === 'object') {\n                acc[action.path] = RenderServerComponent({\n                  clientProps,\n                  Component: action,\n                  importMap: payload.importMap,\n                  serverProps,\n                })\n              } else {\n                acc[action] = RenderServerComponent({\n                  clientProps,\n                  Component: action,\n                  importMap: payload.importMap,\n                  serverProps,\n                })\n              }\n            }\n\n            return acc\n          }, {})\n        : undefined,\n    }\n  }, [payload, serverProps, viewActions, clientProps])\n\n  const NavComponent = RenderServerComponent({\n    clientProps,\n    Component: CustomNav,\n    Fallback: DefaultNav,\n    importMap: payload.importMap,\n    serverProps,\n  })\n\n  return (\n    <EntityVisibilityProvider visibleEntities={visibleEntities}>\n      <BulkUploadProvider drawerSlugPrefix={collectionSlug}>\n        <ActionsProvider Actions={Actions}>\n          {RenderServerComponent({\n            clientProps,\n            Component: CustomHeader,\n            importMap: payload.importMap,\n            serverProps,\n          })}\n          <div style={{ position: 'relative' }}>\n            <div className={`${baseClass}__nav-toggler-wrapper`} id=\"nav-toggler\">\n              <div className={`${baseClass}__nav-toggler-container`} id=\"nav-toggler\">\n                <NavToggler className={`${baseClass}__nav-toggler`}>\n                  <NavHamburger />\n                </NavToggler>\n              </div>\n            </div>\n            <Wrapper baseClass={baseClass} className={className}>\n              {NavComponent}\n              <div className={`${baseClass}__wrap`}>\n                <AppHeader\n                  CustomAvatar={\n                    avatar !== 'gravatar' && avatar !== 'default'\n                      ? RenderServerComponent({\n                          Component: avatar.Component,\n                          importMap: payload.importMap,\n                          serverProps,\n                        })\n                      : undefined\n                  }\n                  CustomIcon={\n                    components?.graphics?.Icon\n                      ? RenderServerComponent({\n                          Component: components.graphics.Icon,\n                          importMap: payload.importMap,\n                          serverProps,\n                        })\n                      : undefined\n                  }\n                />\n                {children}\n              </div>\n            </Wrapper>\n          </div>\n        </ActionsProvider>\n      </BulkUploadProvider>\n    </EntityVisibilityProvider>\n  )\n}\n"],"names":["ActionsProvider","AppHeader","BulkUploadProvider","EntityVisibilityProvider","NavToggler","RenderServerComponent","React","DefaultNav","NavHamburger","Wrapper","baseClass","DefaultTemplate","children","className","collectionSlug","docID","documentSubViewType","globalSlug","i18n","locale","params","payload","permissions","req","searchParams","user","viewActions","viewType","visibleEntities","admin","avatar","components","header","CustomHeader","Nav","CustomNav","undefined","config","clientProps","useMemo","serverProps","Actions","reduce","acc","action","path","Component","importMap","NavComponent","Fallback","drawerSlugPrefix","div","style","position","id","CustomAvatar","CustomIcon","graphics","Icon"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ActionsProvider","AppHeader","BulkUploadProvider","EntityVisibilityProvider","NavToggler","RenderServerComponent","React","DefaultNav","NavHamburger","Wrapper","baseClass","DefaultTemplate","children","className","collectionSlug","docID","documentSubViewType","globalSlug","i18n","locale","params","payload","permissions","req","searchParams","user","viewActions","viewType","visibleEntities","admin","avatar","components","header","CustomHeader","Nav","CustomNav","undefined","config","clientProps","useMemo","serverProps","Actions","reduce","acc","action","path","Component","importMap","NavComponent","Fallback","_jsx","drawerSlugPrefix","_jsxs","style","position","id","CustomAvatar","CustomIcon","graphics","Icon"],"sources":["../../../src/templates/Default/index.tsx"],"sourcesContent":["import type {\n  CustomComponent,\n  DocumentSubViewTypes,\n  PayloadRequest,\n  ServerProps,\n  ViewTypes,\n  VisibleEntities,\n} from 'payload'\n\nimport {\n  ActionsProvider,\n  AppHeader,\n  BulkUploadProvider,\n  EntityVisibilityProvider,\n  NavToggler,\n} from '@payloadcms/ui'\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\n\nimport './index.scss'\n\nimport React from 'react'\n\nimport { DefaultNav } from '../../elements/Nav/index.js'\nimport { NavHamburger } from './NavHamburger/index.js'\nimport { Wrapper } from './Wrapper/index.js'\n\nconst baseClass = 'template-default'\n\nexport type DefaultTemplateProps = {\n  children?: React.ReactNode\n  className?: string\n  collectionSlug?: string\n  docID?: number | string\n  documentSubViewType?: DocumentSubViewTypes\n  globalSlug?: string\n  req?: PayloadRequest\n  viewActions?: CustomComponent[]\n  viewType?: ViewTypes\n  visibleEntities: VisibleEntities\n} & ServerProps\n\nexport const DefaultTemplate: React.FC<DefaultTemplateProps> = ({\n  children,\n  className,\n  collectionSlug,\n  docID,\n  documentSubViewType,\n  globalSlug,\n  i18n,\n  locale,\n  params,\n  payload,\n  permissions,\n  req,\n  searchParams,\n  user,\n  viewActions,\n  viewType,\n  visibleEntities,\n}) => {\n  const {\n    admin: {\n      avatar,\n      components,\n      components: { header: CustomHeader, Nav: CustomNav } = {\n        header: undefined,\n        Nav: undefined,\n      },\n    } = {},\n  } = payload.config || {}\n\n  const clientProps = React.useMemo(() => {\n    return {\n      documentSubViewType,\n      viewType,\n      visibleEntities,\n    }\n  }, [documentSubViewType, viewType, visibleEntities])\n\n  const serverProps = React.useMemo<ServerProps>(\n    () => ({\n      collectionSlug,\n      docID,\n      globalSlug,\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      req,\n      searchParams,\n      user,\n    }),\n    [\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      searchParams,\n      user,\n      globalSlug,\n      collectionSlug,\n      docID,\n      req,\n    ],\n  )\n\n  const { Actions } = React.useMemo<{\n    Actions: Record<string, React.ReactNode>\n  }>(() => {\n    return {\n      Actions: viewActions\n        ? viewActions.reduce((acc, action) => {\n            if (action) {\n              if (typeof action === 'object') {\n                acc[action.path] = RenderServerComponent({\n                  clientProps,\n                  Component: action,\n                  importMap: payload.importMap,\n                  serverProps,\n                })\n              } else {\n                acc[action] = RenderServerComponent({\n                  clientProps,\n                  Component: action,\n                  importMap: payload.importMap,\n                  serverProps,\n                })\n              }\n            }\n\n            return acc\n          }, {})\n        : undefined,\n    }\n  }, [payload, serverProps, viewActions, clientProps])\n\n  const NavComponent = RenderServerComponent({\n    clientProps,\n    Component: CustomNav,\n    Fallback: DefaultNav,\n    importMap: payload.importMap,\n    serverProps,\n  })\n\n  return (\n    <EntityVisibilityProvider visibleEntities={visibleEntities}>\n      <BulkUploadProvider drawerSlugPrefix={collectionSlug}>\n        <ActionsProvider Actions={Actions}>\n          {RenderServerComponent({\n            clientProps,\n            Component: CustomHeader,\n            importMap: payload.importMap,\n            serverProps,\n          })}\n          <div style={{ position: 'relative' }}>\n            <div className={`${baseClass}__nav-toggler-wrapper`} id=\"nav-toggler\">\n              <div className={`${baseClass}__nav-toggler-container`} id=\"nav-toggler\">\n                <NavToggler className={`${baseClass}__nav-toggler`}>\n                  <NavHamburger />\n                </NavToggler>\n              </div>\n            </div>\n            <Wrapper baseClass={baseClass} className={className}>\n              {NavComponent}\n              <div className={`${baseClass}__wrap`}>\n                <AppHeader\n                  CustomAvatar={\n                    avatar !== 'gravatar' && avatar !== 'default'\n                      ? RenderServerComponent({\n                          Component: avatar.Component,\n                          importMap: payload.importMap,\n                          serverProps,\n                        })\n                      : undefined\n                  }\n                  CustomIcon={\n                    components?.graphics?.Icon\n                      ? RenderServerComponent({\n                          Component: components.graphics.Icon,\n                          importMap: payload.importMap,\n                          serverProps,\n                        })\n                      : undefined\n                  }\n                />\n                {children}\n              </div>\n            </Wrapper>\n          </div>\n        </ActionsProvider>\n      </BulkUploadProvider>\n    </EntityVisibilityProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}